/*$$

{"color":[{"val":"#26334c","title":"栏目标题颜色/分页文字"},{"val":"#999999","title":"栏目位置文字颜色"},{"val":"#666e80","title":"文章内容文字颜色"},{"val":"#fff","title":"文字颜色"},{"val":"#6060ea","title":"主标题文字颜色"},{"val":"#26334c","title":"副标题文字颜色"}],"background":[{"val":"#6160ea","title":"栏目标题下划线颜色/按钮背景"},{"val":"#fff","title":"进度条背景"}],"border":[{"val":"#e6e6e6","title":"栏目边框颜色"},{"val":"#dcdcdc","title":"文章标题下划线"}]}

$$*/











#detail_xxx{





	width: 1200px;





	margin: 0 auto;





	padding: 80px 0;





}





#detail_xxx .className{





	height: 60px;





	line-height: 60px;





	border-bottom: #e6e6e6 solid 1px;





}





#detail_xxx .className .title-1{





	float: left;





	font-size: 20px;





	color: #26334c;





	position: relative;





	display: inline-block;





	font-weight: bold;





}





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





	position: absolute;





	left: 0;





	bottom: 0;





	width: 100%;





	height: 1px;





	background: rgba(6, 34, 118, 1);





	content: '';





}





#detail_xxx .className .title-2{





	color: #999999;





	float: right;





	font-size: 14px;





}





#detail_xxx .className .title-2 a{





	color: #999999;





}





#detail_xxx .content .title{





	font-size: 24px;





	color: #26334c;





	width: 100%;





	text-align: center;





	line-height: 100px;





	display: block;





	border-bottom: #dcdcdc solid 2px;





}





#detail_xxx .content .cont{





	width: 100%;



	font-size: 14px;





	color: #666e80;





	line-height: 30px;





	padding: 40px 0;





}

#detail_xxx .content .cont table{

	border: solid 0.5px #ccc;

	max-width: 100%;

	border-spacing: inherit;

}

#detail_xxx .content .cont tr,

#detail_xxx .content .cont td{

	border: solid 0.5px #ccc;

	text-align: center;

}





#detail_xxx .content .cont p{





	width: 100%;





	margin: 5px 0;





}





#detail_xxx .content .cont p img{





	max-width: 100%;





	width: auto;





	margin: 0 auto;





}





#detail_xxx .contpage{





	width: 100%;





	font-size: 14px;





}





#detail_xxx .contpage .page{





	width: 100%;





	font-size: 14px;





	line-height: 32px;





	display: block;





	color: #26334c;





}





#detail_xxx .contpage .page.disable{





	opacity: 0.7;





}





#detail_xxx .detail{





	width: 100%;





	padding: 40px 0 100px 0;





}





#detail_xxx .detaiL{





	width: 50%;





	height: 425px;





	float: left;





	padding-right: 20px;





}





#detail_xxx .detaiL img{





	width: 100%;





	height: 100%;





	object-fit: cover;





}





#detail_xxx .detaiR{





	width: 50%;





	padding-left: 30px;





	float: left;





}





#detail_xxx .detaiR .title-1{ 





	color: rgba(6, 34, 118, 1);





	font-size: 30px;





	line-height: 30px;





	line-height: 40px;





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





	background-size: 23px 16px;





	padding-left: 35px;





}





#detail_xxx .detaiR .title-2{





	font-size: 24px;





	color: #26334c; 





	line-height: 30px;





}





#detail_xxx .detaiR .detailR_top{





	width: 100%;





	border-bottom: #dcdcdc 





	padding-bottom: 10px;





}





#detail_xxx .detaiR .detailR_bottom{





	font-size: 14px;





	line-height: 30px;





	width: 100%;





	color: #666e80; solid 1px; 





	margin: 20px 0;





	height: auto;





	max-height: 180px;





	text-overflow: -o-ellipsis-lastline;





	overflow: hidden;





	text-overflow: ellipsis;





	display: -webkit-box;





	-webkit-line-clamp: 6;





	line-clamp: 6;





	-webkit-box-orient: vertical;





　　overflow: hidden;





}





#detail_xxx .detaiR .btnMore{





	width: 160px;





	height: 45px;





	background: rgba(6, 34, 118, 1) url(./../../../static/images/VW00001_01.png) no-repeat 110px center;





	background-size: 20px 20px;





	padding-right: 55px;





	color: #fff;





	text-align: center;





	line-height: 45px; 





	font-size: 14px;





	display: none;





}





#detail_xxx #tellwap{





	display: block;





}





#detail_xxx #tellpc{





	display: none;





}





#detail_xxx .detaiR .tellInfo{





	width: auto;





	height: 45px;





	color: #26334c;





	font-size: 18px;





	line-height: 45px;





	display: none;





}





#detail_xxx .moudleName{





	font-size: 24px;





	color: #26334c;





	border-bottom: #dcdcdc solid 1px;





	height: 80px;





	line-height: 80px;





}





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





	#detail_xxx{



		padding: 30px 0;

		width: 96%;



	}





}



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



	#detail_xxx{

		padding: 10px 0 20px 0;

		width: 96%;

	}



	#detail_xxx .className{

		margin-bottom: 60px;

	}

	#detail_xxx .className .title-2{





		width: 100%;

		overflow: hidden;

		height: 50px;



	}





	#detail_xxx .content .title{

		line-height: 30px;

		font-size: 20px;

		padding: 10px;



	}



	#detail_xxx .content .cont{

		padding: 20px 0;

		line-height: 24px;

		font-size: 14px;

	}





	#detail_xxx .detaiL{





		width: 100%;





		padding: 0 5px;





		height: 220px;





	}





	#detail_xxx .detaiR{

		width: 100%;

		padding:10px;

	}





	#detail_xxx .detaiR .title-1{





		font-size:18px;





	}





	#detail_xxx .detaiR .title-2{



	

		font-size: 18px;





	}





	#detail_xxx .moudleName{

		padding:0 10px;

		line-height: 50px;

		height: 50px;

		font-size: 20px;

	}





	#detail_xxx .detail{





		padding: 0px 0;





	}





	#detail_xxx #tellpc{





		display: block;





	}





	#detail_xxx #tellwap{





		display: none;





	}



	#detail_xxx .detaiR .detailR_bottom{

		margin: 10px 0;

		line-height: 24px;

	}

	

	#detail_xxx .content .cont table{

		width: 100% !important;

	}

}