html { font-family: "myfont Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 6.2vw;height: 100%;width:100%;margin: 0 auto;}

*{touch-action: pan-y;font-style: normal;moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;-webkit-backface-visibility: hidden;
}
body { margin: 0; font-size: 0.6rem; line-height: 1.5; color: #515255; background:#fff;height: 100%;width: 100%; overflow: auto;-webkit-overflow-scrolling: touch;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #000; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;font-weight: normal;  }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1{padding:0.5rem 0;}
input,textarea,a{outline: none;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
img{width: 100%;display: block;vertical-align: middle;}
.wrap{position: relative;overflow-x: hidden;}
/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.page{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#fff;transition: .6s;opacity: 0;pointer-events: none;overflow: hidden;}
.page.active{opacity: 1;pointer-events: auto;}
.loading{z-index: 9999;text-align: center;opacity: 1;}
.loading img{width: 5rem;margin:0 auto;}
.loading img.txt{margin-top:.5rem;}
.loading .z{color:#666;margin-top:5px;}
.loading.leave{opacity: 0;pointer-events: none;}
.loading p{color: #fff;padding-top: 1rem;}
.aixin{position: absolute;left: 4rem;bottom:12rem;}
.audiobtn{position: absolute;z-index: 9999;top:1.97rem;right:.7rem;background: url("../img/music.png") no-repeat;background-size: cover;width: 1rem;height: 1rem;}
.audiobtn.on{animation: rotateIn 4s linear infinite ;}
@keyframes rotateIn{
  0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}
  100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}

@keyframes rod
{  0%{transform: rotate(0);}
    100%{transform: rotate(260deg);}
}
@keyframes rod2
{
    0%{transform: rotate(0);}
    100%{transform: rotate(-360deg);}
}
.bot{background: #edbe00;color:#fff;position: absolute;bottom:0;left: 0;z-index: 100; width: 0%;height: 0;padding:.8rem 0 0;text-align: center;font-style:normal;}
.tlogo{width: 100%;transform: translateY(-100%);opacity: 0;transition: 1s;}
.active .tlogo{transform: translateY(0);opacity: 1;}
.page{background: url(../img/bg2.jpg) no-repeat bottom center;background-size: cover;}
.home{background-image:url(../img/bg.jpg) ;}
.home h1{width: 60%;padding:2.6rem 0 0 1.2rem;opacity: 0;transform: translateY(1rem) scale(.8);transition: 1.4s;}
.info {width: 100%;height:100%;padding:1rem;box-sizing: border-box;}
.home .ik{position: absolute;right:0;top:2.6rem;}
.home .ik .cum{background: linear-gradient(-44deg,#30c2ff,#057eff);position: relative;border-radius:1rem 0 0 1rem;margin-top:.75rem;font-size: .4rem;box-shadow:0 2px 2px rgba(0,0,0,.4);transform: translateX(100%);transition: .6s;}
.home .ik .cum:nth-child(2){transition-delay: .3s;}
.home .ik span{padding:.2rem .4rem .2rem 1.4rem;color:#fff;display: block;}
.home .ik img{position: absolute;left:.13rem;bottom:0.13rem;width: 1.1rem;}
.home .rw{display:flex;padding:1rem  0 .9rem 2.8rem;justify-content:space-between;height: 10rem;}
.home .rw div{width:38%;transition: 1s;transform: translateX(-3rem) scale(1.1);opacity: 0;}
.home .rw .r2{margin-top:1rem;transform: translateX(3rem) scale(1.1);}
.btn{width: 60%;margin:0 auto;position: relative;transform: translateY(1rem);opacity: 0;transition: .7s 1s;}
.btn span{position: absolute;left:0;top:0;height: 100%;width: 100%;color:#dc0000;font-size: 1.1rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding-bottom: .2rem;}
.active .btn{transform: translateY(0); opacity: 1;}
.home.active .ik .cum{transform: translateX(0);}
.home.active .ik .cum img{animation: tada 4.3s infinite;}
.home.active .ik .cum:nth-child(2) img{animation-delay:3s ;}
.home.active h1{transform: translateY(0) scale(1);opacity: 1;}
.home.active  .rw div{transform: scale(1) translateX(0);opacity: 1;}

.shuomin {position: absolute;left:0;top:0;background:rgba(0,0,0,.74);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 9999;width: 100%;height:100%;transition: .3s;opacity: 0;pointer-events: none;}
.shuomin  p{color:#fff;font-size: .8rem;text-align: center;padding-bottom: 1rem;}
.shuomin  div{position:relative;}
.shuomin  .s div{width: 40%;display: block;margin: 0 auto;}
.shuomin  div.s:after,.shuomin  div.s:before{content:'';width:2rem;height: 100%;display: block;background:url(../img/jt.png) no-repeat center;background-size: 100%;position: absolute;right:0;top:0;}
.shuomin  div.s:before{background-image: url(../img/jt2.png);right:auto;left:0;}
.shuomin  div .hand{position:absolute;bottom:-2rem;width: 2rem;right:0;animation: shoushi 2s linear infinite alternate}
/* .shuomin  div .lw{animation: shoushi 1.82s linear infinite alternate} */
.shuomin a,.overgame .cd{display: block;width: 1.4rem;margin-top: 4rem;animation: pulse 1.3s infinite;}
.overgame .cd{margin-top: 0;}
.shuomin.show{opacity: 1;pointer-events: all;}
 .circle_process {
	position: relative;
	width:calc(3rem - 1px);
	height: 3rem;
	background-color: #0075ff;
	border-radius: 50%;
	position: absolute;
	right: .1rem;top: .1rem;
	transform: scale(.9);
}

.circle_process .wrapper {
	width: 1.5rem;
	height: 3rem;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.circle_process .right {
	right: 0;
}

.circle_process .left {
	left: 0;
}

.circle_process .circle {
	width: calc(3rem - 16px);
	height: calc(3rem - 16px);
	border: 8px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 0;
	transform: rotate(-135deg);
}

.circle_process .rightcircle {
	border-top: 8px solid #fff;
	border-right: 8px solid #fff;
	right: 0;
}

.circle_process .leftcircle {
	border-bottom: 8px solid #fff;
	border-left: 8px solid #fff;
	left: 0;
}
.circle_process.ant .rightcircle{
	animation: circle_right 10s linear forwards;
}
.circle_process.ant .leftcircle{
	animation: circle_left 10s linear forwards;
}
	
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}


@keyframes circle_right {
	0% {
		-webkit-transform: rotate(-135deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(45deg);
	}
}

@keyframes circle_left {

	0%,
	50% {
		-webkit-transform: rotate(-135deg);
	}

	100% {
		-webkit-transform: rotate(45deg);
	}
}
.circle_process .num{
	width: calc(3rem - 16px);
	height: calc(3rem - 16px);background:red;border-radius: 50%;display: flex;align-items: center;justify-content: center; position: absolute;lefT:8px;top:8px;color:#0e85ff;background-color: #b6f1ff;}
.game .info {display: flex;flex-direction: column;}
.gamecontent{border:1px solid #ff962a;background:#fff9f2;border-radius: .2rem;box-shadow: inset 0 0 10px rgba(0,0,0,.1);flex:1;position: relative;margin: .5rem 0 1.5rem;overflow: hidden;}
.jishibox{text-align: center;}
.jishibox i{display: inline-block;padding:.4rem .25rem;margin:0 .12rem;border:1px solid #515255;font-style: normal;}
.active .jishibox{ -webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:shake 1s .5s;animation:shake 1s .5s;}
.shicai{padding:1rem 0;}
.shicai div{width: 3rem;transform: translateY(-1rem);opacity: 0;transition: .8s;}
.shicai .sc1{margin-top:2rem;transition-delay: .5s;}
.shicai .sc2{margin-bottom: 1rem;margin-top:.5rem;transition-delay: 1s;}
.shicai .sc3{margin-bottom: 1.5rem;margin-left: .5rem;transition-delay: 1.5s;}
.shicai .sc4{margin-top:2rem;margin-left: -.5rem;transition-delay: 2s;}

.active .shicai div{transform: translateY(0);opacity: 1;}
.toke{text-align: center;margin-top: -2rem;padding-bottom: 1rem;}
.toke p{padding:.2rem 0;}
.toke p span{background: #fbc521;border-radius:.5rem;display: inline-block;font-size: .5rem;padding: .15rem; color:#58595b  ;}
.shoushi{width: 90%;}
.shoushi img{width: 1.2rem;margin:0 auto;animation: shoushi 2s linear infinite alternate}
.shoushi p{border-top: 1px dashed #333;padding:.5rem 0;text-align: center;}
.shidai{width: 4rem;position: absolute;bottom:-.5rem;left: 0%;width: 100%;}
.shidai span{position: absolute;bottom: 0;left: 40%;width: 4rem;height: 6rem;display: block;}
.shidai span img{position: absolute;bottom:0;left: 0;width: 100%;}
.shuomin.active .shidai{animation: tada 1s 1s;}
.sub{position: absolute;left: 0;top: 2.3rem;overflow: hidden;background:url(../img/n.png) no-repeat;width: 6.8rem;background-size: 100%;z-index: 9;display: flex;justify-content: flex-end;}
.sub img{position: relative;z-index: 0;}
.sub i{display: block;position: absolute;right:0;top:0;color:#dc0000;font-size: 1.4rem;width: 3.6rem;z-index:9;display: flex;align-items: center;justify-content: center;height:100%;}
@keyframes shoushi {
  0% {
    transform: translateX(-1rem);
  }
  100% {
    transform: translateX(1rem);
  }
}

.game .jishibox,.gamefail .jishibox{margin-top: 2rem;}
.game .tipbox{text-align: center;margin-top: 1.15rem;}
.game .tipbox span{background: #fbc521;border-radius:.5rem;display: inline-block;font-size: .5rem;padding:.1rem .5rem; color:#58595b  ;}
.game .bot .pross{width: 60%;height: .6rem;border:1px solid #fff;margin:.25rem auto;}
.bot p{color: #555;font-size: .45rem;}
.game .bot .pross div{background: #cb0006;width: 30%;height: 100%;}

.gameShiCai,.gameShiCai2,.fail{position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.gameShiCai .scitem,.gameShiCai2 .scitem{position: absolute;font-size: .5rem;text-align: center;/*transform: translate3d(0,26.03rem,0);opacity: 0*/}
.gameShiCai .scitem span{border-radius: .2rem;font-size: .7rem;font-weight: 900;}
.gameShiCai .scitem div{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.gameShiCai2 .scitem{width: 100%;height: 100%;background:red;opacity: 0}
.gameShiCai2 .scitem.down{animation: down 2s linear forwards;-webkit-animation: down 2s linear forwards;}
.gameShiCai .scitem.down2{animation: down2 2s linear forwards;-webkit-animation: down2 2s linear forwards;}
.gameShiCai .scitem.hide div{transition: .1s .3s; opacity:0;}
.gameShiCai .scitem.sel{transition: .5s; opacity: 0;}

@keyframes down{
  from{top:0;}
  100%{top:80%;}
}
@-webkit-keyframes down{
  from{top:0;}
  100%{top:80%;}
}

@keyframes down2{
  from{top:0;opacity: 1;}
  100%{top:120%;opacity: 1;}
}
@-webkit-keyframes down2{
  from{top:0;opacity: 1;}
  100%{top:120%;opacity: 1;}
}

/*@-webkit-keyframes down{
  from{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
  99%{transform: translate3d(0,25rem,0);-webkit-transform: translate3d(0,25rem,0);}
  100%{transform: translate3d(0,25rem,0);-webkit-transform: translate3d(0,25rem,0);}
}
@keyframes down{
  from{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
  98%{transform: translate3d(0,25rem,0);-webkit-transform: translate3d(0,25rem,0);}
  100%{transform: translate3d(0,25rem,0);-webkit-transform: translate3d(0,25rem,0);}
}
@-webkit-keyframes down2{
  from{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);opacity: 1;}
  99%{transform: translate3d(0,36rem,0);-webkit-transform: translate3d(0,36rem,0);opacity: 1;}
  100%{transform: translate3d(0,36rem,0);-webkit-transform: translate3d(0,36rem,0);opacity: 1;}
}
@keyframes down2{
  from{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);opacity: 1;}
  99%{transform: translate3d(0,36rem,0);-webkit-transform: translate3d(0,36rem,0);opacity: 1;}
  100%{transform: translate3d(0,36rem,0);-webkit-transform: translate3d(0,36rem,0);opacity: 1;}
}*/
.fail p{padding:.2rem 0;}
.gameShiCai .scitem span.hide{display: none;}


.success,.fail{position: absolute;left:0;top:0;width: 100%;height:100%;background-color: rgba(0,0,0,.74);display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 0;pointer-events: none;opacity: 0;}
.fail{}
.success.show,.fail.show{pointer-events: all;opacity: 1;z-index: 99;}
.success .contbox,.fail .contbox,.float .info{background:url(../img/bg2.jpg) no-repeat center top;background-size: 120%;width: calc(100% - 3rem);border:2px solid #f7ce9d;border-radius: .3rem;padding:1rem 0;margin-bottom: 1rem;position: relative;text-align: center;margin:0 auto;opacity: 0;transform: translateY(1rem);transition: .7s;margin-bottom: 1.5rem;}
.float .info .icon{width: 3rem;margin:-2.5rem auto 1rem;}
.float .close{width: 1.5rem;margin:1rem auto;opacity: 0;transition: 1s;}
.success .contbox .zan{width:5rem;margin:0 auto 1rem;}
.success .contbox .cd{position: absolute;width: 110%;left:-5%;top:-.5rem;}
.success .contbox .cd img{animation: cddown 1.9s alternate infinite;}
.float.show .icon{animation: tada 4.3s infinite;}
.show .contbox,.show .info{opacity: 1;transform: translateY(0);}
.show .close{opacity: 1;}

@-webkit-keyframes cddown {
	0%{transform: translateY(-.3rem) scale(.98);}
	to{transform: translateY(0) scale(1);}
}
.success .contbox h3{font-size: 1.5rem;text-align: center;color:#dc0000;}

.fximg{display: none;}
.fximg img{width: 100%;height: 100%;}
.success.active .fximg{display: block;position: absolute;z-index: 99;left: 0;top: 0;opacity: 0;width: 100%;height:  100%;}

audio{position: absolute;left: 0;top:0;z-index: -999;opacity: 0;}

@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1);transform:scale(1)}
  10%,20%{-webkit-transform:scale(0.95) rotate(-2deg);transform:scale(0.95) rotate(-2deg)}
  30%,50%,70%,90%{-webkit-transform:scale(1.03) rotate(2deg);transform:scale(1.03) rotate(2deg)}
  40%,60%,80%{-webkit-transform:scale(1.03) rotate(-2deg);transform:scale(1.03) rotate(-2deg)}
  100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
/*@keyframes tada{
  0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
  30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
  40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
  100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}*/
@-webkit-keyframes flipInX{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}

@-webkit-keyframes shake{
  0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
  10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
  20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake{
  0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}

@media screen and (min-width: 750px) {
   html,body{width: 750px;font-size:20px;}
   .page{width: 750px;margin:0 auto;}
}
.nax{transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  }
.nax .mov_ax{position: absolute;bottom:0;left: 0;}
.nax .mov_ax{opacity: 0;width: 1.2rem;height: 1.2rem;/*background: url('../images/xin.png') no-repeat;background-size: contain;*/-webkit-animation: mova 4.5s 0.1s linear infinite;animation: mova 4.5s linear infinite;backface-visibility: hidden;
    -webkit-backface-visibility: hidden;}
.active .nax .mov_ax.a1{}
.active .nax .mov_ax.a2{/*background-image: url("../images/xin1.png");*/-webkit-animation-delay: .65s;animation-delay: .65s;}
.active .nax .mov_ax.a3{/*background-image: url("../images/xin2.png");*/-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.active .nax .mov_ax.a4{/*background-image: url("../images/xin4.png");*/-webkit-animation-delay: 1.95s;animation-delay: 1.95s;}
.active .nax .mov_ax.a5{/*background-image: url("../images/xin2.png");*/-webkit-animation-delay: 2.6s;animation-delay: 2.6s;}
.active .nax .mov_ax.a6{/*background-image: url("../images/xin1.png");*/-webkit-animation-delay: 3.25s;animation-delay: 3.25s;}
.active .nax .mov_ax.a7{/*background-image: url("../images/xin4.png");*/-webkit-animation-delay: 3.9s;animation-delay: 3.9s;}

@-webkit-keyframes mova22{
  0%{transform: translate(0,0) scale(0);-webkit-transform: translate(0,0) scale(0);opacity: 0;}

  100%{transform: translate(0,-12rem) scale(1.2);-webkit-transform: translate(0,-12rem) scale(1.2);opacity:1;}
}

@keyframes mova{
  0%{transform: translate(0,0) scale(0);-webkit-transform: translate(0,0) scale(0);opacity: 0;}
  10%{transform: translate(.25rem,-1rem) scale(.5);-webkit-transform: translate(.25rem,-1rem) scale(.5);opacity: .5;}
  20%{transform: translate(.5rem,-2rem) scale(.7);-webkit-transform: translate(.5rem,-2rem) scale(.7);opacity: 1;}
  50%{transform: translate(-.5rem,-6rem) scale(.9);-webkit-transform: translate(-.5rem,-6rem) scale(.9);opacity: 1;}
  75%{transform: translate(.5rem,-9rem) scale(1);-webkit-transform: translate(.5rem,-9rem) scale(1);opacity: .5;}
  85%{transform: translate(.25rem,-10rem) scale(1.1);-webkit-transform: translate(.25rem,-10rem) scale(1.1);opacity:.2;}
  100%{transform: translate(0,-12rem) scale(1.2);-webkit-transform: translate(0,-12rem) scale(1.2);opacity:0;}
}
@-webkit-keyframes mova{
  0%{transform: translate(0,0) scale(0);-webkit-transform: translate(0,0) scale(0);opacity: 0;}
  10%{transform: translate(.25rem,-1rem,1) scale(.5);-webkit-transform: translate(.25rem,-1rem,1) scale(.5);opacity: .5;}
  20%{transform: translate(.5rem,-2rem,1) scale(.7);-webkit-transform: translate(.5rem,-2rem,1) scale(.7);opacity: 1;}
  50%{transform: translate(-.5rem,-6rem) scale(.9);-webkit-transform: translate(-.5rem,-6rem) scale(.9);opacity: 1;}
  75%{transform: translate(.5rem,-9rem) scale(1);-webkit-transform: translate(.5rem,-9rem) scale(1);opacity: .5;}
  85%{transform: translate(.25rem,-10rem) scale(1.1);-webkit-transform: translate(.25rem,-10rem) scale(1.1);opacity:.2;}
  100%{transform: translate(0,-12rem) scale(1.2);-webkit-transform: translate(0,-12rem) scale(1.2);opacity:0;}
}

@keyframes mova1{
  form{transform: translate3d(0,0,0) scale(0);opacity: 0;}
  30%{transform: translate3d(0,-2rem,0) scale(1);opacity: 1;}
  100%{opacity: 0 ;transform: translate3d(0,-3rem,0) scale(1);}
}
@keyframes mova2{
  form{transform: translate3d(0,-2rem,0) scale(0);opacity: 0;}
  80%{transform: translate3d(0,-4rem,0) scale(1);opacity: 1;}
  100%{opacity: 0,transform: translate3d(0,-5rem,0) scale(1);}
}
@keyframes mova3{
  form{transform: translate3d(0,-4rem,0) scale(0);opacity: 0;}
  80%{transform: translate3d(0,-6rem,0) scale(1);opacity: 1;}
  100%{opacity: 0,transform: translate3d(0,-7rem,0) scale(1);}
}
@-webkit-keyframes rubberBand{
  0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
  30%{-webkit-transform:scale3d(1.25,.95,1);transform:scale3d(1.25,.95,1)}
  40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
  50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
  65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
  75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
  to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes rubberBand{
  0%{-webkit-transform:scaleX(1);transform:scaleX(1);transform-origin: bottom center;}
  30%{-webkit-transform:scale3d(1.25,.95,1);transform:scale3d(1.25,.95,1);transform-origin: bottom center;}
  40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);transform-origin: bottom center;}
  50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);transform-origin: bottom center;}
  65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);transform-origin: bottom center;}
  75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);transform-origin: bottom center;}
  to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.rubberBand{-webkit-animation:rubberBand .6s both ;}

@-webkit-keyframes shake{
    0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
}
@keyframes shake{
  0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
  10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
  20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
}
.shake{-webkit-animation:shake .6s both ;}
@-webkit-keyframes swing{
  20%{-webkit-transform:rotate(15deg) scale3d(1,1,1);transform:rotate(15deg) scale3d(1,1,1)}
  40%{-webkit-transform:rotate(-10deg) scale3d(1.1,1,1);transform:rotate(-10deg) scale3d(1.1,1,1)}
  60%{-webkit-transform:rotate(5deg) scale3d(1,1,1);transform:rotate(5deg) scale3d(1,1,1)}
  80%{-webkit-transform:rotate(-5deg) scale3d(1.1,1,1);transform:rotate(-5deg) scale3d(1.1,1,1)}
  to{-webkit-transform:rotate(0deg) scale3d(1,1,1);transform:rotate(0deg) scale3d(1,1,1)}
}
.swing{-webkit-animation:swing .6s both ;-webkit-transform-origin:bottom center;transform-origin:bottom center;}

.overgame .info{display:flex;flex-direction: column;}
.overgame .info .cont{flex:1;margin-top: 1rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.overgame .cd{position: absolute;left:0;top:0;z-index: 9;width: 100%;}
.ax {position: relative;margin:0 1rem;transform: scale(.8);opacity: 0;transition: .8s;}
.ax img:nth-child(2){position: absolute;right:1rem;bottom:-1rem;width: 38%;}
.ax img:nth-child(3){position: absolute;left:0;top:30%;width: 3rem;}
.lz{width: 70%;margin:0 auto 1.3rem;transform: scale(.9);transition: .7s .5s;opacity: 0;}
.active .lz{transform: scale(1);opacity: 1;}
.active .ax{transform: scale(1);opacity: 1;}
.active .ax img:nth-child(2){animation: bounce 1s 1s;}

.formwap .info{display: flex;flex-direction: column;padding-bottom: 2rem;}
.formwap .info .flex_1{width:86%;margin:0 auto;box-sizing: border-box;}
.formwap .t{margin-top: .5rem;}
.formwap .cum{width:100%;height: 1.7rem;border:1px solid #ff962a;box-shadow:  0 10px 10px rgba(0,0,0,.1);margin:.85rem auto 0;border-radius: .2rem;overflow: hidden;padding:0 .5rem;}
.formwap .cum input{width:100%;height:100%;border:none;background:#fff;}

#selCity{width: 100%;height:100%;background:#fff;display: flex;align-items: center;}
#selCity input{pointer-events: none;}

.float{position: absolute;left: 0;top: 0;width: 100%;height:100%;background:rgba(0,0,0,.8);display: flex;z-index: -199;flex-direction: column;justify-content: center;box-sizing: border-box;opacity:0;pointer-events: none;}
.float.show{z-index: 99;opacity: 1;pointer-events: all;}
.float .info{height:auto;}
.fx .fxt{width:10rem;border-radius: .25rem;overflow: hidden;margin:0 auto;}
.fx .ts{width: 10.8rem;margin:.65rem auto;}
.fx .fxdownimg{position: absolute;left:0;top:0;z-index: 9;width: 100%;height:100%;opacity: 0;}

@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	5%,10%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
	15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
	20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
	50%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	5%,10%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
	15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
	20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
	50%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}

@-webkit-keyframes bounce{
	0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
	40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
	60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{
	0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
	60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}

.back{width: 3.2rem;display: block;margin:1rem 0;}