@charset "utf-8";

/* CSS Pop */
.switch1 {
	display: flex;
}

.switch0 {
	display: none;
}

.pop_box .pop_mv .bianse01 {
	color: var(--c11);
}

.pop_box .pop_mv .bianse02 {
	color: var(--c02);
}

.pop_box {
	width: 100%;
	height: 100%;
	background: rgba(10, 16, 28, 0.8);
	justify-content: center;
	align-items: center;
	position: fixed;
	display: flex;
	opacity: 0;
	transition: 1s;
}

.pop_box:nth-child(1) {
	z-index: 99999;
}

.pop_box:nth-child(2) {
	z-index: 99998;
}

.pop_gg_qr {
	width: 200px;
	height: 50px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 25px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0 auto;
}

/*默认弹窗--------开始--------------------------------------*/
.pop_mv {
	width: 850px;
	height: 710px;
	position: relative;
	margin-top: -20px;
	cursor: pointer;
	opacity: 0;
	display: flex;
	transform: scale(0.5);
	transition: 1s;
}

.pop_mv>* {
	position: absolute;
}

.pop_bg {
	width: 620px;
	height: 710px;
	background: #f3f5f9;
	border-radius: 20px;
	right: 30px;
}

.pop_mv i {
	right: 0;
	color: rgb(243, 245, 249, 0.8);
	font-size: 26px;
}

.pop_mv i:hover {
	color: rgb(243, 245, 249);
}

.pop_bt-box {
	padding: 30px;
}

.pop_bt {
	width: 347px;
	height: 89px;
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.35) 0%, rgba(118, 75, 162, 0.2) 100%);
	box-sizing: border-box;
	border: 1px solid rgba(108, 123, 168, 0.25);
	margin-left: 36px;
}

.pop_logo {
	width: 277px;
	height: 84px;
	border-radius: 10px;
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
	box-sizing: border-box;
	border: 1px solid rgba(108, 123, 168, 0.2);
	margin-left: 54px;
}

.pop_txt {
	border-top: solid 1px rgba(108, 123, 168, 0.3);
	top: 140px;
	right: 40px;
	padding-top: 30px;
}

.pop_txt p {
	letter-spacing: 1px;
	color: var(--hui);
}

.sm_box {
	margin-top: 30px;
}

.sm_box p {
	letter-spacing: 2px;
	color: var(--c02);
}

.shengming {
	width: 120px;
	height: 34px;
	border-radius: 18px;
	background: var(--c02);
	text-align: center;
	line-height: 34px;
	color: var(--bai);
	text-shadow: 2px 2px 5px rgba(12, 12, 12, 0.3);
	margin: 0 10px 50px 0;
}

.pop_mv h2 {
	font-size: 36px;
	text-align: center;
}

.pop_ym,
.pop_lx {
	width: 460px;
	right: 50px;
}

.pop_ym {
	top: 350px;
}

