first commit

历届学生/fontendsix/项目练习/学生项目/王安民/10-22/css/task3.css

@@ -0,0 +1,236 @@
+body {
+  background: #f5f5f5;
+}
+.new_content li {
+  width: 352px;
+  height: 41px;
+  line-height: 41px;
+  font-size: 14px;
+  color: #3d3d3d;
+}
+.new {
+  width: 1200px;
+  height: 1151px;
+}
+a {
+  color: #333333;
+}
+
+a:hover {
+  color: #bf0614;
+}
+.new_content {
+  width: 1200px;
+  height: 986px;
+}
+.new_title {
+  height: 60px;
+  margin-bottom: 5px;
+  color: #000;
+  font-size: 30px;
+}
+.new_left {
+  width: 780px;
+  height: 980px;
+  float: left;
+}
+.new_left_top {
+  height: 131px;
+  margin-bottom: 20px;
+  background-color: #fff;
+  padding-left: 20px;
+}
+
+.new_left_top h2 {
+  font-size: 26px;
+  padding: 19px 15px 10px 15px;
+  line-height: 52px;
+}
+
+.new_left_top li {
+  float: left;
+  font-size: 16px;
+  padding: 0 10px;
+  margin-right: 20px;
+  width: 340px;
+  height: 30px;
+  line-height: 30px;
+}
+
+.new_left_top div {
+  float: left;
+  width: 70px;
+  height: 30px;
+  line-height: 30px;
+  background: #bf0614;
+  margin-right: 10px;
+  text-align: center;
+  color: #fff;
+}
+.Social_news {
+    overflow: hidden;
+}
+.Social_news_right {
+    height: 400px;
+    float: right;
+}
+
+.new_art {
+  width: 340px;
+  background-color: #fff;
+  padding: 5px 20px;
+  margin-bottom: 20px;
+}
+
+.tp img{
+  width: 184px;
+  height: 106px;
+}
+
+.tp li {
+  width: 185px;
+  height: 225px;
+  float: left;
+  margin-right:10px ;
+  background-color: #fff;
+}
+.tp li:last-child {
+  margin-right:0px ;
+}
+.tp {
+  width: 380px;
+  height: 245px;
+  overflow: hidden;
+
+}
+.tp p {
+  line-height: 16px;
+  margin-left: 10px;
+}
+
+.tp span {
+  display: inline-block;
+  margin-left: 10px;
+  margin-top: 28px;
+}
+.international_news {
+  overflow: hidden;
+}
+.international_news .new_art {
+  height: 215px;
+}
+.hot {
+  margin-top: 37px;
+}
+.hot_title {
+  background-image:url(http://p5.img.cctvpic.com/photoAlbum/page/performance/img/2020/11/5/1604566761484_154.png);
+  width: 780px;
+  height: 60px;
+  background-repeat: no-repeat;
+}
+
+.hot_title h2 {
+  margin-left: 20px;
+  font-weight: 600;
+  float: left;
+}
+.hot_title ul {
+  width: 260px;
+  height: 50px;
+  float: right;
+}
+.hot_title li {
+    float: left;
+    margin-left: 25px;
+    width: 60px;
+    height: 24px;
+}
+
+.turn_img {
+  overflow: hidden;
+  position: relative;
+  width: 780px;
+  height: 80px;
+  background-color: #666;
+}
+
+.turn_img li {
+  width: 180px;
+  height: 80px;
+  float: left;
+  margin-right: 17px;
+
+}
+
+.turn_img li:last-child {
+  margin-right: 0px;
+}
+
+.turn_img1 {
+  position: absolute;
+  top: 0;
+  right: 100%;
+  height: 80px;
+}
+
+.turn_img li:hover .turn_img1 {
+  right: 0;
+  transition:1s
+}
+
+.red_d {
+  float: left;
+  width: 70px;
+  height: 30px;
+  line-height: 30px;
+  background: #bf0614;
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  margin-right: 10px;
+  text-align: center;
+  color: #fff;
+}
+
+.new_right {
+  width: 400px;
+  height: 986px;
+  float: right;
+}
+
+.new_right_top {
+  width: 380px;
+  height: 707px;
+  background-color: #fff;
+  padding: 10px;
+}
+
+.new_right_top_right {
+  width: 200px;
+  height: 86px;
+  margin-left: 21px;
+  float: left;
+  position: relative;
+  line-height: 22px;
+}
+
+.new_right_top_right a {
+  height: 40px;
+}
+.new_right_top img {
+  width: 154px;
+  height: 86px;
+  float: left;
+}
+
+.new_right_top li{
+  width: 380px;
+  height: 101px;
+}
+
+.new_right_top_right a {
+  display: inline-block;
+  margin-bottom: 10px;
+}
+.dt {
+  margin-top: 20px;
+}