img{
	width:100%;
}
#page_loading{
	display:none;
	background: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/loadBkg.png) no-repeat center center;
	background-size: 7.5rem;
}

.loadTitle{
	position: absolute;
	left: 1.48rem;
	top: 2.74rem;
	width: 4.44rem;
}
.loadGif{
	position: absolute;
	left: 1.03rem;
	top: 4.32rem;
	width: 5.43rem;
}
.loadProgressBox{
	width:5.88rem;
	height: 0.26rem;
	position: absolute;
	left: 50%;
	margin-left: -2.94rem;
	top: 8.47rem;
	border-radius: 0.26rem;
	background-color: #e9fffb;
}
.loadProgressBox>div{
	width:0%;
	height: 100%;
	border-radius: 0.34rem;
	background-color: #1589c5;
}
#pl_num{
	font-size:  0.3rem;
	line-height: 0.5rem;
	text-align: center;
	position: absolute;
	left: 0rem;
	width: 100%;
	top: 8.87rem;
	color: #1589c5;
	font-weight: bold;
}
#music{
	background-image: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/music.png);
}
/* 视频页面 */
.videoContainer{
	position: absolute;
	left: 0rem;
	top: 50%;
	width: 7.5rem;
	height: 15rem;
	margin-top:-7.5rem;
}
.videoContainer video{
	width: 100%;
	height: 100%;
}
.play{
	width:1.12rem;
}
.jump{
	position: fixed;
	right: 50%;
	top: 0.8rem;
	margin-right: -3.75rem;
	width: 1.1rem;
}
/* 首页 */
#index{
	background-image: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/indexBkg.png);
}
.indexCircle{
	position: absolute;
	left: 0.24rem;
	top: 1.85rem;
	width: 7.02rem;
	animation: 6s linear rotate360 infinite;
	-webkit-animation:6s linear rotate360 infinite;
}
.indexBtn1{
	position: absolute;
	left:0.09rem;
	top: 0.4rem;
	width: 3.57rem;
	height: 3.31rem;
}
.mtl{
	position: absolute;
	right:0rem;
	top: 0rem;
	width: 2.32rem;
}
.mtlb{
	position: absolute;
	right:0rem;
	bottom: 0rem;
	width: 3.57rem;
}
.mtlt{
	position: absolute;
	left: 0.13rem;
	top: 1.39rem;
	width: 3.03rem;
}
.indexBtn2{
	position: absolute;
	left: 3.87rem;
	top: 0.96rem;
	width: 3.4rem;
	height: 2.93rem;
}
.run1{
	position: absolute;
	left:0rem;
	top: 0rem;
	width: 3.4rem;
}
.run2{
	position: absolute;
	left: 0.2rem;
	bottom: 0rem;
	width: 3.03rem;
}
.running{
	position: absolute;
	left:1.57rem;
	top: 0.46rem;
	width: 1.16rem;
}
.indexBtn3{
	position: absolute;
	left: 0.15rem;
	top: 6.61rem;
	width: 3.46rem;
	height: 3.74rem;
}
.hjd{
	position: absolute;
	right: 0rem;
	bottom: 0rem;
	width: 3.61rem;
}
.cpimg{
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 2.71rem;
}
.hjp1{
	position: absolute;
	left: 0.2rem;
	bottom: 0rem;
	width: 3.04rem;
}
.hjp2{
	position: absolute;
	left: 0.67rem;
	top: 0.78rem;
	width: 2.58rem;
	animation: 6s linear rotate360 infinite;
	-webkit-animation:6s linear rotate360 infinite;
}
.hjp3{
	position: absolute;
	left: 1.95rem;
	top: 1.42rem;
	width: 1.51rem;
}
.yfu1{
	position: absolute;
	left: 0.27rem;
	top: 1.77rem;
	width: 0.67rem;
	animation: 0.8s linear myfu1 infinite;
	-webkit-animation: 0.8s linear myfu1 infinite;
}
@keyframes myfu1{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
	50%{
		transform: translate(-0.1rem,-0.1rem);
		-webkit-transform:translate(-0.1rem,-0.1rem);
	}
	100%{
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
}
.yfu2{
	position: absolute;
	left: 2.54rem;
	top: 0.85rem;
	width: 0.38rem;
	animation: 0.8s linear myfu2 infinite;
	-webkit-animation: 0.8s linear myfu2 infinite;
}
@keyframes myfu2{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
	50%{
		transform: translate(0.1rem,0.1rem);
		-webkit-transform:translate(0.1rem,0.1rem);
	}
	100%{
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
}
.centerCricle{
	position: absolute;
	left: 1.18rem;
	top: 2.86rem;
	width: 5.01rem;
}
.indexhit{
	position: absolute;
}
.indexhit0{
	left:2.04rem;
	top: 3.66rem;
	width: 3.42rem;
	height: 3.38rem;
}
.indexhit1{
	left: 0.32rem;
	top: 0.42rem;
	width: 3.3rem;
	height: 2.8rem;
}
.indexhit2{
	left: 4.11rem;
	top: 1.17rem;
	width: 2.94rem;
	height: 2.5rem;
}
.indexhit3{
	left: 0.32rem;
	top: 6.86rem;
	width: 3.03rem;
	height: 3.4rem;
}
.indexhit4{
	left: 4.11rem;
	top: 7.09rem;
	width: 2.92rem;
	height: 2.82rem;
}
.draw{
	position:absolute;
	left:1.71rem;
	top:10.64rem;
	width:4.08rem;
}
.grlogo{
	position: fixed;
	left: 50%;
	margin-left: -0.83rem;
	top: 50%;
	margin-top: -6.10rem;
	width: 1.66rem;
}
.hand{
	position: absolute;
	left: 3.58rem;
	top: 0.62rem;
	width:0.78rem;
}
.hands{
	position: absolute;
	width:0.4rem;
}
.hand0{
	left:3.48rem;
	top:6.22rem;
}
.hand1{
	left:3.01rem;
	top:2.2rem;
}
.hand2{
	left:6.7rem;
	top:2.5rem;
}
.hand3{
	left:2.71rem;
	top:9.11rem;
}
.hand4{
	left:6.31rem;
	top:9.33rem;
}
.indexBtn4{
	position:absolute;
	left: 3.85rem;
	top: 6.86rem;
	width: 3.3rem;
}
.metro{
	position:absolute;
	top: -0.03rem;
	left: -0.02rem;
	width: 3.32rem;
}
.metrotitle{
	position:absolute;
	left: 0.56rem;
	top: 0.8rem;
	width: 2.86rem;
}
.metroleft{
	position:absolute;
	left: 0.61rem;
	top: 1.81rem;
	width: 0.8rem;
	animation: 1s mlscale infinite;
	-webkit-animation: 1s mlscale infinite;
}
@keyframes mlscale{
	0%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	50%{
		transform: scale(1.1,1.1) translate(-0.1rem,0.1rem);
		-webkit-transform: scale(1.1,1.1) translate(-0.1rem,0.1rem);
	}
}
.metroright{
	position:absolute;
	left:2.17rem;
	top: 0.13rem;
	width: 0.95rem;
	animation: 1s mrscale infinite;
	-webkit-animation: 1s mrscale infinite;
}
@keyframes mrscale{
	0%{
		transform: scale(1,1) translate(0rem,0rem);
		-webkit-transform: scale(1,1) translate(0rem,0rem);
	}
	50%{
		transform: scale(1.1,1.1) translate(0.1rem,-0.1rem);
		-webkit-transform: scale(1.1,1.1) translate(0.1rem,-0.1rem);
	}
}
/* 奔好运 */
.flower1{
	position: absolute;
	left: 1.27rem;
	top: -1.48rem;
	width: 2.13rem;
	animation: 3s linear fwf1 infinite;
	-webkit-animation: 3s linear fwf1 infinite;
}
@keyframes fwf1{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform-origin: left bottom;
		 -webkit-transform-origin: left bottom;
	}
	50%{
		transform: rotate(-2deg);
		-webkit-transform:rotate(-2deg);
		transform-origin: left bottom;
		 -webkit-transform-origin: left bottom;
	}
}
.zplane{
	position:absolute;
	left: 5.55rem;
	top:-0.98rem;
	width: 1.69rem;
	animation: 3s linear downAndUp infinite;
	-webkit-animation: 3s linear downAndUp infinite;
}
.flower2{
	position: absolute;
	left: -0.5rem;
	top: -1.59rem;
	width: 2.39rem;
	animation: 3s linear fwf2 infinite;
	-webkit-animation: 3s linear fwf2 infinite;
}
@keyframes fwf2{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform-origin: left bottom;
		 -webkit-transform-origin: left bottom;
	}
	50%{
		transform: rotate(2deg);
		-webkit-transform:rotate(2deg);
		transform-origin: left bottom;
		 -webkit-transform-origin: left bottom;
	}
}
.returnBtn{
	position:absolute;
	left: 0.11rem;
	top: 0.16rem;
	width: 0.62rem;
	z-index:10;
}
#runGoodLuck{
	background-image: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/rglBkg.png) ;
}
@keyframes downAndUp {
	0% {
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
	50% {
		transform: translate(0rem,0.2rem);
		-webkit-transform:translate(0rem,0.2rem);
	}
	100% {
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
}
@keyframes upAndDown {
	0% {
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
	50% {
		transform: translate(0rem,-0.1rem);
		-webkit-transform:translate(0rem,-0.1rem);
	}
	100% {
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
}
.rglBtn{
	position:absolute;
	/* animation: 3s linear upAndDown infinite;
	-webkit-animation: 3s linear upAndDown infinite; */
}
.rglBtn1{
	left: 3.87rem;
	top: 0.3rem;
	width: 2.88rem;
}
.rglBtn2{
	left: 2.23rem;
	top: 2.43rem;
	width:3.09rem;
}
.rglBtn3{
	left: 1.13rem;
	top: 4.9rem;
	width: 3.37rem;
}
.rglBtn4{
	left: 1.67rem;
	top: 7.23rem;
	width: 3.25rem;
}
.rglBtn5{
	left: 3.89rem;
	top: 9.25rem;
	width: 3.3rem;
}
.rungift1{
	position: absolute;
	left: 2.25rem;
	top: 0.39rem;
	width: 1.37rem;
}
.rungift2{
	position: absolute;
	left: 0.61rem;
	top: 3.28rem;
	width: 1.18rem;
}
.rungift3{
	position: absolute;
	left: 4.83rem;
	top: 6.89rem;
	width: 1.71rem;
}
/* 摩天轮 */
#ferrisWheel{
	position: fixed;
	width: 7.5rem;
	background-image:url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/ferrisWheelBkg.png);
	overflow-x: hidden;
}
.star{
	position: absolute;
	left: 3.77rem;
	top: 3.2rem;
	width: 2.38rem;
}
.plane{
	position: absolute;
	left: -1.54rem;
	top: 1rem;
	width: 1.71rem;
	animation: 6s linear fly infinite;
	-webkit-animation: 6s linear fly infinite;
}
@keyframes fly{
	0% {
		transform: translate(0rem,0rem);
		-webkit-transform:translate(0rem,0rem);
	}
	100% {
		transform: translate(9.1rem,-7.1rem);
		-webkit-transform:translate(9.1rem,-7.1rem);
	}
}

.circleShadow{
	position: absolute;
	left: 4.14rem;
	top: 3.64rem;
	width: 5.05rem;
}

.circleCover{
	position: absolute;
	left: 4.19rem;
	top: 3.78rem;
	width: 4.63rem;
}
.circleHome{
	position: absolute;
	left: 4.34rem;
	top: 5.12rem;
	width: 1.91rem;
}
.circleIp{
	position: absolute;
	left: 5.38rem;
	top: 6.54rem;
	width:2.86rem;
}
.centerCircleIn{
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 100%;
	height:100%;
}
.circleLight{
	position: absolute;
	left: 3.98rem;
	top: 3.57rem;
	width: 5.05rem;
	/* animation: 40s linear rotated360 infinite;
	-webkit-animation: 40s linear rotated360 infinite; */
}
.centerCircle{
	position: absolute;
	left: 1.33rem;
	top: 0.91rem;
	width: 10.38rem;
	/* animation: 40s linear rotated360 infinite;
	-webkit-animation: 40s linear rotated360 infinite; */
}
@keyframes rotated360 {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(-360deg)
	}
}
.mtlx{
	position: absolute;
	width: 1.96rem;
	height: 2.11rem;
	/* animation: 40s linear rotate360 infinite;
	-webkit-animation: 40s linear rotate360 infinite; */
}
.mHand{
	position:absolute;
	left: 1.23rem;
	top: 0.35rem;
	width: 0.4rem;
}
.mtlxname{
	width: auto;
	height: 0.54rem;
	bottom: -0.04rem;
}
.mtlxname img{
	width: auto;
	height: 100%;
}
.flower3{
	position: absolute;
	left: 0.98rem;
	top: -1.75rem;
	width: 2.19rem;
	animation: 3s linear fwf2 infinite;
	-webkit-animation: 3s linear fwf2 infinite;
}

.flower4{
	position: absolute;
	left: -2.75rem;
	top: -2.32rem;
	width: 4.88rem;
	animation: 3s linear fwf1 infinite;
	-webkit-animation: 3s linear fwf1 infinite;
}
.aiDs{
	position: absolute;
	left: 0.49rem;
	top: 10.68rem;
}
.flower5{
	position: absolute;
	left: 0rem;
	top: 12.11rem;
	width: 4.88rem;
	animation: 3s linear fwf2 infinite;
	-webkit-animation: 3s linear fwf2 infinite;
}
#blackFilm{
	background-image: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/blackFilmBkg.png);
}
.blackFilms{
	position: absolute;
	left: 1.47rem;
	top: 0.27rem;
	width: 11.31rem;
}
.blackFilms img{
	animation: 6s linear rotate360 infinite;
	-webkit-animation: 6s linear rotate360 infinite;
}
.blackFilmOver{
	position: absolute;
	left: 3.9rem;
	top: -2.27rem;
	width: 4.56rem;
}
.blackFilmOver.play{
	animation: 0.8s linear bfover forwards;
	-webkit-animation: 0.8s linear bfover forwards;
}
@keyframes bfover{
	0%{
		
		 transform: rotate(0deg);
		 -webkit-transform: rotate(0deg);
		 transform-origin: right top;
		  -webkit-transform-origin: right top;
	}
	50%{
		
		 transform: rotate(10deg);
		 -webkit-transform: rotate(10deg);
		 transform-origin: right top;
		  -webkit-transform-origin: right top;
	}
	100%{
		
		 transform: rotate(0deg);
		 -webkit-transform: rotate(0deg);
		 transform-origin: right top;
		  -webkit-transform-origin: right top;
	}
}
.blackFilmTitle{
	position: absolute;
	left:4.78rem;
	top: 4.92rem;
	width: 2.79rem;
}
.yinfu{
	position: absolute;
	left: 1.69rem;
	bottom: 10.43rem;
	width: 0.65rem;
	opacity: 0;
	animation: 6s linear yffly infinite;
	-webkit-animation: 6s linear yffly infinite;
}
.yinfu2{
	width: 0.42rem;
}
.yinfu3{
	width: 1.03rem;
}
.delay40{
	animation-delay:4.0s;
	-webkit-animation-delay:4.0s;
}
@keyframes yffly{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
		opacity: 0;
	}
	17.2%{
		transform: translate(0.57rem,0.21rem);
		-webkit-transform: translate(0.57rem,0.21rem);
		opacity: 1;
	}
	72.7%{
		transform: translate(2.4rem,-1.29rem);
		-webkit-transform: translate(2.4rem,-1.29rem);
		opacity: 1;
	}
	100%{
		transform: translate(3.3rem,-1.53rem);
		-webkit-transform: translate(3.3rem,-1.53rem);
		opacity: 0;
	}
}
.yinfu4{
	position: absolute;
	left: 3.12rem;
	top: 1.79rem;
	width: 0.4rem;
	animation: 6s linear yflfly infinite;
	-webkit-animation: 6s linear yflfly infinite;
}
@keyframes yflfly{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
	42.3%{
		transform: translate(-1.49rem,0.5rem);
		-webkit-transform: translate(-1.49rem,0.5rem);
	}
	100%{
		transform: translate(-3.52rem,0.39rem);
		-webkit-transform: translate(-3.52rem,0.39rem);
	}
}
.yinfu5{
	position: absolute;
	left: 2.8rem;
	bottom: -2.44rem;
	width: 0.65rem;
	animation: 6s linear yflfly5 infinite;
	-webkit-animation: 6s linear yflfly5 infinite;
}
@keyframes yflfly5{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
		opacity: 0;
	}
	20.3%{
		transform: translate(0.82rem,-0.29rem);
		-webkit-transform: translate(0.82rem,-0.29rem);
		opacity: 1;
	}
	75.5%{
		transform: translate(3.05rem,-1.53rem);
		-webkit-transform: translate(3.05rem,-1.53rem);
		opacity: 1;
	}
	100%{
		transform: translate(4.04rem,-1.84rem);
		-webkit-transform: translate(4.04rem,-1.84rem);
		opacity: 0;
	}
}
.yinfu6{
	width:0.3rem;
}
.vdBox{
	width: 6.99rem;
	position: relative;
}
.closeBtn{
	position:absolute;
	right: -0.14rem;
	top: -0.16rem;
	width: 0.51rem;
}
.guandie{
	position:absolute;
	left: -0.41rem;
	top: -0.71rem;
	width: 2.36rem;
}
.videoCons{
	top: 1.43rem;
	width: 6.56rem;
	height: 3.69rem;
	background-color: #1589c5;
}
.videoCons video{
	width:100%;
	height:100%;
}
.vdNameBox{
	position: absolute;
	right: 0.42rem;
	top: 0.27rem;
	width: 4.6rem;
	font-size: 0.37rem;
	line-height: 0.5rem;
	text-align: center;
	color: white;
	font-weight: bold;
}
#vdBoxs .vdNameBox{
	width: 4.8rem;
	line-height: 0.64rem;
	color: #095b9e;
	top: 0.47rem;
	right: 0.3rem;
}
.soundBox{
	position:absolute;
	left: 0.1rem;
	top: 2.5rem;
}
.sound{
	width:4.12rem;
	margin-bottom: 0.23rem;
	position: relative;
}
.sound:nth-child(1){
	margin-left: 1.1rem;
}
.sound:nth-child(2){
	margin-left: 0.7rem;
}
.sound:nth-child(3){
	margin-left: 0.3rem;
}
.sound:nth-child(4){
	margin-left: 0.1rem;
}
.sound:nth-child(6){
	margin-left: 0.1rem;
}
.sound:nth-child(7){
	margin-left: 0.3rem;
}
.sound:nth-child(8){
	margin-left: 0.7rem;
}
.sound:nth-child(9){
	margin-left: 1.1rem;
}
.sound:nth-child(10){
	margin-left: 1.6rem;
}
.toPlay{
	position:absolute;
	right: 0rem;
	top: 0rem;
	width: 0.6rem;
	height: 0.6rem;
	background: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/toPlay.png) no-repeat center center;
	background-size: 100%;
}
.sound.playing .toPlay{
	background-image:url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/pause.png);
}
/* 行好运 */
.flower7{
	position: absolute;
	left: 1.48rem;
	top: -2.41rem;
	width: 2.76rem;
	animation: 3s linear fwf1 infinite;
	-webkit-animation: 3s linear fwf1 infinite;
}
.flower8{
	position: absolute;
	left: -0.01rem;
	top: -1.6rem;
	width: 2.6rem;
	animation: 3s linear fwf2 infinite;
	-webkit-animation: 3s linear fwf2 infinite;
}
#train{
	background-image: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/trainBkg.png);
}
.train{
	position:absolute;
	right: 0rem;
	top: 0.11rem;
	width: 6.92rem;
}
.trainHand1{
	position:absolute;
	left:5.83rem;
	top:10.97rem;
	width: 0.4rem;
}
.trainHand2{
	position:absolute;
	left:6.08rem;
	top:11.23rem;
	width: 0.78rem;
}
.trainHit{
	position:absolute;
	left:3.52rem;
	top: 9.6rem;
	width:3.98rem;
	height: 2.6rem;
}
.trainSwiper{
	position:absolute;
	left:2.64rem;
	top: 2.53rem;
	width: 4.86rem;
	height: 6.82rem;
	background:url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/trainBottom.png) no-repeat center center;
	background-size: 100%;
	overflow: hidden;
}
.trainSwiper::after{
	content: "";
	position:absolute;
	left: 0.25rem;
	top: 0.07rem;
	width:100%;
	height:100%;
	background:url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/trainTop.png) no-repeat center center;
	background-size: 100%;
	z-index: 10;
	pointer-events: none;
}
.swiperImg{
	position:absolute;
	left: 0rem;
	top: 0rem;
	width:6.08rem;
	height:6.08rem;
	border-radius: 50%;
	overflow: hidden;
}
.swiper{
	width:100%;
	height:100%;
	border-radius: 50% 0% 0% 50%;
	overflow: hidden;
}
.swiperBox{
	position:absolute;
	left: 0.4rem;
	top: 0.3rem;
	width:6.08rem;
	height:6.08rem;
	
}
.swiperImgDiv{
	width:4.47rem;
	height:50%;
	background: no-repeat center center;
	background-size: cover;
}

