@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:30.9832965139%;animation-name:drop,move-left;animation-duration:3.1958340168s;animation-delay:2.4673403018s;transform:rotateZ(-22.8323960469deg) rotateX(-5.4749132859deg) rotateY(-11.543460697deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:36.5165927378%;animation-name:drop,move-right;animation-duration:4.7491817844s;animation-delay:2.7427124419s;transform:rotateZ(7.0724531658deg) rotateX(-11.2726647848deg) rotateY(-23.6880627142deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:52.8752714146%;animation-name:drop,move-left;animation-duration:4.3373171319s;animation-delay:.3155675931s;transform:rotateZ(-16.3910729562deg) rotateX(-10.307160924deg) rotateY(-8.654170939deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:49.6901379688%;animation-name:drop,move-left;animation-duration:4.7370121256s;animation-delay:.1714943347s;transform:rotateZ(.520952188deg) rotateX(-24.8216085179deg) rotateY(-19.3824382474deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:29.0453352149%;animation-name:drop;animation-duration:2.7839784179s;animation-delay:.6465594201s;transform:rotateZ(-28.6148898265deg) rotateX(-21.0022324514deg) rotateY(-16.2399666409deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:32.1842166235%;animation-name:drop;animation-duration:3.0189167231s;animation-delay:2.3912670126s;transform:rotateZ(12.8974855873deg) rotateX(-7.5872172602deg) rotateY(-19.8354308686deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:25.2344918686%;animation-name:drop,move-left;animation-duration:2.7425374142s;animation-delay:.6524002025s;transform:rotateZ(1.9281041846deg) rotateX(10.9671096882deg) rotateY(28.216837903deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:58.5526783275%;animation-name:drop;animation-duration:2.5738369452s;animation-delay:2.4635987828s;transform:rotateZ(18.4679758928deg) rotateX(12.4397039195deg) rotateY(4.0395492379deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:33.6067742816%;animation-name:drop;animation-duration:3.7197809123s;animation-delay:2.4316273469s;transform:rotateZ(-2.6952827374deg) rotateX(28.3800263026deg) rotateY(-24.1243344771deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:69.6147154785%;animation-name:drop,move-left;animation-duration:2.071551631s;animation-delay:2.0579433173s;transform:rotateZ(-24.8492307452deg) rotateX(13.0143002573deg) rotateY(17.554967942deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:74.0788080349%;animation-name:drop;animation-duration:4.3149419911s;animation-delay:2.0484137244s;transform:rotateZ(-22.8716650649deg) rotateX(11.1015781756deg) rotateY(-22.9912113543deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:41.3006326685%;animation-name:drop,move-left;animation-duration:3.7087058684s;animation-delay:2.1613211813s;transform:rotateZ(17.1439710404deg) rotateX(-22.9708212042deg) rotateY(-.5279326792deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:35.0287194208%;animation-name:drop,move-left;animation-duration:2.1078727553s;animation-delay:1.3658986043s;transform:rotateZ(9.1671313341deg) rotateX(-23.3060445139deg) rotateY(22.7171756558deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:63.5623102609%;animation-name:drop;animation-duration:2.4724778461s;animation-delay:2.4345222788s;transform:rotateZ(-28.8005026352deg) rotateX(16.0788849992deg) rotateY(-2.375144688deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:42.7804967661%;animation-name:drop,move-left;animation-duration:4.9403157464s;animation-delay:.9848101271s;transform:rotateZ(27.0089890956deg) rotateX(-8.0248476482deg) rotateY(-10.8222907523deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:70.6357720021%;animation-name:drop,move-left;animation-duration:4.837211429s;animation-delay:2.8005935607s;transform:rotateZ(-19.7202214067deg) rotateX(19.9538688367deg) rotateY(1.3715563848deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:26.2572778805%;animation-name:drop,move-left;animation-duration:2.7461166013s;animation-delay:2.7141025743s;transform:rotateZ(-2.776231726deg) rotateX(8.7111655229deg) rotateY(-22.6702823222deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:65.0292799497%;animation-name:drop;animation-duration:2.9244507119s;animation-delay:.1455441801s;transform:rotateZ(-2.7982362772deg) rotateX(21.195857284deg) rotateY(8.5528924908deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:61.9404412383%;animation-name:drop;animation-duration:4.6744432688s;animation-delay:.355526015s;transform:rotateZ(11.2349534083deg) rotateX(11.0055908365deg) rotateY(-11.9604398901deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:55.2250694699%;animation-name:drop;animation-duration:3.7212160542s;animation-delay:.1041331941s;transform:rotateZ(15.0406075878deg) rotateX(24.1776837381deg) rotateY(-11.9698804269deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:50.189705955%;animation-name:drop,move-right;animation-duration:3.2033757005s;animation-delay:.2472319654s;transform:rotateZ(-9.9006475207deg) rotateX(15.7046450259deg) rotateY(-.806465755deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:40.1630807961%;animation-name:drop,move-left;animation-duration:4.8762141545s;animation-delay:.4167004516s;transform:rotateZ(-1.4517670462deg) rotateX(-19.8116938428deg) rotateY(-13.3267086674deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:62.6653423961%;animation-name:drop;animation-duration:4.5210584764s;animation-delay:2.7700239182s;transform:rotateZ(-19.1363877124deg) rotateX(-2.6692792406deg) rotateY(-15.1613874676deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:60.7734118027%;animation-name:drop;animation-duration:3.3758878182s;animation-delay:2.5937873226s;transform:rotateZ(-1.5198339036deg) rotateX(-16.0241845402deg) rotateY(-12.9284188071deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:36.5762054734%;animation-name:drop;animation-duration:3.080486958s;animation-delay:2.4628147109s;transform:rotateZ(22.6800973397deg) rotateX(-6.1224579331deg) rotateY(-14.3567506334deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:63.2333662123%;animation-name:drop;animation-duration:3.3909744438s;animation-delay:.0391795729s;transform:rotateZ(-24.8526379444deg) rotateX(15.5793702467deg) rotateY(-24.0072955716deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:41.3476629333%;animation-name:drop,move-left;animation-duration:4.7014429404s;animation-delay:.1776486608s;transform:rotateZ(9.6546453408deg) rotateX(-10.1363686421deg) rotateY(28.4877134624deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:41.5531811912%;animation-name:drop,move-right;animation-duration:4.5186176542s;animation-delay:.2907493499s;transform:rotateZ(5.9128213422deg) rotateX(25.6710035106deg) rotateY(12.6127678555deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:63.3249168285%;animation-name:drop,move-right;animation-duration:3.2963095257s;animation-delay:.809285733s;transform:rotateZ(-24.3590555107deg) rotateX(13.3761183558deg) rotateY(17.3903018384deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:69.3794799285%;animation-name:drop;animation-duration:2.4255999855s;animation-delay:1.4449633885s;transform:rotateZ(6.8259198036deg) rotateX(16.109362624deg) rotateY(10.5035373603deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:25.5516769711%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.6323593993s;animation-delay:1.5152375276s;transform:rotateZ(-20.8938061576deg) rotateX(20.6405389176deg) rotateY(1.9230685102deg) scale(.7548494636)}html[platform=ph] .rain-container .icon:nth-child(2){left:52.873539444%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.0640016605s;animation-delay:.1022791049s;transform:rotateZ(20.9000861517deg) rotateX(-4.9059696534deg) rotateY(4.7554718274deg) scale(1.0386471463)}html[platform=ph] .rain-container .icon:nth-child(3){left:38.7380765272%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.525655496s;animation-delay:2.4855749091s;transform:rotateZ(-8.6108039823deg) rotateX(26.1046484176deg) rotateY(17.0696102725deg) scale(.9081099332)}html[platform=ph] .rain-container .icon:nth-child(4){left:28.452277778%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.9262512783s;animation-delay:.6462698666s;transform:rotateZ(-1.4827200238deg) rotateX(-20.9611458304deg) rotateY(19.7441807484deg) scale(1.1552424019)}html[platform=ph] .rain-container .icon:nth-child(5){left:32.2673633865%;animation-name:drop;animation-timing-function:linear;animation-duration:3.9611626096s;animation-delay:1.3606394129s;transform:rotateZ(22.0522788914deg) rotateX(5.869003768deg) rotateY(-24.0103814405deg) scale(1.0016548816)}html[platform=ph] .rain-container .icon:nth-child(6){left:33.1581154241%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6337006005s;animation-delay:.7589048469s;transform:rotateZ(16.7788771234deg) rotateX(-8.1203065982deg) rotateY(-24.7618850531deg) scale(.9223128813)}html[platform=ph] .rain-container .icon:nth-child(7){left:63.718627587%;animation-name:drop;animation-timing-function:linear;animation-duration:2.8721213556s;animation-delay:1.5711280326s;transform:rotateZ(-14.4302590728deg) rotateX(-18.9277058675deg) rotateY(25.3677285119deg) scale(.7316300884)}html[platform=ph] .rain-container .icon:nth-child(8){left:49.5586727303%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.7756641797s;animation-delay:2.2879147519s;transform:rotateZ(2.8854049266deg) rotateX(-1.2276062269deg) rotateY(21.9748676002deg) scale(1.0002320078)}html[platform=ph] .rain-container .icon:nth-child(9){left:73.8608139122%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.2915281885s;animation-delay:1.7152368923s;transform:rotateZ(3.8866311961deg) rotateX(.8942234822deg) rotateY(-27.8198211072deg) scale(.7070298037)}html[platform=ph] .rain-container .icon:nth-child(10){left:53.5047361244%;animation-name:drop;animation-timing-function:linear;animation-duration:2.3275062595s;animation-delay:2.6564590152s;transform:rotateZ(-18.7375060102deg) rotateX(7.4213025636deg) rotateY(8.5440519776deg) scale(.8765655507)}@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:-.3098380106%}}@keyframes move-right{from{margin-left:0}to{margin-left:22.8268525661%}}@keyframes rotate{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}html[platform=ph] .rain-container .scale-enter-active{animation-name:scale;animation-duration:.3s}html[platform=ph] .rain-container .scale-leave-active{animation-name:scale;animation-duration:.3s}@keyframes scale{from{transform:scale(.5)}70%{transform:scale(1.3)}to{transform:scale(1)}}html[platform=cn] .activity__rain{position:relative;width:65px;height:65px;background-size:auto 65px!important;animation:rouletteAnimeForPiexl 1.5s steps(36) infinite;background:url(../img/redbag/rain-bg-cn.png) no-repeat}html[platform=cn] .activity__rain.open_icon{background:url(../img/redbag/rain-bg-open-cn.png) no-repeat}html[platform=cn] .activity__rain span{position:absolute;top:2px;right:-4px;min-width:1.4390855639rem;width:-moz-fit-content;width:fit-content;padding:0 2px;height:.9593903759rem;color:#fff;text-align:center;font-weight:400;font-size:.68527884rem;background-color:#eb5752;border-radius:1.0964461439rem;display:inline-block;line-height:.822334608rem}html[platform=cn] .rain-container{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1000;overflow:hidden}html[platform=cn] .rain-container .rain-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;cursor:pointer}html[platform=cn] .rain-container .view{width:100%;height:100%;position:relative;overflow:hidden}html[platform=cn] .rain-container .view i.bag-front{content:"";position:absolute;top:0;left:50%;width:800px;height:90px;margin-left:-400px;background:url(../img/redbag/bag.png) no-repeat center top;background-size:contain;z-index:30}html[platform=cn] .rain-container .view i.bag-back{content:"";position:absolute;top:0;left:50%;width:750px;height:70px;margin-left:-375px;background:url(../img/redbag/bag-bottom.png) no-repeat center top;background-size:contain;z-index:20}html[platform=cn] .rain-container .view .sun{content:"";position:absolute;top:0;left:50%;width:500px;height:500px;margin-left:-250px;margin-top:-250px;background:url(../img/redbag/sun.png) no-repeat center center;background-size:contain;z-index:25;animation:rotate linear 20s infinite}html[platform=cn] .rain-container .view .bag{width:72px;height:95px;background:url(../img/redbag/rain-bag.png) no-repeat center center;background-size:contain;position:absolute;visibility:hidden;z-index:25;animation-timing-function:linear;animation-iteration-count:infinite;cursor:pointer}html[platform=cn] .rain-container .view .scale{visibility:visible;transition:all .5s;z-index:50}html[platform=cn] .rain-container .view .icon{position:absolute;width:40px;height:40px;visibility:hidden;z-index:10;animation-timing-function:linear;animation-iteration-count:infinite;background:url(../img/redbag/icon-money.png) no-repeat center center;background-size:contain}html[platform=cn] .rain-container canvas{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;z-index:10}html[platform=cn] .rain-container .bag-view{position:absolute;background-color:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:40}html[platform=cn] .rain-container .bag-view .prize-detail,html[platform=cn] html[platform=ph] .rain-container .bag-view .prize-lose,html[platform=ph] html[platform=cn] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:430px;height:370px;margin-top:-185px;margin-left:-215px;background:url(../img/redbag/bg-prize-cn.png) no-repeat center center;background-size:contain;text-align:center;color:#ff3c52;font-weight:700;font-size:35px;padding-top:160px;box-sizing:border-box}html[platform=cn] .rain-container .bag-view .prize-detail span,html[platform=cn] html[platform=ph] .rain-container .bag-view .prize-lose span,html[platform=ph] html[platform=cn] .rain-container .bag-view .prize-lose span{font-size:50px}html[platform=cn] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:430px;height:360px;margin-top:-190px;margin-left:-215px;background:url(../img/redbag/prize-lose-cn.png) no-repeat center center;background-size:contain;text-align:center;padding:160px 60px 5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}html[platform=cn] .rain-container .bag-view .prize-lose span.span_msg{font-size:18px;color:#000;line-height:1.2;width:80%}html[platform=cn] .rain-container .bag-view .prize-lose p{color:#000;font-size:18px;line-height:24px}html[platform=cn] .rain-container .bag-view .prize-lose p span{color:#fe4144;font-size:1em;display:inline-block}html[platform=cn] .rain-container .bag-view .prize-lose label{font-size:12px;line-height:24px;color:#4c4c4c}html[platform=cn] .rain-container .bag-view .prize-lose button{width:140px;height:46px;background-color:#fe4144;outline:0;border:none;color:#fff;font-size:18px;border-radius:8px;margin-top:15px;cursor:pointer}html[platform=cn] .rain-container .bag-view .not-allow{padding-top:170px;padding-left:10px}html[platform=cn] .rain-container .bag-view .close{position:absolute;width:50px;height:50px;background:url(../img/redbag/icon-close.png) no-repeat center center;background-size:contain;top:50%;left:50%;margin-left:-25px;margin-top:205px;cursor:pointer}html[platform=cn] .rain-container .bag-1{left:43.5026414107%;animation-name:drop,move-left;animation-duration:4.7157647645s;animation-delay:1.0671754024s;transform:rotateZ(26.1099266574deg) rotateX(-26.7213912623deg) rotateY(-25.0190951717deg)}html[platform=cn] .rain-container .bag-2{left:32.0467379337%;animation-name:drop,move-left;animation-duration:4.8445272911s;animation-delay:1.9464512905s;transform:rotateZ(24.5573454087deg) rotateX(6.1327230826deg) rotateY(-27.1632063678deg)}html[platform=cn] .rain-container .bag-3{left:61.9512224688%;animation-name:drop,move-left;animation-duration:4.620989693s;animation-delay:2.9371240502s;transform:rotateZ(-20.899715316deg) rotateX(-9.6051081794deg) rotateY(-6.9506902014deg)}html[platform=cn] .rain-container .bag-4{left:70.8152986657%;animation-name:drop,move-left;animation-duration:2.5576432364s;animation-delay:2.9099416415s;transform:rotateZ(-24.2088188387deg) rotateX(-1.8708973132deg) rotateY(-10.7066545576deg)}html[platform=cn] .rain-container .bag-5{left:68.2086555811%;animation-name:drop;animation-duration:2.6985358732s;animation-delay:.4484439377s;transform:rotateZ(-4.0817824577deg) rotateX(6.2932764562deg) rotateY(10.8282591355deg)}html[platform=cn] .rain-container .bag-6{left:52.3311308936%;animation-name:drop;animation-duration:3.7330807375s;animation-delay:2.7596874105s;transform:rotateZ(14.3823392806deg) rotateX(9.0060348896deg) rotateY(18.2240999193deg)}html[platform=cn] .rain-container .bag-7{left:52.8427646301%;animation-name:drop,move-left;animation-duration:3.9417591856s;animation-delay:2.1779397742s;transform:rotateZ(14.1122147543deg) rotateX(-12.7841928059deg) rotateY(-26.3305307855deg)}html[platform=cn] .rain-container .bag-8{left:61.4680588759%;animation-name:drop;animation-duration:4.1575865568s;animation-delay:2.7065793766s;transform:rotateZ(-14.5366636179deg) rotateX(-15.7574157104deg) rotateY(-28.7950839818deg)}html[platform=cn] .rain-container .bag-9{left:49.4889268583%;animation-name:drop,move-left;animation-duration:3.9968690601s;animation-delay:1.9836595996s;transform:rotateZ(1.5296067385deg) rotateX(-9.7344269127deg) rotateY(24.8598234414deg)}html[platform=cn] .rain-container .bag-10{left:72.7108419984%;animation-name:drop,move-left;animation-duration:2.7530178753s;animation-delay:1.9971255495s;transform:rotateZ(-4.1655670461deg) rotateX(-.7683869197deg) rotateY(10.9187917806deg)}html[platform=cn] .rain-container .bag-11{left:54.4438514456%;animation-name:drop;animation-duration:3.7434889771s;animation-delay:.4563840173s;transform:rotateZ(-20.3034667462deg) rotateX(-15.9502300891deg) rotateY(.6127135508deg)}html[platform=cn] .rain-container .bag-12{left:72.3528210167%;animation-name:drop,move-left;animation-duration:3.3748708459s;animation-delay:.4403988069s;transform:rotateZ(-27.5095127598deg) rotateX(11.1872828163deg) rotateY(-10.6491711118deg)}html[platform=cn] .rain-container .bag-13{left:63.8380951897%;animation-name:drop,move-right;animation-duration:4.9016536502s;animation-delay:.1108045706s;transform:rotateZ(-3.7043126243deg) rotateX(-9.2173280778deg) rotateY(4.502683161deg)}html[platform=cn] .rain-container .bag-14{left:47.1035319233%;animation-name:drop,move-left;animation-duration:2.5649004918s;animation-delay:2.4792104517s;transform:rotateZ(-28.9092428486deg) rotateX(-13.6066848733deg) rotateY(-14.40742482deg)}html[platform=cn] .rain-container .bag-15{left:43.0062766184%;animation-name:drop,move-left;animation-duration:3.349152589s;animation-delay:1.5838997804s;transform:rotateZ(12.6903981579deg) rotateX(20.5388825016deg) rotateY(-20.9470490606deg)}html[platform=cn] .rain-container .bag-16{left:61.4660429531%;animation-name:drop,move-right;animation-duration:3.7953340645s;animation-delay:1.9972765072s;transform:rotateZ(14.603559144deg) rotateX(-1.13291907deg) rotateY(27.7703847856deg)}html[platform=cn] .rain-container .bag-17{left:73.5292928412%;animation-name:drop;animation-duration:3.0312016185s;animation-delay:2.1242503174s;transform:rotateZ(-13.5840536833deg) rotateX(-15.731500545deg) rotateY(-17.6267888174deg)}html[platform=cn] .rain-container .bag-18{left:65.4806317079%;animation-name:drop,move-right;animation-duration:4.207731693s;animation-delay:2.4004696432s;transform:rotateZ(8.0657946371deg) rotateX(8.4145102653deg) rotateY(-21.8007864583deg)}html[platform=cn] .rain-container .bag-19{left:50.9372613252%;animation-name:drop,move-left;animation-duration:2.5388906903s;animation-delay:2.4039669728s;transform:rotateZ(27.3872929444deg) rotateX(8.8287921712deg) rotateY(9.9815868188deg)}html[platform=cn] .rain-container .bag-20{left:43.1157114574%;animation-name:drop;animation-duration:4.7436497335s;animation-delay:2.5051022397s;transform:rotateZ(17.3420188058deg) rotateX(17.6695764628deg) rotateY(23.3707014052deg)}html[platform=cn] .rain-container .bag-21{left:74.4384579427%;animation-name:drop,move-left;animation-duration:2.0916163906s;animation-delay:2.2420974028s;transform:rotateZ(-20.4054040473deg) rotateX(-29.2132374584deg) rotateY(4.6832636831deg)}html[platform=cn] .rain-container .bag-22{left:57.4046388876%;animation-name:drop;animation-duration:3.3864324368s;animation-delay:2.5590074912s;transform:rotateZ(-1.226857859deg) rotateX(28.8955618766deg) rotateY(14.809278808deg)}html[platform=cn] .rain-container .bag-23{left:51.1206297036%;animation-name:drop,move-left;animation-duration:4.7697249084s;animation-delay:2.5069232535s;transform:rotateZ(14.2244805309deg) rotateX(-18.6970185098deg) rotateY(19.6374490648deg)}html[platform=cn] .rain-container .bag-24{left:55.7434521058%;animation-name:drop,move-left;animation-duration:3.3930624488s;animation-delay:.7750111302s;transform:rotateZ(-11.628624351deg) rotateX(-29.8340388492deg) rotateY(18.719483643deg)}html[platform=cn] .rain-container .bag-25{left:36.8458846655%;animation-name:drop,move-left;animation-duration:4.9818671924s;animation-delay:2.137044473s;transform:rotateZ(-2.0498567978deg) rotateX(29.9591463471deg) rotateY(5.0782664834deg)}html[platform=cn] .rain-container .bag-26{left:70.7680895856%;animation-name:drop;animation-duration:4.3290528535s;animation-delay:2.7946491955s;transform:rotateZ(20.7351847199deg) rotateX(-16.6372485736deg) rotateY(10.4463265253deg)}html[platform=cn] .rain-container .bag-27{left:73.7728628064%;animation-name:drop,move-right;animation-duration:2.4810206045s;animation-delay:2.1705992431s;transform:rotateZ(5.2326752543deg) rotateX(-18.6406365284deg) rotateY(-15.2603631249deg)}html[platform=cn] .rain-container .bag-28{left:69.229346548%;animation-name:drop;animation-duration:3.1007569732s;animation-delay:.2514346545s;transform:rotateZ(18.664359056deg) rotateX(9.5689161687deg) rotateY(17.6083922847deg)}html[platform=cn] .rain-container .bag-29{left:67.5138957538%;animation-name:drop;animation-duration:4.3171711514s;animation-delay:1.9000497445s;transform:rotateZ(-21.8102698006deg) rotateX(-13.193473013deg) rotateY(-15.2300666388deg)}html[platform=cn] .rain-container .bag-30{left:40.9717368839%;animation-name:drop;animation-duration:2.5118642004s;animation-delay:1.8031196931s;transform:rotateZ(-28.3261248471deg) rotateX(-10.6435289485deg) rotateY(7.4866947419deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:28.8213706423%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.3538175402s;animation-delay:2.9654305427s;transform:rotateZ(26.7921765762deg) rotateX(.8513227754deg) rotateY(13.0792935448deg) scale(.7334323136)}html[platform=cn] .rain-container .icon:nth-child(2){left:57.5625682452%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.1652043636s;animation-delay:2.6834905595s;transform:rotateZ(-21.3697423528deg) rotateX(-27.1533122275deg) rotateY(-23.7342367424deg) scale(1.0476087841)}html[platform=cn] .rain-container .icon:nth-child(3){left:58.0402358828%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.4055371989s;animation-delay:.0302522648s;transform:rotateZ(9.8395361553deg) rotateX(13.9841728128deg) rotateY(29.8675055032deg) scale(1.1544607206)}html[platform=cn] .rain-container .icon:nth-child(4){left:30.491233066%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.6033409703s;animation-delay:.8849310118s;transform:rotateZ(-15.3356650252deg) rotateX(6.6259931331deg) rotateY(-9.7648862234deg) scale(1.1554339133)}html[platform=cn] .rain-container .icon:nth-child(5){left:25.9374150357%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.0284239646s;animation-delay:50.4161221ms;transform:rotateZ(-29.9903438752deg) rotateX(-21.4615622117deg) rotateY(-5.9194403089deg) scale(1.025563782)}html[platform=cn] .rain-container .icon:nth-child(6){left:61.5479583341%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.752084738s;animation-delay:2.4828512996s;transform:rotateZ(4.3247925915deg) rotateX(-.8476263896deg) rotateY(-6.182602321deg) scale(.9678316573)}html[platform=cn] .rain-container .icon:nth-child(7){left:67.3137342689%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.1788321643s;animation-delay:2.7711695074s;transform:rotateZ(21.9284772886deg) rotateX(24.2652428475deg) rotateY(-11.975065723deg) scale(.7287107019)}html[platform=cn] .rain-container .icon:nth-child(8){left:70.31482917%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.0501509151s;animation-delay:.5738636862s;transform:rotateZ(1.7664892649deg) rotateX(-21.5904408908deg) rotateY(27.0532632345deg) scale(.8000554496)}html[platform=cn] .rain-container .icon:nth-child(9){left:42.0201992486%;animation-name:drop;animation-timing-function:linear;animation-duration:3.4599907029s;animation-delay:1.0951488235s;transform:rotateZ(-18.8947816604deg) rotateX(-20.4742430137deg) rotateY(-7.8162835895deg) scale(.9336261872)}html[platform=cn] .rain-container .icon:nth-child(10){left:55.0399320087%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.0240359217s;animation-delay:2.255016389s;transform:rotateZ(-6.4953524579deg) rotateX(11.5979655745deg) rotateY(2.5304201244deg) scale(1.1196302848)}@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:-3.4981236113%}}@keyframes move-right{from{margin-left:0}to{margin-left:17.3230588924%}}@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}