.news-main{ border-bottom:1px solid #bbb; overflow: hidden; padding-bottom: 25px; } .news-main h2{ font-size: 1.75em; line-height: 1.3; letter-spacing: -2px; } .news-main .newsCont{ padding:0 20px 20px 20px; } .newsCont p{ padding:10px 0; } .newsCont h2 a:hover, .newsCont ul li a:hover,.news-list .tag a:hover { color: #0BCAC4; } .news-main ul li{ padding-left: 15px; padding-bottom: 7px; font-size: 0.95em; font-weight: bold; background: url('../img/ic-relative.gif') no-repeat left 8px; } .news-list{ overflow: hidden; clear: both; border-bottom: 1px solid #eaeaea; padding: 20px 0; } .news-list h2{ font-size: 1.2em; letter-spacing: -2px; padding-top:3px; } .news-list p a{ color: #767676; } .news-list .tag a{ font-weight: bold; padding-right: 10px; color: #2bbec6; font-size: 0.9em; } .newsHome{ padding:20px 0 25px 0; border-bottom: 1px solid #eaeaea; overflow: hidden; clear: both; } .newsHome:last-child{ border-bottom: none; padding-bottom: 30px; } .newsHome .title{ font-weight: bold; font-size: 1.1em; padding-bottom: 20px; } .newsHome .newsHomeBox{ clear: both; margin-left: 0; overflow: hidden; } .newsHome .newsHomeBox .newsPhoto{ float: left; width: 315px; padding-right: 25px; } .newsHome .newsPhoto img{ width: 100%; max-height: 175px; } .newsHome .newsPhoto .caption{ clear: both; font-size: 0.89em; padding-top: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsHome .newsHomeBox ul li{ padding-bottom: 8px; font-weight: bold; } /**Sidebar**/ .sidebar a:hover{ color: #0BCAC4; } .row-header{ position: relative; overflow: hidden; } .row-header h2{ float: left; } .row-header .viewall{ float: right; } .rank-list li{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .recommend{ clear: both; overflow: hidden; padding-top: 18px; } .recommend h4{ font-size: 1em; padding-bottom: 10px; } .recommend ul{ padding: 13px; border:1px solid #ddd; } .recommend ul li{ font-size: 0.9em; overflow: hidden; } .recommend ul li:first-child{ border-bottom: 1px solid #ddd; padding-bottom: 13px; margin-bottom: 10px; } .recommend .art-img{ cursor: pointer; width:62px; height:62px; float: left; margin-right: 10px; } .recommend .tit{ color: #0BCAC4; } .realtime-rank{ padding: 20px 0 10px 0; } .todayPhoto{ padding-bottom: 25px; border-top:2px solid #434343; } .todayPhoto h4, .sideBox h4{ font-size: 1em; padding: 12px 0; } .photoBox{ position: relative; height: 290px; } .photoBox .bg{ height: 290px; position: absolute; width: 300px; background: url('../img/bg-photo.png') repeat-x bottom; } .photoBox h5{ position: absolute; bottom: 80px; left: 12px; font-size: 1em; } .photoBox h5 a{ color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 270px; display: block; } .photoBox ul{ position: absolute; left:10px; bottom: 10px; height: 52px; } .photoBox ul li{ float: left; width: 86px; height: 50px; margin-right: 10px; cursor: pointer; } .photoBox ul li:hover, .photoBox ul li.current{ border:2px solid #fff; } .photoBox .control .arrowPrev, .photoBox .control .arrowNext{ top:32%; background: none; opacity: 1; } .sideBox{ overflow: hidden; clear: both; padding-bottom: 25px; } .sideBox ul{ position: relative; border:1px solid #ddd; height: 298px; } .sideBox ul li{ float: left; width: 149px; height: 149px; } .sideBox ul li a{ display: none; } .sideBox ul li.current a, .sideBox ul li:hover a{ display: block; color: #fff; text-align: center; background: url('../img/bg-black.png'); height: 149px; padding: 50px 10px 0 10px; overflow: hidden; } .pagenumber{ padding:25px 0; text-align: center; overflow: hidden; } .pagenumber a{ color:#a2a2a2; padding:5px 10px; display: inline-block; } .pagenumber a.current{ border:1px solid #ddd; color: #2bbec6; } .pagenumber a img{ vertical-align: middle; } /**News Section**/ .navInner ul li{ padding-top:9px; } .navInner ul li a{ padding-left:0; padding-right: 1.5em; } /*News Article*/ .news-header{ overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 25px; } .news-header h2{ font-size: 1.5em; letter-spacing: -3px; padding:0 20px 15px 20px; text-align: center; } .news-header img{ float: left; } .news-header .time{ float:left; color: #999; font-size: 0.95em; } .news-header .time a{ border-right:1px solid #ddd; padding-right: 15px; margin-right: 8px; font-weight: bold; } .news-header .time img{ padding-top: 4px; } .news-header .function{ float: right; } .news-header .function a:first-child img{ padding-top:3px; } .news-header .function a:nth-child(2) img{ margin:0 12px; padding-top:3px; } .news-header .function a:nth-child(3) img{ padding-top:3px; margin-right:12px; } .view-article{ overflow: hidden; } .view-article .subTitle{ font-size: 1.1em; font-weight: bold; color: #999; padding-bottom: 15px; } .view-article .imgCenter{ max-width: 730px; margin:0 auto; } .view-article .imgCenter .caption{ font-size: 0.95em; color: #999; } .view-article p{ line-height: 1.4; padding:15px 5px; } .article{ padding-bottom: 20px; } .copyright{ border-top:1px solid #ddd; font-size: 0.95em; color: #888; padding: 15px 0 50px 0; font-weight: bold; } .reporter{ border-right:1px solid #ccc; padding-right:15px; margin-right: 8px; } .related{ padding-bottom: 30px; border-bottom: 1px solid #ddd; } .related h4{ font-size: 1.05em; color: #777; padding-bottom: 15px; } .related ul li{ background: url('../img/ic-relative.gif') no-repeat left 8px; padding-left: 15px; padding-bottom: 8px; font-size: 1.11em; font-weight: bold; } .comment{ padding: 30px 0; } .gotoTop{ position: absolute; bottom: 10px; right: 10px; box-shadow: 0px 0px 5px #ccc; } @media (max-width: 800px){ .section-nav li a{ padding-left:0; padding-right: 10px; } .news-list h2{ padding-top: 8px; } .tag{ padding-top:8px; } } @media (min-width: 800px){ .news-main img{ width: 48%; float: left; } .news-main .newsCont{ width: 52%; float:right; } .news-list img{ float: left; width: 180px; } .news-list .newsCont{ margin-left:200px; } .todayphoto ul li{ width: 33.33333%; } .todayphoto ul li:last-child, .mostreply .viewall{ display: block; } .mostreply .viewall a{ color: #777; font-size: 0.9em; } .mostreply .titleBox{ float: left; width: 20%; } .mostreply .rank-list{ float: right; width:80%; } .mostreply .rank-list li{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*Article*/ .news-header h2{ font-size: 1.9em; } .view-article p{ line-height: 1.6; } } @media (min-width: 1320px){ #main .container{ position: relative; } .shareline{ position: absolute; width: 50px; left:-50px; } .article{ padding: 0 40px; } }