/*$$
{"color":[{"val":"#26334c","title":"栏目标题颜色/分页文字"},{"val":"#999999","title":"栏目位置文字颜色"},{"val":"#666e80","title":"文章内容文字颜色"},{"val":"#fff","title":"文字颜色"},{"val":"#007eff","title":"主标题文字颜色"},{"val":"#26334c","title":"副标题文字颜色"}],"background":[{"val":"#007eff","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: #007eff;


	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: auto;


	float: left;


	padding-right: 20px;
	position: relative;

}

#detail_xxx .detaiL .bg{
	width: 100%;
	height: auto;
}
#detail_xxx .detaiL .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top:0;
}


#detail_xxx .detaiR{


	width: 50%;


	padding-left: 30px;


	float: left;


}


#detail_xxx .detaiR .title-1{ 


	color: #007eff;


	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{

	cursor: pointer;
	width: 160px;


	height: 45px;


	background: #007eff 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;
	}
}