.dg-help-box{
	overflow: hidden;
	margin-top: 50px;
}
.dg-help-h3{
	padding-left: 16px;
	position: relative;
	font-size: 24px;
}
.dg-help-h3::before {
	content: '';
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0;
	background-color: #165095;
}
.dg-help-box .dg-help-item{
	width: 360px;
	cursor: pointer;
	float: left;
	margin-bottom: 20px;
}
.dg-help-space{
	width: 23px;
	height: 20px;
	height: 175px;
}
.dg-into .dg-help-space{
	width: 20px;
	height: 138px;
}
.dg-into .dg-help-con{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color:rgba(197,197,197,0.23);
	border:1px solid rgba(160,160,160,0.23);
	font-size: 18px;
	height: 138px;
}
.dg-into .dg-help-con:hover{
	background-color: #FFFFFF;
}
.dg-into .dg-help-con img {
	margin-right: 20px;
}
.active .dg-help-item{
	width: 356px;
	background-color:#FFFFFF;
	border:1px solid rgba(234,236,241,1);
	box-shadow:0px 2px 8px 0px #EAECF1;
	border-radius:2px;
	margin-bottom: 25px;
	height: 175px;
}
.active .dg-help-btn{
	padding: 3px 15px;
	border-radius: 20px;
	border: 1px solid #286bd6;
	background-color: #f6fafe;
	color: #286bd6;
	font-size: 14px;
	height: 22px;
}
/* .dg-help-down .dg-help-con{
	background-color: rgba(197,197,197,0.23);
	border:1px solid rgba(160,160,160,0.23);
	height: 100%;
	min-height: 130px;
} */
.active {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.active .dg-help-con {
	padding: 30px 25px 0 25px;
	line-height: 24px;
	font-size: 16px;
}
.active .dg-help-space{
	flex: 0 0 25px;
}
.active .dg-help-item a,
.active .dg-help-item .dg-help-con{
	display: inline-block;
	height: 100%;
}
.dg-help-box.active .dg-help-con:hover {
	background-color: #155194;
}
.dg-help-box.active .dg-help-con:hover{
	color: #FFFFFF;
}
.dg-help-txt{
	margin-bottom: 16px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
}
.dg-help-time{
	margin-top: 16px;
	padding-left: 20px;
	font-size: 14px;
	color: #878e9d;
	position: relative;
}
.dg-help-time::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	transform: translate(0,-50%);
	background: url(../img/help/time1.png) no-repeat center center;
	background-size: 100% 100% ;
}
.dg-help-box.active .dg-help-con:hover .dg-help-btn {
	color: #FFFFFF;
	border-color: #FFFFFF;
	background-color: transparent;
}
.dg-help-box.active .dg-help-con:hover .dg-help-time::before {
	background-image: url(../img/help/time2.png);
}
.dg-help-box.active .dg-help-con:hover .dg-help-time {
	color: #FFFFFF;
}
.dg-help-down {
	overflow: hidden;
	font-size: 0;
	margin-top: 39px;
}
.dg-help-down .dg-help-item{
	width: 178px;
	height: 220px;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	position: relative;
}
.dg-help-down .dg-help-space{
	width: 10px;
	height: 220px;
}
.dg-help-down .dg-help-item img {
	margin-top: 50px;
	position: relative;
	z-index: 100;
}
.dg-help-down .dg-help-item span {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	position: relative;
	z-index: 100;
}
.content-padding.dg--padding{
	padding: 50px 40px 90px 40px;
}
.dg-help-down .dg-help-con {
	background: url(../img/help/bzzx-13.png) no-repeat center center;
	background-size: 100% 100%;
	height: 220px;
	overflow: hidden;
}
.dg-help-down .dg-help-item:hover .dg-help-con::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
}
.dg-help-down .dg-help-item:nth-child(3) .dg-help-con {
	background-image: url(../img/help/bzzx-14.png);
}
.dg-help-down .dg-help-item:nth-child(5) .dg-help-con {
	background-image: url(../img/help/bzzx-15.png);
}
.dg-help-down .dg-help-item:nth-child(7) .dg-help-con {
	background-image: url(../img/help/bzzx-16.png);
}
.dg-help-down .dg-help-item:nth-child(9) .dg-help-con {
	background-image: url(../img/help/bzzx-17.png);
}
.dg-help-down .dg-help-item:nth-child(11) .dg-help-con {
	background-image: url(../img/help/bzzx-18.png);
}
.dg-help-box .dg-help-down:last-child {
	padding-right: 0;
}
.dg-help-img{
	position: relative;
	width: 100%;
	height: 170px;
}
.dg-help-img img {
	width: 100%;
	height: 100%;
}
.dg-help-index .dg-help-con span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	padding: 30px 0;
}
.dg--box-news .dg-help-index .dg-help-con span{
	font-size: 16px;
	font-weight: 600;
	padding: 30px 0 55px;
	color: #333333;
}
.dg-help-img::before{
	content: '';
	width: 100%;
	height: 170px;
	background-color: rgba(0,0,0, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.dg-help-con:hover .dg-help-img::before {
	background-color: transparent;
}
.dg-help-img::after{
	content: '';
	position: absolute;
	/* border: 3px solid rgba(255,255,255,0.5); */
	background: url(../img/xsrm.png) no-repeat center center;
	width: 75px;
	height: 75px;
	z-index: 100;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
}
.dg-help-box.dg-help-index {
	padding: 0 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.dg-help-index.dg-help-box .dg-help-item {
	width: 283px;
	flex: 0 0 283px;
}
.dg-help-index.dg-help-box .dg-help-space {
	flex: 0 0 20px;
}