/**右侧内容**/
 
.right-con{ margin-bottom: 16px; } 

  
	/**头条图片-3张**/
	.top-header{ background: #eee; margin-bottom: 10px; margin-top: 6px; width: 713px }
	.top-header .left-tt{ height: 280px; width: 450px; overflow: hidden; border-radius: 4px; margin-right: 10px; }
	.top-header .left-tt .headt1{ position: absolute; bottom: 16px; font-size: 16px; color: #fff; z-index: 2; padding: 0 16px; 
	text-align: justify;line-height:24px; max-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

	.top-header .right-tt{ height: 280px; width: 253px; }
	.top-header .right-tt .top1{ height: 135px;width: 253px; overflow: hidden; border-radius: 4px; background: #f67;}
	.top-header .right-tt .bot1{ height: 135px;width: 253px; overflow: hidden; border-radius: 4px; background: #f00; margin-top: 10px; }
	.top-header .right-tt .headt2{ position: absolute; bottom: 14px; font-size: 14px; color: #fff; z-index: 2; padding: 0 16px; 
	text-align: justify;line-height:20px; max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

	.big-pic:before{content: "";position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 1;border-radius: 4px; 
					-webkit-transition: all .3s ease;transition: all .3s ease;
					background: -webkit-gradient(linear,0 30%,0 100%,from(rgba(0,0,0,0)),to(#121515));
					background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);
					background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);
					background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);}
	.big-pic img{width:100%; height:100%; border-radius:4px;object-fit: cover;vertical-align: middle;}
	.big-pic:hover{opacity: 0.8;transform: scale(1.06); transition: all 0.8s; opacity: 0.9;border-radius: 4px;}




.news-top{ width: 100%;  margin-bottom: 24px; border:1px solid #202025; }
.news-top .layui-carousel{ width: 100%!important;    }   

.news-top .layui-carousel img{ width: 100%; height: 280px; }
.news-top .layui-carousel .toptit{ position:  absolute; bottom: 0px; left: 0px;  width: 100%; 
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));}
.news-top .layui-carousel .toptit p{ font-size: 18px;color: #fff; font-weight: 300;  margin: 12px 24px 20px;line-height:24px; max-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
 
.news-top .layui-carousel-ind{ top:-28px; right: 10px; text-align: right; }
.news-top .layui-carousel-ind ul{ background: none}
.news-top .layui-carousel-ind li{ width:8px; height: 8px; }


/**新闻列表**/


.ty-column{ background:#fff;  position: relative;display: block;box-sizing: border-box;}
.ty-column .col-warp{height: 45px; border-bottom: 1px solid #202025; border-left:1px solid #202025; }
.ty-column .col-warp ul{  display: inline-block; width: 100%; }
.ty-column .col-warp ul li{position: relative; display: inline-block; width: 14.285%; height: 44px; line-height: 44px;float: left;  list-style: none;
	background-color:#111114;border-top: 1px solid #202025;text-align: center;border-bottom: none; border-left: none; cursor: pointer; }
.ty-column .col-warp ul li:hover{ opacity: 0.8 }
.ty-column .col-warp ul li a{ color: #666; font-size: 15px; display: block; border-right: 1px solid #202025;} 
.ty-column .col-warp ul .active{ background: #16161a;  border-left: none; border-top-width: 2px;border-top-color: #f3bb6c; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.ty-column .col-warp ul .active a{ color: #f3bb6c;}
.ty-column .col-warp ul .active:after {content: '';position: absolute;display: block;bottom: 0px;height: 2px; -webkit-border-radius: 2px;border-radius: 2px;
									left: 45%; width: 0; height: 0; border-top: 7px solid #16161a; border-right: 7px solid #16161a; border-bottom: 7px solid #0c0c0c; border-left: 7px solid #16161a;}
.ty-column .fm-publish{ position:absolute; top: 5px; right: 0; display: inline-block; }
.ty-column .fm-publish .layui-btn{ height:34px; line-height: 34px; padding: 0 12px; border-radius:20px; background-color: #ea6f5a;}
.ty-column .fm-publish .layui-btn em{vertical-align: top; font-style: normal; padding-left: 4px;}





.center-list{background: #16161a !important; border: 1px solid #202025; border-top: none; }
.center-list .layui-card-body{ padding: 0}

.news-nav {  background: #fff; border-bottom: 1px solid #e6e6e6; border-radius: 2px; display: inline-block;   width: 100%; }
.news-nav .nav-warp{ padding:0 18px; }
.news-nav .nav-warp a{margin-right:32px; height:56px;line-height: 56px; display: inline-block; color: #666;font-size: 16px; font-weight: 300; } 
.news-nav .nav-warp .active{  font-weight: 500; color: #222; border-bottom: 3px solid #4285f4;   } 






.news-list{ }
.news-list li{position:relative; padding: 16px 18px; border-bottom:1px solid #202025; word-wrap:break-word}
.news-list li:last-child{ border-bottom: none;  }
.news-list li:hover{ background: #25252c;  }
.news-list .have-img .wrap-img{position:absolute; top:20px; left:18px; width:90px; height:90px; overflow: hidden;border-radius: 4px;}
.news-list .have-img .wrap-img img{width:100%; height:100%; border-radius:4px;object-fit: cover;vertical-align: middle; border:1px solid #202025;transition: all 0.8s; z-index: 999;}
.news-list .have-img .wrap-img img:hover{opacity: 0.8;transform: scale(1.1); transition: all 0.8s; opacity: 0.9;border-radius: 4px;}
.news-list .have-img>div{padding-left:104px}

.news-list .have-img .wrap-img .top,
.news-list .have-img .wrap-img .hot{ position: absolute; top: 4px; left: 4px; z-index: 9999999 }

.news-list .content .title{ display:inherit; color: #d3d3d3; font-size:18px; font-weight:700; line-height:1.5;margin-bottom:6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list .content .abstract{ font-size:12px; font-weight: 300; line-height:20px; height:40px;margin-bottom: 6px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#999;min-height: 20px;}
.news-list .content .meta{padding-right:0!important; font-size:12px; font-weight:400; line-height:20px} 
.news-list .content .meta i{margin-right:10px; color:#b4b4b4; font-style: normal;}
.news-list .content .meta em{vertical-align: top; font-style: normal; padding-left: 4px; }
.news-list .content .meta .em0{ width:120px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.news-list .content .meta .em1{ width:120px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }






/****
.news-list{ }
.news-list li{position:relative; width:100%; margin:0 0 15px; padding:15px 2px 20px 0; border-bottom:1px solid #f0f0f0; word-wrap:break-word}
 
.news-list .have-img .wrap-img{position:absolute; top:50%; margin-top:-60px; right:0; width:125px; height:100px; overflow: hidden;}
.news-list .have-img .wrap-img img{width:100%; height:100%; border-radius:4px;object-fit: cover;vertical-align: middle; border:1px solid #f0f0f0}
.news-list .have-img .wrap-img img:hover{opacity: 0.8;transform: scale(1.1); transition: all 0.8s; opacity: 0.9;border-radius: 4px;}

.news-list .have-img>div{padding-right:140px}
 
.news-list .content .cancel{display:none}
.news-list .content:hover .cancel{display:inline}
.news-list .content .title{margin:-7px 0 4px; display:inherit; font-size:18px; font-weight:700; line-height:1.5;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.news-list .content .title:hover{text-decoration:underline} 
.news-list .content .title:empty:before{content:"\65E0\9898"}
.news-list .content .abstract{margin:0 0 8px; font-size:13px; line-height:24px; max-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#999}

.news-list .content .meta{padding-right:0!important; font-size:12px; font-weight:400; line-height:20px} 
.news-list .content .meta i{margin-right:10px; color:#b4b4b4; font-style: normal;}
.news-list .content .meta em{vertical-align: top; font-style: normal; padding-left: 4px; }
.news-list .content .meta .em0{ width:120px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.news-list .content .meta .em1{ width:120px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
***/
 





 





/******* 新闻置顶热门图标闪烁*******/
.top, .hot{ background:#f62d09; padding: 0 4px;font-size: 12px; color: #fff; line-height: 20px; height: 20px; border-radius: 2px;
background: linear-gradient(45deg, #f71605, #fc8d35); 
background: -webkit-linear-gradient(45deg, #f71605, #fc8d35);
background: -o-linear-gradient(-45deg,#f71605, #fc8d35);
animation:scratchy 0.453s linear forwards infinite;
/* 其它浏览器兼容性前缀 */
-webkit-animation:scratchy 0.453s linear forwards infinite;
-moz-animation: scratchy 0.453s linear forwards infinite;
-ms-animation: scratchy 0.453s linear forwards infinite;
-o-animation: scratchy 0.453s linear forwards infinite;

}  
@keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-webkit-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-moz-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-ms-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-o-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}