.swiper-pagination-bullet{
	background: white;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background: #548cd8;
	opacity: 1;
}
.swiperTips{
	width: 3.19rem;
	top:50%;
	margin-top: 5rem;
	position: fixed;
	z-index: 2;
}
.trainBtn1{
	position:absolute;
	left: 10.65rem;
	top: 7.38rem;
	z-index: 1;
	width: 2.56rem;
}
.trainBtn2{
	position:absolute;
	left: 14.45rem;
	top: 6.58rem;
	z-index: 1;
	width: 2.43rem;
}
#trainInScroll{
	width: 100%;
	height: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
}
.trainIn{
	width: 17.71rem;
	height:100%;
	background: url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/trainInBkg.png) no-repeat center center;
	background-size:auto 14.92rem;
}
.returnTrain{
	top:50%;
	margin-top:-5.83rem;
}
.drawTitle{
	position: absolute;
	top: 0.61rem;
	left: 1.07rem;
	width: 5.35rem;
}
#draw{
	width: 7.5rem;
	background-image:url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/drawBkg.png);
	position: fixed;
}
.again{
	position: absolute;
	top: 10.62rem;
	left: 2.14rem;
	width:3.22rem;
	display: none;
}
.drawBox{
	width:100%;
	height:100%;
}
.drawBox canvas{
	width:100%;
	height:100%;
}
.circlexin{
	position: absolute;
	left: 3.65rem;
	top: 6.15rem;
	width: 0.32rem;
	pointer-events: none;
}
.circlexin img{
	margin-left:-0.16rem;
	margin-top:-0.16rem;
}
.lines{
	position: absolute;
	left: 3.71rem;
	top: 4.59rem;
	width: 1.09rem;
	pointer-events: none;
}
.videoContainerEnd{
	z-index:100;
	display: none;
}
#loading{
	position: fixed;
	width:7.5rem;
	height:16rem;
	top: 50%;
	left: 50%;
	margin-left: -3.75rem;
	margin-top: -8rem;
	z-index: 10000;
	display: none;
}
#game{
	width:7.5rem;
	height:16rem;
}
#game canvas{
	width:100%;
	height: 100%;
}
.door1{
	position: absolute;
	left: -0.28rem;
	top: 1.61rem;
	width:4.05rem;
	animation: 2s linear 0.5s open1 forwards;
	-webkit-animation: 2s linear 0.5s  open1 forwards;
}
@keyframes open1{
	0%{
		transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
	}
	100%{
		transform: translateX(-3.77rem);
		-webkit-transform: translateX(-3.77rem);
	}
}
.door2{
	position: absolute;
	left: 3.73rem;
	top: 1.61rem;
	width: 4.05rem;
	animation: 2s linear 0.5s open2 forwards;
	-webkit-animation: 2s linear 0.5s open2 forwards;
}
@keyframes open2{
	0%{
		transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
	}
	100%{
		transform: translateX(3.77rem);
		-webkit-transform: translateX(3.77rem);
	}
}
#linkBox{
	background:white;
	padding-top: 0.6rem;
}
#linkBox iframe{
	width:7.5rem;
	margin: 0 auto;
	height: 100%;
	border: 0rem;
	z-index: 2;
	display:block;
	background:white;
}
#door{
	width: 7.5rem;
	left: 50%;
	top: 0%;
	margin-left: -3.75rem;
	position: fixed;
	/* background:url(https://u.nxhudong.com/qiu23/26_01wqGoogluck/img/doorBkg.png?v=1) no-repeat center center;
	background-size: 100%; */
	overflow: hidden;
	background-color: transparent;
}
.trainTip{
	position: fixed;
	left: 50%;
	margin-left: -1.88rem;
	top: 50%;
	margin-top: -5.06rem;
	width: 3.76rem;
}
.backAll{
	position: absolute;
	/* left: 2.14rem; */
	left: 2.64rem;
	width: 2.22rem;
	bottom: 0.8rem;
	z-index: 10;
}
.returnFrame{
	left:50%;
	margin-left:-3.64rem;
}
.yinfuzs{
	position: absolute;
	top: -0.24rem;
	right: -0.58rem;
	width: 1.59rem;
}
.gcSwiper{
	top:1.67rem;
	width:100%;
	height:8.7rem;
	overflow: hidden;
}
.vdNewBoxs{
	position: relative;
	width:6.41rem;
}
.vUseName{
	width:100%;
	top:1.03rem;
	font-size:0.33rem;
	color: white;
	text-align: center;
	line-height: 0.52rem;
}
.soundTitle{
	top:0.44rem;
	height:0.48rem;
}
.soundTitle img{
	width:auto;
	height:100%;
}
.gcSwiper .swiper {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    overflow: hidden;
}
.swiperGcgdtxt{
	width: 100%;
	font-size:0.29rem;
	line-height: 0.58rem;
	text-align: center;
	color: white;
}
.gcSwiper .swiper-slide{
	opacity: 0.5;
}
.gcSwiper .swiper-slide-active{
	opacity: 1;
}
.gcTips{
	position: absolute;
	left: 2.18rem;
	bottom: 0rem;
	width: 3.27rem;
}