@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 .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-view .bag-close{position:absolute;top:calc(50% + 145px)!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 .bag-1{left:53.0031536965%;animation-name:drop;animation-duration:3.4966592815s;animation-delay:23.5512604ms;transform:rotateZ(-24.5354074175deg) rotateX(-7.3557868467deg) rotateY(-22.0067572451deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:50.3494921855%;animation-name:drop;animation-duration:4.8869722737s;animation-delay:2.9532194822s;transform:rotateZ(24.5739475593deg) rotateX(26.7122332698deg) rotateY(29.8978250109deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:48.2860276855%;animation-name:drop;animation-duration:4.5476651263s;animation-delay:1.7546227738s;transform:rotateZ(7.0162426271deg) rotateX(-10.8922051129deg) rotateY(24.2228591589deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:33.5821677354%;animation-name:drop,move-left;animation-duration:4.0485967716s;animation-delay:1.4751661748s;transform:rotateZ(21.0590460967deg) rotateX(14.0028700099deg) rotateY(21.4235810484deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:54.9972975237%;animation-name:drop;animation-duration:4.5311349433s;animation-delay:.9208809104s;transform:rotateZ(9.566847283deg) rotateX(3.9974389028deg) rotateY(-1.3084798015deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:34.7769255219%;animation-name:drop;animation-duration:4.0282694468s;animation-delay:2.1114665335s;transform:rotateZ(-19.4682368495deg) rotateX(7.2601749251deg) rotateY(3.083311893deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:27.3496986477%;animation-name:drop;animation-duration:4.5371062338s;animation-delay:1.2872867845s;transform:rotateZ(-22.9102587439deg) rotateX(4.3759337431deg) rotateY(-21.1879229997deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:32.1775350654%;animation-name:drop;animation-duration:4.9980263507s;animation-delay:2.0980654154s;transform:rotateZ(9.6813229014deg) rotateX(-20.6835076727deg) rotateY(-17.8041906693deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:54.4492334671%;animation-name:drop;animation-duration:3.1480826824s;animation-delay:1.3501153516s;transform:rotateZ(12.5897430483deg) rotateX(24.8893702598deg) rotateY(-9.173469338deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:26.0790203776%;animation-name:drop,move-right;animation-duration:3.4416255522s;animation-delay:.9462511008s;transform:rotateZ(-27.2040286566deg) rotateX(6.2305409213deg) rotateY(-7.9111160541deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:29.407459422%;animation-name:drop,move-left;animation-duration:4.506856385s;animation-delay:2.9358474363s;transform:rotateZ(-8.4367099937deg) rotateX(1.4531073172deg) rotateY(15.7307417275deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:68.6295725801%;animation-name:drop,move-right;animation-duration:4.6149996212s;animation-delay:2.1040021817s;transform:rotateZ(26.4445181698deg) rotateX(-22.0023151881deg) rotateY(10.335699287deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:74.8729730854%;animation-name:drop;animation-duration:4.6865453312s;animation-delay:.7880754261s;transform:rotateZ(13.0565362179deg) rotateX(20.8242929445deg) rotateY(9.9253161217deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:66.4620439905%;animation-name:drop;animation-duration:2.6442742996s;animation-delay:2.2698292595s;transform:rotateZ(13.8263533369deg) rotateX(6.8205778582deg) rotateY(-7.6604642519deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:74.117912235%;animation-name:drop,move-left;animation-duration:3.8299944344s;animation-delay:1.5466565477s;transform:rotateZ(27.5409787796deg) rotateX(2.9570530419deg) rotateY(-1.3114141448deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:30.8273622311%;animation-name:drop,move-right;animation-duration:2.8176518872s;animation-delay:2.8601934256s;transform:rotateZ(17.6009808518deg) rotateX(20.5553978141deg) rotateY(2.0587390398deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:57.0751541082%;animation-name:drop,move-right;animation-duration:4.1312778297s;animation-delay:.9083637596s;transform:rotateZ(19.7693765541deg) rotateX(2.3702865404deg) rotateY(-1.5684975206deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:56.8695346999%;animation-name:drop,move-left;animation-duration:3.6114890703s;animation-delay:2.7787611287s;transform:rotateZ(-23.0176772547deg) rotateX(19.3032512776deg) rotateY(1.746127258deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:29.3839617692%;animation-name:drop;animation-duration:2.02719436s;animation-delay:2.7999185709s;transform:rotateZ(8.8909026603deg) rotateX(8.5924024787deg) rotateY(29.2150854471deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:41.9916340919%;animation-name:drop;animation-duration:3.8603821986s;animation-delay:2.9530992717s;transform:rotateZ(-1.4164702deg) rotateX(29.8058187158deg) rotateY(-7.9038988631deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:68.5459801431%;animation-name:drop,move-right;animation-duration:2.3205274324s;animation-delay:.429317554s;transform:rotateZ(1.4919857395deg) rotateX(23.4507839031deg) rotateY(-19.0777059544deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:71.5277953969%;animation-name:drop,move-left;animation-duration:3.5238792315s;animation-delay:1.8801961171s;transform:rotateZ(-25.6199084004deg) rotateX(-29.1032288669deg) rotateY(-26.2653342294deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:63.0591642806%;animation-name:drop,move-left;animation-duration:3.3601738289s;animation-delay:2.9665054902s;transform:rotateZ(-2.4987174089deg) rotateX(-1.4667538793deg) rotateY(13.1608751267deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:37.4762316484%;animation-name:drop,move-right;animation-duration:3.9571606814s;animation-delay:.2636841739s;transform:rotateZ(-.4831853011deg) rotateX(-18.337058871deg) rotateY(-2.4132855555deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:41.9845257092%;animation-name:drop;animation-duration:3.10688722s;animation-delay:1.186570313s;transform:rotateZ(7.5657578031deg) rotateX(-5.3648924426deg) rotateY(29.7827211288deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:52.9805946882%;animation-name:drop;animation-duration:3.4384642428s;animation-delay:.6608809432s;transform:rotateZ(2.8992949012deg) rotateX(21.4456374869deg) rotateY(.8633839836deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:56.3973379479%;animation-name:drop,move-left;animation-duration:3.6753199799s;animation-delay:2.7541674885s;transform:rotateZ(-.5120509082deg) rotateX(-11.5148174005deg) rotateY(-3.9942929713deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:40.3896901062%;animation-name:drop;animation-duration:2.2660944886s;animation-delay:75.0074501ms;transform:rotateZ(-4.9609817743deg) rotateX(18.0454418148deg) rotateY(26.9145607854deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:44.5319696195%;animation-name:drop,move-right;animation-duration:4.8545704852s;animation-delay:1.5138010631s;transform:rotateZ(-26.8744218367deg) rotateX(5.1790888526deg) rotateY(-16.2361791184deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:27.7203089964%;animation-name:drop;animation-duration:4.7211601663s;animation-delay:.5446000073s;transform:rotateZ(-22.5505267404deg) rotateX(-6.0887979798deg) rotateY(6.0733643214deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:35.07905407%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.9566834894s;animation-delay:2.2821140524s;transform:rotateZ(12.9890572423deg) rotateX(12.6943499967deg) rotateY(-24.8524898466deg) scale(.7353442248)}html[platform=ph] .rain-container .icon:nth-child(2){left:37.0995250922%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6382839924s;animation-delay:2.9662535797s;transform:rotateZ(-14.360731568deg) rotateX(-4.7937453114deg) rotateY(-4.9319367548deg) scale(.9002713326)}html[platform=ph] .rain-container .icon:nth-child(3){left:47.7012988354%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.1654837799s;animation-delay:1.4509939177s;transform:rotateZ(19.6769647559deg) rotateX(15.956922216deg) rotateY(20.2742368369deg) scale(.9407455691)}html[platform=ph] .rain-container .icon:nth-child(4){left:42.1636019675%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.4973682298s;animation-delay:1.3706120847s;transform:rotateZ(9.743160977deg) rotateX(-21.0883750263deg) rotateY(-22.0557371121deg) scale(.8631692248)}html[platform=ph] .rain-container .icon:nth-child(5){left:43.3856528558%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6611431057s;animation-delay:.3364010572s;transform:rotateZ(-16.6911316178deg) rotateX(26.6566646216deg) rotateY(3.0395813347deg) scale(.9624036658)}html[platform=ph] .rain-container .icon:nth-child(6){left:51.4735854757%;animation-name:drop;animation-timing-function:linear;animation-duration:3.4986041498s;animation-delay:2.9971979294s;transform:rotateZ(26.3147981576deg) rotateX(-5.2893061494deg) rotateY(-4.7699479045deg) scale(.8778851361)}html[platform=ph] .rain-container .icon:nth-child(7){left:39.9553056212%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.9820433256s;animation-delay:1.4076618723s;transform:rotateZ(.9525227502deg) rotateX(8.6123896584deg) rotateY(-25.658846884deg) scale(.7426950836)}html[platform=ph] .rain-container .icon:nth-child(8){left:51.9210826996%;animation-name:drop;animation-timing-function:linear;animation-duration:2.023869478s;animation-delay:2.3305287289s;transform:rotateZ(-9.9604256077deg) rotateX(25.0079975815deg) rotateY(16.2688241811deg) scale(.7964260172)}html[platform=ph] .rain-container .icon:nth-child(9){left:40.4916852105%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.8028667149s;animation-delay:.3179352334s;transform:rotateZ(10.6759639695deg) rotateX(-21.5622884777deg) rotateY(-15.196897649deg) scale(.8361629587)}html[platform=ph] .rain-container .icon:nth-child(10){left:66.4476441428%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.47976743s;animation-delay:.8532716345s;transform:rotateZ(-26.2477795742deg) rotateX(-24.1685253325deg) rotateY(-5.3535253954deg) scale(.8453518094)}@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:-21.0489877434%}}@keyframes move-right{from{margin-left:0}to{margin-left:27.8071013009%}}@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;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=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-success{position:absolute;top:50%;left:50%;width:430px;height:370px;margin-top:-185px;margin-left:-215px;padding:160px 75px 0}html[platform=cn] .rain-container .bag-view .prize-success .prize-btn{position:relative;display:flex;align-items:center;justify-content:center}html[platform=cn] .rain-container .bag-view .prize-success .dollar-sign{position:relative;color:#ff3c52;display:inline-block;vertical-align:top;font-size:24px;margin-left:12px;margin-top:12px}html[platform=cn] .rain-container .bag-view .prize-success .money{position:relative;font-size:50px;text-align:center;color:#ff3c52;font-weight:700}html[platform=cn] .rain-container .bag-view .prize-success .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=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:160px 75px 0;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 .bag-close{position:absolute;width:40px;height:40px;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;top:50%;left:50%;margin-left:-25px;margin-top:205px;cursor:pointer;z-index:100}html[platform=cn] .rain-container .bag-1{left:35.8684791307%;animation-name:drop,move-left;animation-duration:4.9549503006s;animation-delay:1.360537529s;transform:rotateZ(-9.8076019222deg) rotateX(4.7202709536deg) rotateY(13.3773027479deg)}html[platform=cn] .rain-container .bag-2{left:48.2124174208%;animation-name:drop;animation-duration:3.600651544s;animation-delay:1.638178833s;transform:rotateZ(15.8670455479deg) rotateX(2.0019132164deg) rotateY(9.6594563702deg)}html[platform=cn] .rain-container .bag-3{left:59.0188920863%;animation-name:drop;animation-duration:3.4427513235s;animation-delay:2.4016161563s;transform:rotateZ(7.8312570188deg) rotateX(4.9601409777deg) rotateY(-18.1445787428deg)}html[platform=cn] .rain-container .bag-4{left:47.4066394572%;animation-name:drop,move-left;animation-duration:2.1531925063s;animation-delay:2.3151715943s;transform:rotateZ(-17.1773815669deg) rotateX(-29.1578368653deg) rotateY(-.9753705853deg)}html[platform=cn] .rain-container .bag-5{left:49.3546655421%;animation-name:drop;animation-duration:3.2238915568s;animation-delay:.6418209185s;transform:rotateZ(-19.2025033949deg) rotateX(-14.0638922015deg) rotateY(1.9620673458deg)}html[platform=cn] .rain-container .bag-6{left:31.6957979033%;animation-name:drop,move-left;animation-duration:4.6357974375s;animation-delay:1.4598246385s;transform:rotateZ(25.4645236081deg) rotateX(24.012790646deg) rotateY(-7.9586339132deg)}html[platform=cn] .rain-container .bag-7{left:67.1762058933%;animation-name:drop;animation-duration:4.3868315373s;animation-delay:1.0948620288s;transform:rotateZ(5.802905951deg) rotateX(-4.524316831deg) rotateY(25.0893267845deg)}html[platform=cn] .rain-container .bag-8{left:73.377521284%;animation-name:drop;animation-duration:2.0456119823s;animation-delay:1.2353272734s;transform:rotateZ(5.1410722559deg) rotateX(-6.0761503898deg) rotateY(-21.0870063124deg)}html[platform=cn] .rain-container .bag-9{left:69.0615650018%;animation-name:drop,move-left;animation-duration:3.5271039559s;animation-delay:2.2173626962s;transform:rotateZ(-26.3722215561deg) rotateX(15.344277263deg) rotateY(-8.376084056deg)}html[platform=cn] .rain-container .bag-10{left:61.7110053443%;animation-name:drop;animation-duration:2.8995023722s;animation-delay:2.7477671171s;transform:rotateZ(-19.6395954523deg) rotateX(29.7581807727deg) rotateY(7.3055169892deg)}html[platform=cn] .rain-container .bag-11{left:42.4518455627%;animation-name:drop,move-left;animation-duration:2.2518323764s;animation-delay:21.2917388ms;transform:rotateZ(-10.5609850298deg) rotateX(.223137098deg) rotateY(-1.0629654268deg)}html[platform=cn] .rain-container .bag-12{left:54.952232656%;animation-name:drop,move-right;animation-duration:2.8368013637s;animation-delay:1.3215764317s;transform:rotateZ(25.6301869533deg) rotateX(13.2933364763deg) rotateY(10.3311942899deg)}html[platform=cn] .rain-container .bag-13{left:60.0310956621%;animation-name:drop;animation-duration:3.0278734952s;animation-delay:1.7648101857s;transform:rotateZ(-3.1599733699deg) rotateX(-11.1433431764deg) rotateY(-5.4282811428deg)}html[platform=cn] .rain-container .bag-14{left:41.1979582476%;animation-name:drop;animation-duration:2.7213199481s;animation-delay:2.2527779042s;transform:rotateZ(19.1683972386deg) rotateX(29.2620200619deg) rotateY(25.108485991deg)}html[platform=cn] .rain-container .bag-15{left:66.9932424151%;animation-name:drop,move-right;animation-duration:2.1898665122s;animation-delay:2.1944276103s;transform:rotateZ(-13.2373672084deg) rotateX(-15.3394620971deg) rotateY(13.6884696251deg)}html[platform=cn] .rain-container .bag-16{left:26.8322003291%;animation-name:drop;animation-duration:2.226455245s;animation-delay:2.8647168666s;transform:rotateZ(-17.2173441479deg) rotateX(11.971596086deg) rotateY(-20.1754140353deg)}html[platform=cn] .rain-container .bag-17{left:72.3331870284%;animation-name:drop;animation-duration:4.0194334355s;animation-delay:1.8153578403s;transform:rotateZ(4.3003295237deg) rotateX(-21.7351901172deg) rotateY(1.3171162973deg)}html[platform=cn] .rain-container .bag-18{left:36.270659099%;animation-name:drop,move-left;animation-duration:2.5489752419s;animation-delay:1.5953538613s;transform:rotateZ(-29.5828939443deg) rotateX(2.199926391deg) rotateY(14.5677367182deg)}html[platform=cn] .rain-container .bag-19{left:47.8041670102%;animation-name:drop,move-left;animation-duration:3.758512989s;animation-delay:1.1327131825s;transform:rotateZ(10.1013805832deg) rotateX(28.6909689528deg) rotateY(-7.9980036083deg)}html[platform=cn] .rain-container .bag-20{left:25.6578331661%;animation-name:drop,move-left;animation-duration:4.9966364376s;animation-delay:2.7507488064s;transform:rotateZ(-21.7669257286deg) rotateX(3.5661240297deg) rotateY(19.4857299106deg)}html[platform=cn] .rain-container .bag-21{left:44.1153161753%;animation-name:drop;animation-duration:3.6430236646s;animation-delay:1.0654495312s;transform:rotateZ(-17.4191172948deg) rotateX(-3.0600777907deg) rotateY(4.9322520851deg)}html[platform=cn] .rain-container .bag-22{left:45.9084903326%;animation-name:drop,move-right;animation-duration:3.5860977615s;animation-delay:2.1058187237s;transform:rotateZ(-14.4198026906deg) rotateX(-18.1580703528deg) rotateY(-27.9923524585deg)}html[platform=cn] .rain-container .bag-23{left:32.9258258329%;animation-name:drop,move-left;animation-duration:3.8505359832s;animation-delay:2.0606103417s;transform:rotateZ(-3.1768780862deg) rotateX(18.4801631651deg) rotateY(21.855364188deg)}html[platform=cn] .rain-container .bag-24{left:50.6619719726%;animation-name:drop;animation-duration:4.0433095634s;animation-delay:1.610095142s;transform:rotateZ(20.7844233399deg) rotateX(28.6236667983deg) rotateY(.8607575615deg)}html[platform=cn] .rain-container .bag-25{left:34.9326678862%;animation-name:drop,move-right;animation-duration:2.9374567581s;animation-delay:63.1874749ms;transform:rotateZ(-23.827154763deg) rotateX(-16.4407099343deg) rotateY(9.6552196166deg)}html[platform=cn] .rain-container .bag-26{left:38.5888325711%;animation-name:drop;animation-duration:3.9708973495s;animation-delay:.6532649533s;transform:rotateZ(12.5893533086deg) rotateX(29.2376911281deg) rotateY(19.5593376408deg)}html[platform=cn] .rain-container .bag-27{left:39.6807412801%;animation-name:drop,move-left;animation-duration:3.5733769488s;animation-delay:1.0180820694s;transform:rotateZ(-9.7270308007deg) rotateX(5.5793208438deg) rotateY(5.744650472deg)}html[platform=cn] .rain-container .bag-28{left:56.6616306219%;animation-name:drop,move-left;animation-duration:4.8489387386s;animation-delay:2.8698772116s;transform:rotateZ(16.8340927409deg) rotateX(-23.8124001404deg) rotateY(10.3717335115deg)}html[platform=cn] .rain-container .bag-29{left:53.3622473064%;animation-name:drop;animation-duration:2.7738723714s;animation-delay:1.4673319166s;transform:rotateZ(-24.1043318595deg) rotateX(12.3803816949deg) rotateY(-13.6960751453deg)}html[platform=cn] .rain-container .bag-30{left:41.3980711455%;animation-name:drop;animation-duration:3.4025180528s;animation-delay:2.496829026s;transform:rotateZ(-22.8553409286deg) rotateX(-28.9124907614deg) rotateY(-16.0187306582deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:25.4583666258%;animation-name:drop;animation-timing-function:linear;animation-duration:3.9905984482s;animation-delay:1.0377050832s;transform:rotateZ(-22.4334038488deg) rotateX(-14.5807870185deg) rotateY(-9.3354161363deg) scale(1.0524434971)}html[platform=cn] .rain-container .icon:nth-child(2){left:53.4246125821%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2387025978s;animation-delay:1.4893349429s;transform:rotateZ(-20.9762652344deg) rotateX(-27.5884700232deg) rotateY(-11.1149777002deg) scale(1.1665526571)}html[platform=cn] .rain-container .icon:nth-child(3){left:35.2787012807%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6317283974s;animation-delay:1.9042697697s;transform:rotateZ(21.7591449687deg) rotateX(-14.8574835566deg) rotateY(-10.3016582799deg) scale(1.1233031152)}html[platform=cn] .rain-container .icon:nth-child(4){left:56.6435578286%;animation-name:drop;animation-timing-function:linear;animation-duration:3.1561721259s;animation-delay:1.5484728462s;transform:rotateZ(26.2515241246deg) rotateX(19.2058228093deg) rotateY(-20.2564356368deg) scale(1.1513118936)}html[platform=cn] .rain-container .icon:nth-child(5){left:71.7686011505%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6105757667s;animation-delay:1.7241631095s;transform:rotateZ(-13.7876746229deg) rotateX(3.6049700927deg) rotateY(-25.545910486deg) scale(1.1616036676)}html[platform=cn] .rain-container .icon:nth-child(6){left:58.4383137261%;animation-name:drop;animation-timing-function:linear;animation-duration:2.5004794472s;animation-delay:2.4650225485s;transform:rotateZ(-13.4133500374deg) rotateX(-19.622571072deg) rotateY(21.7432287599deg) scale(.9159111272)}html[platform=cn] .rain-container .icon:nth-child(7){left:25.4985027891%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.2104565729s;animation-delay:.6103098565s;transform:rotateZ(2.9211377797deg) rotateX(28.0156110203deg) rotateY(27.6207415244deg) scale(.9894977085)}html[platform=cn] .rain-container .icon:nth-child(8){left:65.018195778%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.8914188738s;animation-delay:2.4918597793s;transform:rotateZ(24.9468167992deg) rotateX(-1.4488271901deg) rotateY(-13.7690245673deg) scale(.9402074501)}html[platform=cn] .rain-container .icon:nth-child(9){left:73.9406588794%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.0131631262s;animation-delay:1.9090735718s;transform:rotateZ(1.2601743991deg) rotateX(13.5578628904deg) rotateY(-8.8545412988deg) scale(1.0060580192)}html[platform=cn] .rain-container .icon:nth-child(10){left:27.8320255205%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.1518011063s;animation-delay:2.7677478367s;transform:rotateZ(-19.2655315673deg) rotateX(-13.2373915313deg) rotateY(.7413619396deg) scale(.8638643498)}@keyframes drop{from{visibility:visible;top:0}50%{opacity:1}to{top:100%;opacity:0}}@keyframes move-left{from{margin-left:0}to{margin-left:-8.694407721%}}@keyframes move-right{from{margin-left:0}to{margin-left:19.9651969718%}}@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}