@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:27.7673746707%;animation-name:drop;animation-duration:2.9173786112s;animation-delay:1.6769824401s;transform:rotateZ(19.7147303813deg) rotateX(-7.2932321979deg) rotateY(-7.1034133443deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:37.6582560618%;animation-name:drop;animation-duration:3.4053154827s;animation-delay:2.974397289s;transform:rotateZ(-6.099272228deg) rotateX(-16.9416712331deg) rotateY(17.2243209333deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:56.4512227186%;animation-name:drop;animation-duration:4.8655426622s;animation-delay:2.284153578s;transform:rotateZ(21.9578284332deg) rotateX(-7.0605075737deg) rotateY(-27.7507802702deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:57.0087581675%;animation-name:drop;animation-duration:2.4627100051s;animation-delay:2.520305077s;transform:rotateZ(25.8947976883deg) rotateX(-10.309206766deg) rotateY(2.6796998382deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:35.6631827839%;animation-name:drop,move-left;animation-duration:3.1772634143s;animation-delay:.8591270693s;transform:rotateZ(-11.3444324592deg) rotateX(-4.0827769712deg) rotateY(10.0477806057deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:66.8863512589%;animation-name:drop,move-left;animation-duration:4.3305299343s;animation-delay:1.6489067207s;transform:rotateZ(4.7258796801deg) rotateX(14.2297528359deg) rotateY(-29.4755661495deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:50.6526896169%;animation-name:drop,move-left;animation-duration:4.9605891539s;animation-delay:1.8079291513s;transform:rotateZ(1.6211691515deg) rotateX(5.967317983deg) rotateY(24.4289872697deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:44.6141287194%;animation-name:drop;animation-duration:3.6226228232s;animation-delay:1.9307536002s;transform:rotateZ(-26.6478600825deg) rotateX(-28.9579747898deg) rotateY(-22.8000062929deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:74.0254508777%;animation-name:drop;animation-duration:2.7628972326s;animation-delay:2.2331090285s;transform:rotateZ(22.5182613596deg) rotateX(-6.1634061732deg) rotateY(16.3599286137deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:70.2390001838%;animation-name:drop;animation-duration:3.2343858466s;animation-delay:2.8416447425s;transform:rotateZ(23.1757555658deg) rotateX(9.1423610492deg) rotateY(1.6527611836deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:48.496272111%;animation-name:drop,move-left;animation-duration:2.0764523956s;animation-delay:2.2494859599s;transform:rotateZ(-23.4761049602deg) rotateX(-16.2292841391deg) rotateY(20.8957598414deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:60.239610342%;animation-name:drop;animation-duration:4.8447609451s;animation-delay:.2441081898s;transform:rotateZ(-16.2075028717deg) rotateX(28.8681709715deg) rotateY(-26.9594635895deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:37.9482378033%;animation-name:drop,move-right;animation-duration:4.6599433099s;animation-delay:2.786936653s;transform:rotateZ(-25.8021632182deg) rotateX(29.6832919853deg) rotateY(-14.0674590493deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:41.1017825313%;animation-name:drop,move-right;animation-duration:4.4625083885s;animation-delay:2.0332219899s;transform:rotateZ(5.0170964037deg) rotateX(19.0759843276deg) rotateY(.6995685847deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:62.4785996521%;animation-name:drop,move-left;animation-duration:4.3950403801s;animation-delay:.6245090159s;transform:rotateZ(1.9852741432deg) rotateX(14.2841721071deg) rotateY(-12.4430716489deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:27.3360755327%;animation-name:drop;animation-duration:2.4481956732s;animation-delay:2.4060846449s;transform:rotateZ(1.5769345453deg) rotateX(-25.8398054678deg) rotateY(5.9861544968deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:60.4046820756%;animation-name:drop,move-left;animation-duration:3.4997781939s;animation-delay:1.5216329064s;transform:rotateZ(20.9025417748deg) rotateX(21.5425480283deg) rotateY(-21.8574634063deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:60.0104964187%;animation-name:drop;animation-duration:4.2694228484s;animation-delay:1.9107775978s;transform:rotateZ(7.0117592619deg) rotateX(15.6349824832deg) rotateY(-.5898990628deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:71.2292484343%;animation-name:drop,move-left;animation-duration:3.228592887s;animation-delay:.3831762573s;transform:rotateZ(14.9128029432deg) rotateX(-18.2062219847deg) rotateY(-4.8959834429deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:39.3440684111%;animation-name:drop,move-right;animation-duration:3.5148865164s;animation-delay:.7824023288s;transform:rotateZ(22.4665840444deg) rotateX(24.2691813385deg) rotateY(-3.6181834849deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:57.1434996921%;animation-name:drop,move-left;animation-duration:3.3414413716s;animation-delay:1.9694209045s;transform:rotateZ(-16.3769110942deg) rotateX(-28.438764237deg) rotateY(-26.9817052666deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:52.5651035658%;animation-name:drop;animation-duration:3.5853282119s;animation-delay:1.1667111508s;transform:rotateZ(19.0740981785deg) rotateX(17.0052944046deg) rotateY(-10.1369526239deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:41.2961066409%;animation-name:drop,move-right;animation-duration:2.3178146697s;animation-delay:.2189615464s;transform:rotateZ(27.1848462419deg) rotateX(-3.0698305823deg) rotateY(10.5806506122deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:26.8005353734%;animation-name:drop;animation-duration:3.6466234215s;animation-delay:2.1843324127s;transform:rotateZ(3.1583027809deg) rotateX(1.7180134435deg) rotateY(27.4741816263deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:39.0990101775%;animation-name:drop,move-left;animation-duration:4.2552759426s;animation-delay:.5145213508s;transform:rotateZ(-20.806647781deg) rotateX(4.1223379211deg) rotateY(6.4859259784deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:32.639389205%;animation-name:drop;animation-duration:4.0809172792s;animation-delay:.8597243611s;transform:rotateZ(27.6543477885deg) rotateX(10.6489210335deg) rotateY(-29.0036247068deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:41.0208470386%;animation-name:drop;animation-duration:3.9567350216s;animation-delay:2.5194147098s;transform:rotateZ(-22.2467113734deg) rotateX(7.4798541516deg) rotateY(3.6005630055deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:64.0083050478%;animation-name:drop;animation-duration:4.4460585775s;animation-delay:2.9460264722s;transform:rotateZ(3.7737445845deg) rotateX(-9.2915425315deg) rotateY(7.2717500273deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:52.2627065663%;animation-name:drop,move-left;animation-duration:4.1313875292s;animation-delay:1.2923131975s;transform:rotateZ(17.5924013332deg) rotateX(-10.4818631426deg) rotateY(26.3013797376deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:34.5922455162%;animation-name:drop,move-left;animation-duration:3.103674458s;animation-delay:.8055245929s;transform:rotateZ(6.4357746179deg) rotateX(15.5918248736deg) rotateY(-5.8110505684deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:63.6944419212%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.8181275134s;animation-delay:1.1886156182s;transform:rotateZ(28.0075863677deg) rotateX(14.9969900567deg) rotateY(-19.959516162deg) scale(.8381872194)}html[platform=ph] .rain-container .icon:nth-child(2){left:53.3287356799%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.106060128s;animation-delay:2.6534652182s;transform:rotateZ(-7.8300185696deg) rotateX(-15.9173261862deg) rotateY(23.5238422884deg) scale(1.0047776977)}html[platform=ph] .rain-container .icon:nth-child(3){left:72.8440180725%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.0256269401s;animation-delay:.9549836527s;transform:rotateZ(21.1964546845deg) rotateX(13.0663864882deg) rotateY(21.1707595627deg) scale(.7799858135)}html[platform=ph] .rain-container .icon:nth-child(4){left:49.1400685066%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7485974929s;animation-delay:.092s;transform:rotateZ(23.8814840245deg) rotateX(-14.5323540645deg) rotateY(-21.9139586034deg) scale(.9221869274)}html[platform=ph] .rain-container .icon:nth-child(5){left:37.0742419808%;animation-name:drop;animation-timing-function:linear;animation-duration:4.2140910373s;animation-delay:2.3133809684s;transform:rotateZ(18.1656697027deg) rotateX(-16.030195706deg) rotateY(-26.0703904459deg) scale(.7519479786)}html[platform=ph] .rain-container .icon:nth-child(6){left:65.1883781778%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.0271298812s;animation-delay:1.0927325959s;transform:rotateZ(-2.2201574936deg) rotateX(24.0269050718deg) rotateY(-7.5155939184deg) scale(1.1716121126)}html[platform=ph] .rain-container .icon:nth-child(7){left:47.6927954919%;animation-name:drop;animation-timing-function:linear;animation-duration:3.052253056s;animation-delay:2.822120188s;transform:rotateZ(20.0991260125deg) rotateX(-26.2663423925deg) rotateY(2.2616195177deg) scale(.8203787764)}html[platform=ph] .rain-container .icon:nth-child(8){left:35.5926951787%;animation-name:drop;animation-timing-function:linear;animation-duration:4.8034822091s;animation-delay:2.7167387215s;transform:rotateZ(16.027935498deg) rotateX(12.8392452032deg) rotateY(-17.7736882523deg) scale(.7710440666)}html[platform=ph] .rain-container .icon:nth-child(9){left:34.0553980868%;animation-name:drop;animation-timing-function:linear;animation-duration:4.852570156s;animation-delay:.1759915236s;transform:rotateZ(5.1138239841deg) rotateX(3.5277635002deg) rotateY(8.3489636685deg) scale(.8640521585)}html[platform=ph] .rain-container .icon:nth-child(10){left:58.7792542242%;animation-name:drop;animation-timing-function:linear;animation-duration:3.1745717155s;animation-delay:2.8703498083s;transform:rotateZ(-19.5134587097deg) rotateX(11.2981253228deg) rotateY(6.8069172325deg) scale(.7061368454)}@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:-6.137894387%}}@keyframes move-right{from{margin-left:0}to{margin-left:13.1930504341%}}@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:61.677675661%;animation-name:drop;animation-duration:4.1201923216s;animation-delay:1.9775215456s;transform:rotateZ(20.7322151629deg) rotateX(22.2851563955deg) rotateY(-25.4776448336deg)}html[platform=cn] .rain-container .bag-2{left:65.8370623512%;animation-name:drop,move-right;animation-duration:4.5458206578s;animation-delay:2.4008251475s;transform:rotateZ(23.493847452deg) rotateX(13.873183089deg) rotateY(-8.140833314deg)}html[platform=cn] .rain-container .bag-3{left:33.9254039753%;animation-name:drop;animation-duration:4.6631201892s;animation-delay:2.2800048538s;transform:rotateZ(-13.3565325625deg) rotateX(-3.4792688674deg) rotateY(-25.126131989deg)}html[platform=cn] .rain-container .bag-4{left:26.4266155813%;animation-name:drop;animation-duration:3.4912736259s;animation-delay:2.7965887585s;transform:rotateZ(-23.4222825441deg) rotateX(-1.5493687659deg) rotateY(5.98490945deg)}html[platform=cn] .rain-container .bag-5{left:56.9749413687%;animation-name:drop,move-left;animation-duration:3.8554675248s;animation-delay:1.9345086445s;transform:rotateZ(-.4233078622deg) rotateX(19.3906190693deg) rotateY(-13.711825033deg)}html[platform=cn] .rain-container .bag-6{left:50.7425393559%;animation-name:drop,move-left;animation-duration:2.3456757945s;animation-delay:1.2900475773s;transform:rotateZ(19.9286813689deg) rotateX(-23.8452155234deg) rotateY(28.7868991566deg)}html[platform=cn] .rain-container .bag-7{left:61.8832967863%;animation-name:drop;animation-duration:2.237118035s;animation-delay:.3809504173s;transform:rotateZ(20.9463424392deg) rotateX(-20.0823295611deg) rotateY(-1.164875998deg)}html[platform=cn] .rain-container .bag-8{left:52.8481261298%;animation-name:drop,move-right;animation-duration:2.185796761s;animation-delay:.1611080558s;transform:rotateZ(-29.7223376308deg) rotateX(9.2324185731deg) rotateY(-4.2828026057deg)}html[platform=cn] .rain-container .bag-9{left:45.0058477008%;animation-name:drop,move-left;animation-duration:2.3391955404s;animation-delay:.8854910125s;transform:rotateZ(-9.3408174992deg) rotateX(10.7653980963deg) rotateY(12.356781404deg)}html[platform=cn] .rain-container .bag-10{left:37.0806570728%;animation-name:drop;animation-duration:2.1929253734s;animation-delay:.5647490172s;transform:rotateZ(23.4217483828deg) rotateX(-.5840801159deg) rotateY(-5.5272462771deg)}html[platform=cn] .rain-container .bag-11{left:52.983484582%;animation-name:drop;animation-duration:2.4065960124s;animation-delay:1.60916812s;transform:rotateZ(-9.9345732156deg) rotateX(-11.2459405666deg) rotateY(17.5916634105deg)}html[platform=cn] .rain-container .bag-12{left:69.4186683151%;animation-name:drop,move-left;animation-duration:4.4381753724s;animation-delay:2.1482256106s;transform:rotateZ(25.9454479607deg) rotateX(-12.3303002902deg) rotateY(-23.0347558005deg)}html[platform=cn] .rain-container .bag-13{left:37.4682084247%;animation-name:drop,move-right;animation-duration:2.0178214315s;animation-delay:.9702857639s;transform:rotateZ(-16.5759056975deg) rotateX(29.4011849626deg) rotateY(.934140304deg)}html[platform=cn] .rain-container .bag-14{left:62.8739507212%;animation-name:drop;animation-duration:4.8498546755s;animation-delay:2.0308767963s;transform:rotateZ(29.3379066322deg) rotateX(12.6322023622deg) rotateY(-11.6908762928deg)}html[platform=cn] .rain-container .bag-15{left:29.2480408439%;animation-name:drop,move-left;animation-duration:4.196901446s;animation-delay:.9111091958s;transform:rotateZ(-24.1206912746deg) rotateX(5.5395395411deg) rotateY(-7.427652358deg)}html[platform=cn] .rain-container .bag-16{left:57.0811030402%;animation-name:drop,move-left;animation-duration:2.9722348983s;animation-delay:2.1991516864s;transform:rotateZ(18.6768518836deg) rotateX(-.1543018043deg) rotateY(11.0917434013deg)}html[platform=cn] .rain-container .bag-17{left:65.0093728107%;animation-name:drop;animation-duration:2.6077166461s;animation-delay:1.4204131377s;transform:rotateZ(28.6666466472deg) rotateX(-26.8446095833deg) rotateY(-18.2746784414deg)}html[platform=cn] .rain-container .bag-18{left:50.3922971942%;animation-name:drop;animation-duration:4.1366402583s;animation-delay:2.4942295042s;transform:rotateZ(-1.7725531687deg) rotateX(12.2217328273deg) rotateY(9.7978262658deg)}html[platform=cn] .rain-container .bag-19{left:33.195105035%;animation-name:drop,move-left;animation-duration:3.7323052342s;animation-delay:1.8099418363s;transform:rotateZ(7.6215982012deg) rotateX(14.5730604099deg) rotateY(26.7814201748deg)}html[platform=cn] .rain-container .bag-20{left:58.7058151322%;animation-name:drop;animation-duration:4.3734789426s;animation-delay:1.3566345758s;transform:rotateZ(4.358168873deg) rotateX(-14.1177275044deg) rotateY(13.6694055899deg)}html[platform=cn] .rain-container .bag-21{left:54.9192491955%;animation-name:drop;animation-duration:2.4100252784s;animation-delay:1.947159299s;transform:rotateZ(-7.6369724866deg) rotateX(-.5978142044deg) rotateY(-21.6774987726deg)}html[platform=cn] .rain-container .bag-22{left:65.2740328008%;animation-name:drop,move-right;animation-duration:3.5143984275s;animation-delay:2.168851333s;transform:rotateZ(13.297966735deg) rotateX(13.9529351747deg) rotateY(22.4972667393deg)}html[platform=cn] .rain-container .bag-23{left:53.5058271782%;animation-name:drop,move-left;animation-duration:3.8298194936s;animation-delay:1.5273446604s;transform:rotateZ(14.7214552969deg) rotateX(28.1468064865deg) rotateY(.0431855479deg)}html[platform=cn] .rain-container .bag-24{left:56.2225141138%;animation-name:drop;animation-duration:3.1985247326s;animation-delay:2.0653043349s;transform:rotateZ(-26.4504371946deg) rotateX(18.7434514112deg) rotateY(-18.4245804955deg)}html[platform=cn] .rain-container .bag-25{left:69.7927542015%;animation-name:drop;animation-duration:4.6800311163s;animation-delay:2.9947423076s;transform:rotateZ(-22.6237748857deg) rotateX(24.6666887158deg) rotateY(-7.8781438579deg)}html[platform=cn] .rain-container .bag-26{left:41.2472638003%;animation-name:drop;animation-duration:2.1128402426s;animation-delay:2.2157756347s;transform:rotateZ(-6.9692742369deg) rotateX(10.6443818539deg) rotateY(16.8880679222deg)}html[platform=cn] .rain-container .bag-27{left:58.7295609026%;animation-name:drop,move-right;animation-duration:4.011057788s;animation-delay:.1881971484s;transform:rotateZ(-4.5023142729deg) rotateX(-3.354663474deg) rotateY(-16.702715293deg)}html[platform=cn] .rain-container .bag-28{left:32.6981909912%;animation-name:drop;animation-duration:3.4961625024s;animation-delay:2.1324993431s;transform:rotateZ(-.8115669658deg) rotateX(-2.7362985218deg) rotateY(.8277407472deg)}html[platform=cn] .rain-container .bag-29{left:34.640379534%;animation-name:drop,move-left;animation-duration:2.9213082129s;animation-delay:2.1389329385s;transform:rotateZ(23.2595451311deg) rotateX(-29.7545290169deg) rotateY(-2.1636873588deg)}html[platform=cn] .rain-container .bag-30{left:39.6480025065%;animation-name:drop,move-right;animation-duration:4.7949413079s;animation-delay:2.37152157s;transform:rotateZ(-13.8130732866deg) rotateX(-12.0181219661deg) rotateY(17.9008968302deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:72.7379976466%;animation-name:drop;animation-timing-function:linear;animation-duration:2.3559057734s;animation-delay:1.5265380926s;transform:rotateZ(24.7915753867deg) rotateX(24.8023045716deg) rotateY(-4.4627636053deg) scale(.9391876577)}html[platform=cn] .rain-container .icon:nth-child(2){left:31.084368715%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.6760917247s;animation-delay:.9493634541s;transform:rotateZ(-17.607704359deg) rotateX(-17.5050665277deg) rotateY(-15.7769233758deg) scale(1.1457454638)}html[platform=cn] .rain-container .icon:nth-child(3){left:42.718504767%;animation-name:drop;animation-timing-function:linear;animation-duration:4.4427552956s;animation-delay:.8896625354s;transform:rotateZ(-17.4360202808deg) rotateX(-16.728163171deg) rotateY(-19.6505847273deg) scale(.8568222802)}html[platform=cn] .rain-container .icon:nth-child(4){left:32.7217913889%;animation-name:drop;animation-timing-function:linear;animation-duration:2.6414643166s;animation-delay:2.5091119892s;transform:rotateZ(25.5405024163deg) rotateX(-21.949674392deg) rotateY(-11.9986759937deg) scale(.7701286973)}html[platform=cn] .rain-container .icon:nth-child(5){left:31.6155857611%;animation-name:drop;animation-timing-function:linear;animation-duration:4.9392635179s;animation-delay:2.4283244047s;transform:rotateZ(20.8479589899deg) rotateX(-1.2274687822deg) rotateY(2.9396380129deg) scale(1.0362813802)}html[platform=cn] .rain-container .icon:nth-child(6){left:68.693011847%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.3637446235s;animation-delay:2.9703023081s;transform:rotateZ(21.426860497deg) rotateX(22.7575763042deg) rotateY(25.5852616399deg) scale(.8672963113)}html[platform=cn] .rain-container .icon:nth-child(7){left:60.7861676669%;animation-name:drop;animation-timing-function:linear;animation-duration:2.9511845877s;animation-delay:.7869577169s;transform:rotateZ(-26.5998307835deg) rotateX(-10.5186286926deg) rotateY(-5.2645382633deg) scale(1.1293547797)}html[platform=cn] .rain-container .icon:nth-child(8){left:62.3038041513%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5373412193s;animation-delay:.5621194408s;transform:rotateZ(-27.7391006008deg) rotateX(-3.6091026724deg) rotateY(-11.2737722025deg) scale(1.0649893714)}html[platform=cn] .rain-container .icon:nth-child(9){left:59.4237107217%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.9314236959s;animation-delay:1.5358880096s;transform:rotateZ(-10.4159084247deg) rotateX(5.6231280274deg) rotateY(-3.5864159628deg) scale(.7994793078)}html[platform=cn] .rain-container .icon:nth-child(10){left:27.4880135595%;animation-name:drop;animation-timing-function:linear;animation-duration:4.1422658241s;animation-delay:1.5848547278s;transform:rotateZ(15.5911370589deg) rotateX(16.1937582685deg) rotateY(26.3053247988deg) scale(.843516033)}@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:-14.4893387363%}}@keyframes move-right{from{margin-left:0}to{margin-left:29.4603459407%}}@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%}