@charset "gb2312";
/* CSS Document */
/*列表页*/

.has_action {
	padding: 15px 0 15px 0;
}
.list_img_holder{
	display: inline-block;
	width: 256px;
	height: 140px;
	overflow: hidden;
}
.onePic .list_img_holder {margin-left: 20px;}
.onePic .item_detail {width: 524px;float: left;}
.hotChannel li:nth-child(2){margin:0 6px;}
.list_img_holder a {display: block;height: inherit;}
.list_img_holder img{border-radius: 2px;}
.item_detail .dotdot{display:block;}
.item_detail h3 {
    font-size: 20px;
}
.item_detail .txt {
    max-height: 72px;
    margin-top: 12px;
    padding-bottom: 37px;
    line-height: 24px;
    font-size: 14px;
    color: #a4a4a4;
    overflow: hidden;
}
.has_action .botLine{
	position:absolute;
	bottom:0px;
	height:1px;
	width:100%;
	background:url(../img/n17_dian.png) repeat-x;
}
.twoPic .item_detail .list_image ul{padding: 12px 0;}
.item_detail dd {color: #828282;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;clear: both;}
.item_detail dd .time{ margin-right: 20px;}
.item_detail dd .author{max-width: 19.2vw;margin-right: 20px;margin-left:unset;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item_detail dd .dislike-btn{width: 20px;height: 16px;float: right;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAaVBMVEVHcEzS0tLf39/S0tLS0tLX19fS0tLS0tLf39/W1tba2trS0tLS0tLT09PS0tLS0tLT09PV1dXU1NTS0tLS0tLS0tL////c3Nz////T09Pd3d3S0tLd3d3X19fS0tLS0tLV1dXV1dXS0tI5jnSuAAAAInRSTlMA5wjmyie48RA4B7coy5v8NT0ehM6qAhYFtQ/4Fy398ERWNLNV6AAAALFJREFUOE+9z0kSwiAQBdBONAaTmDjPI/c/pAG0BHra2Rt+0a+oD8C/p+8bdnfebfy5L2xbMsZM7TakeW1b+q3RTCqQVWw4lRpa5YZS2GBFmVzRJlWciRVvvJo1igmqVExQV8V49dAMwHOwl5tixj5310sxxauWlTPV54+yAVF9jaR+hlex4VRqaOVMl9xghQ1WZoFNrmiTKs7E6kj0idTJh443Tg3Gh9WBNQDrpbBM5g1/aw71fFEmsAAAAABJRU5ErkJggg==) no-repeat;background-size: 12px;}
.onePic .item_detail {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;min-height: 140px;}
.onePic .item_detail dd{position: absolute;bottom: 0;width: 100%;}

.tithd {height: 45px;line-height: 45px;border-bottom: 2px solid #000;margin-top: 49px;padding-left: 8px;font-size: 20px;}
.tag-area {overflow: hidden;background: #fff;margin: 10px auto 0;clear: both;}
.side-topic {overflow: hidden;margin-top: 12px;padding-bottom: 12px;margin-right: -14px;}
.side-topic li {float: left;margin-top: 12px;margin-right: 14px;}
.side-topic li a {float: left;height: 35px;line-height: 35px;width: 95px;overflow: hidden;text-align: center;border: 1px solid #eee;border-radius: 4px;font-size: 14px;}

.hot-list .article-item {padding: 12px 0;cursor: pointer;display: -moz-box;display: -ms-flexbox;display: flex;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.hot-list .news-index {-ms-flex-negative: 0;flex-shrink: 0;width: 24px;margin-right: 8px;font-family: ByteNumber-center;font-size: 20px;line-height: 24px;font-weight: 700;color: #999;text-align: center;}
.hot-list .news-index.num-1 {color: #a82e2e;}
.hot-list .news-index.num-2 {color: #f04142;}
.hot-list .news-index.num-3 {color: #ff9a03;}
.hot-list .news-title {font-size: 16px;line-height: 20px;font-weight: 500;color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hot-video {height: 675px;margin: 28px 0 12px;}
.hot-video>div {width: 318px;}
.hot-video .video-item {overflow: hidden;padding: 16px 0;}
.hot-video .video-item .left-img {display: block;width: 128px;height: 96px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 12px;background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.6));background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 100%);
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));border: 1px solid #f2f2f2;border-radius: 4px;overflow: hidden;cursor: pointer;float: left;position: relative;}
.hot-video .video-item .left-img .pic {display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: all .5s ease-out .1s;-moz-transition: all .5s ease-out .1s;transition: all .5s ease-out .1s;}
.hot-video .video-item .left-img .number {width: 26px;padding: 2px 0;text-align: center;font-family: ByteNumber-center;font-size: 14px;line-height: 20px;color: #fff;border-bottom-right-radius: 4px;position: absolute;left: 0;top: 0;}
.hot-video .video-item .left-img .number.num1 {background: #f04142;}
.hot-video .video-item .left-img .number.num2 {background: #ff7528;}
.hot-video .video-item .left-img .number.num3 {background: #ffbc11;}
.hot-video .video-item .left-img .number.num-other {background: rgba(0,0,0,.6);}
.hot-video .video-item .left-img .duration {font-size: 14px;line-height: 14px;font-weight: 500;color: #fff;text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);background: rgba(0,0,0,.5);border-radius: 4px;padding: 4px 6px;position: absolute;right: 6px;bottom: 6px;}
.hot-video .video-item .right-content {height: 96px;display: -moz-box;display: -ms-flexbox;display: flex;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.hot-video .video-item .title {max-height: 44px;font-size: 16px;line-height: 22px;font-weight: 500;color: #222;cursor: pointer;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.hot-video .video-item .like {-ms-flex-item-align: start;align-self: flex-start;font-size: 12px;line-height: 16px;color: #f04142;background: #fff2f2;border-radius: 4px;padding: 4px 6px;}
.hot-video .video-item .desc {font-size: 14px;line-height: 20px;color: #999;display: flex;justify-content: space-between;}
.hot-video .video-item .desc span {-ms-flex-negative: 0;flex-shrink: 0;}
.hot-video .video-item .desc a {color: #999;margin-left: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pane-header {display: -moz-box;display: -ms-flexbox;display: flex;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.hot-video .pane-header {margin-bottom: 7px;}
.pane-header .header {font-size: 20px;line-height: 28px;font-weight: 500;color: #222;background: none;height: unset;box-shadow: none;}
.pane-header .header img {width: auto;height: 22px;margin-right: 8px;margin-bottom: -4px;min-height: unset;vertical-align: unset;}
.pane-header .right {cursor: pointer;display: -moz-box;display: -ms-flexbox;display: flex;-moz-box-align: center;-ms-flex-align: center;align-items: center;border: none;background: none;}
.pane-header .right img {width: 16px;height: 16px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.pane-header .right span {font-size: 16px;line-height: 20px;font-weight: 500;color: #f04142;margin-left: 4px;}