/*$$
{"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(0, 114, 60, 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: 80%;



	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%;






	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(0, 114, 60, 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(0, 114, 60, 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;

	}

}