@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:60.5779641531%;animation-name:drop,move-left;animation-duration:2.6883702729s;animation-delay:.1252096162s;transform:rotateZ(.9065702129deg) rotateX(26.3772474038deg) rotateY(-29.7508589289deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:56.3570655306%;animation-name:drop,move-right;animation-duration:3.7868138687s;animation-delay:1.6774502303s;transform:rotateZ(-3.3222742037deg) rotateX(-23.4123040938deg) rotateY(19.8491983085deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:51.088142007%;animation-name:drop;animation-duration:4.7893518386s;animation-delay:.2976696245s;transform:rotateZ(-15.2035633403deg) rotateX(-18.4748547686deg) rotateY(-26.0019842065deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:62.2947281602%;animation-name:drop;animation-duration:4.9971654546s;animation-delay:1.2306433501s;transform:rotateZ(22.7099523175deg) rotateX(14.356342833deg) rotateY(18.8355127901deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:38.1430659449%;animation-name:drop;animation-duration:2.7292786504s;animation-delay:.4585505374s;transform:rotateZ(-8.5684972326deg) rotateX(11.3939366341deg) rotateY(-.0442344286deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:51.5306916265%;animation-name:drop,move-right;animation-duration:2.803147129s;animation-delay:1.9148176521s;transform:rotateZ(4.3619474799deg) rotateX(-7.1941615441deg) rotateY(-5.1786188909deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:39.9187019722%;animation-name:drop;animation-duration:3.7919731034s;animation-delay:1.2297171329s;transform:rotateZ(29.1917542145deg) rotateX(15.108692611deg) rotateY(26.9875346087deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:38.9990417593%;animation-name:drop,move-right;animation-duration:2.7572567307s;animation-delay:.9748866543s;transform:rotateZ(12.1935271376deg) rotateX(1.5043786549deg) rotateY(20.2745382373deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:46.4637805295%;animation-name:drop;animation-duration:3.5101392585s;animation-delay:2.044824732s;transform:rotateZ(20.1435683851deg) rotateX(11.9632943865deg) rotateY(-7.7722104587deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:64.6552712323%;animation-name:drop,move-left;animation-duration:4.4804615048s;animation-delay:.7226500144s;transform:rotateZ(27.6522596548deg) rotateX(18.4656502659deg) rotateY(17.0376273481deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:61.9400414419%;animation-name:drop;animation-duration:3.0980172814s;animation-delay:1.3275958564s;transform:rotateZ(13.0267138995deg) rotateX(15.3974892786deg) rotateY(26.7493237191deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:43.1950481392%;animation-name:drop,move-left;animation-duration:2.3758809503s;animation-delay:2.2209329685s;transform:rotateZ(.270746556deg) rotateX(-5.7691357727deg) rotateY(16.0968885641deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:34.4380433408%;animation-name:drop;animation-duration:2.7461703015s;animation-delay:1.1280546745s;transform:rotateZ(16.6215104896deg) rotateX(29.8487044671deg) rotateY(15.6439875176deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:51.771370796%;animation-name:drop;animation-duration:2.250116197s;animation-delay:2.0470071298s;transform:rotateZ(-11.3786319121deg) rotateX(-9.6099850033deg) rotateY(-12.3779345311deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:61.8761881811%;animation-name:drop;animation-duration:3.9956432426s;animation-delay:1.4977723298s;transform:rotateZ(16.7133813387deg) rotateX(9.6516463615deg) rotateY(13.4585742213deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:52.1382477589%;animation-name:drop;animation-duration:4.5104425066s;animation-delay:2.2088500743s;transform:rotateZ(-9.9388343135deg) rotateX(-3.2422856667deg) rotateY(-12.4816673329deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:29.4483559715%;animation-name:drop,move-left;animation-duration:2.8525524551s;animation-delay:1.4403423504s;transform:rotateZ(-2.6878861721deg) rotateX(21.7913948727deg) rotateY(-.1248919492deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:47.8701474267%;animation-name:drop,move-left;animation-duration:4.8839896493s;animation-delay:1.6378724983s;transform:rotateZ(23.0707284727deg) rotateX(26.0531296167deg) rotateY(-.2811351918deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:34.3423181497%;animation-name:drop,move-right;animation-duration:2.4027492763s;animation-delay:2.2089594674s;transform:rotateZ(-16.6606117377deg) rotateX(-.8745720009deg) rotateY(19.4051713048deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:46.7307642607%;animation-name:drop;animation-duration:2.8330318002s;animation-delay:.158163029s;transform:rotateZ(-11.3196442878deg) rotateX(-6.1900866958deg) rotateY(3.0905317247deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:63.5134788548%;animation-name:drop,move-left;animation-duration:2.0119486522s;animation-delay:2.5337050363s;transform:rotateZ(-13.3037809083deg) rotateX(20.2893396912deg) rotateY(-8.5224738888deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:70.4101661682%;animation-name:drop;animation-duration:3.3176881079s;animation-delay:2.3996492974s;transform:rotateZ(10.8895760056deg) rotateX(18.2107521316deg) rotateY(12.4398982946deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:64.168451481%;animation-name:drop,move-left;animation-duration:3.9218587075s;animation-delay:.2916114199s;transform:rotateZ(23.0207730405deg) rotateX(-22.4257360432deg) rotateY(11.8140609564deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:49.3004508322%;animation-name:drop;animation-duration:4.440515981s;animation-delay:.8940119148s;transform:rotateZ(-24.0847526526deg) rotateX(20.3845633069deg) rotateY(27.7654139428deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:34.844848428%;animation-name:drop,move-left;animation-duration:2.8204446328s;animation-delay:.8409283356s;transform:rotateZ(26.2941881067deg) rotateX(29.0320322339deg) rotateY(-17.9733880401deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:42.0062477882%;animation-name:drop;animation-duration:3.4484790535s;animation-delay:1.6428476167s;transform:rotateZ(17.1066015774deg) rotateX(-2.7554283772deg) rotateY(3.8934386252deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:74.4839882959%;animation-name:drop,move-left;animation-duration:2.7818746451s;animation-delay:1.2469884314s;transform:rotateZ(-23.0832752589deg) rotateX(-10.976070275deg) rotateY(20.7939761524deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:35.8870888942%;animation-name:drop;animation-duration:3.9925545539s;animation-delay:.0910095171s;transform:rotateZ(-22.1035655824deg) rotateX(4.6630647843deg) rotateY(-8.6355477911deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:73.786577117%;animation-name:drop,move-left;animation-duration:3.3660088246s;animation-delay:1.8365302857s;transform:rotateZ(-10.029260598deg) rotateX(11.2510190582deg) rotateY(22.4404709006deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:29.7429400574%;animation-name:drop;animation-duration:3.3925527323s;animation-delay:36.0975718ms;transform:rotateZ(-10.3940881491deg) rotateX(-18.9740002233deg) rotateY(-25.3565852516deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:29.0707427738%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.941872353s;animation-delay:1.7763133575s;transform:rotateZ(24.388545887deg) rotateX(-1.2675474663deg) rotateY(10.0586358584deg) scale(.7357035255)}html[platform=ph] .rain-container .icon:nth-child(2){left:62.7130531086%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2559263235s;animation-delay:1.1199957372s;transform:rotateZ(-10.4625291409deg) rotateX(-11.8725138459deg) rotateY(-23.9153907463deg) scale(.9061612152)}html[platform=ph] .rain-container .icon:nth-child(3){left:28.5199703485%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.6767797622s;animation-delay:.6774195301s;transform:rotateZ(-27.6628729897deg) rotateX(19.3530885123deg) rotateY(-20.8339334528deg) scale(.9275830808)}html[platform=ph] .rain-container .icon:nth-child(4){left:27.3034556166%;animation-name:drop;animation-timing-function:linear;animation-duration:4.0247144712s;animation-delay:1.7487813661s;transform:rotateZ(7.7784390225deg) rotateX(-19.6361797248deg) rotateY(-25.6832197479deg) scale(1.0663335158)}html[platform=ph] .rain-container .icon:nth-child(5){left:49.0578941654%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.4896563447s;animation-delay:1.8809568644s;transform:rotateZ(-22.2292327787deg) rotateX(-18.2816170058deg) rotateY(-25.1564811418deg) scale(.8716127066)}html[platform=ph] .rain-container .icon:nth-child(6){left:32.394763094%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.6706393629s;animation-delay:2.3219154042s;transform:rotateZ(14.3752784443deg) rotateX(28.5589135443deg) rotateY(-23.083410159deg) scale(.7415546263)}html[platform=ph] .rain-container .icon:nth-child(7){left:67.6084331526%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.5545835387s;animation-delay:.5893471467s;transform:rotateZ(29.5084539333deg) rotateX(20.1174552684deg) rotateY(12.4185892048deg) scale(1.1122161684)}html[platform=ph] .rain-container .icon:nth-child(8){left:42.6076905766%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7273993207s;animation-delay:.1793561669s;transform:rotateZ(28.7655143786deg) rotateX(19.2141304554deg) rotateY(-29.1620839158deg) scale(1.1409086229)}html[platform=ph] .rain-container .icon:nth-child(9){left:33.2624545897%;animation-name:drop;animation-timing-function:linear;animation-duration:4.4950829472s;animation-delay:2.5058642019s;transform:rotateZ(-9.1293286479deg) rotateX(26.9441091507deg) rotateY(-18.4908728242deg) scale(.8410944787)}html[platform=ph] .rain-container .icon:nth-child(10){left:42.9158788684%;animation-name:drop;animation-timing-function:linear;animation-duration:2.1147366264s;animation-delay:1.2069258028s;transform:rotateZ(24.1983857016deg) rotateX(-8.0463061739deg) rotateY(15.8748898987deg) scale(1.0514234531)}@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:-2.8399422452%}}@keyframes move-right{from{margin-left:0}to{margin-left:25.9707836939%}}@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:61.1173360364%;animation-name:drop;animation-duration:3.3602713072s;animation-delay:1.2260676771s;transform:rotateZ(12.8886628089deg) rotateX(27.0863855803deg) rotateY(-25.0059248469deg)}html[platform=cn] .rain-container .bag-2{left:59.3380137215%;animation-name:drop;animation-duration:4.4488261383s;animation-delay:1.4759763397s;transform:rotateZ(20.7785973038deg) rotateX(15.631280464deg) rotateY(-10.4714921508deg)}html[platform=cn] .rain-container .bag-3{left:51.2358206536%;animation-name:drop;animation-duration:2.1134761455s;animation-delay:2.491001043s;transform:rotateZ(26.0784687794deg) rotateX(-14.8102964338deg) rotateY(-19.9046121743deg)}html[platform=cn] .rain-container .bag-4{left:66.1036573205%;animation-name:drop,move-right;animation-duration:4.1209347952s;animation-delay:2.4639900578s;transform:rotateZ(-22.8931941579deg) rotateX(-20.0096590438deg) rotateY(-2.1685462546deg)}html[platform=cn] .rain-container .bag-5{left:52.7618575461%;animation-name:drop;animation-duration:3.8830860467s;animation-delay:2.2810729804s;transform:rotateZ(-26.2595455938deg) rotateX(26.159986038deg) rotateY(10.3363058468deg)}html[platform=cn] .rain-container .bag-6{left:71.4060174453%;animation-name:drop,move-left;animation-duration:2.7508074157s;animation-delay:.8706980052s;transform:rotateZ(27.0304367981deg) rotateX(-13.0880288447deg) rotateY(-2.4982823943deg)}html[platform=cn] .rain-container .bag-7{left:44.131301565%;animation-name:drop;animation-duration:3.3664219346s;animation-delay:1.5973256848s;transform:rotateZ(20.5185210898deg) rotateX(-3.68485318deg) rotateY(3.4048136152deg)}html[platform=cn] .rain-container .bag-8{left:57.3047356538%;animation-name:drop,move-right;animation-duration:4.8017895336s;animation-delay:2.524135671s;transform:rotateZ(-25.9391987752deg) rotateX(-5.7130005492deg) rotateY(27.2821391375deg)}html[platform=cn] .rain-container .bag-9{left:52.0919826408%;animation-name:drop;animation-duration:3.1677410814s;animation-delay:2.999089202s;transform:rotateZ(27.0625550834deg) rotateX(-20.840111946deg) rotateY(12.2647216976deg)}html[platform=cn] .rain-container .bag-10{left:32.051258579%;animation-name:drop,move-left;animation-duration:2.0304692638s;animation-delay:2.6660302808s;transform:rotateZ(13.9771367628deg) rotateX(-15.7780595343deg) rotateY(10.8272277912deg)}html[platform=cn] .rain-container .bag-11{left:28.5876064845%;animation-name:drop;animation-duration:2.7655510709s;animation-delay:1.9182288819s;transform:rotateZ(-24.6332148083deg) rotateX(-27.3855632978deg) rotateY(24.3693350134deg)}html[platform=cn] .rain-container .bag-12{left:72.900824151%;animation-name:drop,move-right;animation-duration:4.9916365654s;animation-delay:1.5200775083s;transform:rotateZ(-21.4106057672deg) rotateX(19.7035964116deg) rotateY(-19.1115841618deg)}html[platform=cn] .rain-container .bag-13{left:36.0300030165%;animation-name:drop;animation-duration:3.4612738244s;animation-delay:.3798033489s;transform:rotateZ(15.0638409505deg) rotateX(-17.778476513deg) rotateY(1.1698825829deg)}html[platform=cn] .rain-container .bag-14{left:55.4696954148%;animation-name:drop;animation-duration:3.6274016622s;animation-delay:1.7474972726s;transform:rotateZ(14.9780175132deg) rotateX(-28.3805024232deg) rotateY(16.1012684668deg)}html[platform=cn] .rain-container .bag-15{left:33.8217397837%;animation-name:drop;animation-duration:3.2132877134s;animation-delay:2.5495949464s;transform:rotateZ(10.1081663339deg) rotateX(-28.7546863442deg) rotateY(10.3584623968deg)}html[platform=cn] .rain-container .bag-16{left:48.3331161178%;animation-name:drop;animation-duration:4.2405041017s;animation-delay:1.4007362098s;transform:rotateZ(-13.5889895624deg) rotateX(-23.4631407341deg) rotateY(-27.8253984647deg)}html[platform=cn] .rain-container .bag-17{left:65.5400422917%;animation-name:drop,move-left;animation-duration:2.2297447532s;animation-delay:1.2438190905s;transform:rotateZ(-4.0361302488deg) rotateX(-15.5610306887deg) rotateY(17.5602121378deg)}html[platform=cn] .rain-container .bag-18{left:34.4921680612%;animation-name:drop;animation-duration:3.7791890099s;animation-delay:2.0720408677s;transform:rotateZ(-27.8238831938deg) rotateX(1.6420715656deg) rotateY(-13.4750190903deg)}html[platform=cn] .rain-container .bag-19{left:46.2908702504%;animation-name:drop,move-left;animation-duration:2.1361816467s;animation-delay:.1688168394s;transform:rotateZ(-25.2466244508deg) rotateX(9.4658210015deg) rotateY(29.2467016241deg)}html[platform=cn] .rain-container .bag-20{left:35.1667292727%;animation-name:drop,move-right;animation-duration:3.3303432689s;animation-delay:.2132204232s;transform:rotateZ(-.5369344911deg) rotateX(-29.946896292deg) rotateY(29.2252242912deg)}html[platform=cn] .rain-container .bag-21{left:65.6758828221%;animation-name:drop,move-left;animation-duration:2.542174116s;animation-delay:1.1597528558s;transform:rotateZ(-24.1683244985deg) rotateX(7.689613258deg) rotateY(-26.2491584519deg)}html[platform=cn] .rain-container .bag-22{left:65.7937805222%;animation-name:drop;animation-duration:4.6870159059s;animation-delay:.6925505098s;transform:rotateZ(-2.3064375535deg) rotateX(-9.4069640266deg) rotateY(-29.5957007921deg)}html[platform=cn] .rain-container .bag-23{left:70.0299463045%;animation-name:drop;animation-duration:4.6398379583s;animation-delay:.1325742636s;transform:rotateZ(-23.4707240254deg) rotateX(-14.4333506316deg) rotateY(14.0837638168deg)}html[platform=cn] .rain-container .bag-24{left:68.5017210605%;animation-name:drop;animation-duration:4.9941672104s;animation-delay:.1064832489s;transform:rotateZ(16.3317217832deg) rotateX(-21.1924273192deg) rotateY(-6.3688121854deg)}html[platform=cn] .rain-container .bag-25{left:59.5935770219%;animation-name:drop,move-left;animation-duration:3.476644689s;animation-delay:1.9265212179s;transform:rotateZ(9.0068327273deg) rotateX(-19.8343837632deg) rotateY(-8.8433014751deg)}html[platform=cn] .rain-container .bag-26{left:55.5388175107%;animation-name:drop;animation-duration:4.3007996975s;animation-delay:1.2673684436s;transform:rotateZ(-5.8460654461deg) rotateX(-9.2409515829deg) rotateY(-6.4864585974deg)}html[platform=cn] .rain-container .bag-27{left:62.6907852555%;animation-name:drop;animation-duration:4.2922845986s;animation-delay:2.4369809619s;transform:rotateZ(-.5580485933deg) rotateX(15.5502636787deg) rotateY(-1.4747802602deg)}html[platform=cn] .rain-container .bag-28{left:29.9458522441%;animation-name:drop,move-left;animation-duration:2.5467236078s;animation-delay:.4664158468s;transform:rotateZ(22.5642722428deg) rotateX(-21.8169315146deg) rotateY(6.1097527502deg)}html[platform=cn] .rain-container .bag-29{left:28.7904773011%;animation-name:drop,move-right;animation-duration:2.4518043381s;animation-delay:1.4905084239s;transform:rotateZ(28.5832974395deg) rotateX(8.5443744815deg) rotateY(-7.3007280375deg)}html[platform=cn] .rain-container .bag-30{left:64.8057902289%;animation-name:drop,move-right;animation-duration:2.6584042463s;animation-delay:1.4030283899s;transform:rotateZ(17.2416009203deg) rotateX(-9.4405895778deg) rotateY(-16.8883562317deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:51.676178816%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.0889659064s;animation-delay:2.2197730191s;transform:rotateZ(12.691910669deg) rotateX(29.2873904777deg) rotateY(-27.5223737884deg) scale(1.0578912768)}html[platform=cn] .rain-container .icon:nth-child(2){left:53.4146691587%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.9723894475s;animation-delay:2.9412884519s;transform:rotateZ(-10.7486130443deg) rotateX(-18.6207204221deg) rotateY(-14.6186890344deg) scale(.8554944065)}html[platform=cn] .rain-container .icon:nth-child(3){left:46.0103812534%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.6609936204s;animation-delay:.6117222013s;transform:rotateZ(5.5991192455deg) rotateX(11.9099740964deg) rotateY(22.6761730187deg) scale(1.0997619522)}html[platform=cn] .rain-container .icon:nth-child(4){left:52.7914802613%;animation-name:drop;animation-timing-function:linear;animation-duration:2.7881013026s;animation-delay:2.1230011976s;transform:rotateZ(11.9696779591deg) rotateX(15.696464314deg) rotateY(29.2343012239deg) scale(1.112953432)}html[platform=cn] .rain-container .icon:nth-child(5){left:55.7718459296%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.5411841518s;animation-delay:.8153161839s;transform:rotateZ(11.9080055909deg) rotateX(2.2154938668deg) rotateY(-4.4541096148deg) scale(1.01784703)}html[platform=cn] .rain-container .icon:nth-child(6){left:40.991981433%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2744099484s;animation-delay:1.9967600131s;transform:rotateZ(15.3151991083deg) rotateX(12.6746668625deg) rotateY(13.4795437421deg) scale(1.0892226091)}html[platform=cn] .rain-container .icon:nth-child(7){left:39.1814882729%;animation-name:drop;animation-timing-function:linear;animation-duration:2.2882089637s;animation-delay:.5492191946s;transform:rotateZ(-18.9638106899deg) rotateX(-3.4153859135deg) rotateY(-25.6939723675deg) scale(1.1019341876)}html[platform=cn] .rain-container .icon:nth-child(8){left:44.0991797854%;animation-name:drop;animation-timing-function:linear;animation-duration:2.3155257845s;animation-delay:2.8991376426s;transform:rotateZ(-7.6912186299deg) rotateX(19.9316918083deg) rotateY(-13.3337631102deg) scale(.7925016844)}html[platform=cn] .rain-container .icon:nth-child(9){left:44.3408308009%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5062898593s;animation-delay:1.7670190397s;transform:rotateZ(-5.0537861459deg) rotateX(-6.1830096351deg) rotateY(26.5561508782deg) scale(.990409267)}html[platform=cn] .rain-container .icon:nth-child(10){left:60.5029336419%;animation-name:drop;animation-timing-function:linear;animation-duration:3.1796226578s;animation-delay:2.4232620085s;transform:rotateZ(-4.2512814028deg) rotateX(1.0141049869deg) rotateY(-17.9944764065deg) scale(1.0545499451)}@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:-29.204240435%}}@keyframes move-right{from{margin-left:0}to{margin-left:18.964841106%}}@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}