@charset "utf-8";
 /* CSS Document */
 body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
  h1, h2, h3, h4, h5, h6{font-weight:normal} 
 body{/* background:#926a48; */color:#333;font:61.5%/1.5 "\5FAE\8F6F\96C5\9ED1";font-size:0.26rem;max-width:750px;margin:0 auto;height:100%;}
 ul, ol, li{list-style: none}       
 a{text-decoration: none;color:#333;}
*{-webkit-tap-highlight-color: rgba(255,0,0,0);-webkit-appearance:none;}
 img{border:0px;vertical-align:top;}      
 table {border-collapse: collapse;border-spacing:0} 
 em,i{font-style:normal}
 .cf{*zoom:1}
 .cf:after{content:'';display:block;height:0;clear:both}
 .fl{float:left}
 .fr{float:right}
 input,textarea{outline:none}
 input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none}
 input{vertical-align:middle;border-radius:5px;font-size:inherit;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:pointer}
 .lh{ line-height:99; overflow:hidden}
 .ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .break{word-break:break-all;word-wrap:break-word}
 .hidden{display:none !important}
 .noclick img{pointer-events:none}
 body,html{width:100%;height: 100%;overflow: hidden;font-size: .24rem;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
 .music{background: url(../images/m-icon-pause.png) no-repeat 0 0;background-size:100% 100%;width:0.61rem;height:0.61rem;position: absolute;right: 0.5rem;top: 0.5rem;z-index:10;overflow: hidden;}
.zhuan{background-image: url(../images/m-icon.png);}
.zhuan{-webkit-animation: zhuan 3s linear infinite;}
.page{min-height: 100%;color:#bb7d26;width:7.5rem;/* overflow: hidden; */margin: 0 auto;position: relative;}
.page .section-home{display: flex;align-items: center;height:100%;position: absolute;left: 0;right: 0;margin:0 auto;width:7.5rem;background:url(../images/bg-02.png) no-repeat bottom,url(../images/bg-01.png) no-repeat top, url(../images/bg-00.png) no-repeat center,linear-gradient(to bottom,#fff9c3,#fff);background-size: 7.5rem auto;background-color: #fff;}
.box{width:7.5rem;height: 88%;padding-bottom: 2.75rem;text-align: center;position: relative;padding-top: 3.5rem;}
.t-logo{display:block;height:.42rem;background:url(../images/t-logo.png) no-repeat center;background-size:auto 100%;width: 7.5rem;position: absolute;top: .2rem;}
.slogan{display:block;width:5.43rem;height:2.1rem;margin: 0 auto 7%;background:url(../images/slogan-gif.png) no-repeat;background-size:auto 100%;position: absolute;top: 1rem;left: 50%;transform: translateX(-50%);}
/* .btn-ani{display:block;width:3.8rem;height:1.67rem;margin:0 auto .4rem;background:url(../images/btn-ani.png) no-repeat;background-size:auto 100%;} */


.mvp{display:block;height: 68%;margin:0 auto;background:url(../images/mvp.png) no-repeat center;background-size: auto 100%;}
.h-t{font-size: .3rem;line-height: .48rem;position: relative;max-height: 100%;overflow-y: auto;}
/* .h-t * ,.item,.item *{will-change: transform;} */
.h-t span{color:#eb7416}
.bind-info{font-size: .22rem;}
.bind-info .unbind{color:#cc8f25;}
.cur-lv{display: inline-block;height: .67rem;margin: 0 auto;}
.btn-skip{position: absolute;bottom: 2.7rem;left: 50%;color:#cc8f25;transform: translateX(-50%);}
.btn-bind{display: block;margin:.4rem auto;background: url(../images/btn-bind.png?v=1024) no-repeat;background-size: auto 100%;width: 3.8rem;height: 1.02rem;font-size: 0;}
.btn-start{display: block;margin:.4rem auto;background: url(../images/btn-start.png?v=1024) no-repeat;background-size: auto 100%;width: 3.8rem;height: 1.02rem;font-size: 0;}
.btn-start.grey{background-image: url(../images/btn-start-grey.png?v=1024);}
.agree{margin: 0 auto;width: 4.9rem;font-size: .2rem;display: block;text-align: center;}
.agree input[type="checkbox"] {
  -webkit-appearance: none; /* 去除Webkit浏览器默认样式 */
  -moz-appearance: none; /* 去除Firefox默认样式 */
  appearance: none; /* 标准属性 */
  display: inline-block;
  width: .2rem;
  height: .2rem;
  border: 1px solid #906d55;
  border-radius: .2rem;
  outline: none;
  cursor: pointer;
  position: relative;
}
.agree input:checked{/* width:100%; *//* height:100%; */background:url(../images/checked-on.png) no-repeat;background-size:100% 100%;border: 0;}

.page .section .b-action{position:absolute;bottom: -.3rem;width: 7.5rem;height: 3rem;}
.page .section .role-img{width: 2.16rem;display: inline-block;position:relative;overflow: hidden;}
.page .section .role-img img{display: block;margin: .25rem .35rem;width: 1.45rem;border-radius: 100%;}
.page .section .role-img::after{content: '';position: absolute;left: 0;top:0;display: block;width: 2.16rem;height: 1.92rem;background: url(../images/img-cover.png) no-repeat;background-size: 100% 100%;}
.page .section-step{display: flex;align-items: center;position: absolute;left: 0;right: 0;margin:0 auto;width:7.5rem;height: 100%;border:.1rem solid #be8d4a;border-image: url(../images/bg-border.png) 10 round;background: url(../images/bg-t1.png) no-repeat top,url(../images/bg-page.png) no-repeat center,url(../images/bg-t2.png) no-repeat bottom;background-size: 7.5rem auto;z-index: 2;}
.page .section-step::before,.page .section-step::after{position: absolute;top:-.1rem;left:-.1rem;content:'';display:block;width:5.24rem;height:1.11rem;vertical-align:middle;background:url(../images/bg-em1.png) no-repeat;background-size:auto 100%;}
.page .section-step::after{background-image: url(../images/bg-em2.png);width: 3.03rem;height: 2.3rem;bottom: -.1rem;top:auto;left:auto;right:-.1rem}
.page .section-step .progress{position:absolute;top:0;left:50%;transform: translateX(-50%);width: 5.675rem;height: .8rem;overflow-y:auto;padding-top: .3rem;}
.page .section-step .progress::-webkit-scrollbar{display:none}
.page .section-step .progress-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.page .section-step .progress-item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width: 1.7rem;height:.05rem;border-radius:.16rem;position:relative;background-color:#e3b84f}
.page .section-step .progress-item:first-child.active{z-index: 1;}
.page .section-step .progress-item.active em{border:.06rem solid #fff;width:.5rem;height:.5rem;line-height:.5rem;top:-.25rem;background-color: #ac8834;box-sizing: content-box;}
.page .section-step .progress-item.active::after{position: absolute;right: 0;top: -.25rem;content:'';display: block;background: url(../images/step-on.png) no-repeat center;background-size: contain;width: 0.61rem;height: 0.61rem;animation: rotateBackground 10s linear infinite;}
.page .section-step .progress-item:last-child{/* width: 0; */}
.page .section-step .progress-item em{position:absolute;right: 0;top:-.18rem;line-height:.48rem;text-align:center;display:block;width:.48rem;height:.48rem;border-radius:100%;font-size:.32rem;color:#fff;background-color:#e3b84f}
.page .section-step .progress-item:first-child{width: .5rem;background: none;}
.page .section-step .progress-item:first-child.active em,.page .section-step .progress-item:first-child.active::after{left: 0;}
.page .section .r-line{width: 5.96rem;height: auto;margin: .2rem auto 0;display: block;}
.page .section .step-text{text-align: left;font-size:.28rem;position:relative;width: 6.3rem;margin: 0 auto;}
.page .section .step-text.p-animate p.removing{opacity:0;-webkit-transform:translateY(-.4rem);transform:translateY(-.4rem)}
.page .section .step-text .item{/* width: 6.3rem; */margin: 0 auto .6rem;position:relative;line-height: .72rem;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s;transition:opacity .4s,transform .4s,-webkit-transform .4s}
.page .section .step-text .item .role img{display: block;margin: .08rem .18rem;width: 1rem;border-radius: 100%;overflow: hidden;}
.page .section .step-text .item .role::after{content: '';position: absolute;left: 0;top:0;display: block;width: 1.3rem;height: 1.2rem;background: url(../images/img-cover.png) no-repeat;background-size: 100% 100%;}
.page .section .step-text .item .role{position: absolute;/* top: .1rem; */width: 1.3rem;}
.page .section .step-text .item .right{padding-right: 1.3rem;position: relative;}
.page .section .step-text .item .right .role{right:0}
.page .section .step-text .item .left .role{left:0}
.page .section .step-text .item .left,.page .section .step-text .item .right{min-height: 1.16rem;}
.page .section .step-text .item .left{margin-top:.2rem;padding-left:1.6rem;padding-right:0;position: relative;}
.page .section-step .box{padding-top: 1rem;position: relative;padding-bottom: 3.2rem;height: 78%;/* overflow: hidden; */}
.page .section-step .step-text{/* max-height: 100%; */display: flex;}
.page .section-result .step-text{height: auto;padding-bottom:.5rem;}
.page .section-result .step-text .item .left .role{right:0;left:auto}
.page .section-result .step-text .item .left{margin-top:.0;padding-right: 1.3rem;padding-left: 0;}
.page .section-result .step-text .item:nth-child(2n)>div{padding-left: 1.45rem;padding-right: 0;}
.page .section-result .step-text .item:nth-child(2n) .role{left:0;}
.page .section .step-text span{color:#ff7d10;margin:0 .24rem}
.page .section .step-text em{font-size: .38rem;color:#eb7416;display: inline;}
.page .section-result .step-text em{font-size: .3rem;}
.page .section-step .ticket{position:absolute;bottom: 2rem;left:50%;margin-left:-3.41rem;width:6.82rem;/* overflow: hidden; */}
.page .section-step .ticket-content{position:relative;margin:-.22rem auto 0;width: 6.82rem;line-height: 1.08rem;height: 1.08rem;background: url(../images/bg-random-gif.png) no-repeat;background-size: auto 100%;box-sizing:border-box;-ms-flex-align:center;-ms-flex-pack:center;font-size:.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 .6rem;}
.page .section-step .icon-arrow{display: block;width: .93rem;height: 1.28rem;background: url(../images/icon-next.png) no-repeat center;background-size: auto 100%;-webkit-animation:upDown 2s infinite ease-in-out;animation:upDown 2s infinite ease-in-out;position: absolute;bottom: 0;left: 50%;margin-left: -.5rem;}
.page .section-step .btn-next{display:block;font-size: .3rem;/* font-weight:600; */color: #bb7d26;text-align:center;position: absolute;width: 100%;bottom: 1rem;}
.page .section-step .text-countdown{font-size:.36rem;font-weight:600;color:#ff7d10;text-align:center;display: block;position: absolute;bottom: 1.4rem;width: 100%;}
.page .section-result{position: absolute;left: 0;right: 0;margin:0 auto;width:7.5rem;height: 100%;overflow: auto;z-index: 1;}
.page .section-result .u-info {margin: .6rem .8rem 0;line-height: .45rem;}
.page .section-result .u-info img{float: left;width: 0.88rem;height: 0.88rem;border: .02rem solid #fae176;border-radius: .88rem;margin-right: .2rem;}
.page .section-result .u-info em{font-weight: bold;font-size: .3rem;}
.page .section-result .step-text .item .left{margin-top:.0}
.page .section-result .step-text .item .left .role{float:right;margin:.2rem 0 0 .2rem}
.page .section-result .r-btns{z-index: 1;text-align: center;position: absolute;bottom:0;width: 7.5rem;padding: .5rem 0 .8rem;background: url(../images/bg-r2.png) no-repeat bottom,linear-gradient(to top,#fffdf5 90%,transparent);background-size: 7.5rem auto;}
.page .section-result .r-btns .open{display: block;text-align: center;width: 7.5rem;background: url(../images/icon-next.png) no-repeat center bottom;background-size: auto 1.28rem;padding-bottom: 1.28rem;}
.page .section-result .r-btns .f-btns a{display: inline-block;width: 3.48rem;height: .9rem;background-size:auto 100%;font-size: 0;margin: 0 .1rem;position: relative;}
.page .section-result .r-btns a.btn-restart{background-image: url(../images/btn-restart.png?v=2025102401) ;}
.page .section-result .r-btns a.btn-share{background-image: url(../images/btn-share.png?v=2025102401);}
.page .section-result .r-btns a.btn-share:after{content: '';display: block;background: url(../images/icon-share.png) no-repeat;background-size: 100% 100%;position: absolute;top:-.85rem;right: -0.05rem;;width: 1.5rem;height: 1.26rem;}
.page .section-result .r-con {height: 100%;overflow: hidden;}
.page .section-result .r-con{position:relative;padding-bottom:1.8rem;}
.page .section-result .r-con {overflow: hidden;height: 100%;background: url(../images/bg-result.png) no-repeat top;background-size: 7.5rem auto;background-color: #fff;}
.bg-r2,.bg-r3{width: 7.5rem;height:auto;position: absolute;bottom: 0;}
.page .section-result.all .r-con {overflow: auto;height: auto;}
.page .section-result.all .r-btns{background: none;}
.page .section-result.all .open{display: none;}
.r-foot{background-color: #fff8e2;border-radius: .2rem;width: 6.5rem;overflow: hidden;margin: 0 auto .5rem;padding: .42rem .42rem;line-height: .5rem;white-space: nowrap;}
.f-code{float: right;width: 1.14rem;height: 1.14rem;}
.f-name{margin-top: .05rem;;width: 4.42rem;box-sizing: border-box;line-height: .59rem;padding-left:.6rem;padding-right: .25rem;font-size: .24rem;;color:#fff;background: url(../images/f-name.png) no-repeat;background-size: auto .59rem;box-sizing: border-box;height: 0.59rem;}
.f-action{padding-left: .6rem;padding-right: .15rem;;line-height: .59rem;color:#fff;background: url(../images/f-action.png) no-repeat;background-size: auto .59rem;box-sizing: border-box;height: 0.59rem;}
.f-name span{color:#6c4017;float: right;}
.f-action span{float: right;}
.f-p{font-size: .2rem;}
.f-line{display:block;height:.14rem;background:url(../images/f-line.png) no-repeat center;background-size: auto 100%;margin:.3rem auto;}
.r-tit{display:block;width: 5.41rem;height:1.45rem;background: url(../images/r-logo-gif-1.png?v=1020) no-repeat;background-size: auto 100%;margin: 0 auto;}
.r-tit img{display:none}
.r-tit.ani-none img{display:block}
.u-hero{display:block;position: relative;width: 5.91rem;height: 3.5rem;margin: .3rem auto .2rem;}
.u-hero .img{overflow: hidden;width: 5.8rem;height: 3.4rem;margin: .05rem auto;}
.u-hero img{display:block;width: auto;height: 3.34rem;margin: .08rem auto;}
.u-hero .hero-cover{position:absolute;top: -1px;left:0;content:'';background:url(../images/hero-cover.png) no-repeat;background-size: 100% 100%;width: 5.91rem;height: 3.5rem;}
.u-hero .icon-benmin{position:absolute;top: -.6rem;right: -0.4rem;content:'';background:url(../images/hero-gif.png) no-repeat;background-size: auto 100%;width: 1.55rem;height: 1.55rem;}
.u-hero .icon-benmin img,.r-tit img{display: block;width:100%;height: 100%;margin: 0;display: none;}
.u-hero .icon-benmin.ani-none img{display: block;}
.page .section-result .step-text .item{border-top:1px dashed;padding: .5rem 0;line-height: .56rem;margin-bottom: 0;}
.page .section-result .step-text .item:first-child{border:0}
.fix-btns{position: fixed;right: 0;bottom: 30%;}
.fix-btns a{display: block;background: url(../images/btn-fix.png) no-repeat;background-size: 100% 100%;width: 1.31rem;height: 1.35rem;box-sizing: border-box;padding: .4rem;text-align: center;line-height: .3rem;color:#bb7d26}

.page .section-loading{height:calc(100vh);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index: 3;position: relative;}
.page .section-loading .progress{display: none;padding: .08rem;width:6rem;height:.6rem;border-radius:.32rem;border:.06rem solid;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #fff;border-color: #eddbb9;}
.page .section-loading .progress-bar{position:relative;width:5.83rem;height:.34rem;border-radius:.32rem;background-color: #d0a462;}
.page .section-loading .progress-bar::after{position:absolute;right:-.5rem;top:-.42rem;content:'';display:block;width:1.05rem;height:.98rem;}
.page .section-loading .progress-text{display: none;margin-top:.36rem;font-size:.26rem;color:#3b3b3b;font-weight:600}
.page .section-loading .icon-loading{width:15.28rem;height:11.31rem;background:url(../images/loading.png) no-repeat;background-size:auto 100%;}
/*pop*/
.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(34,34,34,.7);z-index:10}
.drawer{position:fixed;bottom:0;z-index:12;width:7.5rem;background-color:#fff;border-radius: .4rem .4rem 0 0;padding:.16rem .67rem 1.3rem;-webkit-animation:drawerAni .3s linear;animation:drawerAni .3s linear;-webkit-transform:translateY(0);transform:translateY(0);min-height:5rem}
.drawer .top-mask{position:absolute;z-index:1;top:0;left:0;border-radius:.4rem .4rem 0 0;width:7.5rem;height:.96rem}
.drawer-reward{padding:.2rem;background: url(../images/pop-reward.png) no-repeat;background-size: 7.5rem;}
.drawer-decoration{width:2.43rem;height:1.79rem;background:url(../images/star-pop.png) no-repeat center;background-size:2.41rem 1.77rem;margin:-1.04rem auto 0;position:relative;z-index:2}
.drawer .btn-close{right:.32rem;top:.32rem;position:absolute;display:block;z-index:2;width:.5rem;height:.5rem;background:url(../images/pop-close.png) no-repeat center;background-size:.48rem .48rem}
.drawer .title{font-size:.36rem;color:#151515;position:relative;font-weight:600;text-align:center;margin-top:-.18rem}
.drawer .title span{position:relative;z-index:2}
.drawer .title .icon-mask{z-index:1;position:absolute;left:50%;margin-left:-.82rem;top:.2rem;width:1.64rem;height:.44rem;display:block;-webkit-mask-image:url(../images/title-trims-mask.png);mask-image:url(../images/title-trims-mask.png);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.drawer .intro{margin-top:.4rem;font-size:.26rem;color:#151515;line-height:1.7}
.drawer .intro span{color:#ff7d10}
.drawer .games{margin-top:.4rem}
.drawer .games .tips{font-size:.26rem;color:#747474}
.drawer .games-detail{margin-top:.18rem;width:100%;border-radius:.24rem;border:.01rem solid #eee;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.2rem .24rem}
.drawer .games-detail .img{width:.96rem;height:.96rem;border-radius:.16rem;margin-right:.16rem}
.drawer .games-detail .text .name{font-size:.3rem;color:#151515;font-weight:600}
.drawer .games-detail .text .desc{margin-top:.08rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.drawer .games-detail .text .desc .score{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.3rem;color:#23c268;font-weight:600}
.drawer .games-detail .text .desc .score i{width:.26rem;height:.25rem;background:url(../images/star-score.png) no-repeat center;background-size:.24rem .23rem}
.drawer .games-detail .text .desc .type{margin-left:.12rem}
.drawer .games-detail .text .desc .type em{font-size:.26rem;color:#c5c5c5;margin:0 .06rem}
.drawer .games-detail .btn-download-game{margin-left:auto;text-align:center;line-height:.56rem;width:1.08rem;height:.56rem;border-radius:.32rem;background-color:#23c268;color:#fff}
.drawer .reward-content{width:100%;max-height:7.4rem;margin-top:.4rem;padding-left:.4rem;padding-right:.4rem;color:#bb7d26;line-height:.46rem;overflow-y:auto}
.drawer .reward-content::-webkit-scrollbar{width:.08rem;border-radius:.08rem;background-color:#eee6ca}
.drawer .reward-content::-webkit-scrollbar-thumb{background-color:#bb7d26;border-radius:.08rem}
.drawer .reward-content .caption{font-size:.3rem;font-weight:600}
.drawer .reward-content .badge{display:inline-block;font-size:.22rem;color:#ff7d10;height:.42rem;padding:0 .12rem;line-height:.42rem;border:.01rem solid #ff7d10;border-radius:.12rem;margin-bottom:.2rem}
.drawer .reward-content .gift-list{margin-bottom:.4rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow-x:auto}
.drawer .reward-content .gift-list::-webkit-scrollbar{opacity:0}
.drawer .reward-content .gift-list::-webkit-scrollbar-thumb{opacity:0}
.drawer .reward-content .gift-list .gift-item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:1.84rem;text-align:center;margin-left:.2rem}
.drawer .reward-content .gift-list .gift-item:first-child{margin-left:0}
.drawer .reward-content .gift-list .gift-item .gift-img{width:1.84rem;height:1.84rem;border:.01rem solid #c5c5c5;border-radius:.24rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative}
.drawer .reward-content .gift-list .gift-item .gift-img::after{content:'';display:block;width:100%;height:100%;border-radius:.24rem;position:absolute;z-index:1;background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(237,237,237,.5)));background:linear-gradient(to top,#fff,rgba(237,237,237,.5) 100%)}
.drawer .reward-content .gift-list .gift-item .gift-img img{position:relative;z-index:2;max-width:1.84rem;max-height:1.84rem}
.drawer .reward-content .gift-list .gift-item .gift-name{color:#3b3b3b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.drawer .reward-content .gift-list .gift-item .gift-num{color:rgba(255,124,16,.753)}
.btn-reward-detail{display: block;margin:.2rem auto;background: url(../images/btn-reward.png) no-repeat;background-size: 100% 100%;width: 3.04rem;height: 0.79rem;font-size: 0;}
.drawer-reward{border-radius: 0;}
.drawer-reward .title{display: none;}
.share-dialog{display:none;position:fixed;left:0;bottom:0;height:100%;width:100%;z-index:12;}
.share-dialog .btn-close{right:.32rem;top:.32rem;position:absolute;display:block;z-index:2;width:.5rem;height:.5rem;background:url(../images/pop-close.png) no-repeat center;background-size:.48rem .48rem}
.share-dialog .export-img{position:fixed;top:3rem;bottom:4.2rem;width:100%;-webkit-animation:drawerAni .3s linear;animation:drawerAni .3s linear;-webkit-transform:translateY(0);transform:translateY(0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.share-dialog .export-img img{display:block;margin:0 auto .2rem;height:100%}
.share-dialog .drawer-share{border-radius: .2rem .2rem 0 0;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;width:7.5rem;background-color:#fff;padding-left:.32rem;-webkit-animation:drawerAni .3s linear;animation:drawerAni .3s linear;-webkit-transform:translateY(0);transform:translateY(0);padding:0 .25rem .45rem;min-height:auto}
.share-dialog .drawer-share .title{margin-top:.4rem;text-align: center;font-size: .35rem;}
.share-dialog .drawer-share .action-btns{margin-top:.6rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}
.share-dialog .drawer-share .action-btns::-webkit-scrollbar{opacity:0}
.share-dialog .drawer-share .action-btns::-webkit-scrollbar-thumb{opacity:0}
.share-dialog .drawer-share .action-btns a{width:1.15rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.22rem;color:#3b3b3b;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 .21rem .1rem}
.share-dialog .drawer-share .action-btns a.btn-community i{background-image:url(../images/share-community.png)}
.share-dialog .drawer-share .action-btns a.btn-download i{background-image:url(../images/share-save.png)}
.share-dialog .drawer-share .action-btns a.btn-wechat i{background-image:url(../images/share-wechat.png)}
.share-dialog .drawer-share .action-btns a.btn-moments i{background-image:url(../images/share-moments.png)}
.share-dialog .drawer-share .action-btns a.btn-qq i{background-image:url(../images/share-qq.png)}
.share-dialog .drawer-share .action-btns a.btn-qzone i{background-image:url(../images/share-qzone.png)}
.share-dialog .drawer-share .action-btns a i{width:.8rem!important;height:.8rem!important;background-color:#eee;border-radius:.8rem;background-size:.49rem .48rem;background-repeat:no-repeat;background-position:center center;margin-bottom:.16rem}
.drawer-reward-list{padding:.16rem .32rem 0}
.drawer-reward-list .pop-wrap-overflow{margin-top:.2rem;height:9rem;overflow:hidden;overflow:auto}
.drawer-reward-list .pop-wrap-overflow::-webkit-scrollbar{opacity:0}
.drawer-reward-list .pop-wrap-overflow::-webkit-scrollbar-thumb{opacity:0}
.drawer-reward-list .pop-swiper{margin-bottom:.42rem}
.drawer-reward-list .pop-swiper .wiper-container{padding-top:.2rem}
.drawer-reward-list .pop-swiper .swiper-slide{text-align:center;width:1.9rem}
.drawer-reward-list .pop-swiper .swiper-slide img{width:.92rem;height:.92rem;display:block;margin:.4rem auto;background-color:#f3f3f3;border-radius:50%}
.drawer-reward-list .pop-swiper .swiper-slide p{display:none}
.drawer-reward-list .pop-swiper .swiper-slide-active{color:#0aac3c}
.drawer-reward-list .pop-swiper .swiper-slide-active img{width:1.1rem;height:1.1rem;-webkit-box-shadow:0 0 .12rem #ccc;box-shadow:0 0 .12rem #ccc;border:1px solid #fff;margin:.2rem auto}
.drawer-reward-list .pop-swiper .swiper-slide-active p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:.36rem}
.drawer-reward-list .pop-content{text-align:center;word-break:break-all;padding:.3rem 0}
.drawer-reward-list .pop-content span{color:#0aac3c}
.drawer-reward-list .bmh-table{width:98%;margin:0 auto}
.drawer-reward-list .bmh-table table{width:100%;border:1px solid #eee;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border:1px solid #d8d8d8;border-radius:.2rem;border-collapse:collapse;border-style:hidden;-webkit-box-shadow:0 0 0 1px #d8d8d8;box-shadow:0 0 0 1px #d8d8d8}
.drawer-reward-list .bmh-table table td{padding:.1rem;height:.32rem;width:50%;border:1px solid #d8d8d8;color:#3e403f;font-size:.24rem}
.drawer-reward-list .pp-tips{border-radius:.16rem;border:.01rem solid #eee;padding:.16rem .32rem;margin:.48rem auto .3rem;background-color:#fff;color:#7a7d7a}
.drawer-reward-list .pp-tips p{line-height:.4rem;text-align:justify}
.drawer-reward-list .pp-tips a{color:#0aac3c}
.drawer-reward-list .detail-btns a{display:block;width:4.43rem;height:.87rem;background:url(../images/btn-primary.png) no-repeat center;background-size:4.41rem .85rem;text-align:center;margin:.3rem auto .6rem;font-size:.3rem;font-weight:600;color:#fff;line-height:.88rem}


/*anis*/
.mvp,.role-img,.role,.cur-lv{-webkit-animation: upDown 3s  infinite;}
.slogan{-webkit-animation: goDog-3s 3.9s steps(16) both infinite;}
.page .section-step .ticket-content{-webkit-animation: goDog 2s steps(26) both infinite;}
.btn-ani{-webkit-animation: goDog 2s steps(49) both infinite;}
.u-hero .icon-benmin{-webkit-animation: goDog 2s steps(27) both infinite;z-index:1}
/* .btn-bind{background-image: url(../images/btn-bind-gif.png);-webkit-animation: goDog 2s steps(27) both infinite;}
.btn-start{background-image: url(../images/btn-start-gif.png);-webkit-animation: goDog 2s steps(27) both infinite;}
.page .section-result .r-btns .f-btns a.btn-restart{-webkit-animation: upDown 3s both infinite;}
.page .section-result .r-btns .f-btns a.btn-share{-webkit-animation: upDown 3s  both infinite;} */
.r-tit{-webkit-animation: goDog 2s steps(27) both infinite;}
.ani-none{-webkit-animation:none !important;background:none !important;}
.icon-loading{-webkit-animation: loadingAni 4s infinite;}
.loadingleft{-webkit-animation: loadingleft 2s;}
.section-loading{background-color: #fff;-webkit-animation: backWhite 6s forwards;}


@-webkit-keyframes upDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.1rem) ;transform:translateY(.1rem) }
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes upDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.1rem) ;transform:translateY(.1rem) }
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes rotateBackground {
  from {background-position: center;transform: rotate(0deg);  }
  to {background-position: center;transform: rotate(360deg);  }
}
 @-webkit-keyframes zhuan{
    100%{-webkit-transform: rotate(360deg)}
 }
 @-webkit-keyframes rotate {
    0% {
        -webkit-transform: perspective(4rem) translateY(3rem) ;
    }
    100% {
        -webkit-transform: perspective(4rem) translateY(-3rem);
    }
 }
 @-webkit-keyframes goDog-3s {
  0%,81.5%{background-position:0 0}
  100%{background-position:100% 0}
}
 @-webkit-keyframes goDog {
  100%{background-position:100% 0}
}

/* @-webkit-keyframes drawerAni {
  0% {-webkit-transform: opacity(0);}
  100%{-webkit-transform: opacity(1)}
} */
/* 动画放大然后旋转 */
@-webkit-keyframes loadingAni {
  0% {-webkit-transform: scale(0.7) rotate(0);}
  100%{-webkit-transform:  scale(1.1) rotate(360deg)}
}
/* --平移 */
@-webkit-keyframes loadingleft {
  0% {-webkit-transform: translateX(0);}
  100%{-webkit-transform:  translateX(-7.5rem)}
}
/* --背景变白 */
@-webkit-keyframes backWhite {
  0%,100%{opacity: 0;}
  50%{opacity: 1};
}

/*php补充*/
/* .page .section{padding-top: <?=($imm==-1 ? 0:1.5)?>rem;}
.page .music{top: <?=($imm==-1 ? 0.2:1.5)?>rem;}
.page .section-result .r-con{padding-top: <?=($imm==-1 ? 0:1.5)?>rem;}
.page .section{min-height: calc(100vh - <?=($imm==-1 ? 0:1.5)?>rem);}
.page .section.section-result{padding:0;min-height:auto} */

/* .f-name{background-image: url(../images/f-name.png);}
.f-action{background-image: url(../images/f-action.png);}
.f-line{background-image:url(../images/f-line.png) ;} 
.r-tit.ani-none{background-image: url(../images/r-logo.png);}
.page .section-result .r-con{background-image: url(../images/bg-result.png) ;}

*/

.page .section-step .text-box{display: flex;align-items: center;height: 100%;}
.hide{display: none;}