.switch{
	width: 1.4rem;
	height: 0.54rem;
	position: fixed;
	right: 0.5rem;
	top:0.5rem;
	z-index: 5;
	display:none;
}
.question{
	width: 0.5rem;
	height: 0.54rem;
	background: url(../img/game/rule.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left: 0;
    top:0;
}
.load{
  width:100%;
  height:100%;
  background: url(../img/load/bg.png) no-repeat;
  background-size: cover;
 /* display:none;*/
}
.logo{
	width:1.53rem;
	height:1.14rem;
	background: url(../img/load/logo.png) no-repeat;
    background-size: cover;
    position: absolute;
    left:50%;
    margin-left:-0.765rem;
    top:0.7rem;
}
.elephant{
	width:3.49rem;
	height:4.9rem;
	background: url(../img/load/elephant.png) no-repeat;
    background-size: cover;
    position: absolute;
    left:50%;
    margin-left:-1.745rem;
    bottom:20%;
}
.copywriter{
	width: 5.82rem;
	height: 1.74rem;
	background: url(../img/load/copywriter.png) no-repeat;
    background-size: cover;
    position: absolute;
    left:50%;
    margin-left:-2.91rem;
    top:20%;
}
.loading{
	width:1.53rem;
	height:0.33rem;
	position: absolute;
	left:50%;
	margin-left: -0.765rem;
	bottom:10%;
	background:url(../img/load/loading.png) no-repeat;
	background-size: cover;
	background-size: 100% 100%;
	background-size: 100% 300%;
	animation:neon 1.5s steps(3) infinite;
}
@keyframes neon{
	0% {
		background-position:0 0;
	}
	100% {
		background-position:0 150%;
	}
}
@-webkit-keyframes neon{
	0% {
		background-position:0 0;
	}
	100% {
		background-position:0 150%;
	}
}
@-o-keyframes neon{
	0% {
		background-position:0 0;
	}
	100% {
		background-position:0 150%;
	}
}
.selectbox{
	width:100%;
	height:100%;
	background: url(../img/selet/bg.png) no-repeat;
    background-size: cover;
    background-position:center;
    position: relative;
    overflow: hidden;
    display: none;
}
.zlogo{
	width: 1.52rem;
	height: 1.14rem;
	position: absolute;
	left: 0.46rem;
	top:0.43rem;
	background: url(../img/selet/logo.png) no-repeat;
    background-size: cover;
}
.ZuoGuang{
	width:6.04rem;
	height:10.36rem;
	background: url(../img/selet/ZuoGuang.png) no-repeat;
    background-size: cover;
    position: absolute;
    left:-2.2rem;
    bottom:1.5rem;
    z-index: 2;
}
.YouGuang{
	width:6.85rem;
	height:11.19rem;
	background: url(../img/selet/YouGuang.png) no-repeat;
    background-size: cover;
    position: absolute;
    right:-2.2rem;
    bottom:1rem;
    z-index: 2;
}
.golden{
	width:7.5rem;
	height: 12.31rem;
	background: url(../img/selet/golden.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom:-2rem;
    z-index: 1;
}
.angle{
	width:2.42rem;
	height:1.85rem;
	background: url(../img/selet/angle.png) no-repeat;
    background-size: cover;
    position: absolute;
    right:0;
    top:0;
}
.btubox{
	width:7.5rem;
	height:1.21rem;
	position: absolute;
	left:0;
	bottom:1.2rem;
	z-index: 2;
}
.winning{
	width:3.28rem;
	height:1.21rem;
	position: absolute;
	left:0.3rem;
	top:0;
	background: url(../img/selet/winning.png) no-repeat;
    background-size: cover;
}
.begin{
	width:3.28rem;
	height:1.21rem;
	position: absolute;
	right:0.3rem;
	top:0.05rem;
	background: url(../img/selet/begin.png) no-repeat;
    background-size: cover;
}
.explain{
	width: 1.89rem;
	height:0.35rem;
	position: absolute;
	left:50%;
	margin-left:-0.945rem;
	bottom:0.4rem;
	background: url(../img/selet/explain.png) no-repeat;
    background-size: cover;
    z-index: 2;
}
.beginbig{
	width:3.85rem;
	height:1.21rem;
	position: absolute;
	left:50%;
	margin-left:-1.925rem;
	bottom:1.2rem;
	background: url(../img/selet/beginbig.png) no-repeat;
    background-size: cover;
    display:none;
    z-index: 2;
}
.thatbox{
	width:6.26rem;
	height:7.14rem;
	position: fixed;
	background: url(../img/selet/thatbox.png) no-repeat;
    background-size: cover;
    left:50%;
    margin-left: -3.13rem;
    top:45%;
    margin-top: -3.57rem;
    display:none;
    z-index: 12;
}
.siwebox{
	width:4.1rem;
	height:5rem;
	position: absolute;
	left:50%;
	margin-left:-2.05rem;
	top:1.08rem;
    overflow-y: scroll;
}
.illustrate{
	width:4.11rem;
	height:20.15rem;
}
.confirm{
	width:4.53rem;
	height:1rem;
	position: absolute;
	left:50%;
	margin-left:-2.265rem;
	bottom:-1.1rem;
	background: url(../img/selet/confirm.png) no-repeat;
    background-size: cover;
}
.gamebox{
	width:100%;
	height:100%;
	background: url(../img/game/bg.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    position: relative;
    overflow: hidden;
    display:none;
}
.meban{
	width:100%;
	height:100%;
	background: black;
	opacity:0.7;
	position: absolute;
	left:0;
	right:0;
	z-index: 3;
}
.peak{
	width:100%;
	height:4.21rem;
	position: absolute;
	left:0;
	top:0;
	background: url(../img/game/peak.png) no-repeat;
    background-size: cover;
    z-index: 2;
}
.peakbt{
	width:100%;
	height:4.21rem;
	position: absolute;
	left:0;
	top:0;
	background: url(../img/game/peakbt.png) no-repeat;
    background-size: cover;
}
.gameshows{
	width:2.34rem;
	height:0.54rem;
	position: absolute;
	right:1.6rem;
	top:0.9rem;
	background: url(../img/game/gameshows.png) no-repeat;
    background-size: cover;
}
.countdown{
	width:2.45rem;
	height:0.62rem;
	position: absolute;
	left:0.8rem;
	top:0.84rem;
	background: url(../img/game/countdown.png) no-repeat;
    background-size:100% 100%;
}
.music{
	width:0.5rem;
	height:0.54rem;
	position: absolute;
	right:0.7rem;
	top:0.9rem;
}
.czmusic{
	position: absolute;
	right:0rem;
	top:0rem;
}
.music>img{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}
.off{
	display:none;
}
.progressbar{
	width:5.9rem;
	height:0.64rem;
	background: url(../img/game/parbot.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left:50%;
    margin-left:-2.95rem;
    top:0.1rem;
}
.yellow{
	width:5.24rem;
	height:0.34rem;
	position: absolute;
	left:50%;
	margin-left: -2.6rem;
	top:0.12rem;
	border-radius:0.22rem;
}
.yebox{
	position: absolute;
	left:0;
	top:0;
	border-radius:0.22rem;
	background:yellow;
	height:100%;
	width:0%;
	overflow:hidden;
}
.frontword{
	width:5.24rem;
	height:0.34rem;
	position: absolute;
	left:0;
	top:0;
}
.light_left{
	width:4.25rem;
	height:10.46rem;
	position: absolute;
	left:0rem;
	bottom:10%;
	background: url(../img/game/light_left.png) no-repeat;
    background-size:100% 100%;   
}
.rocket1{
	-webkit-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    transform-origin:bottom left;
    -webkit-animation: rocket1 2s ease-in-out alternate infinite 0s;
    -o-animation: rocket1 2s ease-in-out alternate infinite 0s;
	animation: rocket1 2s ease-in-out alternate infinite 0s;
}
.rocket3{
	-webkit-transform-origin:top left;
    -o-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation: rocket1 2s ease-in-out alternate infinite 0s;
    -o-animation: rocket1 2s ease-in-out alternate infinite 0s;
	animation: rocket1 2s ease-in-out alternate infinite 0s;
}
@keyframes rocket1 {
	0% { 
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    }
    100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    } 
}
@-webkit-keyframes rocket1 {
	0% { 
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    }
    100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    } 
} 
@-o-keyframes rocket1 {
	0% { 
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    }
    100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    } 
} 
.light_right{
	width:4.25rem;
	height:10.46rem;
	position: absolute;
	right:0rem;
	bottom:10%;
	background: url(../img/game/light_right.png) no-repeat;
    background-size:100% 100%;     
} 
.rocket2{
	-webkit-transform-origin:bottom right;
    -o-transform-origin:bottom right;
    transform-origin:bottom right;
    -webkit-animation: rocket2 2s ease-in-out alternate infinite 0s;
    -o-animation: rocket2 2s ease-in-out alternate infinite 0s;
	animation: rocket2 2s ease-in-out alternate infinite 0s; 
}
.rocket4{
	-webkit-transform-origin:top right;
    -o-transform-origin:top right;
    transform-origin:top right;
    -webkit-animation: rocket2 2s ease-in-out alternate infinite 0s;
    -o-animation: rocket2 2s ease-in-out alternate infinite 0s;
	animation: rocket2 2s ease-in-out alternate infinite 0s; 
}
@keyframes rocket2 {
	0% { 
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg);
    -o-transform:rotate(10deg);
    }
    100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    } 
}
@-webkit-keyframes rocket2 {
	0% { 
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg);
    -o-transform:rotate(10deg);
    }
    100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    } 
} 
@-o-keyframes rocket2 {
	0% { 
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg);
    -o-transform:rotate(10deg);
    }
    100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    } 
}
.Gameslike{
	width:2.26rem;
	height:3.164rem;
	/*background: url(../img/game/Gameslike.png) no-repeat;
    background-size:100% 100%; */
    position: absolute;
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: center
}
.Gamesmove{
	width:100%;
	height:100%;
	background: url(../img/game/Gameslike.png) no-repeat;
    background-size:100% 100%; 
    /*vertical-align: middle;
    display: table-cell;*/
    align-items: center;
    position: relative;
}
.hat{
	width:1rem;
	height:0.83rem;
	position: absolute;
	background: url(../img/game/hat.png) no-repeat;
    background-size:100% 100%;
    right:0.2rem;
    top:-0.6rem;
    display:none;
} 
.millisecond{
	width:0.4rem;
	height:0.3rem;
	position: absolute;
	top:0.15rem;
	right:0.58rem;
	text-align: center;
	font:0.24rem/0.3rem 'FZLTZCHK--GBK1-0';
	color: #E2BE20;
	font-weight: 600;
} 
.second{
	padding-right:0.05rem;
	box-sizing: border-box;
	width:0.7rem;
	height:0.4rem;
	position: absolute;
	top:0.09rem;
	left:0.58rem;
	text-align: right;
	font:0.32rem/0.45rem 'FZLTZCHK--GBK1-0';
	color: #E2BE20;
	font-weight: 600;
}
.Ontip{
	width:6.66rem;
	height:3.07rem;
	background: url(../img/game/Ontip.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left:50%;
    margin-left: -3.2rem;
    top:0;
    z-index: 5;
    display:none;
}
.prompt{
	width:6.58rem;
	height:4.87rem;
	background: url(../img/game/prompt.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left:50%;
    margin-left: -3.29rem;
    bottom:0.5rem;
    z-index: 5;
}
.getit{
	width:2.12rem;
	height:0.64rem;
	background: url(../img/game/gotit.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left:50%;
    margin-left:-1.06rem;
    top:50%;
    margin-top:-0.32rem;
    z-index: 4;
}
.ready{
	width:5.5rem;
	height:2.61rem;
	position: absolute;
	top:35%;
	right:-5.5rem;
	background: url(../img/game/ready.png) no-repeat;
    background-size:100% 100%;
    z-index: 2; 
}
.moves{
	animation: moves 0.6s 0s forwards linear;
    -moz-animation: moves 0.6s 0s forwards linear;    /* Firefox */
    -webkit-animation: moves 0.6s 0s forwards linear;    /* Safari 和 Chrome */
    -o-animation: moves 0.6s 0s forwards linear;    /* Opera */
}
@-webkit-keyframes moves {
  0% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  80% {
    -webkit-transform: translateX(-7.5rem);
    -o-transform: translateX(-7.5rem);
    transform: translateX(-7.5rem); } 
   100% {
    -webkit-transform: translateX(-6.5rem);
    -o-transform: translateX(-6.5rem);
    transform: translateX(-6.5rem); }  
    }  
@keyframes moves {
  0% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  80% {
    -webkit-transform: translateX(-7.5rem);
    -o-transform: translateX(-7.5rem);
    transform: translateX(-7.5rem); } 
   100% {
    -webkit-transform: translateX(-6.5rem);
    -o-transform: translateX(-6.5rem);
    transform: translateX(-6.5rem); }  
    }  
@-o-keyframes moves {
  0% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
   80% {
    -webkit-transform: translateX(-7.5rem);
    -o-transform: translateX(-7.5rem);
    transform: translateX(-7.5rem); } 
   100% {
    -webkit-transform: translateX(-6.5rem);
    -o-transform: translateX(-6.5rem);
    transform: translateX(-6.5rem); }  
 }
.readygo{
 	width:4.49rem;
 	height:2.92rem;
 	background: url(../img/game/readygo.png) no-repeat;
    background-size:100% 100%;
    z-index: 2; 
    position: absolute;
    top:45%;
    margin-left: -2.245rem;
    left: 50%;
    display:none;
 }  
.freefall{
	width: 1.9rem;
	height: 1.43rem;
	position: absolute;
	left: 0;
	top:-1.43rem;
	z-index: 1;
}
.collocation{
	width: 6.41rem;
	height:3.29rem;
	background: url(../img/game/collocation.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    top:30%;
    margin-left: -3.205rem;
    left: 50%;
    z-index: 5; 
    display:none;
}
.warn
{
animation:flicker 0.5s infinite;
-webkit-animation:flicker 0.5s infinite; /*Safari and Chrome*/
}
  
@keyframes flicker
{
0%{
opacity: 0.2;
}
50{
opacity: 0.9;	
}
80{
opacity: 0.6;		
}
100%{
opacity: 1;
}
}
  
@-webkit-keyframes flicker /*Safari and Chrome*/
{
0%{
opacity: 0.2;
}
50{
opacity: 0.9;	
}
80{
opacity: 0.6;		
}
100%{
opacity: 1;
}
}
.SuccessGames{
	width:7.5rem;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 12;
	overflow: hidden;
	display:none;
}
#envelopeStyle{
  position: absolute;
  bottom:2.5rem;
  width: 100%;
}
#envelopeStyle .swiper-slide{
  width: 6.95rem;
  height: 6.24rem;
  opacity: 0;
}
#envelopeStyle .swiper-slide-active{
  opacity: 1;
}
#envelopeStyle .swiper-slide-prev,#envelopeStyle .swiper-slide-next{
  opacity: .75;
}
/*#envelopeStyle .swiper-slide-prev img{
  transform: rotate(-12deg);
}
#envelopeStyle .swiper-slide-next img{
  transform: rotate(12deg);
}*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:10px;
    left: 0;
    width: 100%;
}
.triangle{
	width: 4.62rem;
	height: 3.04rem;
	background: url(../img/game/triangle.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	margin-left:-2.31rem;
	bottom:7rem;
}
.diaphragm{
	width:7.5rem;
	height:8.36rem;
	position: absolute;
	left:0;
	top:0;
	background: url(../img/game/diaphragm.png) no-repeat;
	background-size: 200% 100%;
	animation:neon_load 1.5s steps(2) infinite;
}
@keyframes neon_load{
	0% {
		background-position:0 0;
	}
	100% {
		background-position:200% 0;
	}
}
@-webkit-keyframes neon_load{
	0% {
		background-position:0 0;
	}
	100% {
		background-position:200% 0;
	}
}
.wins{
	width:5.53rem;
	height:8.79rem;
	position: absolute;
	left:50%;
	top:2rem;
	margin-left:-2.5rem;
	background: url(../img/game/wins.png) no-repeat;
	background-size: 100% 100%;
}
.rankingbtu{
	width:3.44rem;
	height:1.24rem;
	background: url(../img/game/rankingbtu.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0.5rem;
	left:0.2rem;
}
.prize{
	width:3.44rem;
	height:1.24rem;
	background: url(../img/game/prizelist.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0.5rem;
	right:0.2rem;
}
.goldenleft{
	width: 7.5rem;
	height: 11.09rem;
	background: url(../img/game/goldenleft.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:-0.5rem;
	top:-0.5rem;
}
.goldenright{
	width: 7.5rem;
	height: 9.88rem;
	background: url(../img/game/goldenright.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right:-0.5rem;
	top:-0.5rem;
}
.wintext{
	width:3.53rem;
	height:1.28rem;
	position: absolute;
	left: 50%;
	margin-left:-1.765rem;
	top:0rem;
}
.B-T-BIG {
  -webkit-animation: B-T-BIG 1.5s ease-in-out alternate infinite 0s;
  -o-animation: B-T-BIG 1.5s ease-in-out alternate infinite 0s;
  animation: B-T-BIG 1.5s ease-in-out alternate infinite 0s; }

@-webkit-keyframes B-T-BIG {
  0% {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-0.4rem);
    -o-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem); } }
@keyframes B-T-BIG {
  0% {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-0.4rem);
    -o-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem); } }
@-o-keyframes B-T-BIG {
  0% {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-0.4rem);
    -o-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem); }
    }
.rankbox{
	width:100%;
	height:100%;
	overflow: hidden;
	background: url(../img/rank/bg.png) no-repeat;
	background-size: 200% 100%;
	animation:neon_load 1.5s steps(2) infinite;
	display:none;
} 
.ranklist{
	width:7.24rem;
	height:11.82rem;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-3.52rem;
	margin-top:-5.91rem;
	background: url(../img/rank/ranklist.png) no-repeat;
	background-size: 100% 100%;
	display:none;
}  
.ullong{
	width:5.34rem;
	height:8rem;
	position: absolute;
	left:50%;
	margin-left:-2.819rem;
	top:1.5rem;
	
} 
.libig{
	width:5.34rem;
	height:0.86rem;
	background: url(../img/rank/libig.png) no-repeat;
	background-size: 100% 100%;
	margin:0.13rem 0;
	position: relative;
}
.sort{
	width:1.42rem;
	height:0.67rem;
	position: absolute;
	left:-0.1rem;
	top:0.12rem;
}
.lisamll{
	width:5.34rem;
	height:0.55rem;
	background: url(../img/rank/lisamll.png) no-repeat;
	background-size: 100% 100%;
	margin:0.13rem 0;
	position: relative;
}
.linum{
	width:0.5rem;
	height: 0.32rem;
	font:0.48rem/0.32rem 'FZDaHei-B02';
	color: #B85C01;
	text-align: left;
	font-weight:bold;
	position: absolute;
	left:0.35rem;
	top:0.09rem;
	font-style:oblique;
}
.bigrade{
	width:1.6rem;
	height:0.4rem;
	font:0.4rem/0.4rem 'FZDaHei-B02';
	color: #B85C01;
	position: absolute;
	right: 0.1rem;
	text-align: right;
	top: 0.24rem;
	font-weight:bold;
}
.samllgrade{
	width:1.6rem;
	height:0.32rem;
	font:0.32rem/0.32rem 'FZDaHei-B02';
	color: #B85C01;
	position: absolute;
	right: 0.1rem;
	text-align: right;
	top: 0.13rem;
	font-weight:bold;
}
.bigname{
	width:2rem;
	height:0.5rem;
	font:0.36rem/0.5rem 'FZLanTingHeiS-DB1-GBK';
	color: #B85C01;
	position: absolute;
	left: 1.7rem;
	text-align: left;
	top: 0.18rem;
	font-weight:bold;
}
.samllname{
	width:2rem;
	height:0.32rem;
	font:0.32rem/0.4rem 'FZLanTingHeiS-DB1-GBK';
	color: #B85C01;
	position: absolute;
	left: 1.7rem;
	text-align: left;
	top: 0.07rem;
	font-weight:bold;
}
.sallme{
	background: url(../img/rank/lisamllme.png) no-repeat;
	background-size:100% 100%;
	margin-top:0.31rem;
}
.returns{
	width:3.44rem;
	height:1.24rem;
	position: absolute;
	left:0.1rem;
	bottom:0rem;
	background: url(../img/rank/returnsbtn.png) no-repeat;
	background-size:100% 100%;
}
.returesone{
	width:4.09rem;
	height:1.24rem;
	position: absolute;
	left:50%;
	margin-left:-2.2rem;
	bottom:0rem;
	background: url(../img/rank/returnsbtnone.png) no-repeat;
	background-size:100% 100%;
	display:none;
}
.goindex{
	width:3.44rem;
	height:1.24rem;
	position: absolute;
	right:0.3rem;
	bottom:0rem;
	background: url(../img/rank/goindex.png) no-repeat;
	background-size:100% 100%;
}
.ranksamllist{
	width:6.87rem;
	height:10.02rem;
	position: absolute;
	left:50%;
	top:45%;
	margin-left:-3.435rem;
	margin-top:-5.01rem;
	background: url(../img/rank/ranksamllist.png) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.ulshort{
	width:5.34rem;
	height:8rem;
	position: absolute;
	left:50%;
	margin-left:-2.62rem;
	top:1.5rem;
}
.returnsamll{
	bottom:-1.2rem;
	left: 0.1rem;
}
.goindexsamll{
	bottom:-1.2rem;
	right: 0rem;
}
.returesonesamll{
	bottom:-1.2rem;
}
.SlyderAdventures{
	width:100%;
	height:100%;
	background: url(../img/rank/bg.png) no-repeat;
	background-size: 200% 100%;
	animation:neon_load 1.5s steps(2) infinite;
	overflow: hidden;
	position: relative;
	display:none;
}
.impression{
	width:7.5rem;
	height:13.34rem;
	background: url(../img/Adventures/impression.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-6.67rem;
}
.adlogo{
	width:1.62rem;
	height:1.21rem;
	background: url(../img/Adventures/logo.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:50%;
	margin-left:-0.81rem;
	top:0.5rem;
}
.titletext{
	width:5.79rem;
	height:1.75rem;
	background: url(../img/Adventures/titletext.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:50%;
	margin-left:-2.895rem;
	top:20%;
}
.Adventures{
	width:6.85rem;
	height:8.09rem;
	background: url(../img/Adventures/Adventures.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:50%;
	margin-left:-3.425rem;
	top:35%;
}
.plate{
	width:5.58rem;
	height:5.58rem;
	position: absolute;
	left:50%;
	margin-left: -2.79rem;
	top:0.625rem;
	background: url(../img/Adventures/plate.png) no-repeat;
	background-size: 100% 100%;
}
.platebox{
	width:5.58rem;
	height:5.58rem;
	position: absolute;
	left:50%;
	margin-left: -2.79rem;
	top:0.625rem;
}
.initiate{
	width: 1.75rem;
	height: 1.75rem;
	left:50%;
	top:50%;
	position: absolute;
	margin-left: -0.875rem;
    margin-top: -0.875rem;
	background: url(../img/Adventures/initiate.png) no-repeat;
	background-size: 100% 100%;
}
.light{
	width: 6.86rem;
	height: 6.86rem;
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -3.43rem;
	margin-top: -3.43rem;
	background: url(../img/Adventures/light.png) no-repeat;
	background-size: 200% 100%;
	animation:neon_load 1.5s steps(2) infinite;
}
.boult{
	width: 0.51rem;
	height: 1.17rem;
	position: absolute;
	left:50%;
	margin-left: -0.255rem;
	top:-0.5rem;
	background: url(../img/Adventures/boult.png) no-repeat;
	background-size: 100% 100%;
}
.bigdoll{
	width:2.41rem;
	height:3.75rem;
	background: url(../img/game/Gameslike.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right:-1rem;
	bottom:-2.6rem;
}
.fillinformationbox{
	width: 6.64rem;
	height: 5.77rem;
    z-index: 12;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -3.32rem;
    margin-top: -2.885rem;
    background: url(../img/Adventures/fillinformation.png) no-repeat;
	background-size: 100% 100%;
	/*display:none;*/
}
.putin{
	width: 4.09rem;
	height: 1.24rem;
	background: url(../img/Adventures/putin.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	margin-left: -2.045rem;
	bottom:-1.5rem;
}
.intitletext{
	width:5.79rem;
	height:1.75rem;
	background: url(../img/Adventures/titletext.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:50%;
	margin-left:-2.895rem;
	top:-2.5rem;
}
.ulfill{
	width:3.2rem;
	height:4rem;
	position: absolute;
	right:0.9rem;
	top:0.75rem;
}
.listfi{
	width:3.2rem;
	height: 0.8rem;
	padding-left:0.3rem;
	box-sizing: border-box;
	position:relative
}
.import{
	width:3.2rem;
	height: 0.4rem;
	font:0.32rem/0.4rem 'FZLanTingHei-R-GBK';
	font-weight: 400;
	position: absolute;
	left:0rem;
	bottom:0.05rem;
	outline-style: none;
	color: #000000;
}
.code{
	width:1.6rem;
	height: 0.4rem;
	font:0.32rem/0.4rem 'FZLanTingHei-R-GBK';
	font-weight: 400;
	position: absolute;
	left:0rem;
	bottom:0.05rem;
	outline-style: none;
	color: #000000;
}
.career{
	width:3.1rem;
	height: 0.4rem;
	font:0.32rem/0.4rem 'FZLanTingHei-R-GBK';
	font-weight: 400;
	position: absolute;
	left:0rem;
	bottom:0.05rem;
    color: #C7C7CD;
    z-index: 1;
}
.mark{
	width: 0.47rem;
	height: 0.44rem;
	background: url(../img/Adventures/mark.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right:0.1rem;
	bottom:0.05rem;
}
.markul{
	width: 3.32rem;
	height: 2.69rem;
	position: absolute;
	background: url(../img/Adventures/markul.png) no-repeat;
	background-size: 100% 100%;
	right: 0;
	bottom:-2.7rem;
	z-index:1;
	display:none;
}
.dul{
	width:2.98rem;
	height: 2.4rem;
	margin: 0.08rem auto;
}
.dul >li{
	width:2.98rem;
	height: 0.56rem;
	margin: 0.05rem 0;
}
.li1{
	background: url(../img/Adventures/li1.png) no-repeat;
	background-size: 100% 100%;
}
.li2{
	background: url(../img/Adventures/li2.png) no-repeat;
	background-size: 100% 100%;
}

.li3{
	background: url(../img/Adventures/li3.png) no-repeat;
	background-size: 100% 100%;
}
.li4{
	background: url(../img/Adventures/li4.png) no-repeat;
	background-size: 100% 100%;
}
#v_container{
	width:1.5rem;
	height:0.6rem;
	position: absolute;
	right:0;
	top:-0.15rem;
}
.Bountyrobot{
	width:7.5rem;
	height:8.13rem;
	/*background: url(../img/Bounty/Bountyz.png) no-repeat;
	background-size: 100% 100%;*/
	position: absolute;
	left:0;
	top:40%;
	margin-top: -4.065rem;
	z-index: 12;
	display: none;
}
.bounb{
	z-index: 1;
	width:7.5rem;
	height:8.13rem;
	background: url(../img/Bounty/Bountyz.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:0;
	top:0;
}
.defeated{
	width:7.5rem;
	height:8.13rem;
	background: url(../img/Bounty/Notwinning.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:0;
	top:45%;
	margin-top: -4.065rem;
	z-index: 12;
	display: none;
}
.exhibition{
	width:7.5rem;
	height:8.13rem;
	background: url(../img/Bounty/moy500.png) no-repeat;
	background-size: 100% 100%;
}
.protext{
	width:3.3rem;
	height:0.45rem;
	position: absolute;
	left:50%;
	margin-left:-1.65rem;
	top:4.1rem;
	font:0.28rem/0.45rem 'FZHei-B01';
	color: #995604;
	font-weight:400;
	text-align: center;
	overflow:hidden;
　　  text-overflow:ellipsis;
　　  white-space:nowrap;
}
#btn_Share{
	width:2.56rem;
	height:1rem;
	position: absolute;
	left:50%;
	margin-left:-1.28rem;
	bottom:0;
    opacity: 0;
}
.looktg{
	width:4.53rem;
	height: 1rem;
	position: absolute;
	left:50%;
	margin-left:-2.265rem;
	bottom:-1.5rem;
	background: url(../img/Bounty/looktg.png) no-repeat;
	background-size: 100% 100%;
}
.remind{
	width: 3.19rem;
	height:0.26rem;
	background: url(../img/Bounty/remind.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left: 50%;
    margin-left:-1.595rem;
    bottom:-0.3rem;
}
.ktg{
	bottom:-0.5rem;
}
.dynamic{
	height:4.15rem;
	width:6.29rem;
	position: absolute;
	left:50%;
	margin-left: -3.145rem;
	top:-0.7rem;
	background: url(../img/Bounty/dynamic.png) no-repeat;
	background-size: 200% 100%;
	animation:neon_load 1.5s steps(2) infinite;
}
.personRotatezero{
    animation:personRotate 1.3s 0s forwards ease-out;
    -moz-animation:personRotate 1.3s 0s forwards ease-out;    
    -webkit-animation:personRotate 1.3s 0s forwards ease-out;    
    -o-animation:personRotate 1.3s 0s forwards ease-out;    
}
@keyframes personRotate
{
from {transform:rotate(0deg)
}
to {transform:rotate(504deg)}
}
@-moz-keyframes personRotate
{
from {transform:rotate(0deg)
}
to {transform:rotate(504deg)}
}
@-webkit-keyframes personRotate 
{
from {transform:rotate(0deg)
}
to {transform:rotate(504deg)}
}
@-o-keyframes personRotate 
{
from {transform:rotate(0deg)
}
to {transform:rotate(504deg)}
}
.personRotateone{
    animation:personRotateone 1.3s 0s forwards ease-out;
    -moz-animation:personRotateone 1.3s 0s forwards ease-out;    
    -webkit-animation:personRotateone 1.3s 0s forwards ease-out;    
    -o-animation:personRotateone 1.3s 0s forwards ease-out;    
}
@keyframes personRotateone
{
from {transform:rotate(0deg)
}
to {transform:rotate(402deg)}
}
@-moz-keyframes personRotateone
{
from {transform:rotate(0deg)
}
to {transform:rotate(402deg)}
}
@-webkit-keyframes personRotateone 
{
from {transform:rotate(0deg)
}
to {transform:rotate(402deg)}
}
@-o-keyframes personRotateone 
{
from {transform:rotate(0deg)
}
to {transform:rotate(402deg)}
}
.personRotatetwo{
	animation:personRotatetwo 1.3s 0s forwards ease-out;
    -moz-animation:personRotatetwo 1.3s 0s forwards ease-out;    
    -webkit-animation:personRotatetwo 1.3s 0s forwards ease-out;    
    -o-animation:personRotatetwo 1.3s 0s forwards ease-out; 
}
@keyframes personRotatetwo
{
from {transform:rotate(0deg)
}
to {transform:rotate(474deg)}
}
@-moz-keyframes personRotatetwo
{
from {transform:rotate(0deg)
}
to {transform:rotate(474deg)}
}
@-webkit-keyframes personRotatetwo 
{
from {transform:rotate(0deg)
}
to {transform:rotate(474deg)}
}
@-o-keyframes personRotatetwo 
{
from {transform:rotate(0deg)
}
to {transform:rotate(474deg)}
}
.personRotatethree{
	animation:personRotatethree 1.3s 0s forwards ease-out;
    -moz-animation:personRotatethree 1.3s 0s forwards ease-out;    
    -webkit-animation:personRotatethree 1.3s 0s forwards ease-out;    
    -o-animation:personRotatethree 1.3s 0s forwards ease-out; 
}
@keyframes personRotatethree
{
from {transform:rotate(0deg)
}
to {transform:rotate(582deg)}
}
@-moz-keyframes personRotatethree
{
from {transform:rotate(0deg)
}
to {transform:rotate(582deg)}
}
@-webkit-keyframes personRotatethree 
{
from {transform:rotate(0deg)
}
to {transform:rotate(582deg)}
}
@-o-keyframes personRotatethree 
{
from {transform:rotate(0deg)
}
to {transform:rotate(582deg)}
}
.personRotatefour{
	animation:personRotatefour 1.3s 0s forwards ease-out;
    -moz-animation:personRotatefour 1.3s 0s forwards ease-out;    
    -webkit-animation:personRotatefour 1.3s 0s forwards ease-out;    
    -o-animation:personRotatefour 1.3s 0s forwards ease-out; 
}
@keyframes personRotatefour
{
from {transform:rotate(0deg)
}
to {transform:rotate(438deg)}
}
@-moz-keyframes personRotatefour
{
from {transform:rotate(0deg)
}
to {transform:rotate(438deg)}
}
@-webkit-keyframes personRotatefour 
{
from {transform:rotate(0deg)
}
to {transform:rotate(438deg)}
}
@-o-keyframes personRotatefour 
{
from {transform:rotate(0deg)
}
to {transform:rotate(438deg)}
}
.tsgow{
	animation:tsgowm 2s infinite 0s;
    -moz-animation:tsgowm 2s infinite 0s;    
    -webkit-animation:tsgowm 2s infinite 0s;    
    -o-animation:tsgowm 2s infinite 0s; 
}
@keyframes tsgowm
{
    0%{
		opacity:0.7;
		transform: scale(0.9,0.9);
	}
	60%{
		opacity: 1;
		transform: scale(1,1);
	}
	100%{
		opacity: 0.7;
		transform: scale(0.9,0.9);
	}
}
@-moz-keyframes tsgowm
{
    0%{
		opacity:0.7;
		transform: scale(0.9,0.9);
	}
	60%{
		opacity: 1;
		transform: scale(1,1);
	}
	100%{
		opacity: 0.7;
		transform: scale(0.9,0.9);
	}
}
@-webkit-keyframes tsgowm
{
    0%{
		opacity:0.7;
		transform: scale(0.9,0.9);
	}
	60%{
		opacity: 1;
		transform: scale(1,1);
	}
	100%{
		opacity: 0.7;
		transform: scale(0.9,0.9);
	}
}
@-o-keyframes tsgowm
{
    0%{
		opacity:0.7;
		transform: scale(0.9,0.9);
	}
	60%{
		opacity: 1;
		transform: scale(1,1);
	}
	100%{
		opacity: 0.7;
		transform: scale(0.9,0.9);
	}
}
.fireworks1{
	width: 3.56rem;
	height:2.78rem;
	background: url(../img/selet/fireworks1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 1rem;
	bottom:5.5rem;
}
.fireworks2{
	width: 1.02rem;
	height:1.01rem;
	background: url(../img/selet/fireworks2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 2.5rem;
	bottom:6.5rem;
}
.fireworks3{
	width: 2rem;
	height:2rem;
	background: url(../img/selet/fireworks3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 1rem;
	bottom:6.5rem;
}
.wintextAni{
	animation: wintextAni 3s  infinite ease-out;
    -moz-animation: wintextAni 3s  infinite ease-out;    /* Firefox */
    -webkit-animation: wintextAni 3s  infinite ease-out;    /* Safari 和 Chrome */
    -o-animation: wintextAni 3s  infinite ease-out;    /* Opera */
}
.flowerAni3{
    animation: flower 3s 0.5s infinite ease-out;
    -moz-animation: flower 3s 0.5s infinite ease-out;    /* Firefox */
    -webkit-animation: flower 3s 0.5s infinite ease-out;    /* Safari 和 Chrome */
    -o-animation: flower 3s 0.5s infinite ease-out;    /* Opera */
}
.flowerAni2{
    animation: flower 3s 1s infinite ease-out;
    -moz-animation: flower 3s 1s infinite ease-out;    /* Firefox */
    -webkit-animation: flower 3s 1s infinite ease-out;    /* Safari 和 Chrome */
    -o-animation: flower 3s 1s infinite ease-out;    /* Opera */
}
.flowerAni{
    animation: flower 3s infinite ease-out;
    -moz-animation: flower 3s infinite ease-out;    /* Firefox */
    -webkit-animation: flower 3s infinite ease-out;    /* Safari 和 Chrome */
    -o-animation: flower 3s infinite ease-out;    /* Opera */
}
/*花朵绽放消失动画*/
@keyframes flower
{
    0%   {transform: scale(0);opacity: 0;transform: translateY(0rem);}
    10%   {transform: scale(0.1);opacity: 1;}
    65%   {transform: scale(1.1);opacity: 1; transform: translateY(-3rem)}
    66%   {transform: scale(1);opacity: 0.5;transform: translateY(-3rem)}
    100%   {transform: scale(1);opacity: 0;transform: translateY(-3rem)}
}
@-moz-keyframes flower /* Firefox */
{
    0%   {transform: scale(0);opacity: 0;transform: translateY(0rem);}
    10%   {transform: scale(0.1);opacity: 1;}
    65%   {transform: scale(1.1);opacity: 1; transform: translateY(-3rem)}
    66%   {transform: scale(1);opacity: 0.5;transform: translateY(-3rem)}
    100%   {transform: scale(1);opacity: 0;transform: translateY(-3rem)}
}
@-webkit-keyframes flower /* Safari 和 Chrome */
{
    0%   {transform: scale(0);opacity: 0;transform: translateY(0rem);}
    10%   {transform: scale(0.1);opacity: 1;}
    65%   {transform: scale(1.1);opacity: 1; transform: translateY(-3rem)}
    66%   {transform: scale(1);opacity: 0.5;transform: translateY(-3rem)}
    100%   {transform: scale(1);opacity: 0;transform: translateY(-3rem)}
}
@-o-keyframes flower /* Opera */
{
    0%   {transform: scale(0);opacity: 0;transform: translateY(0rem);}
    10%   {transform: scale(0.1);opacity: 1;}
    65%   {transform: scale(1.1);opacity: 1; transform: translateY(-3rem)}
    66%   {transform: scale(1);opacity: 0.5;transform: translateY(-3rem)}
    100%   {transform: scale(1);opacity: 0;transform: translateY(-3rem)}
}

@keyframes wintextAni
{
     0%   {transform: scale(0.1) translateY(0rem);opacity: 0.1;}
    10%   {transform: scale(0.1) translateY(0.5rem);opacity: 1;}
    65%   {transform: scale(1.1) translateY(-1.5rem);opacity: 1;}
    66%   {transform: scale(1.1) translateY(-1.5rem);opacity: 0.5;}
    100%  {transform: scale(1.1) translateY(-1.5rem);opacity: 0;}
}
@-moz-keyframes wintextAni /* Firefox */
{
     0%   {transform: scale(0.1) translateY(0rem);opacity: 0.1;}
    10%   {transform: scale(0.1) translateY(0.5rem);opacity: 1;}
    65%   {transform: scale(1.1) translateY(-1.5rem);opacity: 1;}
    66%   {transform: scale(1.1) translateY(-1.5rem);opacity: 0.5;}
    100%  {transform: scale(1.1) translateY(-1.5rem);opacity: 0;}
}
@-webkit-keyframes wintextAni /* Safari 和 Chrome */
{
      0%  {transform: scale(0.1) translateY(0rem);opacity: 0.1;}
    10%   {transform: scale(0.1) translateY(0.5rem);opacity: 1;}
    65%   {transform: scale(1.1) translateY(-1.5rem);opacity: 1;}
    66%   {transform: scale(1.1) translateY(-1.5rem);opacity: 0.5;}
    100%  {transform: scale(1.1) translateY(-1.5rem);opacity: 0;}
}
@-o-keyframes wintextAni /* Opera */
{
     0%   {transform: scale(0.1) translateY(0rem);opacity: 0.1;}
    10%   {transform: scale(0.1) translateY(0.5rem);opacity: 1;}
    65%   {transform: scale(1.1) translateY(-1.5rem);opacity: 1;}
    66%   {transform: scale(1.1) translateY(-1.5rem);opacity: 0.5;}
    100%  {transform: scale(1.1) translateY(-1.5rem);opacity: 0;}
}