@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:12.25rem;height:9.0625rem;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.betterLuck{color:#787886;font-size:20px;font-weight:700;padding:10px 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% + 170px)!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:58.4216303032%;animation-name:drop,move-left;animation-duration:2.1922627332s;animation-delay:1.4888871682s;transform:rotateZ(3.1547991019deg) rotateX(13.2168766702deg) rotateY(-15.2332016993deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:49.8492009176%;animation-name:drop;animation-duration:2.4345485413s;animation-delay:.7452558155s;transform:rotateZ(-21.3287598327deg) rotateX(-3.4154004033deg) rotateY(2.5813856321deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:68.7810010136%;animation-name:drop;animation-duration:3.7632670456s;animation-delay:.9912363868s;transform:rotateZ(-.8564490435deg) rotateX(21.4427300828deg) rotateY(-7.9320003543deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:68.0902850472%;animation-name:drop;animation-duration:3.1214168288s;animation-delay:2.2258457372s;transform:rotateZ(-25.5749063018deg) rotateX(22.0716794181deg) rotateY(-20.8420075382deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:54.5393499346%;animation-name:drop;animation-duration:3.4885012871s;animation-delay:2.0540691288s;transform:rotateZ(17.005098559deg) rotateX(-21.6208915774deg) rotateY(17.8742705766deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:66.3144704127%;animation-name:drop;animation-duration:2.40981082s;animation-delay:1.0199710742s;transform:rotateZ(24.5089932547deg) rotateX(22.1371320423deg) rotateY(-15.4920598763deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:69.6171631734%;animation-name:drop;animation-duration:4.5012563085s;animation-delay:.4242749599s;transform:rotateZ(-20.7174551056deg) rotateX(4.2085402373deg) rotateY(-24.2945646247deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:45.95661436%;animation-name:drop,move-left;animation-duration:4.4843633874s;animation-delay:.7690857691s;transform:rotateZ(-.7933692981deg) rotateX(10.3978197662deg) rotateY(20.8373095884deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:66.91149999%;animation-name:drop;animation-duration:2.5040371146s;animation-delay:2.1546777829s;transform:rotateZ(-6.1614777499deg) rotateX(19.0440631798deg) rotateY(-.5178037685deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:41.3805507626%;animation-name:drop,move-right;animation-duration:2.5469557779s;animation-delay:.7710012285s;transform:rotateZ(-5.1656625818deg) rotateX(24.5673090479deg) rotateY(-12.6436701278deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:54.3928530569%;animation-name:drop,move-right;animation-duration:4.4288846311s;animation-delay:1.4421230752s;transform:rotateZ(-24.8512842767deg) rotateX(1.5902560257deg) rotateY(29.314494827deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:30.7395676508%;animation-name:drop,move-left;animation-duration:4.1722387844s;animation-delay:.9680949501s;transform:rotateZ(.3625732559deg) rotateX(13.5730534878deg) rotateY(-4.8841858479deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:28.2623854022%;animation-name:drop;animation-duration:3.3536001317s;animation-delay:1.77029918s;transform:rotateZ(-4.875701229deg) rotateX(-26.6194514286deg) rotateY(-2.0722312537deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:35.6605909898%;animation-name:drop,move-right;animation-duration:3.7977964906s;animation-delay:1.8782220663s;transform:rotateZ(11.6644158472deg) rotateX(9.1443708872deg) rotateY(6.3171425892deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:33.3540213914%;animation-name:drop;animation-duration:3.2063220569s;animation-delay:61.5796652ms;transform:rotateZ(-19.8857024893deg) rotateX(13.8289374132deg) rotateY(7.9562201118deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:34.8960155414%;animation-name:drop,move-right;animation-duration:3.8669471263s;animation-delay:2.6271681976s;transform:rotateZ(-6.3927332748deg) rotateX(13.9737814396deg) rotateY(-3.3046268275deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:47.8923558552%;animation-name:drop;animation-duration:4.0809002513s;animation-delay:1.2093666595s;transform:rotateZ(-5.3808420992deg) rotateX(-4.7574491741deg) rotateY(-20.3732119787deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:30.9340827378%;animation-name:drop;animation-duration:3.6423934753s;animation-delay:2.5698019342s;transform:rotateZ(19.1709675264deg) rotateX(25.8676235249deg) rotateY(26.3354717135deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:51.7199093971%;animation-name:drop;animation-duration:3.1325830706s;animation-delay:1.363518844s;transform:rotateZ(-11.1122970541deg) rotateX(18.1801837319deg) rotateY(8.3066385555deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:66.1904716564%;animation-name:drop;animation-duration:3.1711047932s;animation-delay:2.1689159152s;transform:rotateZ(5.0007627815deg) rotateX(3.7525229599deg) rotateY(21.5682138127deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:29.9338674822%;animation-name:drop;animation-duration:4.6835977113s;animation-delay:2.2215030672s;transform:rotateZ(-22.253955781deg) rotateX(3.5834246457deg) rotateY(-18.6363271373deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:33.6596333947%;animation-name:drop,move-left;animation-duration:3.9565161905s;animation-delay:2.8298578586s;transform:rotateZ(2.4233927722deg) rotateX(-29.2595352972deg) rotateY(22.7057248062deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:61.1622669588%;animation-name:drop;animation-duration:4.6838196603s;animation-delay:2.5485159458s;transform:rotateZ(25.8331405261deg) rotateX(-5.9665108716deg) rotateY(-7.6480375997deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:50.1277159689%;animation-name:drop,move-right;animation-duration:2.8925063983s;animation-delay:1.5058361879s;transform:rotateZ(24.9630986572deg) rotateX(2.2609082799deg) rotateY(4.5530100249deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:52.7676889743%;animation-name:drop;animation-duration:3.5107490648s;animation-delay:2.840977221s;transform:rotateZ(7.8586494274deg) rotateX(3.1147947527deg) rotateY(-15.5605597421deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:61.3154116342%;animation-name:drop;animation-duration:3.3058632354s;animation-delay:2.6459213148s;transform:rotateZ(14.6392549805deg) rotateX(-12.7043002527deg) rotateY(-4.795306133deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:72.9852957383%;animation-name:drop,move-left;animation-duration:4.873520972s;animation-delay:2.9847865247s;transform:rotateZ(8.2736396267deg) rotateX(29.1310903906deg) rotateY(17.0456928687deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:57.953092379%;animation-name:drop;animation-duration:3.969006688s;animation-delay:1.617716278s;transform:rotateZ(23.4807999655deg) rotateX(26.855039206deg) rotateY(29.4200843732deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:59.5566689793%;animation-name:drop;animation-duration:4.2502947987s;animation-delay:.9353265952s;transform:rotateZ(-15.9984061377deg) rotateX(-4.6483533752deg) rotateY(2.5109686646deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:47.8638129469%;animation-name:drop,move-right;animation-duration:3.0873275202s;animation-delay:1.6450371255s;transform:rotateZ(-5.8246799684deg) rotateX(17.454050516deg) rotateY(-14.6173777589deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:39.7399983235%;animation-name:drop;animation-timing-function:linear;animation-duration:2.7988794489s;animation-delay:2.6938983787s;transform:rotateZ(-.7891569266deg) rotateX(-19.9326417302deg) rotateY(8.885657445deg) scale(.7484294649)}html[platform=ph] .rain-container .icon:nth-child(2){left:73.1124998497%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.9435477095s;animation-delay:2.5882465056s;transform:rotateZ(18.913042301deg) rotateX(-28.2390185839deg) rotateY(5.7578466728deg) scale(.7423747624)}html[platform=ph] .rain-container .icon:nth-child(3){left:34.9409707813%;animation-name:drop;animation-timing-function:linear;animation-duration:4.7249522132s;animation-delay:.1730108454s;transform:rotateZ(20.3392924512deg) rotateX(22.029619384deg) rotateY(-4.5890850763deg) scale(.7115631047)}html[platform=ph] .rain-container .icon:nth-child(4){left:55.9535992289%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.6506177066s;animation-delay:2.9077942971s;transform:rotateZ(1.2651201921deg) rotateX(-21.0471628384deg) rotateY(-24.4427010544deg) scale(.9241587199)}html[platform=ph] .rain-container .icon:nth-child(5){left:41.5787260976%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.5493090327s;animation-delay:2.50157328s;transform:rotateZ(-15.0725214529deg) rotateX(8.9601180607deg) rotateY(17.0281170638deg) scale(1.0651894826)}html[platform=ph] .rain-container .icon:nth-child(6){left:35.6059764225%;animation-name:drop;animation-timing-function:linear;animation-duration:2.0431573686s;animation-delay:2.1855728228s;transform:rotateZ(-27.6389787187deg) rotateX(-28.7634035806deg) rotateY(-3.9528724422deg) scale(.9358897015)}html[platform=ph] .rain-container .icon:nth-child(7){left:27.3825077061%;animation-name:drop;animation-timing-function:linear;animation-duration:3.318260509s;animation-delay:.8827091322s;transform:rotateZ(-21.213289844deg) rotateX(-26.06270674deg) rotateY(-22.716192008deg) scale(.7550060319)}html[platform=ph] .rain-container .icon:nth-child(8){left:45.1564328118%;animation-name:drop;animation-timing-function:linear;animation-duration:4.6823590901s;animation-delay:.3165774795s;transform:rotateZ(-5.5096965393deg) rotateX(-16.216554967deg) rotateY(13.5926264701deg) scale(.9906873878)}html[platform=ph] .rain-container .icon:nth-child(9){left:28.1211673277%;animation-name:drop;animation-timing-function:linear;animation-duration:2.2711672421s;animation-delay:54.5797356ms;transform:rotateZ(.5902616976deg) rotateX(-11.1933958325deg) rotateY(23.1394256655deg) scale(1.1055180841)}html[platform=ph] .rain-container .icon:nth-child(10){left:34.7234516992%;animation-name:drop;animation-timing-function:linear;animation-duration:2.0370261717s;animation-delay:.4222569806s;transform:rotateZ(6.3676838962deg) rotateX(4.1918648432deg) rotateY(-19.0007104309deg) scale(1.0509224683)}@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:-14.9638326878%}}@keyframes move-right{from{margin-left:0}to{margin-left:3.2370287485%}}@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-cn.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-cn.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}html[platform=cn] .rain-container .bag-view .prize-success .prize-btn{position:relative;display:flex;align-items:center;justify-content:center;margin-top:135px}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;padding-top:73px!important}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::before{display:none;content:unset}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 .title{display:none}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%;cursor:pointer;z-index:100}html[platform=cn] .rain-container .bag-1{left:59.8884680338%;animation-name:drop;animation-duration:4.1973380336s;animation-delay:1.7367038753s;transform:rotateZ(-4.0492897935deg) rotateX(18.5670605405deg) rotateY(-24.5705028995deg)}html[platform=cn] .rain-container .bag-2{left:57.203804836%;animation-name:drop,move-left;animation-duration:3.0543047487s;animation-delay:2.4259811026s;transform:rotateZ(-11.3218056059deg) rotateX(22.647044959deg) rotateY(-24.1371437701deg)}html[platform=cn] .rain-container .bag-3{left:28.8078998461%;animation-name:drop;animation-duration:2.6147559084s;animation-delay:1.0456088037s;transform:rotateZ(-15.2968287849deg) rotateX(-19.5970609446deg) rotateY(-19.0111381868deg)}html[platform=cn] .rain-container .bag-4{left:62.9447283011%;animation-name:drop;animation-duration:3.5003941434s;animation-delay:1.8512554326s;transform:rotateZ(25.1741335149deg) rotateX(18.5303716037deg) rotateY(7.024159846deg)}html[platform=cn] .rain-container .bag-5{left:57.521087194%;animation-name:drop,move-left;animation-duration:4.0043755686s;animation-delay:2.0221242681s;transform:rotateZ(29.1543387219deg) rotateX(-21.1247101458deg) rotateY(-29.2478953332deg)}html[platform=cn] .rain-container .bag-6{left:56.3150532883%;animation-name:drop;animation-duration:2.0815266298s;animation-delay:2.4126821711s;transform:rotateZ(5.10275152deg) rotateX(14.5704882049deg) rotateY(-19.8444986138deg)}html[platform=cn] .rain-container .bag-7{left:25.7877205792%;animation-name:drop,move-right;animation-duration:3.9773275882s;animation-delay:1.9746625909s;transform:rotateZ(-12.5332024674deg) rotateX(-5.4447159144deg) rotateY(4.0332928175deg)}html[platform=cn] .rain-container .bag-8{left:48.6902355113%;animation-name:drop,move-left;animation-duration:2.7473270967s;animation-delay:2.2333315945s;transform:rotateZ(-27.3836335587deg) rotateX(-9.6631129599deg) rotateY(-4.074295514deg)}html[platform=cn] .rain-container .bag-9{left:50.0088273369%;animation-name:drop,move-left;animation-duration:2.6439747764s;animation-delay:2.6685625153s;transform:rotateZ(10.9067522306deg) rotateX(21.2869734297deg) rotateY(-13.2287821594deg)}html[platform=cn] .rain-container .bag-10{left:66.2915684594%;animation-name:drop;animation-duration:4.7467424242s;animation-delay:1.2103807776s;transform:rotateZ(14.3404783314deg) rotateX(25.5232301681deg) rotateY(-22.2637264208deg)}html[platform=cn] .rain-container .bag-11{left:44.7112494872%;animation-name:drop,move-left;animation-duration:4.1877065227s;animation-delay:.4753649036s;transform:rotateZ(-22.5028999775deg) rotateX(-8.7880652232deg) rotateY(-3.1110175764deg)}html[platform=cn] .rain-container .bag-12{left:52.9950419701%;animation-name:drop;animation-duration:3.0377186127s;animation-delay:2.525156592s;transform:rotateZ(-11.4615529515deg) rotateX(16.5567782179deg) rotateY(6.81273995deg)}html[platform=cn] .rain-container .bag-13{left:25.2074963499%;animation-name:drop,move-left;animation-duration:3.132544977s;animation-delay:.9134470281s;transform:rotateZ(4.4053655755deg) rotateX(18.5908560572deg) rotateY(3.0656348323deg)}html[platform=cn] .rain-container .bag-14{left:31.6479607882%;animation-name:drop,move-left;animation-duration:3.5594136515s;animation-delay:2.9204958483s;transform:rotateZ(13.6645658618deg) rotateX(8.0707403507deg) rotateY(-5.9638178244deg)}html[platform=cn] .rain-container .bag-15{left:69.0490921249%;animation-name:drop,move-left;animation-duration:4.5646851626s;animation-delay:.2724178589s;transform:rotateZ(25.6873950498deg) rotateX(-15.4149215125deg) rotateY(23.0678143114deg)}html[platform=cn] .rain-container .bag-16{left:59.197347274%;animation-name:drop;animation-duration:3.4244602364s;animation-delay:.9201371832s;transform:rotateZ(9.4286486284deg) rotateX(6.8867932594deg) rotateY(-20.4218021728deg)}html[platform=cn] .rain-container .bag-17{left:53.0413505381%;animation-name:drop,move-left;animation-duration:4.0476152494s;animation-delay:2.7636474ms;transform:rotateZ(24.3949933697deg) rotateX(-10.8233161461deg) rotateY(26.6798277965deg)}html[platform=cn] .rain-container .bag-18{left:26.3285664454%;animation-name:drop,move-left;animation-duration:2.3061091482s;animation-delay:1.591432111s;transform:rotateZ(-29.2202309191deg) rotateX(-4.318407223deg) rotateY(22.9662434545deg)}html[platform=cn] .rain-container .bag-19{left:31.2214416992%;animation-name:drop;animation-duration:4.3867826969s;animation-delay:1.1086891872s;transform:rotateZ(7.9673066583deg) rotateX(-18.2718314946deg) rotateY(20.1441498294deg)}html[platform=cn] .rain-container .bag-20{left:30.3764775693%;animation-name:drop;animation-duration:3.1252571767s;animation-delay:1.7046559025s;transform:rotateZ(13.8140508769deg) rotateX(7.4190380834deg) rotateY(29.9120511147deg)}html[platform=cn] .rain-container .bag-21{left:55.0668291681%;animation-name:drop;animation-duration:3.4553147881s;animation-delay:1.9097973374s;transform:rotateZ(12.101007182deg) rotateX(9.7163251837deg) rotateY(-.2816577601deg)}html[platform=cn] .rain-container .bag-22{left:42.9594626932%;animation-name:drop;animation-duration:2.6786610246s;animation-delay:.2804936189s;transform:rotateZ(-11.5700670897deg) rotateX(-16.8012258099deg) rotateY(-.932256869deg)}html[platform=cn] .rain-container .bag-23{left:41.501931221%;animation-name:drop,move-left;animation-duration:3.28423818s;animation-delay:.5009584234s;transform:rotateZ(14.2821191561deg) rotateX(8.6137261213deg) rotateY(16.3343729904deg)}html[platform=cn] .rain-container .bag-24{left:67.005651618%;animation-name:drop;animation-duration:4.3858570923s;animation-delay:1.147680058s;transform:rotateZ(-26.2975098088deg) rotateX(-6.0504267352deg) rotateY(-23.3751407176deg)}html[platform=cn] .rain-container .bag-25{left:73.3038485651%;animation-name:drop,move-left;animation-duration:2.1888335267s;animation-delay:2.0907188207s;transform:rotateZ(2.839480743deg) rotateX(15.3710961307deg) rotateY(-7.4077092691deg)}html[platform=cn] .rain-container .bag-26{left:67.7108769863%;animation-name:drop;animation-duration:3.0567420306s;animation-delay:2.660297484s;transform:rotateZ(-19.0361624236deg) rotateX(4.6479346808deg) rotateY(24.7553896685deg)}html[platform=cn] .rain-container .bag-27{left:32.9270237627%;animation-name:drop;animation-duration:2.0529111373s;animation-delay:2.5948018761s;transform:rotateZ(-29.5816981005deg) rotateX(-8.161379056deg) rotateY(29.0474628389deg)}html[platform=cn] .rain-container .bag-28{left:54.9446689593%;animation-name:drop,move-left;animation-duration:3.9512234432s;animation-delay:.207935115s;transform:rotateZ(11.4167120178deg) rotateX(-5.98943153deg) rotateY(10.0802742813deg)}html[platform=cn] .rain-container .bag-29{left:29.3404898899%;animation-name:drop,move-right;animation-duration:2.6673890602s;animation-delay:2.5326294553s;transform:rotateZ(-15.3721699533deg) rotateX(8.5338038798deg) rotateY(-2.3418908937deg)}html[platform=cn] .rain-container .bag-30{left:64.410263233%;animation-name:drop,move-right;animation-duration:4.6184835669s;animation-delay:2.886434895s;transform:rotateZ(-14.2174857927deg) rotateX(-26.9279714671deg) rotateY(9.8405092124deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:54.8368690488%;animation-name:drop;animation-timing-function:linear;animation-duration:3.4888969359s;animation-delay:1.6983452324s;transform:rotateZ(-10.4721898765deg) rotateX(10.7734854042deg) rotateY(7.0489266712deg) scale(.9337699692)}html[platform=cn] .rain-container .icon:nth-child(2){left:48.5893864034%;animation-name:drop;animation-timing-function:linear;animation-duration:3.4735737257s;animation-delay:.4110135781s;transform:rotateZ(6.4879114836deg) rotateX(-14.4923187814deg) rotateY(18.0144530539deg) scale(.8654682072)}html[platform=cn] .rain-container .icon:nth-child(3){left:25.6753054463%;animation-name:drop;animation-timing-function:linear;animation-duration:4.1115179122s;animation-delay:2.5234309463s;transform:rotateZ(19.5491386971deg) rotateX(-13.6160569865deg) rotateY(22.169661152deg) scale(.9916208539)}html[platform=cn] .rain-container .icon:nth-child(4){left:60.6469435413%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.3255694403s;animation-delay:2.5860404482s;transform:rotateZ(9.7968108577deg) rotateX(10.3635967898deg) rotateY(-.3411663853deg) scale(1.0181943559)}html[platform=cn] .rain-container .icon:nth-child(5){left:66.6776415771%;animation-name:drop;animation-timing-function:linear;animation-duration:2.0711884973s;animation-delay:2.6022712988s;transform:rotateZ(14.9991803585deg) rotateX(-4.0198727186deg) rotateY(-2.8509619007deg) scale(.9224262014)}html[platform=cn] .rain-container .icon:nth-child(6){left:25.8677342636%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.8977595872s;animation-delay:2.0228282362s;transform:rotateZ(-16.3637336551deg) rotateX(-27.6415256605deg) rotateY(6.3803291422deg) scale(1.0526421277)}html[platform=cn] .rain-container .icon:nth-child(7){left:47.8964491256%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.699015277s;animation-delay:2.4444072508s;transform:rotateZ(6.8765235198deg) rotateX(12.4422452832deg) rotateY(-3.4741090584deg) scale(.9956862644)}html[platform=cn] .rain-container .icon:nth-child(8){left:60.642705744%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.8347984006s;animation-delay:.5051585554s;transform:rotateZ(-2.2070663854deg) rotateX(5.7158787715deg) rotateY(1.254490046deg) scale(.743456557)}html[platform=cn] .rain-container .icon:nth-child(9){left:41.4344577344%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.6856266837s;animation-delay:2.4738651506s;transform:rotateZ(-16.3380904162deg) rotateX(24.7603154449deg) rotateY(-20.6316021433deg) scale(1.1428169236)}html[platform=cn] .rain-container .icon:nth-child(10){left:42.0667880078%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.2830098078s;animation-delay:1.9803100459s;transform:rotateZ(1.3038678395deg) rotateX(-10.8554471445deg) rotateY(-29.6620142466deg) scale(.8323395416)}@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:-13.9256615806%}}@keyframes move-right{from{margin-left:0}to{margin-left:22.124263782%}}@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}html[lang=zh] .activity__rain{background:url(../img/redbag/cn_menu_treasure_animate_close.png) no-repeat}html[lang=zh] .activity__rain.open_icon{background:url(../img/redbag/cn_menu_treasure_animate.png) no-repeat}html[lang=vi] .activity__rain{background:url(../img/redbag/vn_menu_treasure_animate_close.png) no-repeat}html[lang=vi] .activity__rain.open_icon{background:url(../img/redbag/vn_menu_treasure_animate.png) no-repeat}html[lang=en] .activity__rain,html[lang=hi] .activity__rain,html[lang=id] .activity__rain,html[lang=ko] .activity__rain,html[lang=th] .activity__rain{background:url(../img/redbag/en_menu_treasure_animate_close.png) no-repeat}html[lang=en] .activity__rain.open_icon,html[lang=hi] .activity__rain.open_icon,html[lang=id] .activity__rain.open_icon,html[lang=ko] .activity__rain.open_icon,html[lang=th] .activity__rain.open_icon{background:url(../img/redbag/en_menu_treasure_animate.png) no-repeat}.roulette-modal .roulette-box .roulette-arrow,.roulette-modal .roulette-box .roulette-prize,.roulette-modal .roulette-box .roulette-prize-content,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-bg.roulette-prize-bg3,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box,.roulette-modal .roulette-box .roulette-prize-content .roulette-v,.roulette-modal .roulette-box .start-roulette-now,.roulette-modal .roulette-result .result-content .percentage .percentage-count span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-modal .roulette-box .roulette-arrow .roulette-arrow-bg,.roulette-modal .roulette-result .result-content .invite-friends img,.roulette-modal .roulette-result .roulette-result-bg{display:block;width:100%;height:auto}.roulette-modal .roulette-box,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box,.roulette-modal .roulette-result .result-content .amount-box .amount-number,.roulette-modal .roulette-result .result-content .reward-fast-title{display:flex;align-items:center;justify-content:center}.roulette-modal .roulette-result .result-content .amount-box .amount-number{letter-spacing:1px}.roulette-modal .roulette-box .roulette-bg,.roulette-modal .roulette-box .roulette-prize,.roulette-modal .roulette-box .roulette-prize-content,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-bg,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box,.roulette-modal .roulette-box .roulette-prize-content .roulette-v{width:100%;height:100%}#roulette-modal-overlay{position:fixed;top:0;left:0;z-index:100;display:none;min-width:100%;min-height:100%;background:rgba(12,12,12,.65)}.roulette-providers{display:block;margin:-12.5% auto 0;width:382px;height:auto}.roulette-modal-close{display:block;margin:20px auto 0;width:46px;height:46px;transition:transform .3s ease-out}.roulette-modal-close img{display:block;width:100%;height:100%}.roulette-modal-close:hover{transform:rotate(180deg);transform-origin:center}.roulette-win_cash_free_draws{position:absolute;right:50%;bottom:13%;margin:0;width:100%;color:#fff078;text-align:center;font-weight:600;font-style:oblique;font-size:22px;transform:translateX(50%)}.roulette-modal{position:fixed;top:50%;left:50%;min-width:30%;border-radius:10px;transform:translate(-50%,-50%)}@keyframes roulette__bg{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.roulette-modal .roulette-box{position:relative;width:672px;height:672px}.roulette-modal .roulette-box .roulette-bg{display:block}.roulette-modal .roulette-box .roulette-bg.roulette-bg1{animation:roulette__bg 20s linear infinite;z-index:-1}.roulette-modal .roulette-box .roulette-bg.roulette-bg2{position:absolute}.roulette-modal .roulette-box .roulette-bg.roulette-bg3{position:absolute;z-index:9}.roulette-modal .roulette-box .roulette-bg.roulette-bgv{position:absolute;z-index:10}.roulette-modal .roulette-box .roulette-prize-content{display:block}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-bg{display:block}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-bg.roulette-prize-bg2{display:none}.roulette-modal .roulette-box .roulette-prize-content .roulette-dbaoshi{position:absolute;top:22.5%;left:50%;z-index:19;width:56px;height:auto;transform:translateX(-50%)}.roulette-modal .roulette-box .roulette-prize-content .roulette-v{z-index:18;display:none}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .gift{display:block;margin:6px auto 0;width:40px;height:auto}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box span{position:relative;display:block;box-sizing:border-box;margin-top:10%;padding-top:8%;width:50%;height:40px;color:#fff;text-align:center;text-shadow:1px 0 #fff;letter-spacing:1px;font-weight:900;font-size:18px}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .gift-box{padding-top:.5%;height:auto}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .circle-left,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .circle-right{position:absolute;right:0;width:150px;height:300px}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .circle-left{border-radius:0 200px 200px 0;transform-origin:0 50%}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .circle-left span{margin-left:-5px;transform:rotate(22.5deg);transform-origin:0 100%}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .circle-right{border-radius:200px 0 0 200px;transform-origin:100% 50%}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .circle-right span{margin-left:78px;transform:rotate(-22.5deg);transform-origin:100% 100%}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-2{transform:rotate(45deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-3{transform:rotate(90deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-4{transform:rotate(135deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-5{transform:rotate(225deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-6{transform:rotate(270deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-7{transform:rotate(315deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-8{transform:rotate(360deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-left,.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-right{position:absolute;overflow:hidden;clip:rect(0 150px 300px 0);width:150px;height:300px;transform:rotate(22.5deg)}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-left{right:calc(50% - 300px / 2);transform-origin:0 50%}.roulette-modal .roulette-box .roulette-prize-content .roulette-prize-box .prize-right{left:calc(50% - 300px / 2);transform-origin:100% 50%}.roulette-modal .roulette-box .roulette-prize{transition:all 3s ease-in-out}.roulette-modal .roulette-box .roulette-arrow{z-index:20;width:89px;cursor:pointer;transition:.3s;height:105px}.roulette-modal .roulette-box .roulette-arrow:hover{transform:translate(-50%,-50%) scale(1.1)}.roulette-modal .roulette-box #roulette-jackpot{top:50%;width:100%;z-index:20;color:#ffd600;font-size:22px;margin-top:21%;font-weight:700;line-height:24px;text-align:center;position:absolute;text-shadow:0 2px 6px #780000;display:flex;align-items:flex-end;justify-content:center;gap:4px}.roulette-modal .roulette-box #roulette-jackpot #roulette-rewardMoney{font-size:30px;color:#fff03c;line-height:24px}.roulette-modal .roulette-box .roulette-rewardMoneyLimit-box{top:59%;width:100%;z-index:20;color:#fff0dc;font-size:20px;margin-top:21%;font-weight:700;text-align:center;position:absolute}.roulette-modal .roulette-box .roulette-rewardMoneyLimit-box span{font-size:26px;color:#fff03c}.roulette-modal .roulette-box .start-roulette-now{top:57%}.roulette-modal .roulette-box .start-roulette-now span{color:#fff;text-align:center;font-weight:700;font-size:14px}.roulette-modal .roulette-box .start-roulette-now .count{display:block;margin:0 auto;width:38px;height:38px}.roulette-modal .roulette-box .start-roulette-now .count.count-0,.roulette-modal .roulette-box .start-roulette-now .count.count-1{display:none}.roulette-modal .roulette-box .start-roulette-now #roulette_count_img img{width:16px}.roulette-modal .roulette-result{position:relative;display:none;margin:0 auto 16%;width:380px}.roulette-modal .roulette-result .result-header{position:absolute;top:16px;left:0;width:100%}.roulette-modal .roulette-result .result-header p{margin:0;color:#ee6a42;text-align:center;font-size:20px}.roulette-modal .roulette-result .result-header span{font-weight:900}.roulette-modal .roulette-result .close{position:absolute;top:50%;right:19px;display:inline-block;cursor:pointer;transition:transform .3s ease-out;transform:translateY(-50%)}.roulette-modal .roulette-result .close:hover{transform:translateY(-50%) rotate(180deg);transform-origin:center}.roulette-modal .roulette-result .close span{display:inline-block;width:15px;height:15px}.roulette-modal .roulette-result .close span:after,.roulette-modal .roulette-result .close span:before{position:absolute;top:50%;left:50%;width:2px;height:20px;background:#ee6a42;content:"";transform:translate(-50%,-50%)}.roulette-modal .roulette-result .close span:before{transform:translate(-50%,-50%) rotate(45deg)}.roulette-modal .roulette-result .close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.roulette-modal .roulette-result .result-content{position:absolute;top:68px;left:50%;width:420px;transform:translateX(-50%)}.roulette-modal .roulette-result .result-content .reward-fast-title{margin-bottom:16px;width:100%;gap:6px}.roulette-modal .roulette-result .result-content .reward-fast-title img{width:20px;height:20px}.roulette-modal .roulette-result .result-content .reward-fast-title span{color:#ff9436;font-weight:600;font-size:16px}.roulette-modal .roulette-result .result-content .reward-title{margin:0 0 8px;width:100%;color:#333;text-align:center;font-size:14px}.roulette-modal .roulette-result .result-content .amount-box{display:flex;align-items:center;justify-content:flex-start;margin:0 83px}.roulette-modal .roulette-result .result-content .amount-box img{display:block;margin-right:8px;width:30px;height:auto}.roulette-modal .roulette-result .result-content .amount-box .amount-number{width:100%;gap:2px}.roulette-modal .roulette-result .result-content .amount-box .amount-number span{color:#f26033;text-align:center}.roulette-modal .roulette-result .result-content .amount-box .amount-number .symbol{font-weight:700;font-size:18px}.roulette-modal .roulette-result .result-content .amount-box .amount-number .amount{font-weight:900;font-size:24px}.roulette-modal .roulette-result .result-content .amount-box .amount-number .limit{color:#ffb34f;font-size:14px}.roulette-modal .roulette-result .result-content .percentage{position:relative;margin:25px auto 18px;width:300px}.roulette-modal .roulette-result .result-content .percentage .percentage-bg{width:100%;height:6px;border-radius:4px;background:#fff}.roulette-modal .roulette-result .result-content .percentage .percentage-active{height:6px;border-radius:4px;background:#3cd250}.roulette-modal .roulette-result .result-content .percentage .percentage-count{position:absolute;top:-15px;transform:translateX(-50%)}.roulette-modal .roulette-result .result-content .percentage .percentage-count span{top:40%;color:#3cd250;font-weight:700;font-size:12px}.roulette-modal .roulette-result .result-content .percentage .percentage-remind{margin-top:10px;color:#333;text-align:center;font-weight:400;font-size:14px}.roulette-modal .roulette-result .result-content .percentage .percentage-remind .difference{color:#ff6428;font-weight:700}.roulette-modal .roulette-result .result-content .invite-friends{position:relative;display:block;margin:0 auto;width:185px;color:#fff;font-weight:700;font-size:16px}.roulette-modal .roulette-result .result-content .invite-friends span{position:absolute;top:27%;left:50%;width:100%;text-align:center;transform:translateX(-50%)}.roulette-modal .roulette-result .result-content #roulette-marquee{position:relative;overflow:hidden;margin:6px auto 0;width:340px;height:189px;border:solid 2px rgba(255,153,96,.8);border-radius:4px}.roulette-modal .roulette-result .result-content #roulette-marquee .roulette-swiper{width:100%;height:100%}.roulette-modal .roulette-result .result-content #roulette-marquee .swiper-slide{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 16px;min-height:34px;width:100%;color:#fff;font-size:14px}.roulette-modal .roulette-result .result-content #roulette-marquee .swiper-slide:nth-child(odd){background-color:rgba(255,153,96,.8)}.roulette-modal .roulette-result .result-content #roulette-marquee .swiper-slide:nth-child(even){background-color:transparent}.roulette-modal .roulette-result .result-content #roulette-marquee .swiper-slide span{display:block;flex:1;text-align:center}.roulette-modal .roulette-result .result-content #roulette-marquee .swiper-slide span:nth-child(2){opacity:.8}.layui-layer-dialog .layui-layer-content{word-break:break-word!important;white-space:pre-line!important}.float_box-roulette{position:fixed;top:calc(45% + 250px);right:0;z-index:998;width:140px;height:140px;font-size:1.2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.float_box-roulette .float_box-roulette-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.float_box-roulette #roulette-close{position:absolute;top:16px;right:16px;z-index:1;display:inline-block;width:24px;height:24px;cursor:pointer}.float_box-roulette #roulette-close img{width:100%}.float_box-roulette #roulette-close .close-button{display:inline-block}.float_box-roulette .float_roulette_img{width:130px;height:130px}.float_box-roulette .float_roulette_img img{width:100%}