@charset "utf-8";a,body,cude,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,img,input,label,li,ol,p,select,span,ul{margin:0;padding:0;list-style:none;-webkit-tap-highlight-color:transparent}
body,html{font-size:.24rem;font-family:Helvetica,STHeiti,Droid Sans Fallback}
a{color:#4d4d4d;text-decoration:none;-webkit-tap-highlight-color:transparent}
li,ol,ul{list-style:none}
em,i{font-style:normal}
img{border:none}
article,aside,dialog,figure,footer,header,nav,section{display:block}
textarea{-webkit-appearance:none}
.cf{*zoom:1}
.cf:after{content:'';display:block;height:0;clear:both}
.fl{float:left}
.fr{float:right}
.lh{line-height:5rem;overflow:hidden}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.page{width:7.5rem;margin:0 auto;position:relative}
.page{width:7.5rem;margin:0 auto;position:relative;overflow:hidden}
.page .bg{position:absolute;z-index:1}
.page .bg img{display:block;width:7.5rem}
.page .container{position:relative;z-index:2;width:7.5rem}
body,html{width:100%;min-height:100%;background-repeat:no-repeat;background-size:7.5rem 100%;background-position:center top}
.page{width:7.5rem;min-height:100%}
.page .section{width:100%;min-height:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.page .section-home{padding-bottom:.48rem}
.page .section-home .icon-line{position:absolute;left:-.08rem;top:1.46rem;width:8.74rem;height:3.1rem;background:url(../images/line.png) no-repeat center;background-size:8.72rem 3.08rem}
.page .section-home .title{text-align:center;position:relative;color:#000;font-weight:700;line-height:1.1;text-shadow:.03rem 0 .06rem #fff,.02rem 0 .06rem #fff,.01rem 0 .06rem #fff,.03rem .01rem .06rem #fff,.02rem .02rem .06rem #fff,.01rem .03rem .06rem #fff,.03rem -.01rem .06rem #fff,.02rem -.02rem .06rem #fff,.01rem -.03rem .06rem #fff,-.03rem 0 .06rem #fff,-.02rem 0 .06rem #fff,-.01rem 0 .06rem #fff,-.03rem .01rem .06rem #fff,-.02rem .02rem .06rem #fff,-.01rem .03rem .06rem #fff,-.03rem -.01rem .06rem #fff,-.02rem -.02rem .06rem #fff,-.01rem -.03rem .06rem #fff}
.page .section-home .title .en{font-size:1.28rem}
.page .section-home .title .cn{font-size:1rem}
.page .section-home .game-tv{margin:.2rem auto 0;position:relative}
.page .section-home .game-tv .tv{margin:0 auto;width:9.14rem;height:9.83rem;background:url(../images/tv.gif) no-repeat center;background-size:9.12rem 9.81rem;width:6.13rem;height:6.13rem;background-size:100% 100%;position:relative}
.page .section-home .game-tv .tv img{position:absolute;left:1.72rem;top:2.12rem;width:2.22rem;height:1.85rem;display:block;-webkit-mask-image:url(../images/tv-game.png);mask-image:url(../images/tv-game.png);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.page .section-home .game-tv .icon-star-1{position:absolute;left:2.18rem;top:.24rem;width:.42rem;height:.42rem;background:url(../images/star-black-1.png) no-repeat center;background-size:.4rem .4rem;-webkit-animation:blinkScale 2s infinite ease-in-out;animation:blinkScale 2s infinite ease-in-out}
.page .section-home .game-tv .icon-star-2{position:absolute;left:1.2rem;top:1.18rem;width:.98rem;height:.98rem;background:url(../images/star-black-2.png) no-repeat center;background-size:.96rem .96rem;-webkit-animation:blinkScale 2s infinite ease-in-out;animation:blinkScale 2s infinite ease-in-out;-webkit-animation-delay:1s;animation-delay:1s}
.page .section-home .game-tv .icon-star-3{position:absolute;right:.76rem;top:4rem;width:.66rem;height:.66rem;background:url(../images/star-black-3.png) no-repeat center;background-size:.64rem .64rem;-webkit-animation:blinkScale 2s infinite ease-in-out;animation:blinkScale 2s infinite ease-in-out;-webkit-animation-delay:1.5s;animation-delay:1.5s}
.page .section-home .ticket{margin-top:-.56rem;position:relative}
.page .section-home .ticket .icon-boom{position:absolute;left:.96rem;top:-.76rem;width:1.62rem;height:1.7rem;background:url(../images/icon-boom.png) no-repeat center;background-size:1.6rem 1.68rem}
.page .section-home .ticket-title{margin:0 auto;position:relative;width:6.56rem;height:.32rem;border-radius:.32rem;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}
.page .section-home .ticket-title .inner{border-radius:.16rem;width:6.24rem;height:.16rem}
.page .section-home .ticket-content{position:relative;margin:-.22rem auto 0;width:6.23rem;height:2.71rem;background:url(../images/ticket-home.png) no-repeat center;background-size:6.21rem 2.69rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .48rem .12rem;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:.26rem;color:#151515}
.page .section-home .icon-arrow{position:relative;margin-top:-.8rem;margin-right:-.8rem;float:right;width:2.63rem;height:1.83rem;background:url(../images/icon-arrow.png) no-repeat center;background-size:2.61rem 1.81rem;-webkit-animation:upDown 2s infinite ease-in-out;animation:upDown 2s infinite ease-in-out}
.page .section-home .btn-start{display:block;margin:1.2rem auto 0;width:4.43rem;height:.87rem;background:url(../images/btn-primary.png) no-repeat center;background-size:4.41rem .85rem;text-align:center;font-size:.32rem;font-weight:700;color:#fff;line-height:.9rem}
.page .section-step .progress{margin:1.08rem auto 0;width:5.8rem;height:.9rem;overflow-y:auto;padding-top:.4rem}
.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:.16rem;border-radius:.16rem;position:relative;background-color:#151515}
.page .section-step .progress-item:first-child{width:2rem}
.page .section-step .progress-item:first-child em{left:0}
.page .section-step .progress-item:first-child.active{width:2.1rem}
.page .section-step .progress-item:first-child.active em{left:0}
.page .section-step .progress-item.active em{border:.06rem solid #fff;width:.8rem;height:.8rem;line-height:.74rem;left:-.4rem;top:-.3rem}
.page .section-step .progress-item:last-child{width:.4rem}
.page .section-step .progress-item em{position:absolute;left:-.3rem;top:-.18rem;line-height:.6rem;text-align:center;display:block;width:.6rem;height:.6rem;border-radius:100%;font-size:.4rem;font-weight:600;color:#fff;background-color:#151515}
.page .section-step .step-text{font-size:.32rem;color:rgba(34,34,34,.7);text-align:center;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-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:5rem;font-weight:600;position:relative;padding-bottom:.6rem}
.page .section-step .step-text.p-animate p.removing{opacity:0;-webkit-transform:translateY(-.4rem);transform:translateY(-.4rem)}
.page .section-step .step-text::before{content:'';position:absolute;right:.69rem;top:0;width:1.05rem;height:.98rem;background:url(../images/star-progress.png) no-repeat center;background-size:1.03rem .96rem}
.page .section-step .step-text p{max-width:90%;position:relative;line-height:2;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 .step-text p.fade-in{opacity:0;-webkit-transform:translateY(.4rem);transform:translateY(.4rem);-webkit-animation:fadeInUp .4s forwards;animation:fadeInUp .4s forwards}
.page .section-step .step-text p span{color:#ff7d10;margin:0 .24rem}
.page .section-step .step-text p:last-child{font-size:.4rem;color:#222}
.page .section-step .ticket{position:relative}
.page .section-step .ticket .icon-clapperboard{position:absolute;z-index:2;left:.38rem;top:-1rem;width:2.17rem;height:2.02rem;background:url(../images/icon-clapperboard.png) no-repeat center;background-size:2.15rem 2rem}
.page .section-step .ticket-title{margin:0 auto;width:6.56rem;height:.32rem;border-radius:.32rem;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}
.page .section-step .ticket-title .inner{border-radius:.16rem;width:6.24rem;height:.16rem}
.page .section-step .ticket-content{position:relative;margin:-.22rem auto 0;width:6.23rem;height:3.51rem;background:url(../images/ticket-step.png) no-repeat center;background-size:6.21rem 3.49rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .48rem .12rem;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;text-align:center;font-size:.36rem;font-weight:600;color:#3b3b3b}
.page .section-step .icon-arrow{position:relative;margin-top:-.9rem;margin-right:-.9rem;float:right;width:2.63rem;height:1.83rem;background:url(../images/icon-arrow.png) no-repeat center;background-size:2.61rem 1.81rem;-webkit-animation:upDown 2s infinite ease-in-out;animation:upDown 2s infinite ease-in-out}
.page .section-step .btn-next{display:block;margin:1.2rem auto 0;font-size:.26rem;font-weight:600;color:#3b3b3b;text-align:center}
.page .section-step .text-countdown{margin-top:.16rem;font-size:.36rem;font-weight:600;color:#ff7d10;text-align:center}
.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}
.page .section-loading .progress{width:6rem;height:.6rem;border-radius:.32rem;border:.06rem solid;-webkit-box-sizing:border-box;box-sizing:border-box}
.page .section-loading .progress-bar{position:relative;width:5.83rem;height:.34rem;background:url(../images/progress.png) no-repeat center;background-size:5.81rem .32rem;height:.32rem;margin-left:.08rem;margin-top:.08rem;background-repeat:repeat-x;background-size:5.81rem 100%;background-position:left center}
.page .section-loading .progress-bar::after{position:absolute;right:-.5rem;top:-.42rem;content:'';display:block;width:1.05rem;height:.98rem;background:url(../images/star-progress.png) no-repeat center;background-size:1.03rem .96rem}
.page .section-loading .progress-text{margin-top:.36rem;font-size:.26rem;color:#3b3b3b;font-weight:600}
.page .section-result{position:relative;padding-bottom:.2rem}
.page .section-result .video-recorder{position:absolute;left:50%;margin-left:-3.75rem;top:-1rem;width:7.5rem;height:9.16rem;background-image:url(../images/video-recorder.png);background-size:5000% 100%;background-position:left center;-webkit-animation:showSprite 2s steps(49) both infinite;animation:showSprite 2s steps(49) both infinite}
.page .section-result .ticket{position:relative;padding-top:2.16rem}
.page .section-result .ticket-title{margin:0 auto;width:6.56rem;height:.32rem;border-radius:.32rem;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}
.page .section-result .ticket-title .inner{border-radius:.16rem;width:6.24rem;height:.16rem}
.page .section-result .ticket-content{position:relative;margin:-.22rem auto 0;width:6.23rem;height:11.87rem;background:url(../images/ticket-result.png) no-repeat center;background-size:6.21rem 11.85rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.48rem .48rem .12rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:.36rem;font-weight:600;color:#3b3b3b}
.page .section-result .ticket-games .games-img{width:1.28rem;height:1.28rem;border-radius:.4rem}
.page .section-result .ticket-games .games-name{font-size:.36rem;color:#151515;position:relative}
.page .section-result .ticket-games .games-name span{position:relative;z-index:2}
.page .section-result .ticket-games .games-name .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}
.page .section-result .ticket-games .btn-download{display:block;margin:.32rem auto .09rem;width:3.81rem;height:.83rem;background:url(../images/btn-download.png) no-repeat center;background-size:3.79rem .81rem;font-size:.3rem;color:#fff;line-height:.83rem}
.page .section-result .ticket-games .btn-chat{display:inline-block;height:.3rem;line-height:.3rem;font-size:.24rem;margin-bottom:.09rem}
.page .section-result .ticket .line{width:4.8rem;border-bottom:.02rem dashed rgba(59,59,59,.7)}
.page .section-result .ticket-text{width:100%;font-size:.32rem;text-align:center;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-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:4.6rem;font-weight:600;position:relative;color:#222;overflow-y:auto;margin:.5rem 0 .3rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.page .section-result .ticket-text::-webkit-scrollbar{width:.08rem;border-radius:.08rem;background-color:#fff}
.page .section-result .ticket-text::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:.08rem}
.page .section-result .ticket-text p{position:relative;line-height:.56rem}
.page .section-result .ticket-text p span{color:#ff7d10;margin:0 .24rem}
.page .section-result .ticket-btns{width:100%;margin-top:.48rem;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-result .ticket-btns .btn-com{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;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}
.page .section-result .ticket-btns .btn-icon{margin:0 auto;width:.91rem;height:.91rem;background:url(../images/icon-bg.png) no-repeat center;background-size:.89rem .89rem;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}
.page .section-result .ticket-btns .btn-icon img{width:.65rem;height:.65rem}
.page .section-result .ticket-btns .btn-icon img.fly{-webkit-animation:fly 2s infinite linear;animation:fly 2s infinite linear}
.page .section-result .ticket-btns .btn-icon img.qBounce{-webkit-animation:qBounce 2s steps(1,end) infinite;animation:qBounce 2s steps(1,end) infinite}
.page .section-result .ticket-btns .btn-text{margin-top:.08rem;font-size:.26rem;font-weight:400}
.page .section-result .ticket .film-left{position:absolute;top:3.34rem;width:1.06rem;height:1.66rem;background-image:url(../images/film-left.png);background-size:5000% 100%;background-position:left center;-webkit-animation:showSprite 2s steps(49) both infinite;animation:showSprite 2s steps(49) both infinite}
.page .section-result .ticket .film-right{position:absolute;top:8.62rem;right:.02rem;width:1.03rem;height:1.47rem;background:url(../images/film-right.png) no-repeat center;background-size:1.01rem 1.45rem;-webkit-animation:upAndDown 1.5s both infinite;animation:upAndDown 1.5s both infinite}
.page .section-result .icon-arrow{position:relative;margin-top:-1.5rem;margin-right:-.8rem;float:right;width:2.63rem;height:1.83rem;background:url(../images/icon-arrow.png) no-repeat center;background-size:2.61rem 1.81rem;-webkit-animation:upDown 2s infinite ease-in-out;animation:upDown 2s infinite ease-in-out}
.page .section-result .btn-reward{position:absolute;left:.66rem;top:.96rem;width:.96rem;height:.96rem;background-size:100%;font-size:.2rem;color:#fff;text-align:center;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}
.page .section-result .canvas-box .ticket-title{width:5.76rem;height:.32rem;position:relative;z-index:2}
.page .section-result .canvas-box .inner{width:5.48rem;height:.16rem}
.page .section-result .canvas-box .ticket-content{position:relative;margin:-.18rem auto 0;width:5.43rem;background-size:cover;background-position:center top;background-repeat:no-repeat;height:auto;padding-bottom:.4rem;min-height:8.56rem;z-index:2;padding-bottom:0}
.page .section-result .canvas-box .ticket-content::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;inset:0;z-index:1;background:rgba(255,255,255,.85);pointer-events:none}
.page .section-result .canvas-box .ticket-content>*{position:relative;z-index:2}
.page .section-result .canvas-box .ticket-games{position:relative;z-index:2}
.page .section-result .canvas-box .ticket-text{position:relative;z-index:2;display:block;height:auto;line-height:.56rem;padding-top:.2rem;margin:0 auto;overflow-y:clip}
.page .section-result .canvas-box .line{position:relative;z-index:2;margin-top:.4rem;width:4.8rem;border-bottom:.02rem dashed rgba(59,59,59,.7)}
.page .section-result .canvas-box .qrcode{position:relative;z-index:2;padding:.4rem 0;width:5.43rem;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;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(rgba(255,255,255,.7)),to(#ededed));background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.7),#ededed 100%)}
.page .section-result .canvas-box .qrcode img{display:block;width:1.6rem;height:1.6rem;margin-right:.32rem}
.page .section-result .canvas-box .qrcode img.logo{width:1rem;height:auto}
.page .section-result .canvas-box .qrcode span{max-width:1.2rem;font-size:.2rem;font-weight:400;text-align:center}
.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}
.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;-webkit-box-shadow:0 .08rem .24rem rgba(0,0,0,.2);box-shadow:0 .08rem .24rem rgba(0,0,0,.2)}
.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;min-width:1.08rem;height:.56rem;border-radius:.32rem;background-color:#23c268;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .12rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.drawer .reward-content{width:100%;max-height:8rem;margin-top:.4rem;padding-left:.4rem;padding-right:.4rem;color:#222;line-height:.46rem;overflow-y:auto}
.drawer .reward-content::-webkit-scrollbar{width:.08rem;border-radius:.08rem;background-color:#fff}
.drawer .reward-content::-webkit-scrollbar-thumb{background-color:#e6e6e6;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)}
.drawer .btn-reward-detail{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 .4rem;font-size:.3rem;font-weight:600;color:#fff;line-height:.88rem}
.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}
.share-dialog{display:none;position:fixed;left:0;bottom:0;height:100%;width:100%;z-index:12}
.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{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}
.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}
@-webkit-keyframes upDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.2rem) translateX(-.1rem);transform:translateY(.2rem) translateX(-.1rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes upDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.2rem) translateX(-.1rem);transform:translateY(.2rem) translateX(-.1rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes upAndDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.06rem);transform:translateY(.06rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes upAndDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.06rem);transform:translateY(.06rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fly{
0%{-webkit-transform:translateY(.05rem) translateX(-.05rem);transform:translateY(.05rem) translateX(-.05rem)}
25%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
50%{-webkit-transform:translateY(-.05rem) translateX(.05rem);transform:translateY(-.05rem) translateX(.05rem)}
75%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
100%{-webkit-transform:translateY(.05rem) translateX(-.05rem);transform:translateY(.05rem) translateX(-.05rem)}
}
@keyframes fly{
0%{-webkit-transform:translateY(.05rem) translateX(-.05rem);transform:translateY(.05rem) translateX(-.05rem)}
25%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
50%{-webkit-transform:translateY(-.05rem) translateX(.05rem);transform:translateY(-.05rem) translateX(.05rem)}
75%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
100%{-webkit-transform:translateY(.05rem) translateX(-.05rem);transform:translateY(.05rem) translateX(-.05rem)}
}
@-webkit-keyframes qBounce{
0%{-webkit-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(.9);transform:scale(.9)}
20%{-webkit-transform:scale(1.05);transform:scale(1.05)}
30%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes qBounce{
0%{-webkit-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(.9);transform:scale(.9)}
20%{-webkit-transform:scale(1.05);transform:scale(1.05)}
30%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes drawerAni{
0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes drawerAni{
0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes blinkScale{
0%,100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
50%{-webkit-transform:scale(0);transform:scale(0);opacity:.4}
}
@keyframes blinkScale{
0%,100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
50%{-webkit-transform:scale(0);transform:scale(0);opacity:.4}
}
@-webkit-keyframes spinAndShrink{
0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
50%{-webkit-transform:rotate(360deg) scale(.9);transform:rotate(360deg) scale(.9)}
100%{-webkit-transform:rotate(720deg) scale(.8);transform:rotate(720deg) scale(.8)}
}
@keyframes spinAndShrink{
0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
50%{-webkit-transform:rotate(360deg) scale(.9);transform:rotate(360deg) scale(.9)}
100%{-webkit-transform:rotate(720deg) scale(.8);transform:rotate(720deg) scale(.8)}
}
@-webkit-keyframes showSprite{
0%{background-position:0 0}
100%{background-position:100% 0}
}
@keyframes showSprite{
0%{background-position:0 0}
100%{background-position:100% 0}
}
@-webkit-keyframes fadeInUp{
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}