@charset "utf-8";

/* CSS Index_Media */
/*媒体查询样式--开始------------------------------------------------------*/

@media only screen and (max-width: 1400px) {
	.cent_box {
		width: 100%;
	}
}

@media only screen and (max-width: 1080px) {
	.bot_box {
		flex-direction: column;
	}
}

@media only screen and (max-width: 980px) {
	.pt_nav {
		width: 100%;
		flex-wrap: wrap;
		padding: 0 2.778vw;
		box-sizing: border-box;
	}

	.pt_nav li {
		min-width: 40%;
	}

	/*花瓣飘落*/
	.sparks {
		margin-left: 30.612vw;
		top: 20.408vw;
	}

	.sparks .spark_1 {
		background-size: 77.959vw 31.939vw;
		width: 77.959vw;
		height: 31.939vw;
		top: -32.653vw;
	}

	.sparks .spark_2 {
		background-size: 15.204vw 34.184vw;
		width: 15.204vw;
		height: 34.184vw;
		right: 23.469vw;
		top: -32.653vw;
	}

	.sparks .spark_3 {
		background-size: 13.061vw 16.837vw;
		width: 13.061vw;
		height: 16.837vw;
		right: 28.571vw;
		top: -14.286vw;
	}

	.sparks .spark-4 {
		background-size: 81.020vw 17.959vw;
		width: 81.020vw;
		height: 17.959vw;
		top: -18.367vw;
	}

	@keyframes spark-1 {
		0% {
			top: -32.653vw;
			transform: scale(0.6);
			opacity: 1
		}

		25% {
			top: -24.490vw;
			transform: scale(0.7);
			opacity: 1
		}

		50% {
			top: -16.327vw;
			transform: scale(0.8);
			opacity: 1
		}

		75% {
			top: -8.163vw;
			transform: scale(0.9);
			opacity: 0.5
		}

		to {
			top: 0;
			transform: scale(1);
			opacity: 0
		}
	}

	@keyframes spark-2 {
		0% {
			top: -140px;
			-webkit-transform: scale(0.6);
			transform: scale(0.6);
			opacity: 1
		}

		25% {
			top: -14.286vw;
			-webkit-transform: scale(0.7);
			transform: scale(0.7);
			opacity: 1
		}

		50% {
			top: -2.041vw;
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
			opacity: 1
		}

		75% {
			top: 4.082vw;
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0.5
		}

		to {
			top: 10.204vw;
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 0
		}
	}

	@keyframes spark-3 {
		0% {
			top: -18.367vw;
			transform: scale(0.6);
			opacity: 1
		}

		25% {
			top: -12.245vw;
			transform: scale(0.7);
			opacity: 1
		}

		50% {
			top: -6.122vw;
			transform: scale(0.8);
			opacity: 1
		}

		75% {
			top: 0;
			transform: scale(0.9);
			opacity: 0.5
		}

		to {
			top: 6.122vw;
			transform: scale(1);
			opacity: 0
		}
	}
}

@media only screen and (max-width: 720px) {

	/*顶部信息----开始--------------------------------------------------------*/
	header {
		height: 69.444vw;
		padding-top: 13.889vw;
		margin-bottom: 16.667vw;
	}

	header .logo_box {
		height: 50.000vw;
		margin-bottom: 4.167vw;
	}

	/*顶部信息----结束--------------------------------------------------------*/
	/*通用标题----开始--------------------------------------------------------*/
	.bt_box {
		height: 8.333vw;
		margin-bottom: 4.167vw;
	}

	.bt_box span {
		width: 13.056vw;
		height: 5.556vw;
	}

	.bt_box p {
		font-size: 6.250vw;
		letter-spacing: 0.556vw;
		margin: 0 1.389vw;
		margin-bottom: 1.389vw;
	}

	/*通用标题----结束--------------------------------------------------------*/
	/*平台导航----开始--------------------------------------------------------*/
	.pt_nav {
		min-height: 6.944vw;
		margin-bottom: 4.167vw;
	}

	.pt_nav li {
		border-radius: 4.167vw;
		border: solid 0.278vw var(--sc02);
		margin: 1.389vw;
	}

	.pt_nav li span {
		min-width: 3.333vw;
		min-height: 3.333vw;
		border: solid 0.417vw var(--sc07);
		margin-right: 0.694vw;
	}

	.pt_nav li p {
		font-size: 3.889vw;
		letter-spacing: 0.278vw;
		margin-bottom: 0.278vw;
	}

	.pt_nav .nav_act {
		border: solid 0.278vw var(--bai);
	}

	.pt_nav .nav_act span,
	.pt_nav li:hover span {
		border: solid 0.417vw var(--bai);
	}

	/*平台导航----结束--------------------------------------------------------*/
	/*平台内容----开始--------------------------------------------------------*/
	.pt_cent {
		margin-bottom: 6.944vw;
	}

	.pt_cent li {
		max-width: 45.833vw;
		margin: 1.389vw;
		border-radius: 2.083vw;
		border: solid 0.278vw var(--sc04);
	}

	.pt_list h1 {
		height: 6.944vw;
		font-size: 4.167vw;
		letter-spacing: 0.278vw;
		padding-left: 1.389vw;
	}

	.pt_list .pt_logo {
		min-height: 19.444vw;
		max-height: 19.444vw;
		padding: 1.389vw;
	}

	.pt_list p {
		height: 4.167vw;
		font-size: 2.5vw;
		letter-spacing: 1px;
		margin-bottom: 1.389vw;
	}

	.pt_list a {
		height: 6.944vw;
		font-size: 2.778vw;
		letter-spacing: 0.278vw;
		border-radius: 1.389vw;
		margin: 1.389vw;
	}

	.pt_cent li:hover {
		border: solid 0.278vw var(--sc08);
	}

	/*平台内容----结束--------------------------------------------------------*/
	/*联系方式----开始--------------------------------------------------------*/
	.lianxi_box {
		margin-bottom: 6.944vw;
	}

	.lianxi_box dl {
		height: 9.722vw;
		border: solid 0.278vw var(--sc04);
		margin: 1.389vw;
		border-radius: 1.389vw;
	}

	.lianxi_box dl dt {
		width: 9.722vw;
		padding: 1.389vw;
	}

	.lianxi_box dl dd {
		padding: 0 2.778vw;
		font-size: 5.000vw;
	}

	/*联系方式----结束--------------------------------------------------------*/
	/*自助兑换----开始--------------------------------------------------------*/
	.bot_box {
		margin-bottom: 6.944vw;
	}

	.bot_box dt {
		height: 48.611vw;
		margin: 0 2.778vw;
	}

	.copy_bot {
		margin: 2.778vw;
		padding: 2.083vw;
		border: 1px solid var(--sc09);
		border-radius: 1.389vw;
	}

	.copy_bot h1 {
		height: 6.944vw;
		border-radius: 0.833vw;
		font-size: 4.167vw;
		margin-bottom: 2.778vw;
	}

	.copy_bot span {
		font-size: 3.611vw;
	}

	.copy_bot .copy_content {
		margin: 0.694vw 0 2.778vw 0;
	}

	.copy_text {
		font-size: 2.5vw;
		min-width: 69.444vw;
		padding: 1.111vw 1.667vw;
		border-radius: 0.556vw;
	}

	.copy_btn {
		font-size: 2.778vw;
		margin-left: 1.389vw;
		padding: 0.833vw 1.667vw;
		border-radius: 0.556vw;
	}

	.toast {
		padding: 1.111vw 2.222vw;
		border-radius: 0.556vw;
	}

	/*自助兑换----结束--------------------------------------------------------*/
}