.pop_ym ul li {
	width: 200px;
	height: 38px;
	text-align: center;
	color: var(--bai);
	font-size: 25px;
	font-weight: bold;
	text-shadow: 2px 2px 5px rgba(255, 17, 0, 0.5);
	background: linear-gradient(to bottom, #e9af47, #e88c28);
	border: 4px solid #f2e0bf;
	border-radius: 25px;
	margin: 15px 8px;
	float: left;
}

.pop_lx {
	top: 480px;
}

.pop_tb01,
.pop_tb02 {
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

.pop_lx li {
	width: 460px;
	height: 32px;
	margin: 10px 20px;
	line-height: 32px;
}

.pop_lx li h3 {
	font-size: 20px;
	color: var(--hui);
}

.pop_tb01 {
	background: rgba(71, 85, 105, 0.12)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234769e5'%3E%3Cpath d='M4 19h16v2H4v-2zm14-9h2V8h2V6H4v2h2v2h2v7h12v-7zM8 13h10v6H8v-6z'/%3E%3C/svg%3E")
		center/24px no-repeat;
}

.pop_tb02 {
	background: rgba(71, 85, 105, 0.12)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234769e5' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")
		center/24px no-repeat;
}

.meinv {
	display: none;
}

.shou {
	display: none;
}

.qiu {
	width: 31px;
	height: 32px;
	background: url(../images/tc_q.png) 0 no-repeat;
	background-size: 31px 32px;
	top: 180px;
	left: 100px;
}

.beizhu {
	bottom: 20px;
	right: 70px;
	font-size: 14px;
	color: var(--hui);
	font-family: "Arial";
}

.pop_mv .pop_gg_qr {
	background: linear-gradient(to bottom, #8b9ff0, #5b6cff);
	background-size: 200px 50px;
	border: 1px solid rgba(107, 125, 200, 0.6);
	color: #fff;
	bottom: -60px;
	left: 50%;
	margin-left: -80px;
}

.pop_mv .pop_gg_qr:hover,
.pop_mv .pop_gg_qr:active {
	background: linear-gradient(to bottom, #7a8fea, #4a62e8);
	background-size: 200px 50px;
	border: 1px solid var(--c06);
	color: #fff;
}

/*默认弹窗--------结束--------------------------------------*/

/*公告弹窗--------开始--------------------------------------*/
.pop_gg {
	width: 900px;
	height: 600px;
	background: linear-gradient(30deg, #eaf1f6, #f5f9fc, #f5f9fc, #eaf1f6, #f5f9fc);
	border-radius: 20px;
	position: relative;
	box-sizing: border-box;
	margin: 0 50px;
	margin-top: 35px;
	opacity: 0;
	display: block;
	transform: scale(0.5);
	transition: 1s;
}

.pop_gg .pop_gg_gb {
	width: 40px;
	height: 40px;
	background: url(../images/gb_02.png) 0 no-repeat;
	background-size: 40px 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.pop_gg .pop_gg_gb:hover {
	filter: brightness(105%);
}

.pop_gg .pop_gg_bt {
	width: 450px;
	height: 119px;
	background: url(../images/gg_bt.png) 0 no-repeat;
	margin: 0 auto;
	margin-top: -45px;
}

.pop_gg .pop_gg_ms {
	width: 900px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.pop_gg .pop_gg_ms p {
	font-size: 24px;
	line-height: 50px;
	letter-spacing: 10px;
	padding-left: 10px;
	text-align: center;
	margin: 20px;
}

.pop_gg .pop_gg_ms li {
	width: 161px;
	height: 30px;
	background: linear-gradient(90deg, transparent 0%, rgba(118, 75, 162, 0.45) 50%, transparent 100%);
	background-size: 100% 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.pop_gg .pop_gg_ms li:nth-child(3) {
	transform: rotateY(180deg);
}

.pop_gg_neirong {
	padding: 30px;
	box-sizing: border-box;
}

.pop_gg_neirong dt {
	height: 60px;
	border-bottom: solid 1px rgba(108, 123, 168, 0.3);
	line-height: 60px;
	letter-spacing: 4px;
	padding-bottom: 10px;
}

.pop_gg_neirong dt i {
	margin: 0 10px;
	font-size: 40px;
	line-height: 68px;
}

.pop_gg_neirong dt h2 {
	font-size: 40px;
}

.pop_gg_neirong dd {
	width: 100%;
	height: 240px;
	padding: 30px;
	box-sizing: border-box;
	overflow: hidden;
}

.pop_gg_neirong dd p {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
}

.pop_gg_neirong dd img {
	display: none;
}

.pop_gg_neirong .pop_gg_qr {
	background: linear-gradient(to bottom, #8b9ff0, #5b6cff);
	background-size: 200px 50px;
	border: 1px solid var(--c06);
	color: #fff;
	box-shadow: 0 3px 8px rgba(52, 69, 121, 0.1);
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -100px;
}

.pop_gg_neirong .pop_gg_qr:hover,
.pop_gg_neirong .pop_gg_qr:active {
	background: linear-gradient(to bottom, #7a8fea, #4a62e8);
	background-size: 200px 50px;
	border: 1px solid rgba(107, 125, 200, 0.6);
	color: #fff;
}

/*公告弹窗--------结束--------------------------------------*/

/*适配--------------------------------------*/
@media only screen and (max-width: 980px) {
	.pop_gg_qr {
		width: 20.408vw;
		height: 5.102vw;
		border-radius: 2.551vw;
		font-size: 2.041vw;
	}

	/*默认弹窗--------开始--------------------------------------*/
	.pop_mv>* {
		font-size: 1.837vw;
	}

	.pop_mv {
		width: 86.735vw;
		height: 72.449vw;
		margin-top: -2.041vw;
	}

	.pop_bg {
		width: 63.265vw;
		height: 72.449vw;
		border-radius: 2.041vw;
		right: 3.061vw;
	}

	.pop_mv i {
		font-size: 2.563vw;
	}


	.pop_bt-box {
		padding: 3.061vw;
	}

	.pop_bt {
		width: 35.408vw;
		height: 9.082vw;
		background-size: 35.408vw 9.082vw;
		margin-left: 3.673vw;
	}

	.pop_logo {
		width: 28.265vw;
		height: 8.571vw;
		background-size: 28.265vw 8.571vw;
		margin-left: 5.510vw;
	}

	.pop_txt {
		border-top: solid 0.102vw rgba(108, 123, 168, 0.3);
		top: 14.286vw;
		right: 4.082vw;
		padding-top: 3.061vw;
		width: 62%;
	}

	.pop_txt p {
		letter-spacing: 0.102vw;
	}

	.sm_box {
		margin-top: 3.061vw;
	}

	.sm_box p {
		letter-spacing: 0.204vw;
	}

	.shengming {
		width: 12.245vw;
		height: 3.571vw;
		border-radius: 1.837vw;
		line-height: 3.571vw;
		text-shadow: 0.204vw 0.204vw 0.510vw rgba(12, 12, 12, 0.3);
		margin: 0 1.020vw 5.102vw 0;
	}

	.pop_mv h2 {
		font-size: 3.673vw;
	}

	.pop_ym,
	.pop_lx {
		width: 46.939vw;
		right: 5.102vw;
	}

	.pop_ym {
		top: 35.714vw;
	}

	.pop_ym ul li {
		width: 20.408vw;
		height: 3.878vw;
		font-size: 2.551vw;
		text-shadow: 0.204vw 0.204vw 0.510vw rgba(255, 17, 0, 0.5);
		border: 0.408vw solid #f2e0bf;
		border-radius: 2.551vw;
		margin: 1.531vw 0.816vw;
	}

	.pop_lx {
		top: 49.980vw;
	}

	.pop_tb01,
	.pop_tb02 {
		width: 33.061vw;
		height: 3.061vw;
		margin: 0 1.020vw;
	}

	.pop_lx li {
		width: 46.939vw;
		height: 3.265vw;
		margin: 1.020vw 2.041vw;
		line-height: 3.265vw;
	}

	.pop_lx li h3 {
		font-size: 2.041vw;
	}

	.pop_tb01,
	.pop_tb02 {
		background-size: 3.061vw 3.061vw;
		background-position: center center;
	}

	.meinv,
	.shou {
		display: none !important;
	}

	.qiu {
		width: 3.163vw;
		height: 3.265vw;
		background-size: 3.163vw 3.265vw;
		top: 18.367vw;
		left: 10.204vw;
	}

	.beizhu {
		bottom: 2.041vw;
		right: 7.143vw;
		font-size: 1.429vw;
	}

	.pop_mv .pop_gg_qr {
		background-size: 20.408vw 5.102vw;
		border: 0.102vw solid #d7e0f4;
		bottom: -6.122vw;
		margin-left: -8.163vw;
	}

	.pop_mv .pop_gg_qr:hover,
	.pop_mv .pop_gg_qr:active {
		background-size: 20.408vw 5.102vw;
		border: 0.102vw solid var(--c06);
	}

	/*默认弹窗--------结束--------------------------------------*/

	/*公告弹窗--------开始--------------------------------------*/
	.pop_gg {
		width: 91.837vw;
		height: 91.837vw;
		border-radius: 2.041vw;
		margin-top: 3.571vw;
		margin: 0 5.102vw;
	}

	.pop_gg .pop_gg_gb {
		width: 4.082vw;
		height: 4.082vw;
		background-size: 4.082vw 4.082vw;
		top: 1.020vw;
		right: 1.020vw;
	}

	.pop_gg .pop_gg_bt {
		width: 45.918vw;
		height: 12.143vw;
		background-size: 45.918vw 12.143vw;
		margin-top: -4.592vw;
	}

	.pop_gg .pop_gg_ms {
		width: 91.837vw;
		height: 5.102vw;
	}

	.pop_gg .pop_gg_ms p {
		font-size: 2.449vw;
		line-height: 5.102vw;
		letter-spacing: 1.020vw;
		padding-left: 1.020vw;
		margin: 2.041vw;
	}

	.pop_gg .pop_gg_ms li {
		width: 16.429vw;
		height: 3.061vw;
		background-size: 100% 0.612vw;
	}

	.pop_gg_neirong {
		padding: 3.061vw;
	}

	.pop_gg_neirong dt {
		height: 6.122vw;
		border-bottom: solid 0.102vw rgba(108, 123, 168, 0.3);
		line-height: 6.122vw;
		letter-spacing: 0.408vw;
		padding-bottom: 1.020vw;
	}

	.pop_gg_neirong dt i {
		margin: 0 1.020vw;
		font-size: 4.082vw;
		line-height: 6.939vw;
	}

	.pop_gg_neirong dt h2 {
		font-size: 4.082vw;
	}

	.pop_gg_neirong dd {
		height: 24.490vw;
		padding: 3.061vw;
	}

	.pop_gg_neirong dd p {
		font-size: 2.449vw;
		line-height: 3.561vw;
	}

	.pop_gg_neirong .pop_gg_qr {
		background-size: 20.408vw 5.102vw;
		border: 0.102vw solid var(--c06);
		box-shadow: 0 0.306vw 0.816vw rgba(52, 69, 121, 0.1);
		bottom: 3.061vw;
		margin-left: -10.204vw;
	}

	.pop_gg_neirong .pop_gg_qr:hover,
	.pop_gg_neirong .pop_gg_qr:active {
		background-size: 20.408vw 5.102vw;
		border: 0.102vw solid #d7e0f4;
	}

	/*公告弹窗--------结束--------------------------------------*/
}