@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:48.6787086731%;animation-name:drop;animation-duration:2.9074793217s;animation-delay:.3629802579s;transform:rotateZ(10.6297301918deg) rotateX(-.5574001865deg) rotateY(-20.548131673deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:46.9055136432%;animation-name:drop;animation-duration:2.9356371862s;animation-delay:2.7284623368s;transform:rotateZ(-4.1863075329deg) rotateX(-11.9780434215deg) rotateY(.8492499612deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:70.8026339785%;animation-name:drop,move-left;animation-duration:2.4509729693s;animation-delay:1.929553851s;transform:rotateZ(1.3512470328deg) rotateX(26.2883650131deg) rotateY(22.7572816503deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:54.8812627989%;animation-name:drop,move-right;animation-duration:2.4685313076s;animation-delay:2.7917944618s;transform:rotateZ(14.5614442939deg) rotateX(-5.0802596021deg) rotateY(12.6520541739deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:38.629869697%;animation-name:drop,move-right;animation-duration:3.3620533743s;animation-delay:2.9860287251s;transform:rotateZ(15.1630589256deg) rotateX(-8.4816570478deg) rotateY(18.8869092215deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:57.2004104831%;animation-name:drop,move-left;animation-duration:2.8228881327s;animation-delay:.7128350963s;transform:rotateZ(-19.5630788499deg) rotateX(-19.717138534deg) rotateY(-2.295252492deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:63.9304091124%;animation-name:drop,move-left;animation-duration:2.4020967236s;animation-delay:2.8069098386s;transform:rotateZ(-20.0049812505deg) rotateX(.2171178293deg) rotateY(-14.8265510716deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:71.6529245247%;animation-name:drop,move-left;animation-duration:2.9712543343s;animation-delay:2.3331781128s;transform:rotateZ(27.1322493507deg) rotateX(-1.0684897099deg) rotateY(-18.6605449536deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:46.8989829149%;animation-name:drop,move-left;animation-duration:3.4710489768s;animation-delay:2.8511654975s;transform:rotateZ(11.5894161586deg) rotateX(29.2333261106deg) rotateY(-18.3306993169deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:64.9717207519%;animation-name:drop;animation-duration:4.3710145179s;animation-delay:1.1622171104s;transform:rotateZ(-29.8723650176deg) rotateX(-26.3298123687deg) rotateY(22.1370421717deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:29.6567206393%;animation-name:drop,move-left;animation-duration:3.2500833106s;animation-delay:1.5476978495s;transform:rotateZ(18.0271492063deg) rotateX(1.7549215126deg) rotateY(-25.5066751482deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:42.1192446244%;animation-name:drop,move-left;animation-duration:2.901123917s;animation-delay:2.0110065564s;transform:rotateZ(-14.0443422432deg) rotateX(9.7236533916deg) rotateY(17.712658541deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:44.262106103%;animation-name:drop;animation-duration:2.1577023617s;animation-delay:2.8887847606s;transform:rotateZ(-2.1109231644deg) rotateX(-23.6841230125deg) rotateY(21.4085320203deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:51.6188857575%;animation-name:drop;animation-duration:4.7374394143s;animation-delay:1.3766441116s;transform:rotateZ(29.6720150804deg) rotateX(5.8623152288deg) rotateY(-6.9160292884deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:73.5842497022%;animation-name:drop,move-left;animation-duration:4.6056795738s;animation-delay:.1437652755s;transform:rotateZ(-11.33310831deg) rotateX(10.2131288624deg) rotateY(-19.9560512903deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:44.8241936402%;animation-name:drop,move-left;animation-duration:4.010840227s;animation-delay:.2024705412s;transform:rotateZ(-9.5327358642deg) rotateX(23.650707984deg) rotateY(-28.1978652241deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:31.4980388687%;animation-name:drop,move-right;animation-duration:3.7060759535s;animation-delay:74.2043394ms;transform:rotateZ(-5.3795671799deg) rotateX(-8.5151609887deg) rotateY(.5167414409deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:63.3847371235%;animation-name:drop,move-right;animation-duration:2.9361406948s;animation-delay:2.9840112968s;transform:rotateZ(21.3703137571deg) rotateX(14.8627181417deg) rotateY(-4.5361230276deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:26.5808767588%;animation-name:drop,move-left;animation-duration:2.8281796035s;animation-delay:.1892012752s;transform:rotateZ(1.3414751892deg) rotateX(20.477487522deg) rotateY(-14.9275083097deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:28.1209186038%;animation-name:drop;animation-duration:4.7579714528s;animation-delay:2.4713152425s;transform:rotateZ(10.7383674128deg) rotateX(-19.8657608388deg) rotateY(-28.1139524595deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:34.3530573593%;animation-name:drop;animation-duration:3.9727644321s;animation-delay:1.4462495925s;transform:rotateZ(-7.1361515661deg) rotateX(8.9753132133deg) rotateY(25.1136243961deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:44.2936104506%;animation-name:drop;animation-duration:4.9271265592s;animation-delay:.9548571974s;transform:rotateZ(25.3224797377deg) rotateX(-24.9319720753deg) rotateY(-2.4761041353deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:31.6704569531%;animation-name:drop,move-left;animation-duration:3.6145676978s;animation-delay:1.3966719511s;transform:rotateZ(5.6823306206deg) rotateX(19.3395298042deg) rotateY(-19.3338889839deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:56.9474832108%;animation-name:drop;animation-duration:4.7868281451s;animation-delay:.1989350677s;transform:rotateZ(23.5045273276deg) rotateX(-.3273400804deg) rotateY(-11.7303454375deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:29.2217407593%;animation-name:drop;animation-duration:2.5914685427s;animation-delay:1.6388463962s;transform:rotateZ(18.3200345062deg) rotateX(8.8249102327deg) rotateY(-3.9115332227deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:65.8394981993%;animation-name:drop;animation-duration:2.6885412578s;animation-delay:2.2851050811s;transform:rotateZ(7.0443849506deg) rotateX(15.7671663084deg) rotateY(-7.572405255deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:51.4638804318%;animation-name:drop,move-right;animation-duration:3.3298243291s;animation-delay:2.2706628393s;transform:rotateZ(-17.1952663146deg) rotateX(-4.1446237677deg) rotateY(12.8859252678deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:58.4020264014%;animation-name:drop,move-right;animation-duration:2.2880460484s;animation-delay:1.2616777656s;transform:rotateZ(5.2596323183deg) rotateX(-10.388648404deg) rotateY(-1.7248768313deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:68.5299148532%;animation-name:drop;animation-duration:4.7888047427s;animation-delay:1.0431583649s;transform:rotateZ(-19.4946055811deg) rotateX(12.346735638deg) rotateY(20.16754608deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:31.2834562869%;animation-name:drop;animation-duration:4.6497501421s;animation-delay:1.6329901405s;transform:rotateZ(11.3868130506deg) rotateX(-10.6751531619deg) rotateY(3.4297043533deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:61.2331020066%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.8443100427s;animation-delay:28.5503254ms;transform:rotateZ(-28.1504445267deg) rotateX(-18.7278684906deg) rotateY(1.6782666975deg) scale(.7383706476)}html[platform=ph] .rain-container .icon:nth-child(2){left:44.3994656477%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.9248643703s;animation-delay:.2336784406s;transform:rotateZ(1.3277710423deg) rotateX(2.4658735713deg) rotateY(-28.5866615598deg) scale(.7915874025)}html[platform=ph] .rain-container .icon:nth-child(3){left:38.5540159698%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.0205505838s;animation-delay:2.8651204246s;transform:rotateZ(22.3971214034deg) rotateX(-16.5232081028deg) rotateY(13.7292005665deg) scale(.7116926746)}html[platform=ph] .rain-container .icon:nth-child(4){left:45.5272178368%;animation-name:drop;animation-timing-function:linear;animation-duration:3.3179505947s;animation-delay:.1123016629s;transform:rotateZ(-16.1643772503deg) rotateX(24.2025363595deg) rotateY(-26.4675891954deg) scale(.784782467)}html[platform=ph] .rain-container .icon:nth-child(5){left:25.4761787573%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.6084519091s;animation-delay:1.808172574s;transform:rotateZ(-10.3152116271deg) rotateX(8.2900994074deg) rotateY(15.4666842902deg) scale(1.1784848444)}html[platform=ph] .rain-container .icon:nth-child(6){left:60.5566339135%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.0553296599s;animation-delay:2.5828362487s;transform:rotateZ(18.7481123714deg) rotateX(-28.5838073426deg) rotateY(10.1583651443deg) scale(1.160293846)}html[platform=ph] .rain-container .icon:nth-child(7){left:30.094640859%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.5172894157s;animation-delay:.3090753402s;transform:rotateZ(12.9649627711deg) rotateX(13.2681304284deg) rotateY(23.5997623434deg) scale(.8608247791)}html[platform=ph] .rain-container .icon:nth-child(8){left:29.3596734118%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.3233779729s;animation-delay:1.8550849263s;transform:rotateZ(11.4015713365deg) rotateX(23.4019932856deg) rotateY(1.9549001894deg) scale(.7830542001)}html[platform=ph] .rain-container .icon:nth-child(9){left:34.2809501835%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.6795910172s;animation-delay:2.915020593s;transform:rotateZ(10.179789424deg) rotateX(28.2688284098deg) rotateY(-26.2693737048deg) scale(.8937405216)}html[platform=ph] .rain-container .icon:nth-child(10){left:51.2471088606%;animation-name:drop;animation-timing-function:linear;animation-duration:4.7582800598s;animation-delay:2.0163450466s;transform:rotateZ(-28.6290245539deg) rotateX(-5.4273837524deg) rotateY(-26.5560980584deg) scale(.8634968048)}@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:-.5075717529%}}@keyframes move-right{from{margin-left:0}to{margin-left:13.4096830369%}}@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:29.8990191337%;animation-name:drop;animation-duration:3.9443363231s;animation-delay:1.3961477989s;transform:rotateZ(-20.4701401374deg) rotateX(28.4719108494deg) rotateY(-25.4861014364deg)}html[platform=cn] .rain-container .bag-2{left:71.1411912629%;animation-name:drop,move-right;animation-duration:4.6421219843s;animation-delay:1.8132786874s;transform:rotateZ(9.1527762102deg) rotateX(-23.1506672345deg) rotateY(.9030620548deg)}html[platform=cn] .rain-container .bag-3{left:73.403235776%;animation-name:drop;animation-duration:4.9927419628s;animation-delay:2.1600241682s;transform:rotateZ(-24.8424173557deg) rotateX(-16.0043293082deg) rotateY(17.2504369591deg)}html[platform=cn] .rain-container .bag-4{left:50.9205519953%;animation-name:drop,move-left;animation-duration:4.6909420708s;animation-delay:.3911400155s;transform:rotateZ(-25.5177079921deg) rotateX(-11.3937986703deg) rotateY(8.9021728614deg)}html[platform=cn] .rain-container .bag-5{left:68.3370589166%;animation-name:drop;animation-duration:4.704650225s;animation-delay:2.5321839441s;transform:rotateZ(-3.0699398679deg) rotateX(7.0211020584deg) rotateY(23.0367425832deg)}html[platform=cn] .rain-container .bag-6{left:38.0387962677%;animation-name:drop;animation-duration:4.1111720362s;animation-delay:2.756323623s;transform:rotateZ(18.4653322917deg) rotateX(26.2271031581deg) rotateY(-26.1056743088deg)}html[platform=cn] .rain-container .bag-7{left:59.5118291158%;animation-name:drop,move-left;animation-duration:4.6822231245s;animation-delay:.7530793617s;transform:rotateZ(7.2648756123deg) rotateX(1.2817193884deg) rotateY(-10.3233484042deg)}html[platform=cn] .rain-container .bag-8{left:74.5644357033%;animation-name:drop;animation-duration:2.1742723214s;animation-delay:1.6833513558s;transform:rotateZ(7.558330035deg) rotateX(-21.428517987deg) rotateY(-7.1528871216deg)}html[platform=cn] .rain-container .bag-9{left:32.4859347068%;animation-name:drop;animation-duration:4.1151178849s;animation-delay:2.7116479927s;transform:rotateZ(29.3066788672deg) rotateX(21.1491948457deg) rotateY(7.3706654534deg)}html[platform=cn] .rain-container .bag-10{left:59.1220929232%;animation-name:drop,move-right;animation-duration:2.9817950935s;animation-delay:2.8905670559s;transform:rotateZ(-.5231319927deg) rotateX(.507159492deg) rotateY(9.7910738225deg)}html[platform=cn] .rain-container .bag-11{left:50.0710773259%;animation-name:drop;animation-duration:2.3171802153s;animation-delay:2.1239618546s;transform:rotateZ(3.6167487852deg) rotateX(-3.230700854deg) rotateY(5.5175071999deg)}html[platform=cn] .rain-container .bag-12{left:39.8817921745%;animation-name:drop,move-right;animation-duration:2.5593554961s;animation-delay:2.5269595979s;transform:rotateZ(-13.9495558557deg) rotateX(28.1914001956deg) rotateY(18.3185966901deg)}html[platform=cn] .rain-container .bag-13{left:50.7097034684%;animation-name:drop,move-left;animation-duration:3.5873438887s;animation-delay:1.0380806669s;transform:rotateZ(-21.7900873097deg) rotateX(15.6830672586deg) rotateY(2.8855878944deg)}html[platform=cn] .rain-container .bag-14{left:45.257604802%;animation-name:drop;animation-duration:4.625557258s;animation-delay:2.6619472258s;transform:rotateZ(-2.9257314622deg) rotateX(.5792432332deg) rotateY(21.0627233275deg)}html[platform=cn] .rain-container .bag-15{left:39.2811229397%;animation-name:drop,move-left;animation-duration:4.7726651386s;animation-delay:.9961837764s;transform:rotateZ(1.684622131deg) rotateX(14.3259532521deg) rotateY(5.1813817454deg)}html[platform=cn] .rain-container .bag-16{left:67.0148804012%;animation-name:drop,move-left;animation-duration:3.3791219866s;animation-delay:2.5824217548s;transform:rotateZ(-27.4950339479deg) rotateX(2.3284318767deg) rotateY(-11.7670526008deg)}html[platform=cn] .rain-container .bag-17{left:73.6449958819%;animation-name:drop;animation-duration:3.9996257464s;animation-delay:.5061841617s;transform:rotateZ(1.9126584864deg) rotateX(-14.4209155056deg) rotateY(-17.7291799139deg)}html[platform=cn] .rain-container .bag-18{left:66.8387967046%;animation-name:drop,move-right;animation-duration:4.9808779296s;animation-delay:.291908097s;transform:rotateZ(22.7139689319deg) rotateX(-13.8356227531deg) rotateY(-9.4784048693deg)}html[platform=cn] .rain-container .bag-19{left:40.88656695%;animation-name:drop;animation-duration:2.276284259s;animation-delay:1.9174466846s;transform:rotateZ(7.8867679928deg) rotateX(21.2845147656deg) rotateY(19.0334463007deg)}html[platform=cn] .rain-container .bag-20{left:26.5497213419%;animation-name:drop,move-left;animation-duration:3.9065937606s;animation-delay:2.0697928283s;transform:rotateZ(20.5973394345deg) rotateX(12.8470074111deg) rotateY(-20.8843139606deg)}html[platform=cn] .rain-container .bag-21{left:47.1705250353%;animation-name:drop,move-left;animation-duration:2.1050020559s;animation-delay:2.8370668272s;transform:rotateZ(21.1093363441deg) rotateX(-8.2052102791deg) rotateY(-27.7890904385deg)}html[platform=cn] .rain-container .bag-22{left:72.7033860432%;animation-name:drop;animation-duration:3.2215360739s;animation-delay:.6508851396s;transform:rotateZ(-13.1580155223deg) rotateX(-4.4899813311deg) rotateY(-23.14568845deg)}html[platform=cn] .rain-container .bag-23{left:43.7454001491%;animation-name:drop;animation-duration:2.8353844851s;animation-delay:1.5228998943s;transform:rotateZ(-3.3963581385deg) rotateX(10.9924533562deg) rotateY(-28.6205659847deg)}html[platform=cn] .rain-container .bag-24{left:68.1658206351%;animation-name:drop,move-right;animation-duration:2.3664111093s;animation-delay:1.6914887489s;transform:rotateZ(-14.5438327208deg) rotateX(10.7629429256deg) rotateY(-24.7514249437deg)}html[platform=cn] .rain-container .bag-25{left:27.174286383%;animation-name:drop,move-left;animation-duration:4.9848522801s;animation-delay:.5011728197s;transform:rotateZ(-11.3310698838deg) rotateX(7.560630584deg) rotateY(-14.4570159064deg)}html[platform=cn] .rain-container .bag-26{left:74.600831113%;animation-name:drop,move-right;animation-duration:2.9666702618s;animation-delay:1.7153296042s;transform:rotateZ(24.4592797149deg) rotateX(2.6770015454deg) rotateY(-1.2525408278deg)}html[platform=cn] .rain-container .bag-27{left:37.6817521013%;animation-name:drop;animation-duration:2.2133920489s;animation-delay:2.7082850755s;transform:rotateZ(1.3895090137deg) rotateX(2.0440858502deg) rotateY(16.4484903272deg)}html[platform=cn] .rain-container .bag-28{left:30.5351136959%;animation-name:drop,move-left;animation-duration:4.5083635401s;animation-delay:2.7023660546s;transform:rotateZ(-19.0055028024deg) rotateX(9.1248137861deg) rotateY(11.6969792339deg)}html[platform=cn] .rain-container .bag-29{left:61.7330007067%;animation-name:drop;animation-duration:2.2028345292s;animation-delay:1.9471897375s;transform:rotateZ(11.895790258deg) rotateX(28.1877774561deg) rotateY(8.3970516548deg)}html[platform=cn] .rain-container .bag-30{left:69.8604795272%;animation-name:drop;animation-duration:4.6040001557s;animation-delay:2.2473747039s;transform:rotateZ(-18.8303925555deg) rotateX(-17.4795581488deg) rotateY(-4.8066369702deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:59.5154700069%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.5431763982s;animation-delay:.8996262333s;transform:rotateZ(-19.0838403816deg) rotateX(-13.5166086625deg) rotateY(-25.4186762694deg) scale(.8534698669)}html[platform=cn] .rain-container .icon:nth-child(2){left:33.9495310417%;animation-name:drop;animation-timing-function:linear;animation-duration:2.2055740942s;animation-delay:1.7246978595s;transform:rotateZ(-15.7058519584deg) rotateX(-15.6256944727deg) rotateY(-16.7145951551deg) scale(.9057881608)}html[platform=cn] .rain-container .icon:nth-child(3){left:45.6159947375%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.7388425421s;animation-delay:1.7738748225s;transform:rotateZ(5.3524821583deg) rotateX(14.7659664937deg) rotateY(-25.7737595997deg) scale(.8953018194)}html[platform=cn] .rain-container .icon:nth-child(4){left:71.7746726559%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.0419447819s;animation-delay:2.4558456243s;transform:rotateZ(-16.7784839935deg) rotateX(26.951723854deg) rotateY(-8.4093862435deg) scale(.7191513093)}html[platform=cn] .rain-container .icon:nth-child(5){left:42.3712862205%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.0306252352s;animation-delay:2.4066657375s;transform:rotateZ(11.53636563deg) rotateX(-28.1265772619deg) rotateY(24.3454407463deg) scale(1.1891209664)}html[platform=cn] .rain-container .icon:nth-child(6){left:71.1646358517%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.5868804409s;animation-delay:.603376705s;transform:rotateZ(23.8955806721deg) rotateX(13.4049327594deg) rotateY(25.7630445388deg) scale(1.0876811011)}html[platform=cn] .rain-container .icon:nth-child(7){left:60.6525007032%;animation-name:drop;animation-timing-function:linear;animation-duration:4.7055187117s;animation-delay:1.9535963636s;transform:rotateZ(13.7657617075deg) rotateX(5.2707591591deg) rotateY(2.1880219944deg) scale(.9124115499)}html[platform=cn] .rain-container .icon:nth-child(8){left:48.2129948893%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.0880852698s;animation-delay:.7195279816s;transform:rotateZ(14.8895968514deg) rotateX(-11.2911143192deg) rotateY(-3.7570765706deg) scale(.9059271506)}html[platform=cn] .rain-container .icon:nth-child(9){left:55.9600713244%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.4829779672s;animation-delay:1.3527411023s;transform:rotateZ(-29.6208384336deg) rotateX(13.5812029339deg) rotateY(-20.4297025299deg) scale(.7911508649)}html[platform=cn] .rain-container .icon:nth-child(10){left:50.5973630708%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.6441327586s;animation-delay:.6288849543s;transform:rotateZ(-22.1234610612deg) rotateX(29.5812600673deg) rotateY(26.9417680065deg) scale(.9040732141)}@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:-14.112170528%}}@keyframes move-right{from{margin-left:0}to{margin-left:9.5918700348%}}@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}