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;}
.audiobtn{position: absolute;top:2.16rem;right:.65rem;z-index: 99999;border-radius: 50%;background:url('../img/music.png') no-repeat center rgba(0,0,0,.3);background-size: 45%;width: 1.2rem;height: 1.2rem;}
.audiobtn.on{animation:rotateIn 2s linear infinite; }
.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.show{z-index: 9999;opacity: 1;z-index: 9999;pointer-events: all;}
.loadingwp{text-align: center;opacity: 1;height:100%;width: 100%;background-color: rgba(255,255,255,.6);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.loadingwp .pl{padding-left: .75rem;}
.loadingwp img{width:8rem;margin:0 auto;}
.loading.hide{pointer-events: none;opacity: 0;}
.loadingwp .loading-info{margin-bottom: 3rem;}
.loadingwp .press{width: 9rem;height: .48rem;border-radius: .5rem;position: relative;background: linear-gradient(to left,#0d4fe3,#c27cf8);padding:2px;}
.loadingwp .press:after{content:'';width: calc(100% - 2px);height:calc(100% - 2px);display: block;background-color: #fff;position: absolute;left:1px;top: 1px;border-radius: .5rem;z-index: 0;}
.loadingwp .press div{border-radius: .5rem;background: linear-gradient(to left,#0d4fe3,#c27cf8);height: 100%;overflow: hidden;position: relative;z-index: 2;}
.loading-info p{color:#1c53ce;font-weight: 600;padding-top: .5rem;}
@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);}
}
.page{background: url(../img/bg3.jpg) no-repeat bottom center;background-size: cover;display: flex;flex-direction: column;justify-content: space-between;}

.info {width: 100%;box-sizing: border-box;}
.btn{width: 54%;margin:0 auto;position: relative;transform: translateY(1rem);opacity: 0;transition: .7s 1s;display: block;}
.btn:active{transform: scale(.94);}
.active .btn{transform: translateY(0); opacity: 1;}
.leave .btn{transform: translateY(1rem); opacity: 0;}
.logos{display: flex;padding:.55rem .65rem .5rem;justify-content: space-between;align-items: center;}
.logos .logo{width: 3.2rem;transition: .6s;transform: translateX(-100%);opacity: 0;}
.logos .logo2{width:6.5rem;transition: .6s;transform: translateX(100%);opacity: 0;}
.active .logos .logo{ transform: translateX(0);opacity: 1;}
.leave .logos .logo{transform: translateX(-100%);opacity: 0;}
.active .logos .logo2{ transform: translateX(0);opacity: 1;}
.leave .logos .logo2{transform: translateX(0);opacity: 1;}
.slog{transition: .6s;transform: translateY(1rem);opacity: 0;padding-bottom: 1rem;}
.active .slog{transform: translateY(0);opacity: 1;}
.leave .slog{transform: translateY(1rem);opacity: 0;}
.sj{position: relative;margin:.5rem 0 0;}
.sj .i6{padding:0 .6rem 0 1.3rem;transform: scale(.9);transition: 1.4s;}
.active .sj .i6{transform: scale(1);}
.leave .sj .i6{transform: scale(0.9);}
.sj .lou{width: 9rem;position: absolute;right:1rem;top:5rem;z-index: 2;transform: translateY(.13rem);transition: 2s;}
.active .sj .lou{transform: translateY(0);}
.leave .sj .lou{transform: translateY(.13rem);opacity: 0;}
.sj .people{width: 3.5rem;position: absolute;right: 4rem;top:6.8rem;z-index: 3;transform: translateX(.13rem);transition: 2s;}
.active .sj .people{transform: translateX(0);}
.page.leave{pointer-events: none;}
.leave .sj .people{transition: 1s;transform: translateX(0.13);opacity: 0;}
.sj .car{position: relative;z-index: 5;width: 10.5rem;padding-left: 1.42rem;transform: translateX(-80%);transition: 1.6s;}
.active .sj .car {transform: translateX(0);}
.leave .sj .car {transform: translateX(-80%);opacity: 0;}
.tit4{width: 51%;margin:0.5rem auto;transform: translateY(1rem);opacity: 0;transition: .7s 1.4s;}
.active .tit4{transform: translateY(0); opacity: 1;}
.leave .tit4{opacity: 0;transform: translateY(1rem);}
@media only screen and (device-height: 736px){
  .slog {
    padding-bottom: .13rem;
  }
}

.result-btn{width: 2.85rem;top:-1.5rem;right:0;position: absolute;transition: 1s .6s;transform: translateX(100%);}
.gift-btn{width: 2.85rem; top:1.15rem;right:0;position: absolute;transition: 1s 1.1s;transform: translateX(100%);}
.active .result-btn,.active .gift-btn{transform: translateX(0);}
.leave .result-btn,.leave .gift-btn{transform: translateX(100%);}

.float{position: absolute;left:0;top:0;width: 100%;height:100%;background-color: rgba(0,0,0,.63);z-index: 99999;opacity: 0;pointer-events: none;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.float.show{opacity: 1;pointer-events: all;}
.float .info{position: relative;width: calc(100% - 2.5rem); transform: translateY(1rem);transition: .64s;}
.float.show .info{transform: translateY(0);}
.float .info .iw{display: flex;flex-direction: column;}
.float .info .tit{width: 80%;margin:-2rem auto 0;}
.float .info .con{flex:1;overflow: auto;padding:.5rem;color:#000;}
.float .info .con p{padding:.15rem 0;}
.float .close{width: 1.36rem;margin-top: 2rem;}
.float .iw{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 4;}
.txtbox p{display: flex;align-items: center;justify-content: center;font-size: 1rem;color: #1c53ce;height: 90%;font-weight: 600;}

.quest .info{position: relative;
	margin:0 1rem;color: #1c53ce;box-sizing: border-box;width: calc(100% - 2rem);}
	
.quest .info:after{content:'';width: 100%;height:100%;display: block;position: absolute;top:0;left:0;z-index: 0;background-color:rgba(255,255,255,.6);opacity: .68;
	border: solid 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)),linear-gradient(210deg, rgba(44,83,210,1), rgba(230,164,255,1));
    background-origin: border-box;
    background-clip: content-box, border-box;}
.quest .cum{position: relative;z-index: 2;padding:.3rem .65rem 0;}
.quest .cum p{color:#999;padding-bottom: .3rem;}
.quest .cum p b{font-size: .8rem;color:#333;}
.quest .cum h2{font-size: .75rem;font-weight: 600;}
.quest .sel {padding:.8rem 1rem 1rem 1rem;}
.quest .sel .ak{background:#dbdcfd;border-radius: .2rem;margin:.75rem .25rem;font-size: .75rem;padding:.25rem .6rem;position: relative;}
.quest .sel .ak.cur{color:#fff;background:#1c53ce;position: relative;}
.quest .sel .ak:after{content:'';width: 1rem;height: 1rem;display: block;position: absolute;right:-1.5rem;top:.4rem;opacity: 0;background:url(../img/error.png) no-repeat  center;background-size: cover;}
.quest .sel .ak.cur.e:after{background-image:url(../img/error.png);opacity: 1;}
.quest .sel .ak.s:after{background-image:url(../img/right.png);opacity: 1;}
.page.leave.quest{opacity: 0;}
.resbox .i{margin: 1.5rem 1rem 1.65rem;}
.resbox.show .btn{opacity: 1;transform: translateY(0);width: 70%;transition: .4s;}
.resbox .bg{overflow: hidden;}


.formpage .info{position: relative;margin: 0 1rem;width: calc(100% - 2rem);}
.formwp{background:rgba(255,255,255,.6);padding:.5rem .5rem 6.4rem;border-radius: .4rem;}
.formwp .t{display: flex;align-items: center;justify-content: center;font-size: 1rem;color: #1c53ce;}
.formwp .t:after,.formwp .t::before{content:'';width: 1.4rem;height: 1px;display: block;background-color: #1c53ce;}
.formpage .pl{width: 4.6rem;margin-top:-6rem;}
.formpage .t6{width: 10rem;position: absolute;right:-1.5rem;bottom:0;}
.formwp .cum{width: 100%;border:1px solid rgba(44,83,210,.5);margin:.65rem 0;font-size: .65rem;border-radius: .25rem;overflow: hidden;background: #fff;height: 1.5rem;padding:0 .25rem;line-height: 1.5rem;box-sizing: border-box;}
.formwp .cum input{width: 100%;border:none;height:1.5rem;box-sizing: border-box;}
input:disabled{background:#fff;}

.resultpage .t10{margin: 0 1.5rem;transform: translateY(1rem);transition: 1s;}
.active .t10{transform: translateY(0);}
.resultpage .is{margin:-1rem 1.5rem 1.5rem;position: relative;}
.resultpage .is .s2{transition: 2s;transform: scale(.9);}
.active .is .s2{transform: scale(1);}
.resultpage .is .peo{width: 3.4rem;position: absolute;left:-0.53rem;bottom:0;z-index: 2;transform: translateX(1rem);transition: .6s;}
.active .is .peo{transform: translateX(0);}
.resultpage .is .car{width: 5rem;margin-top: 1.95rem;position: relative;z-index: 4;transform: translateX(-100%);transition: 1s;margin-left: 10rem;}
.resultpage .is .code{position: absolute;bottom: -1rem;width: 5.4rem;left: 50%;margin-left: -2.7rem;z-index: 99;}
.active .is .car{transform: translateX(0);}

.fximg{border-radius: .8rem;overflow: hidden;}
.fx .info{width: 11rem;}
.fx .t{margin:.4rem .6rem;}
#selCity input{pointer-events: none;}
.giftbox .con p{font-size: .8rem;}
.giftbox .con p span{color:#1c53ce}
.bot{padding-bottom: 2rem;margin-top: -0.5rem;z-index:9999;}