@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{background-color:#142063}
.page{background-color:#142063}
.page .header{margin:0 auto;width:7.5rem;height:14.2rem;background-image:url(../images/header-bg.png);background-size:100% 100%;background-position:left top;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:11.52rem;position:relative}
.page .header::after{content:'';left:0;top:0;z-index:1;position:absolute;width:7.5rem;height:14.2rem;background-image:url(../images/space-ani.png);background-size:3200% 100%;background-position:left top;-webkit-animation:showSprite 2s steps(31) both infinite;animation:showSprite 2s steps(31) both infinite}
.page .header .star-1{position:absolute;left:1.22rem;top:3rem;width:.37rem;height:.53rem;background:url(../images/star-1.png) no-repeat center;background-size:.35rem .51rem;-webkit-animation:showHideAni 1.8s ease-in-out infinite;animation:showHideAni 1.8s ease-in-out infinite}
.page .header .star-2{position:absolute;left:2.44rem;top:1.2rem;width:.75rem;height:1.04rem;background:url(../images/star-2.png) no-repeat center;background-size:.73rem 1.02rem;-webkit-animation:showHideAni 1.5s ease-in-out infinite;animation:showHideAni 1.5s ease-in-out infinite}
.page .header .star-3{position:absolute;left:6.5rem;top:4.14rem;width:.68rem;height:.94rem;background:url(../images/star-3.png) no-repeat center;background-size:.66rem .92rem;-webkit-animation:showHideAni 2s ease-in-out .5s infinite;animation:showHideAni 2s ease-in-out .5s infinite}
.page .header .star-4{position:absolute;left:.91rem;top:7.46rem;width:.78rem;height:1.07rem;background:url(../images/star-4.png) no-repeat center;background-size:.76rem 1.05rem;-webkit-animation:showHideAni 1.9s ease-in-out .2s infinite;animation:showHideAni 1.9s ease-in-out .2s infinite}
.page .header .star-5{position:absolute;left:2rem;top:5rem;width:.68rem;height:.94rem;background:url(../images/star-3.png) no-repeat center;background-size:.66rem .92rem;-webkit-animation:showHideAni 2.6s ease-in-out infinite;animation:showHideAni 2.6s ease-in-out infinite}
.page .header .star-6{position:absolute;left:.4rem;top:4.8rem;width:.37rem;height:.53rem;background:url(../images/star-1.png) no-repeat center;background-size:.35rem .51rem;-webkit-animation:showHideAni 1.9s ease-in-out .5s infinite;animation:showHideAni 1.9s ease-in-out .5s infinite}
.page .header .btn-rule{width:1.45rem;height:.51rem;background:url(../images/btn-rule.png?v=1) no-repeat center;background-size:1.43rem .49rem;position:absolute;left:-.02rem;top:3.26rem;z-index:3}
.page .header .logo{width:7.5rem;height:4.27rem;background:url(../images/header-logo.png) no-repeat center;background-size:7.48rem 4.25rem;position:absolute;left:0;z-index:3;top:1.36rem}
.page .header .booking{text-align:center;font-size:.22rem;color:#fff;position:relative;z-index:3}
.page .header .booking .btn-booking{display:block;margin:0 auto;width:5.47rem;height:1.32rem;background:url(../images/btn-booking.png?v=1) no-repeat center;background-size:5.45rem 1.3rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.8rem;color:#fff}
.page .header .booking .btn-booking.disabled{width:5.47rem;height:1.32rem;background:url(../images/btn-booking-finish.png) no-repeat center;background-size:5.45rem 1.3rem}
.page .header .booking .btn-go-live{display:block;margin:0 auto;width:5.47rem;height:1.32rem;background:url(../images/btn-go-live.png) no-repeat center;background-size:5.45rem 1.3rem}
.page .header .booking .num{line-height:.46rem;margin:.26rem auto 0;width:5.11rem;height:.41rem;background:url(../images/tips-bg.png) no-repeat center;background-size:5.09rem .39rem}
.page .content{width:7.52rem;height:72.51rem;background:url(../images/content.png) no-repeat center;background-size:7.5rem 72.49rem;height:auto;width:7.5rem;background-position:left top;background-repeat:repeat-y;text-align:center;padding-bottom:1.6rem}
.page .content .part-1{padding-top:.4rem}
.page .content .part-1 .tit{width:7.59rem;height:1.17rem;background:url(../images/tit-1.png) no-repeat center;background-size:7.57rem 1.15rem}
.page .content .part-1 .caption{font-size:.26rem;color:#b6f2e9}
.page .content .part-1 .video-box{padding-top:.3rem}
.page .content .part-1 .video-box .mdvideo-contain{margin:0 auto;width:6.74rem;height:3.83rem;border:.05rem solid #7af4ff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.page .content .part-1 .video-box .mdvideo-contain::after{content:'';display:block;position:absolute;z-index:2;width:.8rem;height:.03rem;left:-.3rem;top:.1rem;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:center center;transform-origin:center center;background-color:#f779f5}
.page .content .part-1 .video-box .mdvideo-contain::before{content:'';display:block;position:absolute;z-index:2;width:.8rem;height:.03rem;left:6.22rem;top:3.62rem;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:center center;transform-origin:center center;background-color:#f779f5}
.page .content .part-1 .video-box .mdvideo-contain .md-poster{position:relative}
.page .content .part-1 .video-box .mdvideo-contain .md-poster::after{content:'';position:absolute;left:50%;top:50%;z-index:2;margin-left:-.72rem;margin-top:-.72rem;width:1.43rem;height:1.43rem;background:url(../images/icon-play.png) no-repeat center;background-size:1.41rem 1.41rem}
.page .content .part-1 .video-box .mdvideo-contain img{width:100%;height:3.75rem}
.page .content .part-1 .video-box .mdvideo-contain .video_list{width:100%;height:3.75rem}
.page .content .part-1 .video-box .mdvideo-contain .video_list .video-js{width:100%;height:100%}
.page .content .part-1 .video-box .mdvideo-contain .video_list .video-js .vjs-big-play-button{width:1.41rem;height:1.41rem;margin-left:-.71rem;margin-top:-.71rem;left:50%;top:50%;background-image:url(../images/icon-play.png);background-size:cover;background-color:transparent}
.page .content .part-1 .video-box .mdvideo-contain .video_list .video-js .vjs-big-play-button .vjs-icon-placeholder::before{display:none}
.page .content .part-2{margin-top:.4rem}
.page .content .part-2 .tit{width:7.59rem;height:1.17rem;background:url(../images/tit-2.png) no-repeat center;background-size:7.57rem 1.15rem}
.page .content .part-2 .caption{margin:0 auto;font-size:.26rem;color:#ddfff7;width:5.11rem;height:.41rem;background:url(../images/tips-bg.png) no-repeat center;background-size:5.09rem .39rem;line-height:.43rem}
.page .content .part-2 .box{margin:.2rem auto 0;width:7.23rem;height:9.72rem;background:url(../images/box-2-bg.png) no-repeat center;background-size:7.21rem 9.7rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.36rem}
.page .content .part-2 .box .tips{font-size:.24rem;line-height:.36rem;color:#a3eaf5}
.page .content .part-2 .box .gift-list{margin:.16rem auto 0;width:6.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.page .content .part-2 .box .gift-list .gift-item{font-size:.22rem;color:#6371c6}
.page .content .part-2 .box .gift-list .gift-item .gift-img{margin:0 auto -.14rem;width:1.34rem;height:1.3rem;background:url(../images/gift-normal.png) no-repeat center;background-size:1.32rem 1.28rem;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}
.page .content .part-2 .box .gift-list .gift-item .gift-img::before{content:'';position:absolute;right:.08rem;top:.04rem;width:.3rem;height:.29rem;background:url(../images/gift-icon-lam.png) no-repeat center;background-size:.28rem .27rem;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:swing 1.5s infinite ease-in-out;animation:swing 1.5s infinite ease-in-out}
.page .content .part-2 .box .gift-list .gift-item .gift-img .gift-game{width:1.53rem;height:1.55rem;background:url(../images/gift-1.png) no-repeat center;background-size:1.51rem 1.53rem;width:.75rem;height:.76rem;background-size:100% 100%}
.page .content .part-2 .box .gift-list .gift-item .gift-img .gift-baomihua{margin-top:.08rem;margin-left:.04rem;width:.83rem;height:.78rem;background:url(../images/gift-2-num.png) no-repeat center;background-size:.81rem .76rem}
.page .content .part-2 .box .gift-list .gift-item .gift-img .gift-box{width:.73rem;height:.76rem;background:url(../images/gift-3.png) no-repeat center;background-size:.71rem .74rem}
.page .content .part-2 .box .gift-list .gift-item .gift-img.finish{margin-top:.16rem;margin-bottom:0;width:1rem;height:1rem;background:url(../images/gift-finish.png) no-repeat center;background-size:.98rem .98rem}
.page .content .part-2 .box .gift-list .gift-item .gift-img.finish::before{display:none}
.page .content .part-2 .box .gift-list .gift-item .gift-img.disabled{margin-top:.16rem;margin-bottom:.02rem;width:.98rem;height:.98rem;background:url(../images/gift-dis.png) no-repeat center;background-size:.96rem .96rem}
.page .content .part-2 .box .gift-list .gift-item .gift-img.disabled::before{display:none}
.page .content .part-2 .box .gift-list .gift-item .gift-img.disabled .gift-game{width:1.53rem;height:1.55rem;background:url(../images/gift-1-dis.png) no-repeat center;background-size:1.51rem 1.53rem;width:.75rem;height:.76rem;background-size:100% 100%}
.page .content .part-2 .box .gift-list .gift-item .gift-img.disabled .gift-baomihua{width:.83rem;height:.78rem;background:url(../images/gift-2-num-dis.png) no-repeat center;background-size:.81rem .76rem;margin-left:-.04rem;margin-top:.04rem}
.page .content .part-2 .box .gift-list .gift-item .gift-img.disabled .gift-box{width:.73rem;height:.76rem;background:url(../images/gift-3-dis.png) no-repeat center;background-size:.71rem .74rem}
.page .content .part-2 .box .progress{margin:.2rem auto 0;width:6.67rem;height:.49rem;background:url(../images/progress-bg.png) no-repeat center;background-size:6.65rem .47rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.13rem .16rem}
.page .content .part-2 .box .progress-bar{width:.17rem;height:.21rem;background:url(../images/progress-inner.png) no-repeat center;background-size:.15rem .19rem;background-position:left center;background-repeat:repeat-x}
.page .content .part-2 .box .progress-num{font-size:.2rem;color:#3bf4ff}
.page .content .part-2 .box .plant{width:6.62rem;height:3.75rem;background:url(../images/planet.png) no-repeat center;background-size:6.6rem 3.73rem;position:relative;margin:.2rem auto 0}
.page .content .part-2 .box .plant-name{width:1.8rem;height:.33rem;font-size:.22rem;color:#0c0068;text-align:center;position:absolute;line-height:.35rem}
.page .content .part-2 .box .plant-name-1{left:1.27rem;top:.82rem}
.page .content .part-2 .box .plant-name-2{left:.12rem;top:2.25rem}
.page .content .part-2 .box .plant-name-3{left:2.35rem;top:2.21rem}
.page .content .part-2 .box .plant-name-4{left:1.21rem;top:3.02rem}
.page .content .part-2 .box .plant-name-5{left:4.62rem;top:2.82rem}
.page .content .part-2 .box .plant-1{position:absolute;left:1.67rem;top:.2rem;width:1rem;height:.9rem;border-radius:100%}
.page .content .part-2 .box .plant-2{position:absolute;left:.42rem;top:1.65rem;width:1rem;height:.9rem;border-radius:100%}
.page .content .part-2 .box .plant-3{position:absolute;left:2.3rem;top:1.05rem;width:1.7rem;height:1.7rem;border-radius:100%}
.page .content .part-2 .box .plant-4{position:absolute;left:1.34rem;top:2.68rem;width:1.7rem;height:1rem;border-radius:1.7rem 1.7rem 0 0}
.page .content .part-2 .box .plant-5{position:absolute;left:5.06rem;top:2rem;width:1.2rem;height:1.2rem;border-radius:100%}
.page .content .part-2 .box .btns{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;margin-top:.28rem}
.page .content .part-2 .box .btns .btn-task{width:3.19rem;height:.88rem;background:url(../images/btn-task.png) no-repeat center;background-size:3.17rem .86rem}
.page .content .part-2 .box .btns .btn-start{width:3.19rem;height:.88rem;background:url(../images/btn-start.png) no-repeat center;background-size:3.17rem .86rem}
.page .content .part-2 .box .oxy-num{margin-top:.2rem;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;font-size:.26rem;color:#fff}
.page .content .part-2 .box .oxy-num .icon-oxy{margin:0 .02rem;width:.29rem;height:.48rem;background:url(../images/icon-oxy.png) no-repeat center;background-size:.27rem .46rem}
.page .content .part-3{padding-top:.78rem}
.page .content .part-3 .tit{width:7.59rem;height:1.17rem;background:url(../images/tit-3.png) no-repeat center;background-size:7.57rem 1.15rem}
.page .content .part-3 .box-h{margin:0 auto;width:7.19rem;height:.52rem;background:url(../images/box-3-h.png) no-repeat center;background-size:7.17rem .5rem}
.page .content .part-3 .box-inner{margin:-.02rem auto 0;width:7.19rem;height:.54rem;background:url(../images/box-3-b.png) no-repeat center;background-size:7.17rem .52rem;height:auto;background-position:center top;background-repeat:repeat-y;min-height:.5rem}
.page .content .part-3 .box-f{margin:-.02rem auto 0;width:7.19rem;height:.52rem;background:url(../images/box-3-f.png) no-repeat center;background-size:7.17rem .5rem}
.page .content .part-3 .box .caption{font-size:.26rem;color:#fff}
.page .content .part-3 .box .caption em{color:#5dffea}
.page .content .part-3 .box .caption span{line-height:.48rem;font-size:.24rem;color:#a3eaf5}
.page .content .part-3 .box .caption .icon-arrow{margin:.2rem auto 0;display:block;width:.51rem;height:.28rem;background:url(../images/icon-arrow.png) no-repeat center;background-size:.49rem .26rem}
.page .content .part-3 .box .inventory{width:6.46rem;margin:0 auto;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.page .content .part-3 .box .inventory-nums{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:.24rem;color:#fff}
.page .content .part-3 .box .inventory-nums .icon-exc{width:.62rem;height:.47rem;background:url(../images/icon-exc.png) no-repeat center;background-size:.6rem .45rem}
.page .content .part-3 .box .inventory .btn-bag{font-size:.24rem;color:#5dffea;line-height:.5rem;width:1.3rem;height:.48rem;background:url(../images/btn-bag-bg.png) no-repeat center;background-size:1.28rem .46rem}
.page .content .part-3 .box .gift-list{width:6.46rem;margin:0 auto;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.page .content .part-3 .box .gift-list .gift-item{margin-top:.2rem;width:3.12rem;height:4.22rem;background:url(../images/reward-bg.png) no-repeat center;background-size:3.1rem 4.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.16rem;padding-top:.14rem;padding-right:.16rem}
.page .content .part-3 .box .gift-list .gift-item .gift-img{width:2.78rem;height:1.56rem;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 .content .part-3 .box .gift-list .gift-item .gift-img img{max-width:80%;max-height:80%}
.page .content .part-3 .box .gift-list .gift-item .nums{width:2.79rem;height:.44rem;background:url(../images/reward-deplete-bg.png) no-repeat center;background-size:2.77rem .42rem;font-size:.22rem;color:#220470;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 .content .part-3 .box .gift-list .gift-item .nums .icon-exc{width:.62rem;height:.47rem;background:url(../images/icon-exc.png) no-repeat center;background-size:.6rem .45rem;margin:0 .02rem;width:.45rem;height:.34rem;background-size:100%}
.page .content .part-3 .box .gift-list .gift-item .gift-name{margin-top:.2rem;font-size:.24rem;color:#fff;line-height:.32rem;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:.64rem}
.page .content .part-3 .box .gift-list .gift-item .btn-exchange{margin:.16rem auto 0;display:block;width:2.15rem;height:.66rem;background:url(../images/btn-bg-normal.png) no-repeat center;background-size:2.13rem .64rem;text-align:center;font-size:.32rem;color:#220470;font-weight:700;line-height:.66rem}
.page .content .part-3 .box .gift-list .gift-item .btn-exchange.disabled{width:2.15rem;height:.66rem;background:url(../images/btn-bg-dis.png) no-repeat center;background-size:2.13rem .64rem;color:#fff}
.page .content .part-3 .box .btn-more{display:block;margin:.28rem auto 0;width:5.33rem;height:.67rem;background:url(../images/btn-more.png) no-repeat center;background-size:5.31rem .65rem}
.page .content .part-4{padding-top:.8rem}
.page .content .part-4 .tit{width:7.59rem;height:1.17rem;background:url(../images/tit-4.png) no-repeat center;background-size:7.57rem 1.15rem}
.page .content .part-4 .box{margin:0 auto;width:7.23rem;height:5.82rem;background:url(../images/box-4-bg.png) no-repeat center;background-size:7.21rem 5.8rem;padding-top:.32rem}
.page .content .part-4 .box .medal-list{width:6.48rem;margin:0 auto;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.page .content .part-4 .box .medal-list .medal-item{width:3.12rem;height:4.93rem;background:url(../images/medal-bg.png) no-repeat center;background-size:3.1rem 4.91rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.15rem;padding-top:.12rem;padding-right:.15rem}
.page .content .part-4 .box .medal-list .medal-item .medal-img{width:2.8rem;height:2.8rem;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 .content .part-4 .box .medal-list .medal-item .medal-img img{max-width:2.2rem;max-height:2.2rem}
.page .content .part-4 .box .medal-list .medal-item .medal-name{margin-top:.1rem;text-align:center;font-size:.28rem;color:#fff}
.page .content .part-4 .box .medal-list .medal-item .medal-name span{font-size:.22rem;color:#9a9aeb}
.page .content .part-4 .box .medal-list .medal-item .btn-receive{margin:.16rem auto 0;display:block;width:2.15rem;height:.66rem;background:url(../images/btn-bg-normal.png) no-repeat center;background-size:2.13rem .64rem;text-align:center;font-size:.32rem;color:#220470;font-weight:700;line-height:.66rem}
.page .content .part-4 .box .medal-list .medal-item .btn-receive.disabled{width:2.15rem;height:.66rem;background:url(../images/btn-bg-dis.png) no-repeat center;background-size:2.13rem .64rem;color:#fff}
.page .content .part-5{margin-top:.6rem}
.page .content .part-5 .tit{width:7.59rem;height:1.2rem;background:url(../images/tit-5.png) no-repeat center;background-size:7.57rem 1.18rem}
.page .content .part-5 .caption{font-size:.26rem;color:#ddfff7;line-height:.48rem;width:7rem;margin:0 auto}
.page .content .part-5 .box{margin:.12rem auto 0;width:7.23rem;height:11.58rem;background:url(../images/box-5-bg.png) no-repeat center;background-size:7.21rem 11.56rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.73rem .4rem 0}
.page .content .part-5 .box .social-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 .content .part-5 .box .social-list .social-item{width:25%;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 .content .part-5 .box .social-list .social-item img{width:1.32rem;height:1.32rem}
.page .content .part-5 .box .social-list .social-item .btn-focus{margin:.16rem auto 0;font-size:.3rem;color:#5dffea;line-height:.64rem;width:1.39rem;height:.61rem;background:url(../images/btn-focus.png) no-repeat center;background-size:1.37rem .59rem}
.page .content .part-5 .box .new-games .head{margin-top:.5rem;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.page .content .part-5 .box .new-games .head .title{width:1.79rem;height:.34rem;background:url(../images/caption-1.png) no-repeat center;background-size:1.77rem .32rem}
.page .content .part-5 .box .new-games .head .btn-booking{font-size:.24rem;color:#5dffea;line-height:.5rem;width:1.3rem;height:.48rem;background:url(../images/btn-booking-bg.png) no-repeat center;background-size:1.28rem .46rem}
.page .content .part-5 .box .new-games .head .btn-booking.disabled{color:#9ca0be;width:1.3rem;height:.48rem;background:url(../images/btn-booking-bg-dis.png) no-repeat center;background-size:1.28rem .46rem}
.page .content .part-5 .box .hot-games .head{margin-top:.5rem;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.page .content .part-5 .box .hot-games .head .title{width:1.47rem;height:.35rem;background:url(../images/caption-2.png) no-repeat center;background-size:1.45rem .33rem}
.page .content .part-5 .box .hot-games .head .btn-more{font-size:.24rem;color:#5dffea;text-decoration:underline}
.page .content .part-5 .box .game-list{margin-top:.3rem}
.page .content .part-5 .box .game-list .swiper-slide{width:1.48rem}
.page .content .part-5 .box .game-list .game-item{width:1.48rem}
.page .content .part-5 .box .game-list .game-item img{width:1.48rem;height:1.48rem;border-radius:.34rem}
.page .content .part-5 .box .game-list .game-item .game-name{font-size:.24rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:1.48rem;margin:.06rem 0 .18rem}
.page .content .part-5 .box .game-list .game-item .btn-normal{margin:0 auto;display:block;font-size:.3rem;color:#5dffea;line-height:.64rem;width:1.39rem;height:.61rem;background:url(../images/btn-focus.png) no-repeat center;background-size:1.37rem .59rem}
.page .content .part-5 .box .game-list .game-item .btn-normal.disabled{color:#9ca0be;width:1.38rem;height:.61rem;background:url(../images/btn-focus-dis.png) no-repeat center;background-size:1.36rem .59rem}
.page .content .banner{display:block;margin:.6rem auto 0;width:7.2rem;position:relative}
.page .content .banner .banner-img{display:block}
.page .content .banner img{display:block;margin:0 auto;width:7.2rem;height:2.8rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:.04rem solid #7af4ff}
.page .content .banner .swiper-container{height:3.2rem}
.page .content .banner .swiper-pagination{bottom:0}
.page .content .banner .swiper-pagination .swiper-pagination-bullet{background-color:#3bf4ff;width:.16rem;height:.16rem}
.page .content .rocket-model{position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:10;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 .content .rocket-model .rocket{width:7.5rem;height:12rem;background-image:url(../images/rocket-ani.png);background-size:2500% 100%;background-position:left top;-webkit-animation:showSprite 1.6s steps(24) both infinite;animation:showSprite 1.6s steps(24) both infinite;-webkit-box-sizing:border-box;box-sizing:border-box}
.page .side{position:fixed;right:.18rem;bottom:3rem;z-index:5}
.page .side a{display:block;margin:0 auto .08rem}
.page .side a img{max-width:1.2rem}
.page .side .btn-medal img{display:block;margin:0 auto;width:1.08rem}
.page .side .btn-join img{display:block;margin:0 auto .2rem;width:.9rem;height:.92rem}
.page .side .btn-share{margin-bottom:.2rem;width:.92rem;height:.94rem;background:url(../images/icon-share.png) no-repeat center;background-size:.9rem .92rem}
.page .side .btn-top{width:.92rem;height:.94rem;background:url(../images/icon-top.png) no-repeat center;background-size:.9rem .92rem}
.page .tabbar{position:fixed;width:7.5rem;left:50%;bottom:0;margin-left:-3.75rem;height:1.6rem;background-color:rgba(0,4,31,.9);z-index:5;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .2rem}
.page .tabbar::before{content:'';opacity:0;position:absolute;left:15rem;bottom:-15rem;width:187.52rem;height:12.02rem;background:url(../images/rocket-ani.png) no-repeat center;background-size:187.5rem 12rem}
.page .tabbar .user .no-login{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 .tabbar .user .no-login img{width:1.06rem;height:1.06rem;border-radius:100%}
.page .tabbar .user .no-login .btn-login{margin-left:.14rem;font-size:.28rem;color:#fff}
.page .tabbar .user .user-info{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 .tabbar .user .user-info img{width:1.06rem;height:1.06rem;border-radius:100%}
.page .tabbar .user .user-info .info{margin-left:.1rem}
.page .tabbar .user .user-info .info .user-name{font-size:.24rem;line-height:.28rem;height:.5rem;color:#fff;max-width:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.page .tabbar .user .user-info .info .badge{margin-top:.06rem;font-size:.22rem;color:#fff}
.page .tabbar .user .user-info .info .badge span{color:#25f2ff;text-decoration:underline}
.page .tabbar .btns{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}
.page .tabbar .btns a{margin:0 .2rem}
.page .tabbar .btns a i{margin:0 auto .12rem;display:block}
.page .tabbar .btns a span{font-size:.2rem;color:#fff}
.page .tabbar .btns .btn-log i{width:.57rem;height:.56rem;background:url(../images/icon_log.png) no-repeat center;background-size:.55rem .54rem}
.page .tabbar .btns .btn-exchange i{width:.58rem;height:.55rem;background:url(../images/icon_exchange.png) no-repeat center;background-size:.56rem .53rem}
.page .tabbar .btns .btn-reward i{width:.59rem;height:.59rem;background:url(../images/icon_reward.png) no-repeat center;background-size:.57rem .57rem}
@-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 showHideAni{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes showHideAni{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes swing{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes swing{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.pop-dialog{position:relative;margin:0 auto}
.pop-dialog .pop-close{position:absolute;right:0;top:-.82rem;z-index:2;width:.62rem;height:.68rem;background:url(../images/pop-colse.png) no-repeat center;background-size:.6rem .66rem}
.pop-dialog .pop-btns{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}
.pop-dialog .pop-btns a{text-align:center;font-size:.28rem;font-weight:700;color:#220470;line-height:.68rem;text-shadow:.03rem 0 .01rem #fff,.02rem 0 .01rem #fff,.01rem 0 .01rem #fff,.03rem .01rem .01rem #fff,.02rem .02rem .01rem #fff,.01rem .03rem .01rem #fff,.03rem -.01rem .01rem #fff,.02rem -.02rem .01rem #fff,.01rem -.03rem .01rem #fff,-.03rem 0 .01rem #fff,-.02rem 0 .01rem #fff,-.01rem 0 .01rem #fff,-.03rem .01rem .01rem #fff,-.02rem .02rem .01rem #fff,-.01rem .03rem .01rem #fff,-.03rem -.01rem .01rem #fff,-.02rem -.02rem .01rem #fff,-.01rem -.03rem .01rem #fff}
.pop-dialog .pop-btns .btn-blue{width:2.27rem;height:.66rem;background:url(../images/pop-btn-blue.png) no-repeat center;background-size:2.25rem .64rem}
.pop-dialog .pop-btns .btn-purple{width:2.27rem;height:.66rem;background:url(../images/pop-btn-purple.png) no-repeat center;background-size:2.25rem .64rem}
.pop-dialog .pop-tit-icon{display:inline-block;font-size:.38rem;font-weight:700;position:relative}
.pop-dialog .pop-tit-icon::before{position:absolute;left:-.5rem;top:.1rem;content:'';display:block;width:.38rem;height:.38rem;background:url(../images/pop-icon-left.png) no-repeat center;background-size:.36rem .36rem}
.pop-dialog .pop-tit-icon::after{position:absolute;right:-.5rem;top:.1rem;content:'';display:block;width:.4rem;height:.39rem;background:url(../images/pop-icon-right.png) no-repeat center;background-size:.38rem .37rem}
.pop-warm{text-align:left}
.pop-warm-tit{font-size:.28rem;color:#fff;font-weight:700;padding-left:.16rem;position:relative;line-height:.28rem}
.pop-warm-tit::before{content:'';display:block;position:absolute;left:0;top:0;width:.07rem;height:.26rem;background-color:#5dffea}
.pop-warm-tips{margin-top:.25rem;font-size:.21rem;color:#ced2df}
.pop-s{width:6.43rem;height:4.11rem;background:url(../images/pop-box-s.png) no-repeat center;background-size:6.41rem 4.09rem;margin:0 auto;color:#fff;text-align:center}
.pop-s .pop-content{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-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:.75rem;padding-bottom:.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:5.1rem;margin:0 auto}
.pop-s .no-title{text-align:center;padding-top:1.15rem;padding-bottom:.76rem}
.pop-s .no-title .pop-desc{text-align:center}
.pop-s .pop-tit{font-weight:700;font-size:.36rem}
.pop-s .pop-desc{text-align:left;font-size:.28rem}
.pop-s .pop-desc.blue{color:#32f3ff;text-align:center}
.pop-s .pop-desc.font-26{font-size:.26rem}
.pop-s .pop-desc.flex-center{padding-top:.38rem;font-size:.32rem}
.pop-s .pop-input{width:100%;height:.77rem;background-color:#001a4a;border:solid .02rem #7df5fa;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.3rem;line-height:.77rem;padding:0 .12rem}
.pop-m{margin:0 auto;width:6.43rem;height:5.19rem;background:url(../images/pop-box-m.png) no-repeat center;background-size:6.41rem 5.17rem}
.pop-m .pop-content{width:5.1rem;margin:0 auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.7rem;color:#fff;text-align:center}
.pop-m .pop-content.pop-flex{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:.82rem}
.pop-m .pop-content.pop-flex-s{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:1.1rem;padding-bottom:.82rem}
.pop-m .pop-material{margin-top:.34rem;margin-bottom:.36rem}
.pop-m .pop-material.no-tips{margin-top:.4rem;margin-bottom:.6rem}
.pop-m .pop-material .material{width:7.51rem;height:1.26rem;background:url(../images/pop-material-bg.png) no-repeat center;background-size:7.49rem 1.24rem;width:5.1rem;height:.89rem;background-size:100% 100%;background-position:center 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;font-size:.32rem;color:#32f3ff}
.pop-m .pop-material .material .icon-exc{margin-left:.12rem;margin-right:.08rem;width:.62rem;height:.47rem;background:url(../images/icon-exc.png) no-repeat center;background-size:.6rem .45rem}
.pop-m .pop-material .tips{height:.28rem;padding-top:.06rem;text-align:center;font-size:.24rem;color:#fe8cff}
.pop-m .pop-reward{margin-bottom:.26rem}
.pop-m .pop-reward.space .gift{margin:-.16rem auto}
.pop-m .pop-reward .gift{margin:-.36rem auto;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;width:2.23rem;height:2.24rem;background:url(../images/pop-light.png) no-repeat center;background-size:2.21rem 2.22rem}
.pop-m .pop-reward .gift img{max-width:1.38rem;max-height:1.38rem}
.pop-m .pop-reward .tips{font-size:.24rem;color:#a3eaf5;text-align:center}
.pop-m .pop-tit{font-size:.36rem;font-weight:700;text-align:center}
.pop-m .pop-team-code{width:7.51rem;height:1.26rem;background:url(../images/pop-material-bg.png) no-repeat center;background-size:7.49rem 1.24rem;width:5.1rem;height:.89rem;background-size:100% 100%;background-position:center 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-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;font-size:.28rem}
.pop-m .pop-team-code span{color:#32f3ff;font-weight:700}
.pop-m .pop-team-code .btn-copy{font-size:.24rem;text-align:center;line-height:.5rem;color:#54cbd4;width:1.3rem;height:.48rem;background:url(../images/pop-btn-task-bg.png) no-repeat center;background-size:1.28rem .46rem}
.pop-m .pop-share-model{width:4.6rem;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-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.pop-m .pop-share-model .icon-qq{width:1.02rem;height:1.03rem;background:url(../images/icon-share-qq.png) no-repeat center;background-size:1rem 1.01rem}
.pop-m .pop-share-model .icon-wechat{width:1.02rem;height:1.03rem;background:url(../images/icon-share-wechat.png) no-repeat center;background-size:1rem 1.01rem}
.pop-m .pop-share-model .icon-qzone{width:1.02rem;height:1.03rem;background:url(../images/icon-share-qzone.png) no-repeat center;background-size:1rem 1.01rem}
.pop-m .pop-share-model .icon-weibo{width:1.02rem;height:1.03rem;background:url(../images/icon-share-weibo.png) no-repeat center;background-size:1rem 1.01rem}
.pop-m .pop-invite-rule{width:4.75rem;margin:.46rem auto;line-height:.42rem;font-size:.28rem;text-align:left}
.pop-m .pop-invite-rule span{color:#5dffea}
.pop-m .pop-desc{font-size:.28rem;text-align:left}
.pop-m .pop-desc span{color:#32f3ff}
.pop-m .pop-desc.font-30{font-size:.3rem}
.pop-m .pop-desc.center{text-align:center}
.pop-exchange{width:6.44rem;height:8.13rem;background:url(../images/pop-box-exchange.png) no-repeat center;background-size:6.42rem 8.11rem}
.pop-exchange .pop-content{padding-top:.76rem;width:5.32rem;margin:0 auto;color:#fff;text-align:center}
.pop-exchange .nums{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;font-size:.22rem;margin-top:.18rem}
.pop-exchange .nums .icon-exc{width:.62rem;height:.47rem;background:url(../images/icon-exc.png) no-repeat center;background-size:.6rem .45rem;width:.61rem;height:.45rem;margin-right:.06rem;background-size:100%}
.pop-exchange .gift{width:4rem;height:2rem;background-color:#041d55;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.27rem;margin:.28rem auto 0}
.pop-exchange .gift img{margin:0 auto;height:1.05rem}
.pop-exchange .gift p{margin:.16rem auto 0;font-size:.24rem;max-width:3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pop-exchange .pop-warm{margin:.48rem auto .32rem}
.pop-exchange .pop-tit{font-size:.38rem;font-weight:700}
.pop-rule{width:6.44rem;height:7.03rem;background:url(../images/pop-box-rule.png) no-repeat center;background-size:6.42rem 7.01rem}
.pop-rule .pop-content{width:5.03rem;padding-top:.8rem;margin:0 auto;text-align:center;font-size:.28rem;color:#fff}
.pop-rule .pop-desc{line-height:.42rem}
.pop-rule .pop-desc span{color:#32f3ff}
.pop-rule .progress{margin-top:.34rem;width:5.11rem;height:3.35rem;background:url(../images/pop-progress-bg.png) no-repeat center;background-size:5.09rem 3.33rem;text-align:left;color:#0696c8;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.56rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-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}
.pop-rule .progress-item{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;position:relative;padding-left:.3rem;height:1.18rem;opacity:.6}
.pop-rule .progress-item.active{opacity:1}
.pop-rule .progress-item.active .badge{left:-.15rem;bottom:-.02rem;width:.47rem;height:.46rem;background:url(../images/pop-badge-light.png) no-repeat center;background-size:.45rem .44rem}
.pop-rule .progress-item.active span{font-weight:700}
.pop-rule .progress-item:first-child{height:auto}
.pop-rule .progress-item:first-child::before{display:none}
.pop-rule .progress-item::before{content:'';position:absolute;left:.09rem;bottom:.2rem;width:.04rem;height:1.18rem;background:url(../images/pop-progress-line.png) no-repeat center;background-size:.02rem 1.16rem}
.pop-rule .progress-item .badge{position:absolute;left:0;bottom:.1rem;width:.19rem;height:.19rem;background:url(../images/pop-icon-badge.png) no-repeat center;background-size:.17rem .17rem}
.pop-rule .progress-item span{font-size:.32rem;color:#09f5ff}
.pop-rule .progress-item em{font-size:.24rem;padding-top:.1rem;color:#abfffc}
.pop-rule .nums{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;font-size:.28rem;margin-top:.2rem}
.pop-rule .nums .icon-exc{width:.62rem;height:.47rem;background:url(../images/icon-exc.png) no-repeat center;background-size:.6rem .45rem}
.pop-gift-box{width:6.44rem;height:6.02rem;background:url(../images/pop-box-gift.png) no-repeat center;background-size:6.42rem 6rem}
.pop-gift-box .pop-content{width:4.9rem;margin:0 auto;padding-top:.75rem;text-align:center;color:#fff}
.pop-gift-box .pop-desc{margin-top:.2rem;font-size:.28rem;line-height:.42rem}
.pop-gift-box .pop-desc span{color:#09f5ff;font-weight:700}
.pop-gift-box .pop-reward{margin-bottom:.26rem}
.pop-gift-box .pop-reward .gift{margin:-.36rem auto;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;width:2.23rem;height:2.24rem;background:url(../images/pop-light.png) no-repeat center;background-size:2.21rem 2.22rem}
.pop-gift-box .pop-reward .gift img{max-width:1.38rem;max-height:1.38rem}
.pop-gift-box .pop-reward .tips{font-size:.24rem;color:#a3eaf5;text-align:center}
.popup-dialog{display:none;width:7.57rem;height:13.78rem;background:url(../images/pop-drawer-bg.png) no-repeat center;background-size:7.55rem 13.76rem;width:7.5rem;height:auto;min-height:4rem;background-position:center top;position:fixed;bottom:0;left:50%;margin-left:-3.75rem;-webkit-animation:popupAni .3s linear;animation:popupAni .3s linear;-webkit-transform:translateY(0);transform:translateY(0);z-index:100}
.popup-dialog .pop-close{position:absolute;right:.25rem;top:-.82rem;z-index:2;width:.62rem;height:.68rem;background:url(../images/pop-colse.png) no-repeat center;background-size:.6rem .66rem}
.popup-dialog .pop-tit-icon{display:inline-block;font-size:.38rem;font-weight:700;position:relative}
.popup-dialog .pop-tit-icon::before{position:absolute;left:-.5rem;top:.1rem;content:'';display:block;width:.38rem;height:.38rem;background:url(../images/pop-icon-left.png) no-repeat center;background-size:.36rem .36rem}
.popup-dialog .pop-tit-icon::after{position:absolute;right:-.5rem;top:.1rem;content:'';display:block;width:.4rem;height:.39rem;background:url(../images/pop-icon-right.png) no-repeat center;background-size:.38rem .37rem}
.popup-share .pop-content{text-align:center;color:#fff;padding-top:.48rem}
.popup-share .pop-share-model{margin-top:.5rem;padding:0 .16rem;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-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.popup-share .pop-share-model .icon-qq{width:1.02rem;height:1.03rem;background:url(../images/icon-share-qq.png) no-repeat center;background-size:1rem 1.01rem}
.popup-share .pop-share-model .icon-wechat{width:1.02rem;height:1.03rem;background:url(../images/icon-share-wechat.png) no-repeat center;background-size:1rem 1.01rem}
.popup-share .pop-share-model .icon-qzone{width:1.02rem;height:1.03rem;background:url(../images/icon-share-qzone.png) no-repeat center;background-size:1rem 1.01rem}
.popup-share .pop-share-model .icon-circle{width:1.22rem;height:1.22rem;background:url(../images/icon-share-circle.png) no-repeat center;background-size:1.2rem 1.2rem}
.popup-share .pop-share-model .icon-weibo{width:1.02rem;height:1.03rem;background:url(../images/icon-share-weibo.png) no-repeat center;background-size:1rem 1.01rem}
.popup-share .pop-share-model a{width:1.2rem!important;height:1.2rem!important;background-size:100%!important}
.popup-invite .pop-content{padding-top:.6rem;color:#fff;text-align:center}
.popup-invite .pop-desc{margin-top:.3rem;font-size:.24rem}
.popup-invite .pop-desc .btn-rule{color:#09f5ff;text-decoration:underline}
.popup-invite .pop-team{margin:.2rem auto 0;width:6.56rem;height:3.14rem;background:url(../images/pop-team-bg.png) no-repeat center;background-size:6.54rem 3.12rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.3rem;font-size:.28rem;color:#09f5ff;font-weight:700}
.popup-invite .pop-team .team-list{margin-top:.16rem;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}
.popup-invite .pop-team .team-list .user-avatar{margin:0 .35rem;width:1.14rem;height:1.14rem;background:url(../images/avatar-bg.png) no-repeat center;background-size:1.12rem 1.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}
.popup-invite .pop-team .team-list .user-avatar img{display:block;width:90%;height:90%;border-radius:100%}
.popup-invite .pop-team .team-list .btn-invite{margin:0 .35rem;width:1.02rem;height:1.02rem;background:url(../images/pop-avatar-invite.png) no-repeat center;background-size:1rem 1rem}
.popup-invite .pop-team .btns-team{margin-top:.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}
.popup-invite .pop-team .btns-team .btn-join{width:2.15rem;height:.66rem;background:url(../images/pop-btn-join.png) no-repeat center;background-size:2.13rem .64rem}
.popup-invite .pop-team .btns-team .btn-join.disabled{width:2.26rem;height:.66rem;background:url(../images/pop-btn-join-dis.png) no-repeat center;background-size:2.24rem .64rem}
.popup-invite .pop-team .btns-team .btn-invite{margin-left:.48rem;width:2.15rem;height:.66rem;background:url(../images/pop-btn-invite.png) no-repeat center;background-size:2.13rem .64rem}
.popup-invite .pop-task{margin-top:.4rem}
.popup-invite .pop-task .nav{margin:0 auto;width:6.54rem;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.popup-invite .pop-task .nav-item{color:#b8c5e7;font-size:.28rem;font-weight:700;width:3.11rem;height:.81rem;background:url(../images/pop-nav.png) no-repeat center;background-size:3.09rem .79rem;padding-top:.1rem;line-height:.36rem}
.popup-invite .pop-task .nav-item.active{color:#220470;width:3.1rem;height:.81rem;background:url(../images/pop-nav-active.png) no-repeat center;background-size:3.08rem .79rem}
.popup-invite .pop-task .nav-item span{display:block;margin-top:-.04rem;font-weight:400;font-size:.22rem}
.popup-invite .pop-task .task-list{margin-top:.25rem;max-height:5rem;width:7.5rem;overflow-x:hidden}
.popup-invite .pop-task .task-list::-webkit-scrollbar{width:.06rem;border-radius:.06rem;background-color:transparent}
.popup-invite .pop-task .task-list::-webkit-scrollbar-thumb{background-color:#a0f2fa;border-radius:.06rem}
.popup-invite .pop-task .task-list .task-item{padding:0 .48rem;margin-bottom:.06rem;width:7.51rem;height:1.26rem;background:url(../images/pop-task-bg.png) no-repeat center;background-size:7.49rem 1.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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.popup-invite .pop-task .task-list .task-item .task-info{text-align:left}
.popup-invite .pop-task .task-list .task-item .task-info .task-name{font-size:.28rem;color:#09f5ff;line-height:1.15;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.popup-invite .pop-task .task-list .task-item .task-info .nums{margin-top:.1rem;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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:.24rem;color:#fff}
.popup-invite .pop-task .task-list .task-item .task-info .nums .icon-oxy{width:.29rem;height:.48rem;background:url(../images/icon-oxy.png) no-repeat center;background-size:.27rem .46rem;width:.18rem;height:.3rem;background-size:100% 100%}
.popup-invite .pop-task .task-list .task-item .btns{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:1.6rem}
.popup-invite .pop-task .task-list .task-item .btns .btn-task{margin:0 auto;font-size:.24rem;color:#5dffea;width:1.3rem;height:.48rem;background:url(../images/pop-btn-task-bg.png) no-repeat center;background-size:1.28rem .46rem;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}
.popup-invite .pop-task .task-list .task-item .btns .btn-task.disabled{background:0 0;color:#6089c3}
.popup-invite .pop-task .task-list .task-item .btns span{display:block;padding-top:.06rem;font-size:.22rem;color:#fff}
.popup-reward .pop-content{padding-top:.6rem;color:#fff;text-align:center;position:relative}
.popup-reward .pop-content .btn-address{position:absolute;right:.48rem;top:.68rem;display:block;font-size:.24rem;color:#5dffea;line-height:.5rem;width:1.3rem;height:.48rem;background:url(../images/pop-btn-task-bg.png) no-repeat center;background-size:1.28rem .46rem}
.popup-reward .reward-empty{margin-top:.5rem;margin-bottom:.6rem;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}
.popup-reward .reward-empty img{width:2.57rem}
.popup-reward .reward-empty .tips{margin-top:.2rem;font-size:.26rem;color:#ced2df}
.popup-reward .tips{margin:.4rem 0 .26rem}
.popup-reward .reward-list{max-height:4.6rem;margin-bottom:.6rem;overflow-y:auto;overflow-x:hidden}
.popup-reward .reward-list::-webkit-scrollbar{width:.06rem;border-radius:.06rem;background-color:transparent}
.popup-reward .reward-list::-webkit-scrollbar-thumb{background-color:#5dffea;border-radius:.06rem}
.popup-reward .reward-list .reward-item{width:7.51rem;height:1.26rem;background:url(../images/pop-task-bg.png) no-repeat center;background-size:7.49rem 1.24rem;width:7.5rem;overflow-x:hidden;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-sizing:border-box;box-sizing:border-box;padding:0 .48rem;font-size:.26rem;color:#09f5ff;margin-bottom:.06rem}
.popup-reward .reward-list .reward-item .reward-img{width:1.11rem;height:1.11rem;background:url(../images/gift-item-bg.png) no-repeat center;background-size:1.09rem 1.09rem;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;margin-right:.16rem}
.popup-reward .reward-list .reward-item .reward-img img{max-width:.75rem;max-height:.75rem}
.popup-reward .reward-list .reward-item .btn-go{margin-left:auto;font-size:.24rem;color:#5dffea;line-height:.5rem;width:1.3rem;height:.48rem;background:url(../images/pop-btn-task-bg.png) no-repeat center;background-size:1.28rem .46rem}
.popup-reward .pop-warm{padding-bottom:.6rem;width:6.62rem;margin:.48rem auto .32rem}
.popup-reward .pop-warm .pop-warm-tips{line-height:.36rem;max-height:3.2rem;overflow-y:auto;padding-right:.1rem}
.popup-reward .pop-warm .pop-warm-tips::-webkit-scrollbar{width:.06rem;border-radius:.06rem;background-color:transparent}
.popup-reward .pop-warm .pop-warm-tips::-webkit-scrollbar-thumb{background-color:#5dffea;border-radius:.06rem}
.popup-reward .pop-warm .pop-warm-tips span{color:#5dffea}
.pop-swiper{width:7.5rem;margin:0 auto;position:relative}
.pop-swiper .pop-close{position:absolute;right:.92rem;top:-.82rem;z-index:2;width:.62rem;height:.68rem;background:url(../images/pop-colse.png) no-repeat center;background-size:.6rem .66rem}
.pop-swiper .swiper-container{width:6.6rem;margin:0 auto}
.pop-swiper .swiper-container .swiper-slide{opacity:0}
.pop-swiper .swiper-container .swiper-slide .slide-box{margin:0 auto;width:4.58rem;height:7.06rem;background:url(../images/pop-swiper-bg.png) no-repeat center;background-size:4.56rem 7.04rem;padding-left:.28rem;padding-top:.72rem;position:relative}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain{width:3.98rem;height:2.28rem}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain.lock{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}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain.lock img{width:.6rem;height:.64rem}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain .md-poster{position:relative;width:3.98rem;height:2.28rem}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain .md-poster::after{content:'';position:absolute;left:50%;top:50%;z-index:2;margin-left:-.72rem;margin-top:-.72rem;width:1.43rem;height:1.43rem;background:url(../images/icon-play.png) no-repeat center;background-size:1.41rem 1.41rem}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain img{width:3.98rem;height:2.28rem}
.pop-swiper .swiper-container .swiper-slide .mdvideo-contain .video_list{width:3.98rem;height:2.28rem}
.pop-swiper .swiper-container .swiper-slide .desc{position:absolute;top:3.84rem;left:.32rem;width:4rem;height:2.6rem;overflow-y:auto;padding-right:.1rem;font-size:.28rem;color:#fff;line-height:.4rem}
.pop-swiper .swiper-container .swiper-slide .desc::-webkit-scrollbar{width:.06rem;border-radius:.06rem;background-color:transparent}
.pop-swiper .swiper-container .swiper-slide .desc::-webkit-scrollbar-thumb{background-color:#5dffea;border-radius:.06rem}
.pop-swiper .swiper-container .swiper-slide .desc span{font-weight:700;color:#5dffea}
.pop-swiper .swiper-container .swiper-slide .desc.lock{text-align:center;line-height:2rem}
.pop-swiper .swiper-container .swiper-slide-active,.pop-swiper .swiper-container .swiper-slide-next,.pop-swiper .swiper-container .swiper-slide-prev{opacity:1}
.pop-swiper .swiper-container .swiper-slide-next,.pop-swiper .swiper-container .swiper-slide-prev{position:relative}
.pop-swiper .swiper-container .swiper-slide-next .slide-box,.pop-swiper .swiper-container .swiper-slide-prev .slide-box{z-index:1}
.pop-swiper .swiper-container .swiper-slide-next::after,.pop-swiper .swiper-container .swiper-slide-prev::after{content:'';position:absolute;top:0;left:50%;z-index:2;margin-left:-2.26rem;width:4.54rem;height:7.06rem;background:url(../images/pop-swiper-bg-dis.png) no-repeat center;background-size:4.52rem 7.04rem}
.pop-swiper .swiper-container .swiper-button-prev{width:.34rem;height:.63rem;background:url(../images/pop-arrow-left.png) no-repeat center;background-size:.32rem .61rem;left:.36rem}
.pop-swiper .swiper-container .swiper-button-next{right:.36rem;width:.34rem;height:.63rem;background:url(../images/pop-arrow-right.png) no-repeat center;background-size:.32rem .61rem}
.popup-mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10;background-color:rgba(0,0,0,.8)}
@-webkit-keyframes popupAni{
0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes popupAni{
0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}