@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:67.4962575748%;animation-name:drop;animation-duration:4.9777417012s;animation-delay:.804376241s;transform:rotateZ(1.9681491761deg) rotateX(6.6246222106deg) rotateY(-12.4048993213deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:71.9169164055%;animation-name:drop;animation-duration:3.479846147s;animation-delay:1.9120822058s;transform:rotateZ(-.8258440789deg) rotateX(-9.8445972798deg) rotateY(20.2323317482deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:29.340879802%;animation-name:drop;animation-duration:3.5871905873s;animation-delay:1.4406296345s;transform:rotateZ(-21.3696037614deg) rotateX(19.2131535644deg) rotateY(14.2239209714deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:29.9494243099%;animation-name:drop,move-left;animation-duration:2.6610086714s;animation-delay:.2265702183s;transform:rotateZ(-16.559900723deg) rotateX(13.2978098847deg) rotateY(-20.3780675425deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:50.1089702548%;animation-name:drop;animation-duration:2.2088457094s;animation-delay:1.8135788711s;transform:rotateZ(-15.8870335905deg) rotateX(7.4220101174deg) rotateY(22.0103752182deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:40.3053857089%;animation-name:drop,move-right;animation-duration:4.8470060406s;animation-delay:1.3871112886s;transform:rotateZ(-12.3427690572deg) rotateX(10.1281327262deg) rotateY(-.1735165956deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:50.0578765585%;animation-name:drop;animation-duration:2.9159145948s;animation-delay:.7392557861s;transform:rotateZ(25.7648607201deg) rotateX(4.9952479359deg) rotateY(-15.9551577832deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:54.1522793645%;animation-name:drop;animation-duration:3.9407940495s;animation-delay:1.6353564445s;transform:rotateZ(-25.0273258849deg) rotateX(-28.0479126721deg) rotateY(-26.2821716792deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:51.8440096154%;animation-name:drop;animation-duration:3.7574569058s;animation-delay:.3660253683s;transform:rotateZ(-10.7966719426deg) rotateX(-14.5643086994deg) rotateY(-5.9169283055deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:61.4983200223%;animation-name:drop,move-right;animation-duration:2.6226728313s;animation-delay:1.4397420371s;transform:rotateZ(17.248073996deg) rotateX(11.3230634577deg) rotateY(-1.0624407972deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:47.6477377371%;animation-name:drop,move-left;animation-duration:3.7620367878s;animation-delay:50.7722516ms;transform:rotateZ(-24.9589166918deg) rotateX(-5.4889049028deg) rotateY(-14.5088106658deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:41.4728498005%;animation-name:drop;animation-duration:4.5511620694s;animation-delay:2.4412909161s;transform:rotateZ(15.9883532815deg) rotateX(-13.0935976949deg) rotateY(12.8038518142deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:69.9365104396%;animation-name:drop;animation-duration:3.221500518s;animation-delay:2.8405226544s;transform:rotateZ(-15.4580022676deg) rotateX(2.1644945441deg) rotateY(-5.9145225039deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:50.6974695221%;animation-name:drop,move-right;animation-duration:3.232265634s;animation-delay:2.7026093111s;transform:rotateZ(-10.9763369363deg) rotateX(-21.0018284111deg) rotateY(-7.0131176701deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:52.5957389444%;animation-name:drop,move-left;animation-duration:3.5179591064s;animation-delay:2.8587719761s;transform:rotateZ(8.0725933161deg) rotateX(25.5848460459deg) rotateY(-14.2334815456deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:43.6520676537%;animation-name:drop,move-left;animation-duration:3.0471136721s;animation-delay:.9804489697s;transform:rotateZ(29.04025513deg) rotateX(20.3259622759deg) rotateY(-4.4685083154deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:36.8418182696%;animation-name:drop;animation-duration:4.6129370086s;animation-delay:2.7829275233s;transform:rotateZ(21.340562642deg) rotateX(-16.4176936579deg) rotateY(-11.7514680568deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:71.4519607913%;animation-name:drop;animation-duration:3.1860378654s;animation-delay:1.7089284872s;transform:rotateZ(-28.8062957871deg) rotateX(-17.3987772781deg) rotateY(-11.1503550208deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:49.5404179273%;animation-name:drop,move-right;animation-duration:4.5704154894s;animation-delay:2.7054336383s;transform:rotateZ(-8.7516159806deg) rotateX(4.1357172415deg) rotateY(13.2840260387deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:58.1467477386%;animation-name:drop;animation-duration:4.2053109588s;animation-delay:.6197705148s;transform:rotateZ(6.6726785723deg) rotateX(28.5956334303deg) rotateY(1.572052561deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:66.9732208708%;animation-name:drop,move-left;animation-duration:4.6051256258s;animation-delay:2.5478847799s;transform:rotateZ(-18.0849250981deg) rotateX(-7.71190377deg) rotateY(19.894678998deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:47.3837647145%;animation-name:drop;animation-duration:2.5395469509s;animation-delay:1.7458639762s;transform:rotateZ(27.8655860223deg) rotateX(-25.8812752864deg) rotateY(-15.4270516701deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:67.6773081743%;animation-name:drop;animation-duration:2.2640269811s;animation-delay:.8386202722s;transform:rotateZ(16.1032647008deg) rotateX(25.8849150677deg) rotateY(21.5924832661deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:71.6285763859%;animation-name:drop,move-right;animation-duration:3.5129373743s;animation-delay:2.8554520747s;transform:rotateZ(23.9289563705deg) rotateX(4.6674551353deg) rotateY(-2.354371547deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:36.3182829455%;animation-name:drop,move-left;animation-duration:4.7739605512s;animation-delay:1.5587254899s;transform:rotateZ(-20.5053645034deg) rotateX(-.7399476689deg) rotateY(-21.5258256954deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:56.4732620509%;animation-name:drop;animation-duration:2.0563341763s;animation-delay:.8455146823s;transform:rotateZ(10.3358450795deg) rotateX(5.5758222554deg) rotateY(-25.8328402206deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:61.9448598689%;animation-name:drop;animation-duration:4.62960939s;animation-delay:.8461725395s;transform:rotateZ(11.5683610284deg) rotateX(-15.7573859299deg) rotateY(26.1121372216deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:62.4499928655%;animation-name:drop;animation-duration:2.4900354812s;animation-delay:.1002546243s;transform:rotateZ(-20.7897183895deg) rotateX(20.6445062524deg) rotateY(28.114536051deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:66.8295211471%;animation-name:drop;animation-duration:4.8907719154s;animation-delay:.4466748784s;transform:rotateZ(-19.5616150957deg) rotateX(13.796351113deg) rotateY(-1.8484788123deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:34.2614242438%;animation-name:drop,move-left;animation-duration:3.0815032215s;animation-delay:1.5208431327s;transform:rotateZ(-27.1975791135deg) rotateX(-6.7945868188deg) rotateY(-23.2386914216deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:69.0514526638%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.7843515162s;animation-delay:2.4336059153s;transform:rotateZ(-3.74844678deg) rotateX(6.7954669334deg) rotateY(15.0898731299deg) scale(.8297150326)}html[platform=ph] .rain-container .icon:nth-child(2){left:45.0248673109%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5152224002s;animation-delay:.2173457161s;transform:rotateZ(-26.2887410427deg) rotateX(15.1855077664deg) rotateY(10.0100140367deg) scale(.7526644253)}html[platform=ph] .rain-container .icon:nth-child(3){left:37.6600337788%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.8276250576s;animation-delay:2.6585952434s;transform:rotateZ(4.3644726565deg) rotateX(7.7928387045deg) rotateY(10.3692886127deg) scale(1.1293906593)}html[platform=ph] .rain-container .icon:nth-child(4){left:58.4143164103%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.757045926s;animation-delay:2.5978851925s;transform:rotateZ(-16.0265132004deg) rotateX(7.5480528368deg) rotateY(19.5740910671deg) scale(.7918534018)}html[platform=ph] .rain-container .icon:nth-child(5){left:55.4387201528%;animation-name:drop;animation-timing-function:linear;animation-duration:4.6548001389s;animation-delay:.815062805s;transform:rotateZ(-.8793936515deg) rotateX(-26.005431468deg) rotateY(-7.0003147679deg) scale(.9782624358)}html[platform=ph] .rain-container .icon:nth-child(6){left:59.5272941405%;animation-name:drop;animation-timing-function:linear;animation-duration:4.3021193701s;animation-delay:1.3485159095s;transform:rotateZ(-24.9633791452deg) rotateX(5.9248423341deg) rotateY(-22.6295644617deg) scale(1.0461269864)}html[platform=ph] .rain-container .icon:nth-child(7){left:48.0954292701%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.9838958504s;animation-delay:.9286404993s;transform:rotateZ(1.7328615771deg) rotateX(-28.1499208581deg) rotateY(-2.6229861665deg) scale(.857553085)}html[platform=ph] .rain-container .icon:nth-child(8){left:51.8696904722%;animation-name:drop;animation-timing-function:linear;animation-duration:4.5170703069s;animation-delay:2.8623122162s;transform:rotateZ(-16.9980376786deg) rotateX(15.8876896167deg) rotateY(17.9832760257deg) scale(1.1187031298)}html[platform=ph] .rain-container .icon:nth-child(9){left:43.6424077716%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.4289580014s;animation-delay:2.4635101432s;transform:rotateZ(12.4285992647deg) rotateX(-15.4989097954deg) rotateY(-17.4916595912deg) scale(.8541738674)}html[platform=ph] .rain-container .icon:nth-child(10){left:64.4525237022%;animation-name:drop;animation-timing-function:linear;animation-duration:2.3790393253s;animation-delay:2.7002951586s;transform:rotateZ(27.5614872112deg) rotateX(14.0988899718deg) rotateY(-14.7953507665deg) scale(1.1152911995)}@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:-7.6448094856%}}@keyframes move-right{from{margin-left:0}to{margin-left:5.1919404287%}}@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:39.0611589368%;animation-name:drop,move-left;animation-duration:3.4423983369s;animation-delay:30.5182944ms;transform:rotateZ(-4.6831864059deg) rotateX(-1.4147608892deg) rotateY(14.1068649039deg)}html[platform=cn] .rain-container .bag-2{left:63.7439755801%;animation-name:drop;animation-duration:3.1408748197s;animation-delay:.8740042742s;transform:rotateZ(-10.079938196deg) rotateX(19.4576153931deg) rotateY(6.6509636008deg)}html[platform=cn] .rain-container .bag-3{left:29.8930702215%;animation-name:drop,move-right;animation-duration:4.5962526383s;animation-delay:2.5853129545s;transform:rotateZ(-10.1273178908deg) rotateX(10.3126655242deg) rotateY(-29.8669483413deg)}html[platform=cn] .rain-container .bag-4{left:56.2743903527%;animation-name:drop,move-left;animation-duration:3.7819270007s;animation-delay:.3237943895s;transform:rotateZ(22.978515969deg) rotateX(-18.7486997526deg) rotateY(-19.0376473365deg)}html[platform=cn] .rain-container .bag-5{left:72.8741783144%;animation-name:drop,move-left;animation-duration:3.5722946234s;animation-delay:1.4228496207s;transform:rotateZ(24.4332081683deg) rotateX(15.3913186768deg) rotateY(20.2370881978deg)}html[platform=cn] .rain-container .bag-6{left:36.5094035939%;animation-name:drop,move-left;animation-duration:2.584669446s;animation-delay:1.124215776s;transform:rotateZ(-24.1627946051deg) rotateX(29.3975095375deg) rotateY(-15.3263579196deg)}html[platform=cn] .rain-container .bag-7{left:39.7166327467%;animation-name:drop,move-left;animation-duration:2.7802965219s;animation-delay:1.9815122485s;transform:rotateZ(-3.3229515286deg) rotateX(-6.5435504217deg) rotateY(21.299685067deg)}html[platform=cn] .rain-container .bag-8{left:65.4296840247%;animation-name:drop;animation-duration:4.0231941964s;animation-delay:.5275070372s;transform:rotateZ(5.6867702091deg) rotateX(-27.5392860384deg) rotateY(-24.6319304539deg)}html[platform=cn] .rain-container .bag-9{left:43.7167752638%;animation-name:drop,move-left;animation-duration:3.6663590418s;animation-delay:1.2445098201s;transform:rotateZ(-10.4848142919deg) rotateX(17.2928591274deg) rotateY(16.3698103836deg)}html[platform=cn] .rain-container .bag-10{left:48.6768471234%;animation-name:drop;animation-duration:4.4105850303s;animation-delay:2.9903504935s;transform:rotateZ(-3.0764204187deg) rotateX(-3.9634617355deg) rotateY(5.9059204063deg)}html[platform=cn] .rain-container .bag-11{left:64.2255450236%;animation-name:drop;animation-duration:3.3624073698s;animation-delay:2.3947650807s;transform:rotateZ(.0548974464deg) rotateX(-25.1182841311deg) rotateY(18.1167436849deg)}html[platform=cn] .rain-container .bag-12{left:54.2942990408%;animation-name:drop,move-right;animation-duration:3.100762972s;animation-delay:1.4362223628s;transform:rotateZ(-1.4497635135deg) rotateX(28.3221601193deg) rotateY(12.322269983deg)}html[platform=cn] .rain-container .bag-13{left:32.1582711269%;animation-name:drop;animation-duration:2.5201607506s;animation-delay:2.8012566829s;transform:rotateZ(17.9076151287deg) rotateX(-9.0738953795deg) rotateY(-6.5581015916deg)}html[platform=cn] .rain-container .bag-14{left:56.8710565816%;animation-name:drop,move-left;animation-duration:4.6722474015s;animation-delay:2.5386372351s;transform:rotateZ(-22.0002428107deg) rotateX(-13.339914747deg) rotateY(-13.4518780276deg)}html[platform=cn] .rain-container .bag-15{left:61.260545111%;animation-name:drop,move-right;animation-duration:4.194590277s;animation-delay:1.2514705246s;transform:rotateZ(-9.684294263deg) rotateX(-.800862882deg) rotateY(-17.1162334989deg)}html[platform=cn] .rain-container .bag-16{left:52.9163805685%;animation-name:drop;animation-duration:4.3265740678s;animation-delay:.2112834983s;transform:rotateZ(-16.0430293061deg) rotateX(-13.0995127121deg) rotateY(-9.9009765404deg)}html[platform=cn] .rain-container .bag-17{left:44.093163048%;animation-name:drop;animation-duration:2.4047349267s;animation-delay:2.6567147969s;transform:rotateZ(18.0611947886deg) rotateX(25.4888446112deg) rotateY(6.0805372217deg)}html[platform=cn] .rain-container .bag-18{left:36.4614207476%;animation-name:drop;animation-duration:4.9269206047s;animation-delay:.6882092409s;transform:rotateZ(-2.2795936489deg) rotateX(-4.4593539828deg) rotateY(-20.2368936568deg)}html[platform=cn] .rain-container .bag-19{left:67.6653989156%;animation-name:drop,move-right;animation-duration:2.8913109273s;animation-delay:.2447474921s;transform:rotateZ(-22.8911570817deg) rotateX(-7.0978015567deg) rotateY(-25.7630222122deg)}html[platform=cn] .rain-container .bag-20{left:40.0510333277%;animation-name:drop,move-left;animation-duration:3.6938267471s;animation-delay:1.592317375s;transform:rotateZ(-14.5115995361deg) rotateX(-3.0739578025deg) rotateY(-22.9546306321deg)}html[platform=cn] .rain-container .bag-21{left:63.7110669957%;animation-name:drop,move-left;animation-duration:3.3999209034s;animation-delay:2.9490250392s;transform:rotateZ(-12.1916357663deg) rotateX(12.9346277405deg) rotateY(8.2164815004deg)}html[platform=cn] .rain-container .bag-22{left:69.5288130484%;animation-name:drop,move-left;animation-duration:2.3557674041s;animation-delay:2.1720334047s;transform:rotateZ(-22.5474663597deg) rotateX(22.4978290147deg) rotateY(-8.6972694052deg)}html[platform=cn] .rain-container .bag-23{left:45.9160401982%;animation-name:drop;animation-duration:4.6081891214s;animation-delay:2.7955173924s;transform:rotateZ(-11.528416905deg) rotateX(-13.2697899135deg) rotateY(-11.3175897088deg)}html[platform=cn] .rain-container .bag-24{left:35.0368113706%;animation-name:drop;animation-duration:4.3248626651s;animation-delay:1.9988448961s;transform:rotateZ(13.953744233deg) rotateX(14.9191738316deg) rotateY(2.206803931deg)}html[platform=cn] .rain-container .bag-25{left:64.1015523894%;animation-name:drop,move-left;animation-duration:2.8944543115s;animation-delay:1.9909951326s;transform:rotateZ(1.9418723322deg) rotateX(18.0488271084deg) rotateY(-1.9319472497deg)}html[platform=cn] .rain-container .bag-26{left:34.6137901037%;animation-name:drop;animation-duration:3.5537414458s;animation-delay:.0320657077s;transform:rotateZ(-8.6016593111deg) rotateX(27.8640939038deg) rotateY(.1232112151deg)}html[platform=cn] .rain-container .bag-27{left:64.662112519%;animation-name:drop,move-right;animation-duration:4.8313705411s;animation-delay:.6652731419s;transform:rotateZ(19.2759426144deg) rotateX(-11.2863518352deg) rotateY(23.4468374939deg)}html[platform=cn] .rain-container .bag-28{left:38.6253487134%;animation-name:drop,move-right;animation-duration:4.3476604265s;animation-delay:1.6191153492s;transform:rotateZ(3.7241850126deg) rotateX(-8.8925787868deg) rotateY(8.6355002562deg)}html[platform=cn] .rain-container .bag-29{left:50.8812190604%;animation-name:drop;animation-duration:2.476926527s;animation-delay:.1558597215s;transform:rotateZ(-23.3781464656deg) rotateX(13.4889482848deg) rotateY(21.0789047592deg)}html[platform=cn] .rain-container .bag-30{left:35.4210240655%;animation-name:drop,move-left;animation-duration:4.7443947699s;animation-delay:2.2168956192s;transform:rotateZ(-23.3763363762deg) rotateX(-9.0884759182deg) rotateY(22.3057265483deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:50.3538656104%;animation-name:drop;animation-timing-function:linear;animation-duration:4.4631002768s;animation-delay:.1323446456s;transform:rotateZ(11.7789632216deg) rotateX(-4.6356022396deg) rotateY(-19.8633673803deg) scale(1.0398756331)}html[platform=cn] .rain-container .icon:nth-child(2){left:30.5032963517%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.4832966339s;animation-delay:.9321215839s;transform:rotateZ(-29.8700709391deg) rotateX(-20.7791203917deg) rotateY(-28.0344759006deg) scale(.9701040296)}html[platform=cn] .rain-container .icon:nth-child(3){left:28.0063613372%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.298398849s;animation-delay:1.8942601654s;transform:rotateZ(5.0229116041deg) rotateX(-4.8764321213deg) rotateY(8.8202349019deg) scale(.9687965273)}html[platform=cn] .rain-container .icon:nth-child(4){left:48.2788803395%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.45043922s;animation-delay:1.5107132256s;transform:rotateZ(-1.5902483991deg) rotateX(15.6600682545deg) rotateY(19.2086821629deg) scale(1.0148496566)}html[platform=cn] .rain-container .icon:nth-child(5){left:25.7718969526%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.1076483659s;animation-delay:1.5002513502s;transform:rotateZ(.3803756587deg) rotateX(27.5521584995deg) rotateY(-28.3584061899deg) scale(1.1967899352)}html[platform=cn] .rain-container .icon:nth-child(6){left:42.284906543%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2747979946s;animation-delay:1.2228509327s;transform:rotateZ(16.6652924812deg) rotateX(-25.1812024098deg) rotateY(23.9381089913deg) scale(.9116240633)}html[platform=cn] .rain-container .icon:nth-child(7){left:30.3099680687%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.3405903963s;animation-delay:1.2309747973s;transform:rotateZ(23.9880179582deg) rotateX(15.1519654682deg) rotateY(8.4377539993deg) scale(.7957385501)}html[platform=cn] .rain-container .icon:nth-child(8){left:47.5927118412%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.5050810576s;animation-delay:.6491940455s;transform:rotateZ(20.360807455deg) rotateX(28.0065685911deg) rotateY(9.1116323114deg) scale(1.0804515347)}html[platform=cn] .rain-container .icon:nth-child(9){left:53.4442721976%;animation-name:drop;animation-timing-function:linear;animation-duration:3.0615300274s;animation-delay:1.8563199598s;transform:rotateZ(9.204328462deg) rotateX(-4.7245479293deg) rotateY(-14.5817931736deg) scale(1.0631737513)}html[platform=cn] .rain-container .icon:nth-child(10){left:70.8493018222%;animation-name:drop;animation-timing-function:linear;animation-duration:2.8791150147s;animation-delay:1.0985985738s;transform:rotateZ(21.6903719173deg) rotateX(19.481029422deg) rotateY(-22.5777478448deg) scale(.7969548219)}@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:-12.4114547283%}}@keyframes move-right{from{margin-left:0}to{margin-left:19.8928604492%}}@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}