@charset "UTF-8";.activity_float{position:fixed;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;right:5px;bottom:30px;z-index:200;cursor:pointer}.activity_float .activity__close{position:absolute;top:-15px;right:0;z-index:10;width:18px;height:18px;background:url(../img/redbag/egg-close.png) no-repeat center center;background-size:contain;cursor:pointer}@keyframes rouletteAnimeForPiexl{0%{background-position:0 0}100%{background-position:-2340px 0}}html[platform=ph] .activity__rain{position:relative;width:65px;height:65px;background-size:auto 65px!important;animation:rouletteAnimeForPiexl 1.5s steps(36) infinite;background:url(../img/redbag/rain-bg.png) no-repeat}html[platform=ph] .activity__rain.open_icon{background:url(../img/redbag/rain-bg-open.png) no-repeat}html[platform=ph] .activity__rain span{position:absolute;top:2px;right:-4px;min-width:1.4390855639rem;width:-moz-fit-content;width:fit-content;padding:0 2px;height:.9593903759rem;color:#fff;text-align:center;font-weight:400;font-size:.68527884rem;background-color:#eb5752;border-radius:1.0964461439rem;display:inline-block;line-height:.822334608rem}html[platform=ph] .rain-container{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1000;overflow:hidden}html[platform=ph] .rain-container:not(.result):before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:55rem;height:10rem;background:url(../img/redbag/bag.png) no-repeat center top;background-size:contain;z-index:30}html[platform=ph] .rain-container .rain-close{position:absolute;width:2.25rem;height:2.25rem;top:20px;right:20px;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;cursor:pointer}html[platform=ph] .rain-container .bag-close{position:absolute;top:calc(50% + 214px)!important;left:50%;width:2.25rem;height:2.25rem;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;transform:translateX(-50%)}html[platform=ph] .rain-container .view{width:100%;height:calc(100% - 7.5rem);position:relative}html[platform=ph] .rain-container .view .coin-bottom{content:"";position:absolute;bottom:-2.5rem;left:50%;width:30rem;height:10rem;margin:0 auto;background:url(../img/redbag/coin-bottom.png) no-repeat center center;background-size:contain;z-index:27;transform:translateX(-50%)}html[platform=ph] .rain-container .view .bag{width:3.75rem;height:3.75rem;background:url(../img/redbag/rain-bag.png) no-repeat center center;background-size:contain;position:absolute;visibility:hidden;z-index:25;animation-timing-function:linear;animation-iteration-count:infinite}html[platform=ph] .rain-container .view .bag.bag-1{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-2{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-3{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-4{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-5{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-6{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-7{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-8{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-9{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-10{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-11{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-12{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-13{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-14{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-15{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-16{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-17{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-18{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-19{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-20{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-21{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-22{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-23{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-24{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-25{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-26{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-27{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-28{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-29{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-30{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .scale{visibility:visible;transition:all .5s;z-index:50}html[platform=ph] .rain-container .view .icon{position:absolute;width:40px;height:40px;visibility:hidden;z-index:10;animation-timing-function:linear;animation-iteration-count:infinite;background:url(../img/redbag/icon-money.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container canvas{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:10}html[platform=ph] .rain-container .bag-view{position:absolute;background-color:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:40}html[platform=ph] .rain-container .bag-view>div{width:inherit;height:inherit}html[platform=ph] .rain-container .bag-view .prize-success{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:23.75rem;height:19.5rem;color:#fff;text-align:center;margin-top:-156px}html[platform=ph] .rain-container .bag-view .prize-success .prize-btn{margin:12.5rem auto 0;width:22.5rem;height:7.5rem;font-size:1.5rem;line-height:1.5rem;display:flex;align-items:center;justify-content:center;background:url(../img/redbag/success-btn-bg.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .bag-view .prize-success .dollar-sign{font-weight:590;margin-right:.5em}html[platform=ph] .rain-container .bag-view .prize-success .money{white-space:nowrap;font-weight:700}html[platform=ph] .rain-container .bag-view .prize-success .prize-title{margin-top:-1.5rem;font-size:.875rem;line-height:1.5rem;font-weight:510;background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.3) 75%,rgba(0,0,0,0) 100%)}html[platform=ph] .rain-container .bag-view .prize-detail,html[platform=ph] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:100%;height:15rem;background:url(../img/redbag/bg-prize.png) no-repeat center center;background-size:contain;text-align:center;color:#ff3c52;font-weight:700;font-size:24px;line-height:normal;box-sizing:border-box;display:inline-flex;justify-content:center;flex-direction:column;font-size:0;transform:translateX(-50%);margin-top:-185px;margin-left:0!important;margin-right:0!important;padding:0!important}html[platform=ph] .rain-container .bag-view .prize-lose{position:absolute;left:50%;width:18.75rem;height:21.25rem;background:url(../img/redbag/prize-lose.png) no-repeat center center;background-size:contain;text-align:center;box-sizing:border-box;display:flex;align-items:center}html[platform=ph] .rain-container .bag-view .prize-lose::before{content:"";position:absolute;width:11.875rem;height:11.875rem;top:-5rem;left:50%;transform:translateX(-50%);background:url(../img/redbag/prize-lose-bag.png) no-repeat center center;background-size:contain;display:block}html[platform=ph] .rain-container .bag-view .prize-lose .close-btn{position:absolute;display:block;width:10rem;height:2.5rem;bottom:2rem;left:50%;transform:translateX(-50%);background:url(../img/redbag/close-btn-bg.png) no-repeat center center;background-size:contain;color:#fff;font-size:1rem;font-weight:510;line-height:1rem;cursor:pointer;border:none}html[platform=ph] .rain-container .bag-view .prize-lose .title{text-align:center;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.25rem;background:linear-gradient(91deg,#78788c 0,#646478 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;margin-top:1rem}html[platform=ph] .rain-container .bag-view .prize-lose span.span_msg{font-size:14px;font-weight:510;line-height:18px;color:#2c344d;width:calc(100% - 48px)}html[platform=ph] .rain-container .bag-view .prize-lose p{color:#2c344d;font-size:14px;font-weight:510;line-height:18px;padding:0 5px}html[platform=ph] .rain-container .bag-view .prize-lose p span{color:#fe4144}html[platform=ph] .rain-container .bag-view .prize-lose label{font-size:12px;line-height:24px;color:#4c4c4c}html[platform=ph] .rain-container .bag-view .not-allow{padding-top:170px;padding-left:10px}html[platform=ph] .rain-container .bag-1{left:47.3693915067%;animation-name:drop;animation-duration:2.6379406167s;animation-delay:2.2296338225s;transform:rotateZ(13.6458792364deg) rotateX(-6.2676044956deg) rotateY(3.6972306875deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:69.4152974105%;animation-name:drop;animation-duration:4.460482246s;animation-delay:1.5360958408s;transform:rotateZ(19.8725475602deg) rotateX(1.3892757018deg) rotateY(17.065040597deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:48.1730726791%;animation-name:drop;animation-duration:4.0239446767s;animation-delay:2.9627816781s;transform:rotateZ(4.291289509deg) rotateX(22.1728111812deg) rotateY(-14.4007869524deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:69.0233959311%;animation-name:drop,move-right;animation-duration:4.7423683171s;animation-delay:.8689155969s;transform:rotateZ(1.2243114353deg) rotateX(15.4035834589deg) rotateY(18.4757533577deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:38.2085215252%;animation-name:drop;animation-duration:3.8158830313s;animation-delay:2.0262022111s;transform:rotateZ(-4.7191116826deg) rotateX(7.4507571274deg) rotateY(14.4528743366deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:30.544141519%;animation-name:drop,move-right;animation-duration:2.3859668461s;animation-delay:1.2151334885s;transform:rotateZ(16.3699615708deg) rotateX(28.3601571826deg) rotateY(21.0898654108deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:26.1765769542%;animation-name:drop;animation-duration:2.2516753226s;animation-delay:1.0391578708s;transform:rotateZ(15.3247228838deg) rotateX(12.335058528deg) rotateY(4.371270446deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:29.9436188114%;animation-name:drop,move-left;animation-duration:3.9595289093s;animation-delay:1.9987633012s;transform:rotateZ(16.4487847944deg) rotateX(-25.3803742189deg) rotateY(-27.7434978942deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:62.994092698%;animation-name:drop,move-right;animation-duration:4.0961291835s;animation-delay:1.4148166626s;transform:rotateZ(4.375422098deg) rotateX(-25.1263904891deg) rotateY(-24.0082123893deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:61.7416114131%;animation-name:drop,move-right;animation-duration:2.1262910142s;animation-delay:.2522491884s;transform:rotateZ(-27.6249998794deg) rotateX(-29.3226233885deg) rotateY(-10.4083131066deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:65.6508842218%;animation-name:drop;animation-duration:4.049046179s;animation-delay:1.6877769647s;transform:rotateZ(-16.7692921678deg) rotateX(-17.060947737deg) rotateY(25.029694295deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:54.9751687639%;animation-name:drop,move-right;animation-duration:4.4307903474s;animation-delay:.2634648442s;transform:rotateZ(-3.0247187785deg) rotateX(20.1805093365deg) rotateY(-26.7915440156deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:51.7252687738%;animation-name:drop;animation-duration:4.0796316473s;animation-delay:1.6996436358s;transform:rotateZ(-1.3204954713deg) rotateX(-17.7340087573deg) rotateY(-23.6367392583deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:73.4506739077%;animation-name:drop;animation-duration:2.8128440942s;animation-delay:1.9538107039s;transform:rotateZ(22.6308060648deg) rotateX(24.6015406796deg) rotateY(-28.3240480897deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:69.4741496886%;animation-name:drop;animation-duration:3.7444153743s;animation-delay:.5643368313s;transform:rotateZ(6.2810843694deg) rotateX(-5.2417032996deg) rotateY(-26.3972068897deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:55.1089208059%;animation-name:drop;animation-duration:4.7156756359s;animation-delay:1.8188357176s;transform:rotateZ(-28.4915722841deg) rotateX(23.231860351deg) rotateY(21.4794176491deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:43.4467320352%;animation-name:drop;animation-duration:4.8705797611s;animation-delay:2.6183264678s;transform:rotateZ(20.3881215324deg) rotateX(13.142736149deg) rotateY(6.0369727533deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:27.0550319334%;animation-name:drop,move-left;animation-duration:4.0361580753s;animation-delay:.8388190029s;transform:rotateZ(-1.0060746442deg) rotateX(-23.3947911841deg) rotateY(-4.6621438628deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:68.1976878182%;animation-name:drop;animation-duration:2.2965607042s;animation-delay:1.2020953365s;transform:rotateZ(10.4001318903deg) rotateX(-13.0938541075deg) rotateY(-15.4659615505deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:61.8660885564%;animation-name:drop,move-left;animation-duration:4.4988887769s;animation-delay:1.7931237202s;transform:rotateZ(-1.7736539529deg) rotateX(7.1348297348deg) rotateY(2.3037631753deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:31.2314496659%;animation-name:drop,move-right;animation-duration:4.4044157378s;animation-delay:.7155436748s;transform:rotateZ(-13.9327189507deg) rotateX(-16.9939591274deg) rotateY(26.4200485672deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:50.2529526747%;animation-name:drop,move-left;animation-duration:3.2963275871s;animation-delay:.6131462124s;transform:rotateZ(21.2550509112deg) rotateX(-9.1310425874deg) rotateY(10.777953964deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:52.1061107155%;animation-name:drop;animation-duration:2.2089499094s;animation-delay:1.6414969759s;transform:rotateZ(-3.2133798426deg) rotateX(-25.8322553458deg) rotateY(25.4565135889deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:28.1763367414%;animation-name:drop,move-right;animation-duration:4.9543314087s;animation-delay:2.0640716685s;transform:rotateZ(-18.0981338321deg) rotateX(4.0663796207deg) rotateY(-17.0305782711deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:64.1149290442%;animation-name:drop,move-left;animation-duration:3.5929977241s;animation-delay:2.371457747s;transform:rotateZ(24.6189711817deg) rotateX(3.9670565276deg) rotateY(-25.0927846962deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:40.3191062179%;animation-name:drop,move-right;animation-duration:2.1738919618s;animation-delay:.5789873454s;transform:rotateZ(20.8816632701deg) rotateX(-.9873630292deg) rotateY(25.5344531911deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:34.6921929008%;animation-name:drop,move-left;animation-duration:2.2746943514s;animation-delay:2.4309997295s;transform:rotateZ(-5.9456867363deg) rotateX(-19.6704088032deg) rotateY(-25.2985856291deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:72.7444342249%;animation-name:drop;animation-duration:4.5108361215s;animation-delay:1.9233601816s;transform:rotateZ(22.0819950569deg) rotateX(-4.3838160663deg) rotateY(-9.8542792759deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:35.3638522307%;animation-name:drop,move-right;animation-duration:3.1788740908s;animation-delay:1.4049732434s;transform:rotateZ(16.4655005904deg) rotateX(26.9888967978deg) rotateY(15.6482646514deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:35.367873584%;animation-name:drop,move-right;animation-duration:4.4652450556s;animation-delay:.6283297058s;transform:rotateZ(-1.2354711402deg) rotateX(-12.8968546577deg) rotateY(-15.3012295917deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:31.1591639435%;animation-name:drop;animation-timing-function:linear;animation-duration:3.4174804076s;animation-delay:1.4210591944s;transform:rotateZ(9.6539472935deg) rotateX(20.2713062072deg) rotateY(-27.8790274005deg) scale(1.0238913106)}html[platform=ph] .rain-container .icon:nth-child(2){left:68.5106890653%;animation-name:drop;animation-timing-function:linear;animation-duration:2.4537304322s;animation-delay:.7438314646s;transform:rotateZ(7.0029152609deg) rotateX(-12.4054318982deg) rotateY(-.4714488875deg) scale(1.0611750933)}html[platform=ph] .rain-container .icon:nth-child(3){left:65.0895951274%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7655176058s;animation-delay:.8867825834s;transform:rotateZ(29.841857916deg) rotateX(-.462943605deg) rotateY(-3.8660936385deg) scale(.7049936816)}html[platform=ph] .rain-container .icon:nth-child(4){left:35.7628048108%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.2128564129s;animation-delay:.4338166473s;transform:rotateZ(-6.234225134deg) rotateX(15.0081503508deg) rotateY(-9.7273138799deg) scale(.8757113821)}html[platform=ph] .rain-container .icon:nth-child(5){left:72.3771002624%;animation-name:drop;animation-timing-function:linear;animation-duration:2.5998483783s;animation-delay:2.7376953119s;transform:rotateZ(25.6600300163deg) rotateX(-28.5768198142deg) rotateY(-16.9914088516deg) scale(1.0963034739)}html[platform=ph] .rain-container .icon:nth-child(6){left:50.9609124264%;animation-name:drop;animation-timing-function:linear;animation-duration:2.8369038735s;animation-delay:2.5730909598s;transform:rotateZ(7.5680082114deg) rotateX(9.2086376782deg) rotateY(-9.8402215257deg) scale(.9163703813)}html[platform=ph] .rain-container .icon:nth-child(7){left:70.1651537325%;animation-name:drop;animation-timing-function:linear;animation-duration:4.6377534107s;animation-delay:2.0308178801s;transform:rotateZ(-16.5886011702deg) rotateX(-27.0745640239deg) rotateY(8.8591401435deg) scale(.9982450242)}html[platform=ph] .rain-container .icon:nth-child(8){left:40.6542048177%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.3384641087s;animation-delay:2.4855748745s;transform:rotateZ(24.8940823681deg) rotateX(-15.6663750759deg) rotateY(29.7957026282deg) scale(.7126535754)}html[platform=ph] .rain-container .icon:nth-child(9){left:66.6300545708%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.9117606112s;animation-delay:1.7163787493s;transform:rotateZ(7.7841267145deg) rotateX(-6.9726468343deg) rotateY(3.8002347365deg) scale(.9450257277)}html[platform=ph] .rain-container .icon:nth-child(10){left:70.7536621373%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.1943350282s;animation-delay:1.6115745625s;transform:rotateZ(-16.3785979717deg) rotateX(2.9392021634deg) rotateY(11.2093455702deg) scale(.9087198667)}@keyframes drop{from{visibility:visible;top:0}50%{opacity:1}to{top:90%;opacity:0;transform:scale(.5)}}@keyframes move-left{from{margin-left:0}to{margin-left:-4.8030314308%}}@keyframes move-right{from{margin-left:0}to{margin-left:11.4966098997%}}@keyframes rotate{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}html[platform=ph] .rain-container .scale-enter-active{animation-name:scale;animation-duration:.3s}html[platform=ph] .rain-container .scale-leave-active{animation-name:scale;animation-duration:.3s}@keyframes scale{from{transform:scale(.5)}70%{transform:scale(1.3)}to{transform:scale(1)}}html[platform=cn] .activity__rain{position:relative;width:65px;height:65px;background-size:auto 65px!important;animation:rouletteAnimeForPiexl 1.5s steps(36) infinite;background:url(../img/redbag/rain-bg-cn.png) no-repeat}html[platform=cn] .activity__rain.open_icon{background:url(../img/redbag/rain-bg-open-cn.png) no-repeat}html[platform=cn] .activity__rain span{position:absolute;top:2px;right:-4px;min-width:1.4390855639rem;width:-moz-fit-content;width:fit-content;padding:0 2px;height:.9593903759rem;color:#fff;text-align:center;font-weight:400;font-size:.68527884rem;background-color:#eb5752;border-radius:1.0964461439rem;display:inline-block;line-height:.822334608rem}html[platform=cn] .rain-container{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1000;overflow:hidden}html[platform=cn] .rain-container .rain-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;cursor:pointer}html[platform=cn] .rain-container .view{width:100%;height:100%;position:relative;overflow:hidden}html[platform=cn] .rain-container .view i.bag-front{content:"";position:absolute;top:0;left:50%;width:800px;height:90px;margin-left:-400px;background:url(../img/redbag/bag.png) no-repeat center top;background-size:contain;z-index:30}html[platform=cn] .rain-container .view i.bag-back{content:"";position:absolute;top:0;left:50%;width:750px;height:70px;margin-left:-375px;background:url(../img/redbag/bag-bottom.png) no-repeat center top;background-size:contain;z-index:20}html[platform=cn] .rain-container .view .sun{content:"";position:absolute;top:0;left:50%;width:500px;height:500px;margin-left:-250px;margin-top:-250px;background:url(../img/redbag/sun.png) no-repeat center center;background-size:contain;z-index:25;animation:rotate linear 20s infinite}html[platform=cn] .rain-container .view .bag{width:72px;height:95px;background:url(../img/redbag/rain-bag.png) no-repeat center center;background-size:contain;position:absolute;visibility:hidden;z-index:25;animation-timing-function:linear;animation-iteration-count:infinite;cursor:pointer}html[platform=cn] .rain-container .view .scale{visibility:visible;transition:all .5s;z-index:50}html[platform=cn] .rain-container .view .icon{position:absolute;width:40px;height:40px;visibility:hidden;z-index:10;animation-timing-function:linear;animation-iteration-count:infinite;background:url(../img/redbag/icon-money.png) no-repeat center center;background-size:contain}html[platform=cn] .rain-container canvas{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;z-index:10}html[platform=cn] .rain-container .bag-view{position:absolute;background-color:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:40}html[platform=cn] .rain-container .bag-view .prize-detail,html[platform=cn] html[platform=ph] .rain-container .bag-view .prize-lose,html[platform=ph] html[platform=cn] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:430px;height:370px;margin-top:-185px;margin-left:-215px;background:url(../img/redbag/bg-prize-cn.png) no-repeat center center;background-size:contain;text-align:center;color:#ff3c52;font-weight:700;font-size:35px;padding-top:160px;box-sizing:border-box}html[platform=cn] .rain-container .bag-view .prize-detail span,html[platform=cn] html[platform=ph] .rain-container .bag-view .prize-lose span,html[platform=ph] html[platform=cn] .rain-container .bag-view .prize-lose span{font-size:50px}html[platform=cn] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:430px;height:360px;margin-top:-190px;margin-left:-215px;background:url(../img/redbag/prize-lose-cn.png) no-repeat center center;background-size:contain;text-align:center;padding:160px 60px 5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}html[platform=cn] .rain-container .bag-view .prize-lose span.span_msg{font-size:18px;color:#000;line-height:1.2;width:80%}html[platform=cn] .rain-container .bag-view .prize-lose p{color:#000;font-size:18px;line-height:24px}html[platform=cn] .rain-container .bag-view .prize-lose p span{color:#fe4144;font-size:1em;display:inline-block}html[platform=cn] .rain-container .bag-view .prize-lose label{font-size:12px;line-height:24px;color:#4c4c4c}html[platform=cn] .rain-container .bag-view .prize-lose button{width:140px;height:46px;background-color:#fe4144;outline:0;border:none;color:#fff;font-size:18px;border-radius:8px;margin-top:15px;cursor:pointer}html[platform=cn] .rain-container .bag-view .not-allow{padding-top:170px;padding-left:10px}html[platform=cn] .rain-container .bag-view .close{position:absolute;width:50px;height:50px;background:url(../img/redbag/icon-close.png) no-repeat center center;background-size:contain;top:50%;left:50%;margin-left:-25px;margin-top:205px;cursor:pointer}html[platform=cn] .rain-container .bag-1{left:43.1775320385%;animation-name:drop,move-left;animation-duration:3.7886746806s;animation-delay:2.6846152489s;transform:rotateZ(-20.18907788deg) rotateX(-26.4022224142deg) rotateY(-24.0157038238deg)}html[platform=cn] .rain-container .bag-2{left:64.839655266%;animation-name:drop,move-right;animation-duration:3.9582403351s;animation-delay:1.2787299539s;transform:rotateZ(-7.4825644654deg) rotateX(20.2818407356deg) rotateY(-24.4273236013deg)}html[platform=cn] .rain-container .bag-3{left:49.2742638301%;animation-name:drop;animation-duration:2.7313103422s;animation-delay:.9497008438s;transform:rotateZ(1.0806364178deg) rotateX(-7.9803047218deg) rotateY(16.2699659546deg)}html[platform=cn] .rain-container .bag-4{left:73.0087508684%;animation-name:drop,move-left;animation-duration:3.4539646338s;animation-delay:.1539896228s;transform:rotateZ(-7.9987036549deg) rotateX(7.6001925926deg) rotateY(22.2524009067deg)}html[platform=cn] .rain-container .bag-5{left:25.611410151%;animation-name:drop;animation-duration:4.9164365159s;animation-delay:2.1917844291s;transform:rotateZ(11.7724009396deg) rotateX(-6.6678327301deg) rotateY(25.3183954309deg)}html[platform=cn] .rain-container .bag-6{left:32.0115207245%;animation-name:drop;animation-duration:2.5464684011s;animation-delay:1.6557880811s;transform:rotateZ(9.1026951345deg) rotateX(.4011058669deg) rotateY(.0837611193deg)}html[platform=cn] .rain-container .bag-7{left:72.2525818983%;animation-name:drop;animation-duration:3.5626519712s;animation-delay:.8563368448s;transform:rotateZ(-9.1446477353deg) rotateX(-10.9015399054deg) rotateY(-15.6515321299deg)}html[platform=cn] .rain-container .bag-8{left:47.1500644052%;animation-name:drop,move-right;animation-duration:4.6751675185s;animation-delay:.2632746346s;transform:rotateZ(-24.8657519415deg) rotateX(23.3052054327deg) rotateY(24.7523483377deg)}html[platform=cn] .rain-container .bag-9{left:26.4496016971%;animation-name:drop,move-right;animation-duration:4.4378686921s;animation-delay:1.5319236246s;transform:rotateZ(29.0788842354deg) rotateX(7.144931876deg) rotateY(11.4362298693deg)}html[platform=cn] .rain-container .bag-10{left:25.7476227056%;animation-name:drop;animation-duration:3.7214297567s;animation-delay:1.0747846145s;transform:rotateZ(1.7866752708deg) rotateX(-.9287264907deg) rotateY(-27.648733064deg)}html[platform=cn] .rain-container .bag-11{left:65.1098451005%;animation-name:drop,move-left;animation-duration:2.0307480652s;animation-delay:1.6938355785s;transform:rotateZ(8.5344973529deg) rotateX(-13.4266968677deg) rotateY(7.2852344759deg)}html[platform=cn] .rain-container .bag-12{left:56.6037805143%;animation-name:drop,move-left;animation-duration:2.5759027131s;animation-delay:1.1284666465s;transform:rotateZ(-18.6720630183deg) rotateX(14.8179168763deg) rotateY(8.3458769964deg)}html[platform=cn] .rain-container .bag-13{left:29.3379812629%;animation-name:drop,move-right;animation-duration:2.5741159469s;animation-delay:.739326873s;transform:rotateZ(19.0592684987deg) rotateX(13.2346582652deg) rotateY(29.4029444177deg)}html[platform=cn] .rain-container .bag-14{left:56.1975797337%;animation-name:drop;animation-duration:3.5338497916s;animation-delay:2.6432142822s;transform:rotateZ(-.8387294685deg) rotateX(-25.1355919665deg) rotateY(-15.0374054306deg)}html[platform=cn] .rain-container .bag-15{left:42.5974941776%;animation-name:drop,move-left;animation-duration:3.5985721964s;animation-delay:2.0144645525s;transform:rotateZ(11.202947244deg) rotateX(-4.0413349796deg) rotateY(14.7148811753deg)}html[platform=cn] .rain-container .bag-16{left:74.5314716264%;animation-name:drop,move-left;animation-duration:4.9617935841s;animation-delay:.704891994s;transform:rotateZ(29.6360724861deg) rotateX(-1.2940283814deg) rotateY(22.0241142606deg)}html[platform=cn] .rain-container .bag-17{left:72.3480899221%;animation-name:drop;animation-duration:2.9715932954s;animation-delay:2.9473913558s;transform:rotateZ(-12.0740826502deg) rotateX(12.6572156503deg) rotateY(-21.2960681501deg)}html[platform=cn] .rain-container .bag-18{left:52.589827242%;animation-name:drop;animation-duration:4.9422092771s;animation-delay:.3763782251s;transform:rotateZ(-21.1549902326deg) rotateX(-2.4044720795deg) rotateY(9.260458709deg)}html[platform=cn] .rain-container .bag-19{left:70.1773957597%;animation-name:drop;animation-duration:2.6874068766s;animation-delay:2.5235152037s;transform:rotateZ(-19.0964215022deg) rotateX(14.9271889325deg) rotateY(1.3999491781deg)}html[platform=cn] .rain-container .bag-20{left:36.2711685393%;animation-name:drop,move-right;animation-duration:4.2572707658s;animation-delay:.7480473922s;transform:rotateZ(.5213534119deg) rotateX(-13.5917330925deg) rotateY(4.6391082538deg)}html[platform=cn] .rain-container .bag-21{left:57.4125674712%;animation-name:drop;animation-duration:3.8845243951s;animation-delay:1.9051267394s;transform:rotateZ(22.6709381576deg) rotateX(19.2405264149deg) rotateY(-17.5435493272deg)}html[platform=cn] .rain-container .bag-22{left:64.8467258271%;animation-name:drop;animation-duration:3.6552541607s;animation-delay:1.356926608s;transform:rotateZ(-20.0937664688deg) rotateX(5.2112089013deg) rotateY(-21.0327057663deg)}html[platform=cn] .rain-container .bag-23{left:69.4418262367%;animation-name:drop;animation-duration:4.9562755217s;animation-delay:1.6751680278s;transform:rotateZ(.5697651443deg) rotateX(14.4361402379deg) rotateY(28.5591371592deg)}html[platform=cn] .rain-container .bag-24{left:31.748148225%;animation-name:drop;animation-duration:3.8112946766s;animation-delay:1.4448958687s;transform:rotateZ(14.3133356274deg) rotateX(-14.0989242441deg) rotateY(11.3238919554deg)}html[platform=cn] .rain-container .bag-25{left:73.4159543676%;animation-name:drop;animation-duration:4.9124215305s;animation-delay:2.7533130454s;transform:rotateZ(.0505512094deg) rotateX(21.231584707deg) rotateY(-23.2704786744deg)}html[platform=cn] .rain-container .bag-26{left:45.6121324652%;animation-name:drop;animation-duration:3.39633858s;animation-delay:.8263485522s;transform:rotateZ(-26.5866905673deg) rotateX(-11.0066692968deg) rotateY(-8.3518623253deg)}html[platform=cn] .rain-container .bag-27{left:68.7523575047%;animation-name:drop;animation-duration:3.0084347612s;animation-delay:1.9167772429s;transform:rotateZ(3.6866675174deg) rotateX(-17.531954541deg) rotateY(26.4457890307deg)}html[platform=cn] .rain-container .bag-28{left:55.6567022742%;animation-name:drop,move-right;animation-duration:3.6714514718s;animation-delay:2.9348222125s;transform:rotateZ(-10.2584972721deg) rotateX(20.5647431115deg) rotateY(9.3149695982deg)}html[platform=cn] .rain-container .bag-29{left:46.584125006%;animation-name:drop;animation-duration:3.1175869313s;animation-delay:2.3252771732s;transform:rotateZ(-25.526979878deg) rotateX(27.0614944602deg) rotateY(8.9133329985deg)}html[platform=cn] .rain-container .bag-30{left:26.1040713122%;animation-name:drop,move-left;animation-duration:4.2301085595s;animation-delay:2.7331807939s;transform:rotateZ(-2.4727811845deg) rotateX(-18.9310119083deg) rotateY(5.3747377355deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:51.3194608665%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.0961693747s;animation-delay:.9291195878s;transform:rotateZ(-4.3259127405deg) rotateX(18.1869144558deg) rotateY(-8.3130742074deg) scale(1.0213558918)}html[platform=cn] .rain-container .icon:nth-child(2){left:33.7689984311%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.8691956069s;animation-delay:.3101930177s;transform:rotateZ(27.6862009945deg) rotateX(6.4294085431deg) rotateY(6.1900589378deg) scale(.8707871758)}html[platform=cn] .rain-container .icon:nth-child(3){left:26.043180758%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.8989228714s;animation-delay:1.263027442s;transform:rotateZ(-22.0623654888deg) rotateX(-26.304600671deg) rotateY(-10.0862325655deg) scale(.9491462912)}html[platform=cn] .rain-container .icon:nth-child(4){left:44.6344973766%;animation-name:drop;animation-timing-function:linear;animation-duration:4.3499071782s;animation-delay:1.0185760388s;transform:rotateZ(-14.1064319645deg) rotateX(2.8013535995deg) rotateY(24.0288890521deg) scale(1.1681105322)}html[platform=cn] .rain-container .icon:nth-child(5){left:50.4471194779%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.2407115932s;animation-delay:2.142807956s;transform:rotateZ(7.4663775473deg) rotateX(-28.6856734211deg) rotateY(-6.5301633331deg) scale(1.0471057899)}html[platform=cn] .rain-container .icon:nth-child(6){left:71.7948439269%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.6705599725s;animation-delay:1.5119020198s;transform:rotateZ(20.6223066083deg) rotateX(10.5677317438deg) rotateY(-16.9907190628deg) scale(.9378284268)}html[platform=cn] .rain-container .icon:nth-child(7){left:65.4584637977%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.513557846s;animation-delay:1.0363195017s;transform:rotateZ(-17.5581770672deg) rotateX(-17.0073126421deg) rotateY(-21.9605031548deg) scale(.8339209866)}html[platform=cn] .rain-container .icon:nth-child(8){left:62.30010068%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.192195551s;animation-delay:2.2220093038s;transform:rotateZ(-24.5783562905deg) rotateX(3.6502657788deg) rotateY(15.7917549039deg) scale(1.1891077109)}html[platform=cn] .rain-container .icon:nth-child(9){left:61.7897020524%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7584745816s;animation-delay:1.0006647056s;transform:rotateZ(-17.7332284516deg) rotateX(29.9577256728deg) rotateY(15.0974110121deg) scale(.7803813391)}html[platform=cn] .rain-container .icon:nth-child(10){left:45.3932062205%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.1723102111s;animation-delay:1.4195256993s;transform:rotateZ(-19.9386594403deg) rotateX(27.2585152697deg) rotateY(-7.1645182425deg) scale(.9055377355)}@keyframes drop{from{visibility:visible;top:0}50%{opacity:1}to{top:100%;opacity:0}}@keyframes move-left{from{margin-left:0}to{margin-left:-8.2527040445%}}@keyframes move-right{from{margin-left:0}to{margin-left:18.9731796652%}}@keyframes rotate{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}html[platform=cn] .rain-container .scale-enter-active{animation-name:scale;animation-duration:.3s}html[platform=cn] .rain-container .scale-leave-active{animation-name:scale;animation-duration:.3s}@keyframes scale{from{transform:scale(.5)}70%{transform:scale(1.3)}to{transform:scale(1)}}.layui-layer-iframe{display:none}.chatRoomBox{width:400px;height:80%;max-height:900px;border-radius:16px;background:#fff;position:fixed;overflow:hidden;top:100px;right:100px;z-index:100;box-shadow:0 0 32px 5px rgba(0,0,0,.3);display:none}.chatRoom{overflow:visible!important}.chatRoom-unread{justify-content:center;align-items:center;position:absolute;right:0;height:24px;min-width:24px;padding:0 4px;border-radius:100px;font-size:14px;font-weight:500;color:#fff;background-color:#fd5050;bottom:40px;z-index:9999;display:none}.chatRoom-unread.active{display:flex}.swiper-adjump img{max-width:100%;width:auto;margin:0 auto;display:block}.swiper-adjump .adjump-swiper-pagination{text-align:center;margin-top:13px;position:relative;z-index:99;height:20px}.swiper-adjump .swiper-pagination-bullet{width:30px;height:20px;opacity:1;transform:translateZ(1px);position:relative;background-color:transparent}.swiper-adjump .swiper-pagination-bullet::after{display:block;content:"";width:100%;height:6px;border-radius:6px;cursor:pointer;margin-top:7px;background-color:#999}.swiper-adjump .swiper-pagination-bullet-active::after{background-color:#fff}#transfer-modal-overlay{position:fixed;background:rgba(12,12,12,.65);min-width:100%;min-height:100%;left:0;top:0;display:none;z-index:100}.transfer-modal{min-width:30%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;background:#fff;color:#666;box-shadow:0 0 5px}.transfer-modal .transfer-modal-head{position:relative;padding:15px 0;font-size:24px;text-align:center;color:#2675dc;border-bottom:1px solid #ccc}.transfer-modal .transfer-modal-head .close{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:inline-block;width:21px;height:21px;cursor:pointer;transition:transform .3s ease-out}.transfer-modal .transfer-modal-head .close:after,.transfer-modal .transfer-modal-head .close:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background:#ccc;transform:translate(-50%,-50%)}.transfer-modal .transfer-modal-head .close:before{transform:translate(-50%,-50%) rotate(45deg)}.transfer-modal .transfer-modal-head .close:after{transform:translate(-50%,-50%) rotate(-45deg)}.transfer-modal .transfer-modal-head .close:hover{transform-origin:center;transform:translateY(-50%) rotate(180deg)}.transfer-modal .transfer-modal-content{padding:30px 15px;margin:auto;width:450px}.transfer-modal .transfer-modal-content .icon-transfer{display:block;margin:0 auto 15px auto;transform:translateX(40px);cursor:pointer}.transfer-modal .transfer-modal-content .input-wrapper{margin-bottom:15px;display:flex}.transfer-modal .transfer-modal-content .input-wrapper .input-item{position:relative}.transfer-modal .transfer-modal-content .input-wrapper .input-item .ratio{position:absolute;right:-40px;top:-18px;font-size:12px;display:none}.transfer-modal .transfer-modal-content .input-wrapper label{margin:12px 15px 0 0;width:100px;text-align:right}.transfer-modal .transfer-modal-content .input-wrapper input,.transfer-modal .transfer-modal-content .input-wrapper select{font-size:14px;border:1px solid #ccc;width:285px;height:40px;border-radius:5px;text-indent:12px;transition:border .15s ease-in}.transfer-modal .transfer-modal-content .input-wrapper input:focus,.transfer-modal .transfer-modal-content .input-wrapper select:focus{border:1px solid #2675dc}.transfer-modal .transfer-modal-content .input-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.transfer-modal .transfer-modal-content .input-wrapper select::-ms-expand{display:none}.transfer-modal .transfer-modal-content .input-wrapper .amount-list{margin-top:15px;display:flex}.transfer-modal .transfer-modal-content .input-wrapper .amount-list .money{padding:0 5px;min-width:66px;height:28px;line-height:28px;font-size:15px;background:#e7f0fc;border:1px solid #e7f0fc;text-align:center;border-radius:5px;cursor:pointer}.transfer-modal .transfer-modal-content .input-wrapper .amount-list .money:not(:last-child){margin-right:5px}.transfer-modal .transfer-modal-content .input-wrapper .amount-list .money.active{border:1px solid #2675dc}.transfer-modal .transfer-modal-content .input-wrapper .tip{margin-top:5px;color:#999}.transfer-modal .transfer-modal-content .input-wrapper .select-wrap{position:relative;z-index:1;width:276px}.transfer-modal .transfer-modal-content .input-wrapper .select-wrap .arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:10px;height:10px}.transfer-modal .transfer-modal-content .input-wrapper .select-wrap .arrow:after{content:"";position:absolute;border:solid #999;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.transfer-modal .transfer-modal-content .transfer-modal-btn{margin-top:35px;text-align:center}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn{display:inline-block;width:116px;height:38px;font-size:15px;text-align:center;line-height:38px;border-radius:5px;color:#fff;cursor:pointer}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-submit{background:#2675dc;margin-right:10px}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-submit:hover{box-shadow:0 0 10px #2675dc}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-preview{background:#f9bf5b}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-preview:hover{box-shadow:0 0 10px #f9bf5b}