@charset "utf-8"; #news #bd, body { position: relative; } #ft, #news #sidebar { position: absolute; left: 0; bottom: 0; } body { padding-bottom: 67px; } #container { width: 933px; margin: 0 auto; } #logo { overflow: visible; width: 294px; height: 67px; white-space: nowrap; font-size: 28px; color: #60C691; font-weight: 700; line-height: 60px; padding: 15px 120px 15px 20px; text-indent: 305px; background: 20px center no-repeat; } #banner { width: 933px; height: 164px; margin-bottom: 15px; background: url(../img/banner-inner.png); } .crumb { margin-bottom: 30px; padding-left: 3px; line-height: 1.8; border-bottom: 2px solid #3BA683; } .crumb a { color: #333; text-decoration: none; } .crumb .division { margin: 0 5px; font-weight: 700; } .article { padding: 0 35px; margin-bottom: 40px; } .article__title { margin-bottom: 15px; line-height: 1; text-align: center; font-size: 18px; } .atricle__subtitle { margin-bottom: 20px; padding-bottom: 18px; line-height: 1; text-align: center; font-size: 12px; color: #a5a5a5; border-bottom: 1px dashed #a5a5a5; } .atricle__subtitle label { margin-left: 12px; } .atricle__subtitle label:first-child { margin-left: 0; } .article__content { margin-bottom: 10px; color: #555; line-height: 2; } .article__content p { margin-bottom: 25px; } #ft { right: 0; height: 50px; padding-top: 12px; color: #999; text-align: center; border-top: 5px solid #AAE0C2; background-color: #F2F2F2; } #news #banner { margin-bottom: 10px; } #news #main { display: none; } #news #bd { height: 600px; padding-left: 243px; } #news #sidebar { top: 0; width: 220px; background-color: #F6F6F6; } #news .crumb { margin-bottom: 5px; } .classification__hd { height: 27px; padding-left: 15px; font-size: 16px; line-height: 38px; color: #fff; font-weight: 700; overflow: hidden; background-color: #56C48D; border-radius: 50px 50px 0 0; } .classification__bd ul { width: 164px; margin: 0 auto; border-bottom: 1px solid #fff; } .classification__bd ul li { cursor: pointer; height: 38px; line-height: 44px; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; } .classification__bd ul li:first-child { border-top: 0; } .classification__bd ul li .styleImage { position: relative; top: 2px; margin: 0 8px; display: inline-block; width: 13px; height: 13px; background: url(../img/icon.png); } .articles { margin-bottom: 28px; } .articles li { overflow: hidden; height: 34px; padding: 0 8px; line-height: 38px; border-bottom: 1px dashed #B9B9B9; } .articles li a { cursor: pointer; float: left; max-width: 500px; white-space: nowrap; text-overflow: ellipsis; color: #333; text-decoration: none; } .articles li a:hover { color: #56C48D; } .articles li .styleImage { float: left; width: 16px; height: 16px; margin-top: 10px; background: url(../img/arrow.png) center center no-repeat; } .articles li .time { float: right; color: #999; font-size: 12px; } .ul-li-add { color: #fff; background: #3c413f; } .b-review { text-align: center; } .goback { cursor: pointer; } .detail_fj_title { font-size: 16px; color: #000; font-weight: bold; margin: 0 10px 10px 0; } .detail_fj_name { margin-right: 5px; } .detail_fj_div { display: block; margin-bottom: 10px; } .detail_fj_div_img { margin-left: 50px; }