/*$$

{"color":[{"val":"#26334c","title":"栏目标题文字颜色"},



{"val":"#999999","title":"栏目位置文字颜色/日期文字"},



{"val":"#555555","title":"二级分类栏目选中文字颜色"},



{"val":"#666e80","title":"列表文章简介颜色"},



{"val":"#fff","title":"文字颜色"}],"background":[{"val":"#6160ea","title":"栏目默认选中下划线/分页选中"},{"val":"#fff","title":"进度条背景"}],"border":[{"val":"#e6e6e6","title":"栏目边框"},{"val":"#999999","title":"列表边框"}]}

$$*/



#list2_xxx{



	width: 1200px;



	margin: 0 auto;



}



#list2_xxx .className{



	height: 60px;



	line-height: 60px;



	border-bottom: #e6e6e6 solid 1px;



}



#list2_xxx .className .title-1{



	float: left;



	font-size: 20px;



	color: #26334c;



	position: relative;



	display: inline-block;



	font-weight: bold;



}



#list2_xxx .className .title-1::after{



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 1px;



	background: rgba(152, 0, 0, 1);



	content: '';



}



#list2_xxx .className .title-2{



	color: #999999;



	float: right;



	font-size: 14px;



}



#list2_xxx .className .title-2 a{



	color: #999999;



}



#list2_xxx .listCon{



	width: 100%;



}



#list2_xxx .listCon li{



	width: 100%;



	height: auto;



	padding: 10px 0 20px 0;



	margin-top: 20px;



	border-bottom: #999999 1px dashed;



}



#list2_xxx .listCon li .list_top{



	width: 100%;



	line-height: 55px;



}



#list2_xxx .listCon li .list_bottom{



	width: 100%;



	font-size: 14px;



	color: #666e80;



	line-height: 32px;



	text-overflow: -o-ellipsis-lastline;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	line-clamp: 3;



	-webkit-box-orient: vertical;



}



#list2_xxx .listCon li a{



	width: 100%;



	display: block;



}



#list2_xxx .listCon .tit{



	width: calc(100% - 150px);



	float: left;



	display: block;



	color: #26334c;



	font-size: 18px;



	overflow: hidden;



	text-overflow:ellipsis;



	white-space: nowrap;



}



#list2_xxx .listCon .date{



	float: right;



	color: #999999;



	font-size: 14px;



	background: url(./../../../static/images/LT00002_05.png) no-repeat left center;



	background-size: 16px 16px;



	padding-left: 25px;



}



#list2_xxx .prBox{



	height: 90px;



	position: relative;



}



#list2_xxx .prClass{



	position: absolute;



	height: 80px;



	width: 100%;



	background: #fff;



	box-shadow: 0 0 15px 10px rgba(0,0,0,.1);



	bottom:20px;



	z-index:100;



}



#list2_xxx .classList{



	width: calc(100% - 200px);



	margin: 0 auto;



	height: 100%;



	overflow: hidden;



	position: relative;



}



#list2_xxx .classList .sBox{



	height: 100%;



	display: block;



	float: left;



	width:100%;







}



#list2_xxx .classList .active,



#list2_xxx .classList .swiper-slide:hover{



	background:rgba(152, 0, 0, 1);



}



#list2_xxx .classList .sBox .title{



	width: 100%;



	display: block;



	text-align: center;



	line-height: 80px;



	height: 80px;



	color: #666e80;



	font-size: 14px;



	overflow: hidden;



	text-overflow:ellipsis;



	white-space: nowrap;



	padding: 0 10px;



}



#list2_xxx .classList .active .title,



#list2_xxx .classList .swiper-slide:hover .title{



	color: #fff;



}



#list2_xxx .classList .sBox i{



	width: 100%;



	height: 100px;



	display: flex;



	align-items: center;



	justify-content: center;



	padding-top: 10px;



}



#list2_xxx .classList .sBox i img{



	height: 80px;



	width: auto;



}



#list2_xxx .btnPrev{



	background: url(./../../../static/images/LT00002_03.png) no-repeat center center;



	background-size: 15px 25px;



	position: absolute;



	left:0;



	top:0;



	width: 100px;



	height: 100%;



	cursor: pointer;



}



#list2_xxx .btnNext{



	background: url(./../../../static/images/LT00002_04.png) no-repeat center center;



	background-size: 15px 25px;



	position: absolute;



	right:0;



	top:0;



	width: 100px;



	height: 100%;



	cursor: pointer;



}







#list2_xxx .prKey{



	width: 100%;



	min-height: 60px;



	height: auto;



	overflow-y: auto;



	zoom: 1;



	padding: 10px;



	background: #e0e2e5;



	line-height: 40px;



	font-size: 14px;



	display: none;



	margin-top: -20px;



}



#list2_xxx .prKey .con{



	width: 100%;



	height: 100%;



	padding: 0 10px;



}



#list2_xxx .prKey a{



	color: #666e80;



	margin: 0 20px;



	float: left;



	text-align: center;



}



#list2_xxx .prKey a.active{



	color: #555555;



	font-weight: bold;



}



@media screen and (max-width: 1200px) {

	#list2_xxx{



		width: 96%;



		padding: 60px 0;



	}



}



@media screen and (max-width: 767px){



	#list2_xxx{



		padding: 0 0 40px;



	}



	#list2_xxx .className{



		line-height: 40px;



		height: 40px;



	}



	#list2_xxx .className .title-1{



		font-size: 18px;



	}



	#list2_xxx .className .title-2{



		font-size: 12px;



	}



	#list2_xxx .listCon li{



		margin-top: 10px;



		padding: 10px 0 10px 0;



	}



	#list2_xxx .listCon li .list_top{



		line-height: 40px;



	}



	#list2_xxx .listCon li .list_bottom{



		line-height: 24px;



	}



	#list2_xxx .listCon .tit{



		font-size: 16px;



		width: calc(100% - 120px);



	}



	#list2_xxx .listCon .date{



		font-size: 12px;



	}



	#list2_xxx .prClass{



		/* bottom: 45px; */



		height: 60px;

		z-index: 1;



	}



	#list2_xxx .classList{



		width: calc(100% - 100px);



	}



	#list2_xxx .btnNext,#list2_xxx .btnPrev{



		width: 50px;



	}



	#list2_xxx .classList .sBox .title{



		line-height: 60px;



		height: 60px;



	}



	#list2_xxx .prBox{



		height: 70px;



	}



	#list2_xxx .prKey a{



		margin: 0 5px;



	}



	#list2_xxx .prKey{



		min-height: 50px;



		line-height: 30px;



	}



}











.pages{



	width: 100%;



	margin: 20px auto;



	height: 30px;



	line-height: 30px;



}



.pages .pagination{



	text-align: center;



	font-size: 16px;



	font-weight: bold;



}



.pages .pagination li{



	color: #bfbfbf;



	padding: 0 5px;



	line-height: 30px;



	display: inline-block;



	margin: 0 5px;



}



.pages .pagination li a{



	color: #bfbfbf;



}



.pages .pagination li.active{



	background: rgba(152, 0, 0, 1);



	color: #fff;



	border-radius: 50%;



	height: 30px;



	padding: 0 10px;



}