/*$$
{"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(95, 142, 21, 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%;


	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(95, 142, 21, 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(95, 142, 21, 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;


}
#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 tr img,
	
#detail_xxx .content .cont td img{
	max-width: 100%;
}

@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;
	}
	#detail_xxx .content .cont table{
	
		border: solid 1px #ccc;
	
		max-width: 100%;
	
		border-spacing: inherit;
	
	}
	
	#detail_xxx .content .cont tr,
	
	#detail_xxx .content .cont td{
	
		border: solid 1px #ccc;
	
		text-align: center;
	
	}
	#detail_xxx .content .cont tr img,
	
	#detail_xxx .content .cont td img{
		max-width: 100%;
	}
}