@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:59.0192076887%;animation-name:drop,move-left;animation-duration:2.1152780286s;animation-delay:47.5087404ms;transform:rotateZ(-8.5600137348deg) rotateX(27.9592942513deg) rotateY(25.4036468358deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:25.7705947125%;animation-name:drop;animation-duration:3.7065447423s;animation-delay:2.9600190883s;transform:rotateZ(-29.0247387125deg) rotateX(24.152949742deg) rotateY(-6.4899907424deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:74.402487949%;animation-name:drop;animation-duration:3.7760523526s;animation-delay:2.7536515521s;transform:rotateZ(-10.1926148134deg) rotateX(26.6267098692deg) rotateY(-14.2999994575deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:41.0847014518%;animation-name:drop,move-right;animation-duration:3.2661692484s;animation-delay:1.0028446645s;transform:rotateZ(29.298125038deg) rotateX(7.7780273298deg) rotateY(-13.0698246116deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:71.7400509081%;animation-name:drop,move-right;animation-duration:3.6511155718s;animation-delay:.9412452162s;transform:rotateZ(-8.0025207595deg) rotateX(-11.7884141144deg) rotateY(-18.6199870453deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:28.4736641173%;animation-name:drop,move-right;animation-duration:4.9173142391s;animation-delay:.8270886533s;transform:rotateZ(2.4248256974deg) rotateX(29.1581882716deg) rotateY(-16.7526461545deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:60.9294621146%;animation-name:drop;animation-duration:4.2893657829s;animation-delay:1.5970846338s;transform:rotateZ(19.2556614773deg) rotateX(-11.448232533deg) rotateY(7.1009946781deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:27.345200364%;animation-name:drop;animation-duration:2.1645566763s;animation-delay:.28606726s;transform:rotateZ(-13.7525845172deg) rotateX(-17.6791733783deg) rotateY(-5.880410024deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:51.7011228528%;animation-name:drop;animation-duration:3.6676590195s;animation-delay:2.7341222831s;transform:rotateZ(-17.6611137863deg) rotateX(25.4091181284deg) rotateY(-16.1170085156deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:68.2435955587%;animation-name:drop,move-left;animation-duration:3.1832588705s;animation-delay:1.6809946736s;transform:rotateZ(20.3254669121deg) rotateX(-6.6616685776deg) rotateY(-8.0979043892deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:39.5277955092%;animation-name:drop;animation-duration:2.7074939868s;animation-delay:2.4933727436s;transform:rotateZ(-25.339121945deg) rotateX(29.8044578deg) rotateY(-10.5329078497deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:27.4658554472%;animation-name:drop;animation-duration:3.0436447653s;animation-delay:1.982494531s;transform:rotateZ(-.8377179046deg) rotateX(5.3799338184deg) rotateY(-16.3248480647deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:41.4992526306%;animation-name:drop;animation-duration:4.8458218776s;animation-delay:1.3106015808s;transform:rotateZ(-25.8628281395deg) rotateX(-27.2566833971deg) rotateY(13.68349762deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:33.4199086952%;animation-name:drop,move-right;animation-duration:3.5785400818s;animation-delay:1.8740472514s;transform:rotateZ(-27.7007885112deg) rotateX(.3606826722deg) rotateY(-5.9851460665deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:25.9694008424%;animation-name:drop,move-right;animation-duration:4.0991641466s;animation-delay:2.1243409188s;transform:rotateZ(-6.1662598372deg) rotateX(-18.3932956647deg) rotateY(-11.6905610402deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:28.7567853475%;animation-name:drop,move-right;animation-duration:4.0956770121s;animation-delay:1.7831042949s;transform:rotateZ(21.2489621907deg) rotateX(1.7696324993deg) rotateY(16.1614651741deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:36.0231748002%;animation-name:drop,move-right;animation-duration:4.894982879s;animation-delay:.8167488737s;transform:rotateZ(18.8775972144deg) rotateX(-24.985810508deg) rotateY(-4.9551581069deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:29.3649131718%;animation-name:drop,move-left;animation-duration:3.949565298s;animation-delay:1.3567749714s;transform:rotateZ(5.1586265377deg) rotateX(17.3064649498deg) rotateY(15.5972715472deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:57.469704422%;animation-name:drop;animation-duration:3.3168191801s;animation-delay:1.6364595246s;transform:rotateZ(21.1955675924deg) rotateX(8.4904143387deg) rotateY(29.9135578228deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:61.6158650165%;animation-name:drop,move-left;animation-duration:4.1317840357s;animation-delay:1.9719694215s;transform:rotateZ(-24.9088952665deg) rotateX(-12.2144439599deg) rotateY(6.4881618495deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:71.0222791983%;animation-name:drop,move-left;animation-duration:4.0059551102s;animation-delay:1.732806622s;transform:rotateZ(-13.244758857deg) rotateX(-17.2523268285deg) rotateY(28.0127658306deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:36.3374402269%;animation-name:drop;animation-duration:4.8640591601s;animation-delay:2.4210972892s;transform:rotateZ(19.7652978823deg) rotateX(-11.8319296291deg) rotateY(17.4138760085deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:67.86009634%;animation-name:drop;animation-duration:3.2072923418s;animation-delay:2.4407802396s;transform:rotateZ(-24.618883383deg) rotateX(-10.5645662815deg) rotateY(-18.0084409791deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:42.7904952115%;animation-name:drop;animation-duration:4.9202300508s;animation-delay:2.4198219462s;transform:rotateZ(12.9516828076deg) rotateX(-26.5356125692deg) rotateY(-3.8285934703deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:55.9580355044%;animation-name:drop;animation-duration:3.9718122929s;animation-delay:.7457964648s;transform:rotateZ(-18.8963647785deg) rotateX(16.8119633802deg) rotateY(-11.2051697563deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:48.4238836413%;animation-name:drop,move-left;animation-duration:3.5361740345s;animation-delay:.3057240893s;transform:rotateZ(-5.8258081001deg) rotateX(28.9110197427deg) rotateY(-26.209476842deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:46.1902421614%;animation-name:drop,move-right;animation-duration:4.1021258281s;animation-delay:1.6016814114s;transform:rotateZ(-8.8229772005deg) rotateX(26.0574834939deg) rotateY(1.0265364057deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:55.8335875278%;animation-name:drop,move-left;animation-duration:3.7472428254s;animation-delay:2.2803637955s;transform:rotateZ(21.6712084777deg) rotateX(3.2066028745deg) rotateY(-10.0095962201deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:25.1621327484%;animation-name:drop,move-left;animation-duration:2.7160862367s;animation-delay:1.4476841471s;transform:rotateZ(6.3192834442deg) rotateX(23.0819536099deg) rotateY(-17.4633671919deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:58.8349576997%;animation-name:drop;animation-duration:2.2907513391s;animation-delay:2.3094076823s;transform:rotateZ(-6.0211534546deg) rotateX(-20.3788408734deg) rotateY(18.0303562716deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:67.1158662862%;animation-name:drop;animation-timing-function:linear;animation-duration:3.1455540377s;animation-delay:2.6334245736s;transform:rotateZ(18.1150481533deg) rotateX(-20.9390255616deg) rotateY(23.4284951561deg) scale(.8671288351)}html[platform=ph] .rain-container .icon:nth-child(2){left:37.1429191319%;animation-name:drop;animation-timing-function:linear;animation-duration:2.6306888326s;animation-delay:1.9480239702s;transform:rotateZ(13.437238934deg) rotateX(24.3463681049deg) rotateY(-9.1341302628deg) scale(1.0131825996)}html[platform=ph] .rain-container .icon:nth-child(3){left:34.9801195207%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6839250409s;animation-delay:86.3527759ms;transform:rotateZ(-2.0944833756deg) rotateX(21.0909080235deg) rotateY(7.8363709016deg) scale(1.0701646191)}html[platform=ph] .rain-container .icon:nth-child(4){left:56.1927056354%;animation-name:drop;animation-timing-function:linear;animation-duration:3.471175246s;animation-delay:2.9256407677s;transform:rotateZ(-29.9181424326deg) rotateX(18.8816439763deg) rotateY(-16.6197115439deg) scale(.9400167332)}html[platform=ph] .rain-container .icon:nth-child(5){left:36.6261094283%;animation-name:drop;animation-timing-function:linear;animation-duration:2.6002564638s;animation-delay:1.256726862s;transform:rotateZ(.352448342deg) rotateX(24.1147330879deg) rotateY(1.8090239399deg) scale(1.1813878888)}html[platform=ph] .rain-container .icon:nth-child(6){left:35.1273840718%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.6060345444s;animation-delay:1.9669265873s;transform:rotateZ(25.272878401deg) rotateX(-3.9551915859deg) rotateY(-8.6832127472deg) scale(.9993297979)}html[platform=ph] .rain-container .icon:nth-child(7){left:61.9807936881%;animation-name:drop;animation-timing-function:linear;animation-duration:4.0387156237s;animation-delay:.9913390507s;transform:rotateZ(16.6029971758deg) rotateX(17.1769477528deg) rotateY(-1.6801753092deg) scale(1.1299641507)}html[platform=ph] .rain-container .icon:nth-child(8){left:57.903646161%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.7779483022s;animation-delay:.2929486387s;transform:rotateZ(-13.9377115254deg) rotateX(21.1402382218deg) rotateY(-14.6830138598deg) scale(1.1984848137)}html[platform=ph] .rain-container .icon:nth-child(9){left:62.0414814751%;animation-name:drop;animation-timing-function:linear;animation-duration:3.8502521324s;animation-delay:.128525244s;transform:rotateZ(15.6659841658deg) rotateX(-13.2083590464deg) rotateY(-29.4895754186deg) scale(1.042537875)}html[platform=ph] .rain-container .icon:nth-child(10){left:39.7403471718%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.7956776821s;animation-delay:1.7388842647s;transform:rotateZ(25.1994555075deg) rotateX(-15.5620675585deg) rotateY(16.7219786702deg) scale(1.0597611345)}@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:-28.6263354194%}}@keyframes move-right{from{margin-left:0}to{margin-left:10.2613059603%}}@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:51.1845326933%;animation-name:drop,move-left;animation-duration:4.4626885467s;animation-delay:.8693541944s;transform:rotateZ(18.5648084219deg) rotateX(.1865102486deg) rotateY(-17.6021827634deg)}html[platform=cn] .rain-container .bag-2{left:56.8645951633%;animation-name:drop,move-right;animation-duration:3.580831298s;animation-delay:.502338903s;transform:rotateZ(-23.6606975867deg) rotateX(-14.2415324525deg) rotateY(-7.3274787362deg)}html[platform=cn] .rain-container .bag-3{left:47.8040395691%;animation-name:drop,move-right;animation-duration:2.2642630824s;animation-delay:2.1193558148s;transform:rotateZ(28.0577612075deg) rotateX(27.6243833087deg) rotateY(-7.4498721296deg)}html[platform=cn] .rain-container .bag-4{left:42.4083874033%;animation-name:drop,move-left;animation-duration:4.6127865292s;animation-delay:2.1143629314s;transform:rotateZ(-7.8655728816deg) rotateX(9.7143192058deg) rotateY(-28.1536178043deg)}html[platform=cn] .rain-container .bag-5{left:48.7987902902%;animation-name:drop,move-right;animation-duration:2.3146616277s;animation-delay:.3822687776s;transform:rotateZ(-25.0368534192deg) rotateX(19.8525372435deg) rotateY(-9.7228961685deg)}html[platform=cn] .rain-container .bag-6{left:55.4422379128%;animation-name:drop,move-left;animation-duration:2.1920856857s;animation-delay:.7253112153s;transform:rotateZ(24.5029862144deg) rotateX(15.0052863383deg) rotateY(25.6702549672deg)}html[platform=cn] .rain-container .bag-7{left:43.7849964549%;animation-name:drop;animation-duration:3.0095503827s;animation-delay:47.2029992ms;transform:rotateZ(19.5990908632deg) rotateX(-14.6448570273deg) rotateY(-19.7496290795deg)}html[platform=cn] .rain-container .bag-8{left:60.1336713868%;animation-name:drop;animation-duration:4.801608689s;animation-delay:2.5567787259s;transform:rotateZ(11.6950464016deg) rotateX(19.0118317354deg) rotateY(22.2213202213deg)}html[platform=cn] .rain-container .bag-9{left:31.7493815902%;animation-name:drop,move-left;animation-duration:3.1055433895s;animation-delay:2.4022574525s;transform:rotateZ(11.9978723376deg) rotateX(-2.9143949868deg) rotateY(-7.193916088deg)}html[platform=cn] .rain-container .bag-10{left:29.0162273072%;animation-name:drop;animation-duration:3.7905102005s;animation-delay:.4735428354s;transform:rotateZ(-21.0734253738deg) rotateX(8.0575824191deg) rotateY(-3.0403592594deg)}html[platform=cn] .rain-container .bag-11{left:53.7657916072%;animation-name:drop;animation-duration:4.6148437125s;animation-delay:1.8622831165s;transform:rotateZ(3.2353863499deg) rotateX(22.236469773deg) rotateY(-22.3773947827deg)}html[platform=cn] .rain-container .bag-12{left:53.7126780376%;animation-name:drop,move-left;animation-duration:2.7517162324s;animation-delay:.9933415029s;transform:rotateZ(-17.1015347933deg) rotateX(11.3600050947deg) rotateY(9.1411265854deg)}html[platform=cn] .rain-container .bag-13{left:63.5406646857%;animation-name:drop,move-left;animation-duration:2.6042748314s;animation-delay:.7672295734s;transform:rotateZ(14.7757158584deg) rotateX(-25.1489573692deg) rotateY(13.5666923884deg)}html[platform=cn] .rain-container .bag-14{left:55.3004191536%;animation-name:drop,move-left;animation-duration:2.2132647984s;animation-delay:2.7718541381s;transform:rotateZ(-11.8486926393deg) rotateX(4.9502506729deg) rotateY(-3.1889057337deg)}html[platform=cn] .rain-container .bag-15{left:39.8429598058%;animation-name:drop;animation-duration:4.7482113008s;animation-delay:2.8100554701s;transform:rotateZ(-4.6680993207deg) rotateX(9.695500131deg) rotateY(12.7640780223deg)}html[platform=cn] .rain-container .bag-16{left:38.6342606707%;animation-name:drop;animation-duration:4.3318082049s;animation-delay:.7674900948s;transform:rotateZ(29.4498501569deg) rotateX(10.5195884471deg) rotateY(-4.0708261758deg)}html[platform=cn] .rain-container .bag-17{left:52.1623153113%;animation-name:drop,move-right;animation-duration:2.1773313513s;animation-delay:1.3226307419s;transform:rotateZ(-25.0720208797deg) rotateX(9.990061352deg) rotateY(5.532954857deg)}html[platform=cn] .rain-container .bag-18{left:54.2929446254%;animation-name:drop,move-left;animation-duration:3.8349660953s;animation-delay:2.2758494338s;transform:rotateZ(18.9533797977deg) rotateX(-12.2644947863deg) rotateY(-6.0692525627deg)}html[platform=cn] .rain-container .bag-19{left:50.715052723%;animation-name:drop;animation-duration:2.9315937376s;animation-delay:.2719575613s;transform:rotateZ(20.6384933071deg) rotateX(-18.7854131809deg) rotateY(4.8283437818deg)}html[platform=cn] .rain-container .bag-20{left:50.3962445037%;animation-name:drop;animation-duration:2.6730634603s;animation-delay:1.3682128093s;transform:rotateZ(-23.7429618339deg) rotateX(-26.5467425962deg) rotateY(-1.2957685131deg)}html[platform=cn] .rain-container .bag-21{left:57.2557436422%;animation-name:drop,move-right;animation-duration:3.3165406239s;animation-delay:.2279361737s;transform:rotateZ(-18.0437757031deg) rotateX(4.8943426992deg) rotateY(22.2347584068deg)}html[platform=cn] .rain-container .bag-22{left:57.4651488532%;animation-name:drop;animation-duration:3.6563316281s;animation-delay:2.4449303817s;transform:rotateZ(1.2521327465deg) rotateX(13.4040421835deg) rotateY(-18.5223408987deg)}html[platform=cn] .rain-container .bag-23{left:36.2815912702%;animation-name:drop;animation-duration:4.1232964311s;animation-delay:.5787926966s;transform:rotateZ(29.6519313794deg) rotateX(-16.6770246098deg) rotateY(-21.0472807173deg)}html[platform=cn] .rain-container .bag-24{left:44.6758599265%;animation-name:drop,move-right;animation-duration:2.3457271498s;animation-delay:1.1671434992s;transform:rotateZ(-15.0577622136deg) rotateX(-17.9379026819deg) rotateY(23.858513203deg)}html[platform=cn] .rain-container .bag-25{left:31.8028349361%;animation-name:drop,move-right;animation-duration:4.3175879176s;animation-delay:1.2150329779s;transform:rotateZ(5.1382700222deg) rotateX(8.5985136477deg) rotateY(-1.4179280953deg)}html[platform=cn] .rain-container .bag-26{left:53.9570768022%;animation-name:drop;animation-duration:4.5685171918s;animation-delay:.1572090628s;transform:rotateZ(-9.2004521476deg) rotateX(-27.3108503592deg) rotateY(-21.4151754397deg)}html[platform=cn] .rain-container .bag-27{left:25.0651992838%;animation-name:drop,move-left;animation-duration:4.7334516585s;animation-delay:.4230576605s;transform:rotateZ(-4.9543214725deg) rotateX(27.2458343295deg) rotateY(-22.7547347534deg)}html[platform=cn] .rain-container .bag-28{left:25.760003258%;animation-name:drop;animation-duration:3.4991760736s;animation-delay:2.3094452119s;transform:rotateZ(-12.8032139417deg) rotateX(-.0479439407deg) rotateY(-10.0453062808deg)}html[platform=cn] .rain-container .bag-29{left:53.0201889822%;animation-name:drop;animation-duration:3.4198392755s;animation-delay:1.1438217533s;transform:rotateZ(3.2819909239deg) rotateX(-29.6734576207deg) rotateY(10.8995041781deg)}html[platform=cn] .rain-container .bag-30{left:27.1365397048%;animation-name:drop;animation-duration:4.4981340881s;animation-delay:1.744165841s;transform:rotateZ(10.3741044661deg) rotateX(-3.741028664deg) rotateY(25.7351746092deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:66.4181282732%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.4383172821s;animation-delay:.1702273542s;transform:rotateZ(8.7353579321deg) rotateX(-18.2237677465deg) rotateY(-14.6765410685deg) scale(1.1785052258)}html[platform=cn] .rain-container .icon:nth-child(2){left:63.2928914543%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.5382559726s;animation-delay:18.3009087ms;transform:rotateZ(-11.6383310534deg) rotateX(-.0910435542deg) rotateY(-18.2413386215deg) scale(.7373230797)}html[platform=cn] .rain-container .icon:nth-child(3){left:73.2945009541%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.3408039741s;animation-delay:1.0849078831s;transform:rotateZ(-19.4532649918deg) rotateX(-9.4274342895deg) rotateY(-5.9206429818deg) scale(.9670106128)}html[platform=cn] .rain-container .icon:nth-child(4){left:50.3842073576%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.3480332376s;animation-delay:.4690146133s;transform:rotateZ(-.1730897941deg) rotateX(-10.751570538deg) rotateY(2.2319566029deg) scale(.9447606714)}html[platform=cn] .rain-container .icon:nth-child(5){left:60.7391506616%;animation-name:drop;animation-timing-function:linear;animation-duration:3.8019520958s;animation-delay:1.3906436734s;transform:rotateZ(-25.193481559deg) rotateX(-5.2554627957deg) rotateY(3.1016416893deg) scale(.9713973183)}html[platform=cn] .rain-container .icon:nth-child(6){left:48.2695003209%;animation-name:drop;animation-timing-function:linear;animation-duration:4.2921084794s;animation-delay:1.1535101806s;transform:rotateZ(22.5998658383deg) rotateX(8.4925328451deg) rotateY(-22.2372122117deg) scale(.7637534646)}html[platform=cn] .rain-container .icon:nth-child(7){left:72.6128568287%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2052285833s;animation-delay:.4847019287s;transform:rotateZ(19.3180247557deg) rotateX(9.4591593208deg) rotateY(-.4680632367deg) scale(.7352459411)}html[platform=cn] .rain-container .icon:nth-child(8){left:31.3895776213%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.7532391997s;animation-delay:1.6824321978s;transform:rotateZ(-11.4087784421deg) rotateX(-18.8800339486deg) rotateY(10.7927213103deg) scale(1.0912813834)}html[platform=cn] .rain-container .icon:nth-child(9){left:59.032878222%;animation-name:drop;animation-timing-function:linear;animation-duration:2.9473850756s;animation-delay:2.6756891369s;transform:rotateZ(4.4519387505deg) rotateX(-17.036045138deg) rotateY(28.6156681103deg) scale(.8201025211)}html[platform=cn] .rain-container .icon:nth-child(10){left:34.1638289644%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.1571067754s;animation-delay:.6948497441s;transform:rotateZ(4.5037806856deg) rotateX(-18.6361099434deg) rotateY(23.9390964827deg) scale(.8821667876)}@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:-5.2769908455%}}@keyframes move-right{from{margin-left:0}to{margin-left:14.0984917812%}}@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}