first commit

历届学生/font-end-nine/项目练习/学生项目/杨锐/6.2作业/css/bu.css

@@ -0,0 +1,148 @@
+.root {
+    width: 100%;
+
+}
+
+.mian {
+    width: 950px;
+    margin: 0 auto;
+    margin-top: 10px;
+}
+
+.title {
+    width: 655px;
+    font-size: 15px;
+    color: #072;
+    margin: 0 0 12px 0;
+   line-height: 150%;
+}
+
+.title span {
+    font-size: 10px;
+    color: #666666;
+}
+.content {
+    width: 950px;
+    height: 510px;
+}
+.content .content_l { 
+    width: 655px;
+}
+.content .content_l .picture { 
+    width: 360px;
+    margin: -10px 0 0 -10px;
+}
+.content .content_l .picture li {
+    float: left;
+    margin: 10px 0 0 10px;
+}
+.content .content_l .picture li img { 
+    width: 170px;
+    height: 170px;
+}
+.content .content_l .picture li .text {
+    font-size: 12px;
+    color: #37a;
+ }
+.content .content_l .picture li .text span {
+    color: #999;
+ }
+ .content .content_l .list {
+     width: 275px;
+     float: right;
+ }
+
+ .content .content_l .list .first{
+
+
+ }
+ .content .content_l .list li a{
+    color: #37a;
+ }
+ .content .content_l .list .first .mm {
+    color: #999;
+}
+ .content .content_l .list .first p{
+    color: #666;
+    line-height: 1.62;
+    margin-bottom: 15px;
+ }
+
+ .content .content_l .list li{
+    font-size: 12px;
+    margin: 10px 0 0 10px;
+ }
+
+
+ .content .content_r {
+     width: 265px;
+ }
+ .content .content_r .guanggao{
+    width: 250px;
+    height: 120px;
+    position: relative;
+ }
+ .content .content_r .guanggao img{
+     width: 250px;
+     height: 120px;
+ 
+ }
+ .content .content_r .guanggao .dingwei{
+     width: 32px;
+     height: 20px;
+    font-size: 12px;
+    position: absolute;
+    color: rgb(255, 255, 255);
+    line-height: 20px;
+    text-align: center;
+    background-color: rgba(0, 0, 0, 0.3);
+    right: 0px;
+    bottom: 0px;
+ }
+
+ .content .content_r .button {
+    margin-bottom: 30px;
+ }
+ .content .content_r .button .hot{
+    font-size: 15px;
+    color: #072;
+    margin: 0 0 12px 0;
+    line-height: 150%;
+ }
+ .content .content_r .button .hot span{
+    font-size: 12px ;
+    line-height: 150%;
+    color: #666666;
+ }
+ .content .content_r .button .news {
+    margin-top: -4px;
+ }
+ .content .content_r .button .news li {
+     font-size: 12px;
+    margin-top: 10px;
+}
+ .content .content_r .button .news li a {
+    color: #37a;
+    margin-bottom: 6px;
+    font-size: 14px;
+    line-height: 1.3;
+ }
+ .content .content_r .button .news li .liulan {
+    margin-bottom: 15px;
+    font-size: 13px;
+    line-height: 1;
+    color: #aaaaaa;
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+