@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:70.1465317321%;animation-name:drop;animation-duration:4.4309987443s;animation-delay:.4007612773s;transform:rotateZ(18.9830105866deg) rotateX(-9.9537659633deg) rotateY(25.8681422609deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:35.9870626692%;animation-name:drop,move-left;animation-duration:4.2368892334s;animation-delay:.3923098071s;transform:rotateZ(4.7457078372deg) rotateX(-25.9256269367deg) rotateY(14.9877564614deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:54.8003247328%;animation-name:drop;animation-duration:2.5068886816s;animation-delay:1.0982695873s;transform:rotateZ(4.2448918399deg) rotateX(-14.6093161947deg) rotateY(1.0208655128deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:33.2593466102%;animation-name:drop,move-right;animation-duration:3.0693663289s;animation-delay:2.7894466975s;transform:rotateZ(-26.3393945944deg) rotateX(5.9142527919deg) rotateY(-14.6936928503deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:39.4560497488%;animation-name:drop,move-left;animation-duration:3.6326938319s;animation-delay:.6048076338s;transform:rotateZ(26.014561677deg) rotateX(-7.2244496185deg) rotateY(10.9401235403deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:34.8317769844%;animation-name:drop,move-left;animation-duration:4.7587596111s;animation-delay:1.7299451906s;transform:rotateZ(5.8756319217deg) rotateX(-29.2499110361deg) rotateY(-2.4681119801deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:43.6774013197%;animation-name:drop,move-right;animation-duration:4.4328384201s;animation-delay:.5516781972s;transform:rotateZ(25.7111052395deg) rotateX(-8.793457052deg) rotateY(3.406285455deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:34.4040821377%;animation-name:drop;animation-duration:3.5277588067s;animation-delay:1.0146112839s;transform:rotateZ(-23.866683425deg) rotateX(-11.6902755957deg) rotateY(-17.4541255356deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:48.1897219363%;animation-name:drop,move-left;animation-duration:4.5766071233s;animation-delay:.8620453626s;transform:rotateZ(-6.1259367442deg) rotateX(25.3328901605deg) rotateY(-13.5827650198deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:72.9672552675%;animation-name:drop,move-left;animation-duration:4.8038594244s;animation-delay:2.6105983597s;transform:rotateZ(20.1695673783deg) rotateX(-.1546349485deg) rotateY(6.3402356859deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:70.3817448057%;animation-name:drop,move-left;animation-duration:3.1899072392s;animation-delay:.8493824318s;transform:rotateZ(-3.0414292505deg) rotateX(-11.2835064722deg) rotateY(-7.5536342587deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:31.8860476314%;animation-name:drop;animation-duration:4.394580548s;animation-delay:2.8586564283s;transform:rotateZ(2.8086641161deg) rotateX(10.0652348337deg) rotateY(-14.5093317949deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:37.8224898753%;animation-name:drop;animation-duration:4.9645565644s;animation-delay:2.1810235275s;transform:rotateZ(-4.1557276819deg) rotateX(20.447309112deg) rotateY(24.0625217509deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:48.2632573726%;animation-name:drop,move-right;animation-duration:3.3283432917s;animation-delay:2.9038458343s;transform:rotateZ(-14.0622227667deg) rotateX(6.0227477496deg) rotateY(21.1650683731deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:66.685195651%;animation-name:drop;animation-duration:4.4551993853s;animation-delay:.9914674911s;transform:rotateZ(28.3832608538deg) rotateX(-25.9657664025deg) rotateY(3.1683926375deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:66.0983107351%;animation-name:drop;animation-duration:4.1102864061s;animation-delay:1.4058261991s;transform:rotateZ(29.0689605442deg) rotateX(-.850439304deg) rotateY(15.273086469deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:51.9378678876%;animation-name:drop,move-right;animation-duration:4.010563675s;animation-delay:2.4515310387s;transform:rotateZ(12.034562509deg) rotateX(-.9228006431deg) rotateY(-26.7416828122deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:45.0122975944%;animation-name:drop,move-left;animation-duration:3.215411283s;animation-delay:1.0875647664s;transform:rotateZ(-16.5684657325deg) rotateX(-23.2711425241deg) rotateY(6.7701009968deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:63.4266896304%;animation-name:drop,move-left;animation-duration:3.2916458798s;animation-delay:1.4906090901s;transform:rotateZ(29.2073387722deg) rotateX(-28.2625471213deg) rotateY(19.3813502399deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:73.3998836942%;animation-name:drop,move-right;animation-duration:4.3372883775s;animation-delay:1.1828675561s;transform:rotateZ(-.8945712539deg) rotateX(4.1397609971deg) rotateY(12.142391455deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:36.1040854518%;animation-name:drop,move-right;animation-duration:4.328895467s;animation-delay:.423025881s;transform:rotateZ(-2.6949292198deg) rotateX(4.4947511992deg) rotateY(24.6258763619deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:38.8912548464%;animation-name:drop,move-right;animation-duration:4.6235476092s;animation-delay:1.8416315208s;transform:rotateZ(19.1352122479deg) rotateX(-11.7268395017deg) rotateY(-20.4057905244deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:39.0538277633%;animation-name:drop;animation-duration:2.0477797492s;animation-delay:1.4503031345s;transform:rotateZ(10.2128207384deg) rotateX(6.7135570094deg) rotateY(-13.7647930594deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:39.4531817018%;animation-name:drop,move-left;animation-duration:4.3800715935s;animation-delay:.3650292854s;transform:rotateZ(-17.7970299073deg) rotateX(24.3939239662deg) rotateY(-24.4198193831deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:69.2400125229%;animation-name:drop;animation-duration:4.7771727151s;animation-delay:1.3700197261s;transform:rotateZ(-28.14681083deg) rotateX(15.1081159188deg) rotateY(-22.9121457327deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:49.5259095681%;animation-name:drop;animation-duration:4.4426115846s;animation-delay:.3459603625s;transform:rotateZ(-19.7934229374deg) rotateX(19.7075406306deg) rotateY(-29.395387255deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:38.1704915958%;animation-name:drop;animation-duration:3.133425802s;animation-delay:.0668534671s;transform:rotateZ(-8.4498220963deg) rotateX(1.5463460481deg) rotateY(-24.6843352605deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:53.3917385138%;animation-name:drop;animation-duration:3.2119103409s;animation-delay:1.995479803s;transform:rotateZ(-14.5194871966deg) rotateX(-21.2234201313deg) rotateY(-28.6217495066deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:57.16682186%;animation-name:drop;animation-duration:2.8374704434s;animation-delay:.7807563636s;transform:rotateZ(-4.784614337deg) rotateX(24.1801700964deg) rotateY(-21.4572096392deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:68.4492469582%;animation-name:drop;animation-duration:4.9129770437s;animation-delay:.3819713689s;transform:rotateZ(-29.2146788354deg) rotateX(-24.6011123215deg) rotateY(-17.2045030412deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:59.0888321521%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.66399947s;animation-delay:2.8301625965s;transform:rotateZ(-11.2427311344deg) rotateX(-4.7053225279deg) rotateY(-27.7235265099deg) scale(.7699767027)}html[platform=ph] .rain-container .icon:nth-child(2){left:72.7818365842%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.6179729469s;animation-delay:81.2314914ms;transform:rotateZ(3.6234141385deg) rotateX(16.1944291512deg) rotateY(20.2409406433deg) scale(.7488801026)}html[platform=ph] .rain-container .icon:nth-child(3){left:67.815337168%;animation-name:drop;animation-timing-function:linear;animation-duration:3.0044272097s;animation-delay:.2018660594s;transform:rotateZ(9.5210832748deg) rotateX(3.8838755676deg) rotateY(-22.3012869573deg) scale(.9513238305)}html[platform=ph] .rain-container .icon:nth-child(4){left:59.9061465887%;animation-name:drop;animation-timing-function:linear;animation-duration:4.0715355165s;animation-delay:1.3398545426s;transform:rotateZ(-18.0244449842deg) rotateX(-23.0242011913deg) rotateY(-14.1355889267deg) scale(.859259323)}html[platform=ph] .rain-container .icon:nth-child(5){left:36.5372206421%;animation-name:drop;animation-timing-function:linear;animation-duration:3.9671424462s;animation-delay:.2131736285s;transform:rotateZ(-25.849974332deg) rotateX(25.9344286417deg) rotateY(-28.1963684233deg) scale(.8907421669)}html[platform=ph] .rain-container .icon:nth-child(6){left:49.1814953538%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.1680887447s;animation-delay:.2416013592s;transform:rotateZ(-8.5718661085deg) rotateX(-19.5844789361deg) rotateY(22.293066904deg) scale(.8975003831)}html[platform=ph] .rain-container .icon:nth-child(7){left:61.9135273651%;animation-name:drop;animation-timing-function:linear;animation-duration:2.2321896638s;animation-delay:2.781422486s;transform:rotateZ(9.0890074607deg) rotateX(15.808963505deg) rotateY(29.7707143095deg) scale(.7440006356)}html[platform=ph] .rain-container .icon:nth-child(8){left:37.9788245583%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2388779209s;animation-delay:1.203747752s;transform:rotateZ(-6.2439435815deg) rotateX(-27.6522085283deg) rotateY(11.4426317686deg) scale(1.0049369545)}html[platform=ph] .rain-container .icon:nth-child(9){left:52.4277854452%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.7255782941s;animation-delay:1.39328923s;transform:rotateZ(18.6258567627deg) rotateX(7.0117316897deg) rotateY(-29.4675399128deg) scale(.7974385548)}html[platform=ph] .rain-container .icon:nth-child(10){left:62.0421172582%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5712573288s;animation-delay:1.12032074s;transform:rotateZ(-.2125121298deg) rotateX(-16.6195886136deg) rotateY(-2.4901256511deg) scale(1.0241651006)}@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:-15.3094350858%}}@keyframes move-right{from{margin-left:0}to{margin-left:28.5467463652%}}@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:74.2485757463%;animation-name:drop;animation-duration:2.706155524s;animation-delay:1.5120664271s;transform:rotateZ(24.9276447795deg) rotateX(15.0917720949deg) rotateY(11.9893927433deg)}html[platform=cn] .rain-container .bag-2{left:54.0586070926%;animation-name:drop,move-right;animation-duration:4.4303847307s;animation-delay:1.0653266832s;transform:rotateZ(26.1700020584deg) rotateX(-2.468277806deg) rotateY(-8.906087255deg)}html[platform=cn] .rain-container .bag-3{left:38.962949231%;animation-name:drop,move-left;animation-duration:2.599863668s;animation-delay:.7248763206s;transform:rotateZ(12.433803563deg) rotateX(-15.5541929934deg) rotateY(29.2536717863deg)}html[platform=cn] .rain-container .bag-4{left:62.2964489511%;animation-name:drop,move-left;animation-duration:3.5637815792s;animation-delay:2.6922574241s;transform:rotateZ(-8.7782175947deg) rotateX(.4244917345deg) rotateY(-24.7353973278deg)}html[platform=cn] .rain-container .bag-5{left:68.9122562435%;animation-name:drop,move-left;animation-duration:4.3397382092s;animation-delay:1.133725662s;transform:rotateZ(-20.8449304076deg) rotateX(20.8767816043deg) rotateY(-6.2162403557deg)}html[platform=cn] .rain-container .bag-6{left:25.1852635731%;animation-name:drop,move-left;animation-duration:2.3625817731s;animation-delay:.7330946186s;transform:rotateZ(-23.7485845344deg) rotateX(25.8017191162deg) rotateY(7.8182482872deg)}html[platform=cn] .rain-container .bag-7{left:35.7547731671%;animation-name:drop,move-right;animation-duration:3.6964736s;animation-delay:.2247027382s;transform:rotateZ(4.7599918299deg) rotateX(-16.1428303508deg) rotateY(25.5747718264deg)}html[platform=cn] .rain-container .bag-8{left:40.6220926849%;animation-name:drop,move-left;animation-duration:3.3767342916s;animation-delay:2.7603234302s;transform:rotateZ(-2.7652436466deg) rotateX(-8.974837492deg) rotateY(-15.9473913595deg)}html[platform=cn] .rain-container .bag-9{left:64.3153987481%;animation-name:drop;animation-duration:3.9210497205s;animation-delay:1.3703209005s;transform:rotateZ(7.5874648065deg) rotateX(7.1096727316deg) rotateY(15.4443097096deg)}html[platform=cn] .rain-container .bag-10{left:70.5316705371%;animation-name:drop;animation-duration:4.4790039239s;animation-delay:.762274715s;transform:rotateZ(20.5610349504deg) rotateX(-24.7399484894deg) rotateY(.5640597168deg)}html[platform=cn] .rain-container .bag-11{left:40.6870236912%;animation-name:drop,move-left;animation-duration:2.4022943251s;animation-delay:.537538306s;transform:rotateZ(-22.0361195941deg) rotateX(20.4771413136deg) rotateY(14.6252938572deg)}html[platform=cn] .rain-container .bag-12{left:60.5450011727%;animation-name:drop,move-left;animation-duration:2.5752052978s;animation-delay:.7797694371s;transform:rotateZ(11.3527519611deg) rotateX(20.9715426202deg) rotateY(-22.5285711443deg)}html[platform=cn] .rain-container .bag-13{left:62.5439482488%;animation-name:drop;animation-duration:2.1042424643s;animation-delay:1.9502503158s;transform:rotateZ(-20.3455672483deg) rotateX(24.5546393735deg) rotateY(-16.8560315888deg)}html[platform=cn] .rain-container .bag-14{left:33.6360091896%;animation-name:drop,move-left;animation-duration:2.0206580862s;animation-delay:.9353303863s;transform:rotateZ(-1.987386525deg) rotateX(7.6449079289deg) rotateY(-27.8147802235deg)}html[platform=cn] .rain-container .bag-15{left:47.423265207%;animation-name:drop;animation-duration:3.7721863431s;animation-delay:2.8248171198s;transform:rotateZ(-14.5568621953deg) rotateX(9.987796092deg) rotateY(-13.197750986deg)}html[platform=cn] .rain-container .bag-16{left:26.2513849436%;animation-name:drop;animation-duration:4.0253293564s;animation-delay:2.0874867485s;transform:rotateZ(10.2981999426deg) rotateX(10.4144576307deg) rotateY(13.8213067522deg)}html[platform=cn] .rain-container .bag-17{left:25.3521726439%;animation-name:drop,move-left;animation-duration:2.2525948516s;animation-delay:1.0724341635s;transform:rotateZ(-15.1575891291deg) rotateX(13.5477723865deg) rotateY(21.0566523472deg)}html[platform=cn] .rain-container .bag-18{left:58.1076400765%;animation-name:drop,move-right;animation-duration:3.4558978065s;animation-delay:.9829637952s;transform:rotateZ(-25.3500707063deg) rotateX(14.273929507deg) rotateY(16.125715412deg)}html[platform=cn] .rain-container .bag-19{left:73.008116929%;animation-name:drop,move-right;animation-duration:4.4640647477s;animation-delay:1.206251424s;transform:rotateZ(2.6669543925deg) rotateX(-26.0772658177deg) rotateY(-17.5804375356deg)}html[platform=cn] .rain-container .bag-20{left:46.9776835196%;animation-name:drop;animation-duration:4.1517425747s;animation-delay:2.4087346383s;transform:rotateZ(14.654923209deg) rotateX(7.601243203deg) rotateY(-10.614307177deg)}html[platform=cn] .rain-container .bag-21{left:50.9447673087%;animation-name:drop,move-right;animation-duration:4.5489452602s;animation-delay:2.4203005392s;transform:rotateZ(11.7281244603deg) rotateX(-26.4527360081deg) rotateY(1.7235033153deg)}html[platform=cn] .rain-container .bag-22{left:67.0187072019%;animation-name:drop,move-left;animation-duration:3.5953909352s;animation-delay:.4303792352s;transform:rotateZ(-5.0500933385deg) rotateX(.8866939603deg) rotateY(23.0376580713deg)}html[platform=cn] .rain-container .bag-23{left:49.1895689143%;animation-name:drop;animation-duration:2.6833334941s;animation-delay:1.8460148034s;transform:rotateZ(-12.832160472deg) rotateX(7.2699043455deg) rotateY(4.9541511175deg)}html[platform=cn] .rain-container .bag-24{left:48.1582254424%;animation-name:drop;animation-duration:3.2446661245s;animation-delay:1.3056843953s;transform:rotateZ(-13.9438515381deg) rotateX(12.8371425676deg) rotateY(14.6294853515deg)}html[platform=cn] .rain-container .bag-25{left:49.410155569%;animation-name:drop;animation-duration:4.5284305208s;animation-delay:.6426467758s;transform:rotateZ(-18.5265553963deg) rotateX(-4.2662256602deg) rotateY(-27.9391383953deg)}html[platform=cn] .rain-container .bag-26{left:55.3295117996%;animation-name:drop;animation-duration:2.9799384922s;animation-delay:.4876082269s;transform:rotateZ(-10.350528979deg) rotateX(-6.4171806306deg) rotateY(2.0881873264deg)}html[platform=cn] .rain-container .bag-27{left:73.5071241467%;animation-name:drop,move-left;animation-duration:3.3996040627s;animation-delay:2.0724899158s;transform:rotateZ(17.6849344955deg) rotateX(-12.3729429969deg) rotateY(-3.6430196406deg)}html[platform=cn] .rain-container .bag-28{left:50.8811804806%;animation-name:drop,move-left;animation-duration:3.2301310674s;animation-delay:.7563579101s;transform:rotateZ(-29.3053925079deg) rotateX(18.9582937199deg) rotateY(18.5836680989deg)}html[platform=cn] .rain-container .bag-29{left:44.0380557319%;animation-name:drop,move-left;animation-duration:4.1223947788s;animation-delay:2.9289233947s;transform:rotateZ(-24.258854411deg) rotateX(-14.9996736207deg) rotateY(12.8807539831deg)}html[platform=cn] .rain-container .bag-30{left:60.4176395711%;animation-name:drop,move-right;animation-duration:3.4397203703s;animation-delay:2.8340017689s;transform:rotateZ(17.8261638142deg) rotateX(-19.7005742555deg) rotateY(-12.1594142575deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:27.1898330389%;animation-name:drop;animation-timing-function:linear;animation-duration:4.0622531328s;animation-delay:52.7597613ms;transform:rotateZ(-1.4484942703deg) rotateX(24.4314020898deg) rotateY(20.5382557484deg) scale(.7772380885)}html[platform=cn] .rain-container .icon:nth-child(2){left:66.7264960645%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.7574024753s;animation-delay:2.5751560316s;transform:rotateZ(22.720497698deg) rotateX(-16.3170075086deg) rotateY(-14.5225196166deg) scale(.8492740633)}html[platform=cn] .rain-container .icon:nth-child(3){left:63.8405037385%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.4407934039s;animation-delay:.8939064324s;transform:rotateZ(-19.5963857959deg) rotateX(10.4717574047deg) rotateY(3.9691333509deg) scale(.9187611638)}html[platform=cn] .rain-container .icon:nth-child(4){left:73.6760673626%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.4972542915s;animation-delay:2.3497874612s;transform:rotateZ(-6.1681828854deg) rotateX(-22.1452506814deg) rotateY(-1.9952044454deg) scale(.7798728164)}html[platform=cn] .rain-container .icon:nth-child(5){left:31.6474233859%;animation-name:drop;animation-timing-function:linear;animation-duration:4.7555334539s;animation-delay:1.6180619611s;transform:rotateZ(28.6052484969deg) rotateX(8.8593208927deg) rotateY(20.3067436458deg) scale(1.0562091452)}html[platform=cn] .rain-container .icon:nth-child(6){left:28.0337012813%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.7148290703s;animation-delay:.9608780457s;transform:rotateZ(19.2676739847deg) rotateX(15.0402207266deg) rotateY(-29.0848311442deg) scale(.798184706)}html[platform=cn] .rain-container .icon:nth-child(7){left:44.789914597%;animation-name:drop;animation-timing-function:linear;animation-duration:2.6646326784s;animation-delay:2.0911715986s;transform:rotateZ(15.2739236112deg) rotateX(7.8484212462deg) rotateY(27.079693634deg) scale(.7259480699)}html[platform=cn] .rain-container .icon:nth-child(8){left:68.1472532604%;animation-name:drop;animation-timing-function:linear;animation-duration:4.924469354s;animation-delay:2.2230970171s;transform:rotateZ(-13.7948512719deg) rotateX(14.3195505496deg) rotateY(7.1233134254deg) scale(.947705243)}html[platform=cn] .rain-container .icon:nth-child(9){left:72.501562524%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.8218146581s;animation-delay:1.015951487s;transform:rotateZ(-9.2274070105deg) rotateX(-4.4221588077deg) rotateY(-20.9813613078deg) scale(1.093004865)}html[platform=cn] .rain-container .icon:nth-child(10){left:74.6069009199%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7073270054s;animation-delay:.3351653007s;transform:rotateZ(11.5320627795deg) rotateX(13.2123834067deg) rotateY(-18.0931146168deg) scale(1.1180164553)}@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:-27.1392989629%}}@keyframes move-right{from{margin-left:0}to{margin-left:1.2310846951%}}@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}