/* 政策扶持弹窗css 公共部分*/
.policy-dialog-container {
	position: absolute;
	width: 99%;
	height: 90vh;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 115;
	border-radius: 12px;
	flex-direction: column;
	overflow: hidden;
	background-image: url(../浅边框/弹框4.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	box-shadow: 0 0 20px 10px #30303041;
	/* animation: appear .8s; */
}

.policy-dialog-container::after {
	content: '';
	background-image: url(../浅边框/blue-side.png);
	width: 95%;
	height: 140%;
	background-size: 100% 100%;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.card-side1 {
	position: absolute;
	bottom: .5rem;
	left: .33rem;
	width: 96%;
	height: .5rem;
	z-index: 999;
}

.card-side3 {
	position: absolute;
	bottom: 0.2rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	/* border-radius: 5rem; */
	z-index: 999;
	animation: 3s topBottom ease-in-out infinite;
}

@keyframes topBottom {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-50px);
	}

	to {
		transform: translateY(0);
	}
}

.headTitle {
	height: .85rem;
	padding: 0 20px;
	font-size: .27rem;
	color: #fff;
	display: flex;
	align-items: center;
	background-image: url(../浅边框/矩形\ 12.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}


.card-title {
	font-family: '阿里妈妈数黑体 Bold';
}

.classify {
	margin-left: 10px;
	font-size: .6em;
	padding: 5px 10px;
	background-color: orange;
	border-radius: 5px;
	font-family: '阿里妈妈数黑体 Bold';
}


.dialog-close {
	position: absolute;
	right: .3rem;
	width: .35rem;
	height: .35rem;
	background-image: url(../浅边框/打叉.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.animategif {
	width: 4rem;
	height: .85rem;
	margin-left: .1rem;
	background-image: url(../浅边框/animate.gif);
	background-repeat: no-repeat;
	background-size: 100% 150%;
	background-position: 0 50%;

}

.backgroundJs {
	position: relative;
}

.canvas {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	z-index: -2;
}

.seamless-warp {
	position: absolute;
	left: 50%;
	margin-top: 20px;
	transform: translateX(-50%);
	width: 15rem;
	height: 8.5rem;
	border-radius: 20px;
	background-color: #2ea4ae;
	overflow-y: auto;
	overflow-x: hidden;
	justify-content: center;
}


/* .seamless-warp {
	width: 15rem;
	height: 8.5rem;
	margin: auto;
	border-radius: 20px;
	background-color: #0000004f;
	overflow-y: auto;
	overflow-x: hidden;
	justify-content: center;

} */

.policy-dialog .text {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	font-size: .25rem;
	padding: 20px;

}

.seamless-warp .text video {
	width: 5rem;
	height: calc(5rem/16*9);
	padding: 17px 15px;
	background-image: url(../浅边框/视频背景.png);
	background-repeat: no-repeat;
	background-size: 100% 95%;
	background-position: 0 50%;
}

.policy-dialog .text p {
	display: flex;
	flex-direction: column;
}

.policy-dialog .text img {
	width: 9rem;
	height: calc(9rem/16*9);
	object-fit: contain;
}

.policy-dialog .text img {
	display: block;
	width: 9rem;
	height: calc(9rem/16*9);
	object-fit: contain;
	margin: auto;
}

.policy-dialog .text video {
	display: block;
	width: 9rem;
	height: calc(9rem/16*9);
	margin: auto;
}

/* 弹框出现动画 */
@keyframes appear {
	0% {
		top: 100%;
	}

	100% {
		top: 10vh;

	}
}

/* 弹框消失动画 */
@keyframes disappear {
	0% {
		top: 10vh;
	}

	100% {
		top: 100%;

	}
}