* {
	box-sizing:border-box
}
body,html {
	/*height:100%*/
}
body {
	background-color:#f7f8fa
}
.header {
	-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 4px 0 rgba(0,0,0,.1)
}
#channel-nav {
	width:1200px;
	height:63px;
	background-color:#f7f8fa;
	position:fixed;
	top:80px;
	left:50%;
	z-index:99;
	margin-left:-600px;
	padding-top:10px;
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #ececec
}
#channel-nav span {
	display:block;
	width:auto;
	height:53px;
	line-height:53px;
	text-align:center;
	margin-right:0
}
#channel-nav span a {
	color:#2b2929
}
#channel-nav span.act {
	background-color:transparent;
	position:relative;
	color:#2b2929
}
#channel-nav span.act a {
	color:#e80000
}
#channel-nav span.act::after {
	content:'';
	width:100%;
	height:3px;
	background-color:#e80000;
	position:absolute;
	left:0;
	bottom:0
}
.news-list-header {
	width:1200px;
	height:40px;
	position:fixed;
	top:143px;
	left:50%;
	z-index:9;
	background-color:#f7f8fa;
	transform:translateX(-50%);
	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%)
}
.news-list-header .crumbs-nav-container {
	width:100%;
	height:40px;
	line-height:20px;
	padding:10px 0;
	font-size:14px
}
.news-list-header .crumbs-nav-container span {
	color:#2b2929
}
.news-list-header .crumbs-nav-container a {
	color:#1f3d57
}
.news-list-header .classify-nav-container {
	width:70%;
	height:30px;
	position:relative;
	float: right;
	/*display:none*/
}
.news-list-header .classify-nav-container .classify-nav {
	width:100%;
	height:30px;
	text-align: right;
	justify-content:flex-start
}
.news-list-header .classify-nav-container .classify-nav span {
	height:25px;
	color:#2b2929;
	font-size:18px;
	line-height:25px;
	margin-right:30px;
	position:relative;
	cursor:pointer
}
.news-list-header .classify-nav-container .classify-nav span.act {
	color:#e80000
}
.news-list-header .classify-nav-container .classify-nav span.act::after {
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	left:0;
	bottom:-5px;
	background-color:#e80000;
	border-radius:2px
}
.news-list-container {
	width:1200px;
	height:auto;
	min-height:calc(100% - 220px);
	margin:0 auto;
	padding-top:200px
}
.news-list-container .result-count {
	width:100%;
	height:40px;
	line-height:20px;
	padding:10px 0;
	display:flex;
	justify-content:flex-end
}
.news-list-container .result-count span {
	font-size:14px;
	color:#999
}
.news-list-container .list-container {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start
}
.news-list-container .list-container .no-data {
	width:100%;
	padding:40px;
	text-align:center;
	line-height:24px;
	font-size:16px;
	color:#2b2929
}
.news-list-container .list-container .list-item {
	width:calc((100% - 40px)/ 5);
	height:auto;
	margin-bottom:15px;
	margin-right:10px
}
.news-list-container .list-container .list-item:nth-child(5n) {
	margin-right:0
}
.news-list-container .list-container .list-item .cover-wrap {
	width:100%;
	height:auto;
	margin-bottom:15px;
	background-color:#efefef;
	position:relative;
	padding-top:56.25%;
	aspect-ratio:16/9;
	z-index:0
}
.news-list-container .list-container .list-item .cover-wrap img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all .6s;
	position:absolute;
	left:0;
	top:0
}
.news-list-container .list-container .list-item .cover-wrap .replace-img {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	padding-top:56.25%;
	aspect-ratio:16/9
}
.news-list-container .list-container .short-list-item .cover-wrap {
	width:100%;
	height:auto;
	margin-bottom:15px;
	background-color:#efefef;
	position:relative;
	padding-top:166.67%;
	aspect-ratio:3/5;
	z-index:0
}
.news-list-container .list-container .list-item .cover-wrap .replace-img img {
	width:40%!important;
	height:auto!important;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
.news-list-container .list-container .list-item .cover-wrap .replace-img img:hover {
	transform:translate(-50%,-50%)
}
.news-list-container .list-container .list-item .cover-wrap .set-top-icon {
	width:auto;
	display:block;
	height:20px;
	line-height:20px;
	padding:0 5px;
	font-size:12px;
	color:#fff;
	background-color:#e80000;
	border-radius:3px;
	overflow:hidden;
	position:absolute;
	left:10px;
	top:5px
}
.news-list-container .list-container .list-item .cover-wrap .cover-info {
	width:100%;
	height:30px;
	padding:5px 10px;
	display:flex;
	position:absolute;
	left:0;
	bottom:0
}
.news-list-container .list-container .list-item .cover-wrap .cover-info .video-duration {
	margin-left:auto;
	height:20px;
	line-height:20px;
	padding:0 5px;
	font-size:12px;
	color:#fff;
	background-color:rgba(0,0,0,.6);
	border-radius:3px;
	overflow:hidden
}
.news-list-container .list-container .list-item .cover-wrap .cover-info .video-duration i {
	margin-right:3px;
	font-size:12px
}
.news-list-container .list-container .list-item .title-wrap {
	width:100%;
	height:44px;
	line-height:22px;
	text-align:left;
	margin-bottom:10px;
	font-size:16px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	word-break:break-all
}
.news-list-container .list-container .list-item .title-wrap a {
	color:#2b2929
}
.news-list-container .list-container .list-item .author-info-wrap {
	width:100%;
	height:40px;
	display:flex
}
.news-list-container .list-container .list-item .author-info-wrap .author-avatar {
	width:40px;
	height:40px;
	border-radius:20px;
	overflow:hidden;
	margin-right:10px;
	background-color:#efefef
}
.news-list-container .list-container .list-item .author-info-wrap .author-avatar img {
	width:40px;
	height:40px;
	object-fit:cover
}
.news-list-container .list-container .list-item .author-info-wrap .author-name {
	flex:1;
	height:40px;
	line-height:40px;
	text-align:left;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.news-list-container .list-container .list-item .author-info-wrap .author-name a {
	color:#2b2929
}
.news-list-container .list-container .list-item .author-info-wrap .publish-time {
	width:60px;
	height:40px;
	line-height:40px;
	text-align:right;
	font-size:14px;
	color:#999
}
.pagination-container {
	width:100%;
	height:76px;
	padding:20px 0;
	display:flex;
	justify-content:center
}
.pagination-container span,.pagination-container span a {
	display:inline-block;
	min-width:36px;
	height:36px;
	line-height:34px;
	border:1px solid #efefef;
	color:#999;
	text-align:center;
	font-size:16px;
	cursor:pointer
}
.pagination-container span:hover,.pagination-container span a:hover {
	background-color:#efefef
}
.input-jump-page{ width: 50px }
.pagination-container span.act {
	border:1px solid #e80000;
	background-color:#e80000;
	color:#fff
}
.pagination-container span.next,.pagination-container span.prev {
	color:#999;
	font-size:12px
}
.pagination-container span.prev {
	margin-right:5px
}
.pagination-container span.next {
	margin-left:5px
}
.pagination-container .skip-to {
	width:100px;
	height:36px;
	color:#999;
	font-size:14px;
	margin-left:10px
}
.pagination-container .skip-to input#skip_to_page {
	width:48px;
	height:36px;
	border:1px solid #efefef;
	line-height:34px;
	text-align:center;
	color:#999;
	font-size:14px;
	margin:0 5px
}
@media screen and (max-width:1279.9px) {
	.header .header-container {
	width:1060px
}
.news-list-header {
	width:1060px;
	top:133px
}
.news-list-container {
	width:1060px;
	padding-top:183px
}
#channel-nav {
	width:1060px;
	height:53px;
	background-color:#f7f8fa;
	position:fixed;
	top:80px;
	left:50%;
	z-index:99;
	transform:translateX(-50%);
	margin-left:0;
	display:flex
}
#channel-nav span {
	display:block;
	width:auto;
	height:53px;
	line-height:53px;
	text-align:center
}
#channel-nav span.act {
	background-color:transparent;
	position:relative;
	color:#2b2929
}
#channel-nav span.act a {
	color:#e80000
}
#channel-nav span.act::after {
	content:'';
	width:100%;
	height:3px;
	background-color:#e80000;
	position:absolute;
	left:0;
	bottom:0
}
}


@media screen and (max-width:767.9px) {


.header-simple{
   display: none;
}

.news-list-container {
    width: 100%;
    padding-top: 75px;
}
	
.news-list-container .list-container{ display: block;
}
 
.news-list-container .list-container .list-item{

	    width: calc((100% - 20px)/ 2);
    float: left;
    margin: 5px;

}






	}
