.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; }