@charset "UTF-8";
img{ width:100%; }
main { background: none; }
.main-top { margin: 10px 0 0 0; }
.pp-tab-top { padding: 5px 3px 0 3px; border-bottom: 1px solid #eee; }
.block-top { margin: 11px 8px 0 8px; padding-bottom: 6px; }
.zhuanti-top { margin: 10px 0 0 0; display: block; overflow: hidden; }
.device { overflow: hidden; border-radius: 5px; }

body #center { background: none; }

/*专题首页*/
.zt-side-list { }
.zt-side-list ul { margin: 0 10px; }
.zt-side-list ul li { margin: 0; padding: 10px 0; display: block; overflow: hidden; border-bottom: 1px dashed #eee; }
.zt-side-list ul li:last-child { border-bottom: none; }
.zt-side-list ul li a { width: 100%; margin: 0; padding: 0; color: #333; }
.zt-side-list ul li span { width: 170px; height:90px; margin: 0 9px 0 0; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 4px; position: relative; }
.zt-side-list ul li span img { width: 100%; height:100%; object-fit: cover; }
.zt-side-list ul li h3 { font-size: 15px; color: #333; padding: 0; }
.zt-side-list ul li p { font-size: 13px; color: #888; margin: 0; padding: 7px 0 0 0; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }

.zhuanti-block { margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 4px; }

.zhuanti-title {margin: 12px 10px 5px 10px; display: block; overflow: hidden; }
.zhuanti-title h2 { margin: 0 10px 0 0; font-size: 18px; color: #333; float: left; }
.zhuanti-title i { margin: 4px 0 0 0; font-size: 14px; color: #888; float: left; }
.zhuanti-title span { margin: 4px 3px 0 0; font-size: 14px; color: #888; float: right; }
.zhuanti-title span a { color: #666; display: block; }


.zhuanti-list { padding: 5px 0 6px 0; display: block; overflow: hidden; }
.zhuanti-list ul { padding: 0 4px; display: block; overflow: hidden; }
.zhuanti-list ul li { width: 23%; margin:4px 1%; padding: 0; font-size: 14px; color: #555; text-align: center; float: left; display: block; overflow: hidden; position: relative; background: #fff; /*border-bottom: 1px dashed #eee; */ border-radius: 4px; }
.zhuanti-list ul li span { width: 100%; height:0; padding-bottom: 46%; display: block; overflow: hidden; position: relative; background: #111; border-radius: 4px; }
.zhuanti-list ul li span img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; }
.zhuanti-list ul li h3 { padding: 6px 0; font-size: 14px; color: #333; font-weight: normal; overflow: hidden; }
.zhuanti-list ul li h3 a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }
.zhuanti-list ul li i { }


.zhuanti-block ul li img {-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; }
.zhuanti-block ul li:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.zhuanti-block ul li:hover h3 a { color: #f39210; }


/*专题列表*/
.zhuanti-lb-block { background: none; }
.zhuanti-lb-list ul { padding: 0; }
.zhuanti-lb-list ul li { width: 24%; margin:6px 0.5%; }
.zhuanti-lb-list ul li h3 { padding: 9px 5px; }



/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    /*.main { padding-bottom: 50px; }*/
    .zhuanti-block { margin: 0 6px 10px 6px }
    .zhuanti-lb-block { margin: 0 3px 10px 3px }
    .device{ position:relative; margin:0 6px; height:auto; background: #111; }
    .side-block{ display:block;overflow:hidden;margin:10px 6px;border-radius:6px;background:#fff; }
    .zhuanti-list ul li { width: 48%; margin:4px 1%; }
    /*.zhuanti-list ul li:last-child { display: none; }*/


}



/*屏幕大于1024px*/
@media screen and (min-width:1025px){

    .pp-block { display:block; overflow:hidden; margin:0 0 10px 0; padding:6px; border-radius:6px; background:#fff; }
    .block-top { margin: 12px 12px 0 12px; padding-bottom: 6px; }

    .zhuanti-main { display: block; }
    .zhuanti-top { position: relative; margin-bottom: 10px; }
    .device { width:830px; height:376px; position:relative; left:0; float: left; }
    .device a { display: block; }

    .side-block{ width:360px;  height:376px; background:#fff; position:absolute; right: 0; top:0; border-radius: 6px; }
    .zhuanti-list ul li h3 { height: auto; }
    .zhuanti-list ul li h3 a {  display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }


}