/* 手机端+通用端 */
@font-face {
  font-family: 'PoppinsSemiBold';
  src: url('../fonts/Poppins-SemiBold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PoppinsRegular';
  src: url('../fonts/Poppins-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PoppinsBold';
  src: url('../fonts/Poppins-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
.Poppins-SemiBold{
	font-family: 'PoppinsSemiBold';
}
.Poppins-Regular{
	font-family: 'PoppinsRegular';
}
.Poppins-Bold{
	font-family: 'PoppinsBold';
}
.showLoading{
	display:none;
}
.begin{
	position: absolute;
	left: 50%;
	margin-left: -3.39rem;
	bottom: 0.11rem;
	width: 6.78rem;
	height: 1.38rem;
	line-height: 1.36rem;
	font-size: 0.36rem;
	font-weight: 600;
	text-align: center;
	color: white;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.75rem;
	backdrop-filter: blur(0.2rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.begin::before{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	left: 0.9rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjt.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjt infinite;
	-webkit-animation: 1.2s linear moveCbtnjt infinite;
}
@keyframes moveCbtnjt{
	0%{
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		opacity: 1;
	}
	100%{
		transform: translate(100%,0%);
		-webkit-transform: translate(100%,0%);
		opacity: 0;
	}
}
@-webkit-keyframes moveCbtnjt{
	0%{
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		opacity: 1;
	}
	100%{
		transform: translate(100%,0%);
		-webkit-transform: translate(100%,0%);
		opacity: 0;
	}
}
.begin::after{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	right: 0.9rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjtR.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjtR infinite;
	-webkit-animation: 1.2s linear moveCbtnjtR infinite;
}
@keyframes moveCbtnjtR{
	0%{
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		opacity: 1;
	}
	100%{
		transform: translate(-100%,0%);
		-webkit-transform: translate(-100%,0%);
		opacity: 0;
	}
}
@-webkit-keyframes moveCbtnjtR{
	0%{
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		opacity: 1;
	}
	100%{
		transform: translate(-100%,0%);
		-webkit-transform: translate(-100%,0%);
		opacity: 0;
	}
}
#game{
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 100%;
	height: 100%;
}
#game canvas{
	width: 100%;
	height: 100%;
}
img{
	width:100%;
}
.logo{
	width:8%;
}
.logoLight{
	width:171%;
	opacity: 0;
}
/*闪烁*/
@keyframes logolingling{
	0% {
		opacity: 0;
	}
	15.67% {
		opacity: 1;
	}
	17.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 0;
	}
	48.99%{
		opacity: 1;
	}
	50.99%{
		opacity: 1;
	}
	66.66% {
		opacity: 0;
	}
	82.99%{
		opacity: 1;
	}
	84.99%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}

@-webkit-keyframes logolingling {
	0% {
		opacity: 0;
	}
	15.67% {
		opacity: 1;
	}
	17.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 0;
	}
	48.99%{
		opacity: 1;
	}
	50.99%{
		opacity: 1;
	}
	66.66% {
		opacity: 0;
	}
	82.99%{
		opacity: 1;
	}
	84.99%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.logolingling{
	animation: logolingling 9s linear forwards;
	-webkit-animation: logolingling 9s linear forwards;
}
#pl_num{
	position: absolute;
	left: 0rem;
	top:56%;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
.logoTxt{
	width:100%;
	top:2.17rem;
	font-size: 0.45rem;
	line-height: 0.66rem;
	letter-spacing: 0.01rem;
	text-align: center;
	position: absolute;
	left: 0rem;
	color: white;
	font-weight: 600;
	display: none;
	animation-duration: 1s;
	animation-timing-function: linear;
	transform-origin: bottom center !important;
}
.continue{
	position: absolute;
	left: 50%;
	margin-left: -3.39rem;
	bottom: 0.11rem;
	width: 6.78rem;
	height: 1.38rem;
	line-height: 1.36rem;
	font-size: 0.36rem;
	font-weight: 600;
	text-align: center;
	color: white;
	background: rgba(0, 11, 29, 0.6);
	border-radius: 0.75rem;
	backdrop-filter: blur(0.2rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.continue::before{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	left: 0.9rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjt.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjt infinite;
	-webkit-animation: 1.2s linear moveCbtnjt infinite;
}
.continue::after{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	right: 0.9rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjtR.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjtR infinite;
	-webkit-animation: 1.2s linear moveCbtnjtR infinite;
}
.senceTxt1_1{
	width:100%;
	/* top:1.9rem; */
	top:1.2rem;
	font-size: 0.45rem;
	line-height: 0.66rem;
	letter-spacing: 0.01rem;
	text-align: center;
	position: absolute;
	left: 0rem;
	color: white;
	font-weight: 600;
}
.senceMapBox{
	position: absolute;
	left: 0.22rem;
	/* top: 4.5rem; */
	top: 3.45rem;
	width:7.05rem;
	height: 2.75rem;
}
.linear{
	animation-timing-function: linear;
}
.senceMap{
	position: absolute;
	width:3.3rem;
	left: 1.84rem;
	top: 0.45rem;
	animation: 2s linear 1s senceMapMove infinite;
	-webkit-animation: 2s linear 1s senceMapMove infinite;
}
@keyframes senceMapMove{
	0%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	50%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,-0.04rem);
	}
	100%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
}
@keyframes -webkit-senceMapMove{
	0%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	50%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,-0.05rem);
	}
	100%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
}
.senceBtn1,.senceBtn2,.senceBtn3,.senceBtn4{
	position: absolute;
	left: 0rem;
	top: 0.45rem;
	width: 1.68rem;
	line-height: 0.36rem;
	font-size: 0.15rem;
	text-align: center;
	border-radius: 0.36rem;
	color: white;
	background: rgba(116, 188, 238, 0.6);
	backdrop-filter: blur(0.2rem);
}
.senceBtn2{
	left: 4.53rem;
	top: 0rem;
}
.senceBtn3{
	left: 1.29rem;
	top: 2.39rem;
}
.senceBtn4{
	left: 5.37rem;
	top: 1.56rem;
}
.sencesMove{
	animation: 6s linear sencesMove infinite;
	-webkit-animation: 6s linear sencesMove infinite;
}
@keyframes sencesMove{
	0%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	20%{
		transform: scale(1.1,1.1) translate(0rem,0rem);
		-webkit-transform: scale(1.1,1.1) translate(0rem,0rem);
	}
	40%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,-0.08rem);
	}
	60%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	80%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,-0.08rem);
	}
	100%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
}
@keyframes -webkit-sencesMove{
	0%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	20%{
		transform: scale(1.1,1.1) translate(0rem,0rem);
		-webkit-transform: scale(1.1,1.1) translate(0rem,0rem);
	}
	40%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,-0.08rem);
	}
	60%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	80%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,-0.08rem);
	}
	100%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
}
.senceTxt2_1,.senceTxt2_2,.senceTxt2_3,.senceTxt2_4,.senceTxt2_5{
	width:100%;
	top:7.88rem;
	font-size: 0.45rem;
	line-height: 0.66rem;
	letter-spacing: 0rem;
	text-align: center;
	position: absolute;
	left: 0rem;
	color: white;
	font-weight: 600;
	transform-origin: top center !important;
	-webkit-transform-origin: top center !important;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
.senceTxt2_3,.senceTxt2_4{
	top: 2.17rem;
	color:#516676;
}
.senceTxt2_5{
	top: 2.17rem;
}
.quesition{
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 100%;
	height: 100%;
}
.quesitionTitle{
	position: absolute;
	left:50%;
	top: 0.51rem;
	margin-left: -3.39rem;
	width:6.78rem;
	height: 2.16rem;
	border-radius: 0.75rem;
	background: rgba(13, 74, 128, 0.4);
	backdrop-filter: blur(0.2rem);
	font-size: 0.45rem;
	line-height: 0.66rem;
	letter-spacing: 0rem;
	text-align: center;
	font-weight: 600;
	padding: 0.42rem 0rem;
	color: white;
	transform-origin: bottom center !important;
	-webkit-transform-origin: bottom center !important;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
.answerBox{
	position: absolute;
	left: 50%;
	top: 6.07rem;
	width: 6.78rem;
	margin-left: -3.39rem;
	
}
.answer{
	width:100%;
	height: 1.38rem;
	margin-bottom: 0.12rem;
	border-radius: 1.38rem;
	padding: 0.25rem 0.66rem;
	font-size: 0.3rem;
	line-height: 0.44rem;
	color: white;
	font-weight: 600;
	background: rgba(13, 74, 128, 0.4);
	backdrop-filter: blur(0.2rem);
	cursor:pointer;
	position: relative;
	transform-origin: top center !important;
	-webkit-transform-origin: top center !important;
	animation-timing-function: linear ;
	-webkit-animation-timing-function: linear;
}
.answer::after{
	content: "";
	position: absolute;
	right: 0.12rem;
	top: 50%;
	margin-top: -0.57rem;
	width: 1.14rem;
	height: 1.14rem;
	border-radius: 50%;
	background: url(../img/ansjt.png) no-repeat center center;
	background-size: 0.66rem;
	background-color: rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.endBox{
	position: absolute;
	left: 0%;
	top:0%;
	width: 100%;
	height: 100%;
}
.endTitle{
	position: absolute;
	left: 0rem;
	width: 100%;
	font-size: 0.45rem;
	line-height: 0.78rem;
	top: 2.23rem;
	text-align: center;
	font-weight: bold;
	color: white;
	animation-timing-function: linear ;
	-webkit-animation-timing-function: linear;
}
.endRing{
	position: absolute;
	left: 50%;
	margin-left: -1.9rem;
	width: 3.8rem;
	top: 3.17rem;
	animation-timing-function: linear ;
	-webkit-animation-timing-function: linear;
	cursor: pointer;
}
.endRing img{
	animation: 2s moveUpDown linear infinite;
	-webkit-animation:2s moveUpDown linear infinite;
}
@keyframes moveUpDown{
	0%{
		transform: translate(0rem,0rem) scale(1,1);
		-webkit-transform: translate(0rem,0rem) scale(1,1);
	}
	50%{
		transform: translate(0rem,0.1rem) scale(1.03,1.03);
		-webkit-transform: translate(0rem,0.1rem) scale(1.03,1.03);
	}
	100%{
		transform: translate(0rem,0rem) scale(1,1);
		-webkit-transform: translate(0rem,0rem) scale(1,1);
	}
}
@-webkit-keyframes moveUpDown{
	0%{
		transform: translate(0rem,0rem) scale(1,1);
		-webkit-transform: translate(0rem,0rem) scale(1,1);
	}
	50%{
		transform: translate(0rem,0.1rem) scale(1.03,1.03);
		-webkit-transform: translate(0rem,0.1rem) scale(1.03,1.03);
	}
	100%{
		transform: translate(0rem,0rem) scale(1,1);
		-webkit-transform: translate(0rem,0rem) scale(1,1);
	}
}
.endContent{
	position: absolute;
	left: 0rem;
	top: 7.69rem;
	width: 100%;
	font-size: 0.36rem;
	line-height: 0.78rem;
	text-align: center;
	color: white;
	animation-timing-function: linear ;
	-webkit-animation-timing-function: linear;
}
.endContent p:nth-child(2){
	font-size:0.45rem;
	font-weight: 600;
}
#result{
	position: fixed;
	left: 0rem;
	top: 0rem;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#resultApp{
	position: absolute;
	width: 7.5rem;
	left: 50%;
	height: 14.92rem;
	top: 50%;
	margin-top: -7.46rem;
	margin-left: -3.75rem;
}
#resultApp canvas{
	width:100%;
	height:100%;
}
.resultTitle{
	width: 100%;
	font-size: 0.24rem;
	line-height: 0.4rem;
	position: absolute;
	left: 0rem;
	top: -0.02rem;
	color: white;
	text-align: center;
	font-weight: 600;
}
.resultContainer{
	position: absolute;
	left: 50%;
	top: 5.17rem;
	width: 7.14rem;
	margin-left: -3.57rem;
	height: 5.58rem;
	background: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(0.24rem);
	border-radius: 0.62rem;
}
.resultConTitle{
	position: absolute;
	left: 0rem;
	width: 100%;
	top: 0.54rem;
	text-align: center;
	font-size: 0.54rem;
	line-height: 0.8rem;
	background: linear-gradient(to top, #e1b37a, #f9f4d4);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;  
	font-weight: 600;
}
.resultConDesc{
	position: absolute;
	left: 0rem;
	width: 100%;
	top: 1.39rem;
	text-align: center;
	font-size: 0.24rem;
	line-height: 0.8rem;
	color:white;
}
.wellnessBtn{
	position: absolute;
	left: 50%;
	margin-left: -3.39rem;
	top: 2.76rem;
	width: 6.66rem;
	height: 1.8rem;
	line-height: 1.78rem;
	font-size: 0.36rem;
	font-weight: 600;
	text-align: center;
	color: white;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.9rem;
	/* backdrop-filter: blur(0.2rem); */
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
}
.wellnessBtn::before{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	left: 0.84rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjt.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjt infinite;
	-webkit-animation: 1.2s linear moveCbtnjt infinite;
}
.wellnessBtn::after{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	right: 0.84rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjtR.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjtR infinite;
	-webkit-animation: 1.2s linear moveCbtnjtR infinite;
}
.download{
	position: absolute;
	left: 0.42rem;
	top: 11.29rem;
	width: 2.46rem;
	height: 0.66rem;
	background: url(../img/download.png) no-repeat 0.33rem center;
	background-size: 0.32rem;
	background-color: rgba(255, 255, 255, 0.2);
	font-size: 0.18rem;
	line-height: 0.64rem;
	color: white;
	border-radius: 0.66rem;
	backdrop-filter: blur(0.48rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
	letter-spacing: 0.01rem;
	padding-left: 0.9rem;
}
.facebook{
	position: absolute;
	left: 4.62rem;
	top: 11.29rem;
	width: 0.66rem;
	height: 0.66rem;
	background: url(../img/facebook.png) no-repeat center center;
	background-size: 0.32rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.66rem;
	backdrop-filter: blur(0.48rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
}
.ins{
	position: absolute;
	left: 5.52rem;
	top: 11.29rem;
	width: 0.66rem;
	height: 0.66rem;
	background: url(../img/ins.png) no-repeat center center;
	background-size: 0.3rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.66rem;
	backdrop-filter: blur(0.48rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
}
.twi{
	position: absolute;
	left: 6.42rem;
	top: 11.29rem;
	width: 0.66rem;
	height: 0.66rem;
	background: url(../img/twi.png) no-repeat center center;
	background-size: 0.28rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.66rem;
	backdrop-filter: blur(0.48rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
}
.resultCodeTitle{
	position: absolute;
	left: 0%;
	top: 0.12rem;
	width: 100%;
	line-height: 0.8rem;
	font-size: 0.3rem;
	font-weight: 600;
	text-align: center;
	color: white;
}
.resultBottom{
	position: absolute;
	left: 0rem;
	bottom: 0rem;
	width: 100%;
	height: 4.62rem;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(0.24rem);
	border-radius: 0.62rem;
}
.resultCode{
	position: absolute;
	left: 1.02rem;
	top: 0.54rem;
	font-size: 0.54rem;
	line-height: 0.8rem;
	background: linear-gradient(to top, #e1b37a, #f9f4d4);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;  
	font-weight: 600;
	letter-spacing: 0.01rem;
}
.resultCodeDesc{
	position: absolute;
	left: 1.02rem;
	top: 1.34rem;
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: white;
	letter-spacing: 0.02rem;
}
.copy{
	position: absolute;
	left: 5.4rem;
	top: 0.54rem;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../img/copy.png) no-repeat center center;
	background-size: 0.37rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 1.2rem;
	backdrop-filter: blur(0.48rem);
	border: 0.01rem solid rgba(255, 255, 255, 0.2);
	cursor: pointer;
}
.linkBox{
	position: absolute;
	left:0.24rem;
	bottom: 0.54rem;
	width: 6.66rem;
	height: 1.8rem;
	border-radius: 1.8rem;
	background-color: rgba(0, 0, 0, 0.2);
}
.linkBoxTxt{
	position: absolute;
	left: 0.79rem;
	top:0rem;
	line-height: 1.8rem;
	font-size: 0.36rem;
	color: white;
	font-weight: 600;
	padding-right: 0.62rem;
}
.linkBoxTxt::after{
	content: "";
	width: 0.25rem;
	height: 0.24rem;
	position: absolute;
	right:0rem;
	top: 50%;
	margin-top: -0.12rem;
	background: url(../img/cbtnjt.png) no-repeat center center;
	background-size: 100%;
	animation: 1.2s linear moveCbtnjtLink infinite;
	-webkit-animation: 1.2s linear moveCbtnjtLink infinite;
}
@keyframes moveCbtnjtLink{
	0%{
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		opacity: 1;
	}
	100%{
		transform: translate(80%,0%);
		-webkit-transform: translate(80%,0%);
		opacity: 0;
	}
}
@-webkit-keyframes moveCbtnjtLink{
	0%{
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		opacity: 1;
	}
	100%{
		transform: translate(80%,0%);
		-webkit-transform: translate(80%,0%);
		opacity: 0;
	}
}
.amazon{
	position: absolute;
	left: 3.66rem;
	top: 0.3rem;
	width: 1.2rem;
	cursor: pointer;
}
.ringconn{
	position: absolute;
	left: 5.16rem;
	top: 0.3rem;
	width: 1.2rem;
	cursor: pointer;
}
#code,#link{
	position: fixed;
	left: -200%;
	top: -200%;
	opacity: 0;
}
.post{
	position: absolute;
	left: -0.18rem;
	top: 0rem;
	width: 7.5rem;
	height: 14.92rem;
	margin-left: 0rem;
	margin-top: -6.6rem;
	opacity: 0;
}
.postOut{
	margin-top: -7.56rem;
}
#music{
	background: url(../img/music.png) no-repeat center center;
	background-size: 100%;
	width: 0.66rem;
	height: 0.66rem;
	right: 0.2rem;
	top: 0.2rem;
	cursor: pointer;
}
#loading{
	position: fixed;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}
#loading p{
	font-size:0.36rem;
	line-height: 0.8rem;
	font-weight: 600;
	color: white;
	padding: 0rem 0.2rem;
	border-radius: 0.08rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 50%;
	text-align: center;
	margin-top: -0.4rem;
	background-color: rgba(0, 0, 0, 0.7);
}
#neicun{
	position:fixed;
	left:0rem;
	bottom: 0rem;
	color: white;
	z-index: 100000;
	font-size: 0.5rem;
	font-weight: bold;
}
.quesition4 .quesitionTitle{
	font-size: 0.43rem;
}
.quesition3 .quesitionTitle{
	font-size: 0.43rem;
}
.swiperBox{
	width:6rem;
	height: 7rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -3.5rem;
	margin-left: -3rem;
}
.swiper{
	width:100%;
	height:100%;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: -0.5rem;
}
.swiper-pagination-bullet{
	width: 0.16rem;
	height: 0.16rem;
	background-color: #eeeeee;
}
.swiper-pagination-bullet-active{
	background-color: #ffffff;
}
.closeBtn{
	position: absolute;
	width: 0.48rem;
	height: 0.48rem;
	right: -0.3rem;
	top: -0.6rem;
	border: 0.02rem solid white;
	border-radius: 50%;
	cursor: pointer;
}
.closeBtn::before,.closeBtn::after{
	content: "";
	width: 0.3rem;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 0.02rem;
	background-color: white;
	margin-top: -0.01rem;
	margin-left: -0.15rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.closeBtn::after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.rulepc1,.rulepc2{
	display:none;
}
.swiper-button-next, .swiper-button-prev{
	color: white;
	display: none;
}