/*$$
{"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(179, 141, 84, 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 {

	float: left;
	width: 50%;
	height: 0;
	padding-bottom: 38%;
	position: relative;

}



#detail_xxx .detaiL img {

	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;

}



#detail_xxx .detaiR {



	width: 50%;



	padding-left: 30px;



	float: left;



}



#detail_xxx .detaiR .title-1 {



	color: rgba(179, 141, 84, 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(179, 141, 84, 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 {


		float: left;
		width: 100%;
		height: 0;
		padding-bottom: 78%;
		position: relative;


	}



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

	}

}