.yu-common-top-bg.ysbg {
	background: url("../images/yingshangfuwu/ys-bg.png") top center;
	background-size: cover;
}

.yu-common-top-bg.ysbg .yu-common-title-des {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.1rem 0 0.15rem;
	flex-wrap: wrap;
}

.yu-common-top-bg.ysbg .yu-common-title-des a {
	background: #FFFFFF;
	border-radius: 5px;
	display: inline-block;
	padding: 11px 22px;
	margin: 0px 10px;
	color: #333;
	font-size: 18px;
	white-space: nowrap;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yu-common-top-bg.ysbg .yu-common-title-des a:hover,
.yu-common-top-bg.ysbg .yu-common-title-des a.active {
	background: #367CCD;
	color: #FFFFFF;
	font-weight: bold;
}

.shishi-box {
	background-color: #fff;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
}

.shishi-box .ys-tab {
	display: flex;
	padding: 0 20px;
}

.shishi-box .ys-tab a {
	display: inline-block;
	padding: 11px 22px;
	background: #E1E1E1;
	border-radius: 5px;
	margin-right: 20px;
	color: #333;
	font-size: 18px;
	white-space: nowrap;
	cursor: pointer;
}

.shishi-box .ys-tab a:hover,
.shishi-box .ys-tab a.act {
	background: #F28658;
	color: #FFFFFF;
	font-weight: bold;
}

.shishi-box .ys-card {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.shishi-box .ys-card a {
	display: inline-block;
	width: 25%;
	padding: 20px 12px;
	color: #333;
	font-size: 16px;
}
.shishi-box .ys-card .ys-card-tit1 {
		position: absolute;
		background: #CC1414;
		border-radius: 0px 0px 6px 0px;
		top: 0;
		left: 0;
		color: #fff;
		text-align: center;
		z-index: 9;
		padding: 0.06rem 0.1rem;
		margin: 0px
}

.shishi-box .ys-card .ys-card-tit2 {
	position: absolute;
	background: #F28658;
	border-radius: 0px 0px 10px 0px;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
	z-index: 9;
	padding: 0.09rem 0.15rem;
	margin: 0px
}
.shishi-box .ys-card>a>div>img {
	width: 100%;
}

.shishi-box .ys-card>a>div {
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.09);
	overflow: hidden;
	position: relative;
}

.shishi-box .ys-card>a:hover>div {
	box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.09);
	color: #3598DF;
}

.shishi-box .ys-card>a:hover>div>img {
	transform: scale(1.2);
	transition: all 0.5s
}

.shishi-box .ys-card>a>div>span {
	padding: 14px 26px;
	width: 100%;
	height: 60px;
	line-height: 24px;
	position: relative;
	z-index: 99;
	background: #fff;
	align-items: center;
	justify-content: center;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: center;
}

.shishi-box .ys-card>a>div>span>img {
	height: 16px;
	margin-left: 2px;
	margin-top: -1px;
}

.highVoltageModal .yz-modal-content {
	display: flex;
	flex-direction: column;
}

.highVoltageModal .yz-modal-content a {
	display: block;
	width: 60%;
	height: 0.5rem;
	line-height: .5rem;
	text-align: center;
	color: #fff;
	background: #4495E5;
	font-size: 20px;
	border-radius: 4px;
	margin: auto;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.bg-f7 {
		background: #fff;
	}
	.shishi-box .ys-card>a>div>span {
		height: 56px;
		padding: .14rem .1rem;
	}
	.ys-con-box {
		margin-top: -0.7rem;
		overflow: hidden;
	}

	.yu-common-top-bg.ysbg .yu-common-title-des {
		justify-content: flex-start;
		margin-left: -10px;
		margin-right: -10px;
	}

	.yu-common-top-bg.ysbg .yu-common-title-des a {
		padding: 0.11rem 0.16rem;
		margin: 0px 0.05rem;
		margin-bottom: 10px;
		width: 31%;
	}

	.shishi-box {
		padding: .35rem 0px;
		background: none;
	}

	.shishi-box .ys-tab {
		flex-wrap: wrap;
		padding: 0px;
		margin-left: -6px;
		margin-right: -18px;
	}

	.shishi-box .ys-tab a {
		margin-bottom: 10px;
		margin-right: 10px;
		width: 30%;
		text-align: center;
		padding: .11rem .22rem;
	}

	.shishi-box .ys-tab a.len {
		width: 40%;
	}

	.shishi-box .ys-card {
		margin-top: 10px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.shishi-box .ys-card a {
		width: 50%;
		padding: .1rem;
	}

	.highVoltageModal .yz-modal-content a {
		height: 40px;
		line-height: 40px;
	}

	.yz-modal-title {
		font-size: 15px;
	}
}