@charset "UTF-8";.activity_float{position:fixed;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;right:5px;bottom:30px;z-index:200;cursor:pointer}.activity_float .activity__close{position:absolute;top:-15px;right:0;z-index:10;width:18px;height:18px;background:url(../img/redbag/egg-close.png) no-repeat center center;background-size:contain;cursor:pointer}@keyframes rouletteAnimeForPiexl{0%{background-position:0 0}100%{background-position:-2340px 0}}html[platform=ph] .activity__rain{position:relative;width:65px;height:65px;background-size:auto 65px!important;animation:rouletteAnimeForPiexl 1.5s steps(36) infinite;background:url(../img/redbag/rain-bg.png) no-repeat}html[platform=ph] .activity__rain.open_icon{background:url(../img/redbag/rain-bg-open.png) no-repeat}html[platform=ph] .activity__rain span{position:absolute;top:2px;right:-4px;min-width:1.4390855639rem;width:-moz-fit-content;width:fit-content;padding:0 2px;height:.9593903759rem;color:#fff;text-align:center;font-weight:400;font-size:.68527884rem;background-color:#eb5752;border-radius:1.0964461439rem;display:inline-block;line-height:.822334608rem}html[platform=ph] .rain-container{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1000;overflow:hidden}html[platform=ph] .rain-container:not(.result):before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:55rem;height:10rem;background:url(../img/redbag/bag.png) no-repeat center top;background-size:contain;z-index:30}html[platform=ph] .rain-container .rain-close{position:absolute;width:2.25rem;height:2.25rem;top:20px;right:20px;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;cursor:pointer}html[platform=ph] .rain-container .bag-close{position:absolute;top:calc(50% + 214px)!important;left:50%;width:2.25rem;height:2.25rem;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;transform:translateX(-50%)}html[platform=ph] .rain-container .view{width:100%;height:calc(100% - 7.5rem);position:relative}html[platform=ph] .rain-container .view .coin-bottom{content:"";position:absolute;bottom:-2.5rem;left:50%;width:30rem;height:10rem;margin:0 auto;background:url(../img/redbag/coin-bottom.png) no-repeat center center;background-size:contain;z-index:27;transform:translateX(-50%)}html[platform=ph] .rain-container .view .bag{width:3.75rem;height:3.75rem;background:url(../img/redbag/rain-bag.png) no-repeat center center;background-size:contain;position:absolute;visibility:hidden;z-index:25;animation-timing-function:linear;animation-iteration-count:infinite}html[platform=ph] .rain-container .view .bag.bag-1{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-2{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-3{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-4{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-5{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-6{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-7{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-8{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-9{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-10{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-11{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-12{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-13{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-14{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-15{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-16{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-17{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-18{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-19{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-20{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-21{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-22{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-23{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-24{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-25{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-26{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-27{background:url(../img/redbag/rain-bag-3.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-28{background:url(../img/redbag/rain-bag-0.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-29{background:url(../img/redbag/rain-bag-1.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .bag.bag-30{background:url(../img/redbag/rain-bag-2.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .view .scale{visibility:visible;transition:all .5s;z-index:50}html[platform=ph] .rain-container .view .icon{position:absolute;width:40px;height:40px;visibility:hidden;z-index:10;animation-timing-function:linear;animation-iteration-count:infinite;background:url(../img/redbag/icon-money.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container canvas{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:10}html[platform=ph] .rain-container .bag-view{position:absolute;background-color:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:40}html[platform=ph] .rain-container .bag-view>div{width:inherit;height:inherit}html[platform=ph] .rain-container .bag-view .prize-success{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:23.75rem;height:19.5rem;color:#fff;text-align:center;margin-top:-156px}html[platform=ph] .rain-container .bag-view .prize-success .prize-btn{margin:12.5rem auto 0;width:22.5rem;height:7.5rem;font-size:1.5rem;line-height:1.5rem;display:flex;align-items:center;justify-content:center;background:url(../img/redbag/success-btn-bg.png) no-repeat center center;background-size:contain}html[platform=ph] .rain-container .bag-view .prize-success .dollar-sign{font-weight:590;margin-right:.5em}html[platform=ph] .rain-container .bag-view .prize-success .money{white-space:nowrap;font-weight:700}html[platform=ph] .rain-container .bag-view .prize-success .prize-title{margin-top:-1.5rem;font-size:.875rem;line-height:1.5rem;font-weight:510;background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.3) 75%,rgba(0,0,0,0) 100%)}html[platform=ph] .rain-container .bag-view .prize-detail,html[platform=ph] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:100%;height:15rem;background:url(../img/redbag/bg-prize.png) no-repeat center center;background-size:contain;text-align:center;color:#ff3c52;font-weight:700;font-size:24px;line-height:normal;box-sizing:border-box;display:inline-flex;justify-content:center;flex-direction:column;font-size:0;transform:translateX(-50%);margin-top:-185px;margin-left:0!important;margin-right:0!important;padding:0!important}html[platform=ph] .rain-container .bag-view .prize-lose{position:absolute;left:50%;width:18.75rem;height:21.25rem;background:url(../img/redbag/prize-lose.png) no-repeat center center;background-size:contain;text-align:center;box-sizing:border-box;display:flex;align-items:center}html[platform=ph] .rain-container .bag-view .prize-lose::before{content:"";position:absolute;width:11.875rem;height:11.875rem;top:-5rem;left:50%;transform:translateX(-50%);background:url(../img/redbag/prize-lose-bag.png) no-repeat center center;background-size:contain;display:block}html[platform=ph] .rain-container .bag-view .prize-lose .close-btn{position:absolute;display:block;width:10rem;height:2.5rem;bottom:2rem;left:50%;transform:translateX(-50%);background:url(../img/redbag/close-btn-bg.png) no-repeat center center;background-size:contain;color:#fff;font-size:1rem;font-weight:510;line-height:1rem;cursor:pointer;border:none}html[platform=ph] .rain-container .bag-view .prize-lose .title{text-align:center;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.25rem;background:linear-gradient(91deg,#78788c 0,#646478 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;margin-top:1rem}html[platform=ph] .rain-container .bag-view .prize-lose span.span_msg{font-size:14px;font-weight:510;line-height:18px;color:#2c344d;width:calc(100% - 48px)}html[platform=ph] .rain-container .bag-view .prize-lose p{color:#2c344d;font-size:14px;font-weight:510;line-height:18px;padding:0 5px}html[platform=ph] .rain-container .bag-view .prize-lose p span{color:#fe4144}html[platform=ph] .rain-container .bag-view .prize-lose label{font-size:12px;line-height:24px;color:#4c4c4c}html[platform=ph] .rain-container .bag-view .not-allow{padding-top:170px;padding-left:10px}html[platform=ph] .rain-container .bag-1{left:52.0616400888%;animation-name:drop;animation-duration:4.4915808736s;animation-delay:1.1109296926s;transform:rotateZ(29.8272475528deg) rotateX(6.2712709784deg) rotateY(6.1027979724deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:71.5880845901%;animation-name:drop;animation-duration:4.4208986069s;animation-delay:2.6449427721s;transform:rotateZ(-12.3963232644deg) rotateX(28.2701992117deg) rotateY(23.0118464399deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:65.2168995022%;animation-name:drop;animation-duration:2.7610657588s;animation-delay:2.5606255499s;transform:rotateZ(21.5127915626deg) rotateX(29.0211938304deg) rotateY(-25.8134351173deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:56.263942008%;animation-name:drop;animation-duration:3.7460899266s;animation-delay:1.0323768618s;transform:rotateZ(-23.9925611035deg) rotateX(-28.0837276882deg) rotateY(-14.7864509728deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:63.9770290414%;animation-name:drop;animation-duration:2.8515259005s;animation-delay:2.9356984385s;transform:rotateZ(24.6135975564deg) rotateX(-8.8654282968deg) rotateY(-21.9898684038deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:47.4815489203%;animation-name:drop;animation-duration:4.4796368532s;animation-delay:2.3536001945s;transform:rotateZ(-3.0904668861deg) rotateX(18.91861737deg) rotateY(-22.0966206915deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:40.9925779136%;animation-name:drop;animation-duration:2.2252304411s;animation-delay:1.7072664414s;transform:rotateZ(11.8460382553deg) rotateX(-17.6499574748deg) rotateY(24.8588806809deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:39.1526251775%;animation-name:drop,move-left;animation-duration:3.8093026254s;animation-delay:1.0593405089s;transform:rotateZ(26.2474836405deg) rotateX(24.6223022581deg) rotateY(-5.675115253deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:45.3897098878%;animation-name:drop;animation-duration:2.3197238043s;animation-delay:1.7970327731s;transform:rotateZ(14.2471235669deg) rotateX(-.0551794565deg) rotateY(2.1125814143deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:57.8762161415%;animation-name:drop;animation-duration:4.7042501156s;animation-delay:1.6250138639s;transform:rotateZ(-2.1088807077deg) rotateX(-3.7299259636deg) rotateY(-5.4122082892deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:56.8753936052%;animation-name:drop,move-left;animation-duration:3.5778506344s;animation-delay:.1727491179s;transform:rotateZ(17.6423282373deg) rotateX(22.1173103427deg) rotateY(-29.8087614649deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:71.89022195%;animation-name:drop,move-left;animation-duration:4.940195395s;animation-delay:1.7806128242s;transform:rotateZ(-26.8125101769deg) rotateX(-24.6740015739deg) rotateY(-2.474374073deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:31.281910216%;animation-name:drop,move-left;animation-duration:3.6227674416s;animation-delay:1.748002791s;transform:rotateZ(27.0413726993deg) rotateX(-11.5116322598deg) rotateY(-29.2907327828deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:58.1585196551%;animation-name:drop,move-left;animation-duration:3.788825797s;animation-delay:.8819280549s;transform:rotateZ(20.887806722deg) rotateX(10.6032031601deg) rotateY(-19.999642115deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:44.800065202%;animation-name:drop,move-right;animation-duration:4.6950504989s;animation-delay:2.4350340754s;transform:rotateZ(-23.7130079915deg) rotateX(4.8373193032deg) rotateY(-18.55599586deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:73.4485788693%;animation-name:drop;animation-duration:2.7863077193s;animation-delay:.720748515s;transform:rotateZ(-5.6760256369deg) rotateX(-19.2928217122deg) rotateY(14.6552046238deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:26.8125141054%;animation-name:drop,move-right;animation-duration:4.8133541621s;animation-delay:2.9377987722s;transform:rotateZ(-11.4279965977deg) rotateX(-26.0070301819deg) rotateY(5.4804309832deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:72.0924601993%;animation-name:drop;animation-duration:4.6769803067s;animation-delay:1.6873212333s;transform:rotateZ(-11.9909323211deg) rotateX(-28.8067976877deg) rotateY(.8048757915deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:68.0376606841%;animation-name:drop;animation-duration:4.8635747179s;animation-delay:1.8667652891s;transform:rotateZ(-18.7415574364deg) rotateX(1.6994630551deg) rotateY(-13.3541683769deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:73.3477998142%;animation-name:drop;animation-duration:3.577026415s;animation-delay:2.6606061637s;transform:rotateZ(19.7771622793deg) rotateX(29.1324076189deg) rotateY(-2.2897169528deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:37.4476879304%;animation-name:drop;animation-duration:4.6617452902s;animation-delay:1.8920110162s;transform:rotateZ(13.0091783539deg) rotateX(22.5662252697deg) rotateY(-17.0329615305deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:64.8527594203%;animation-name:drop,move-left;animation-duration:4.5317500323s;animation-delay:2.9149714787s;transform:rotateZ(-2.7368164183deg) rotateX(7.4458699811deg) rotateY(-25.3876807475deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:64.1894579766%;animation-name:drop;animation-duration:2.3298208641s;animation-delay:.8057977691s;transform:rotateZ(-4.9623928348deg) rotateX(-29.487875656deg) rotateY(-.0498741341deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:29.9203619475%;animation-name:drop;animation-duration:2.6477541767s;animation-delay:2.3664953853s;transform:rotateZ(-22.787984299deg) rotateX(-25.9964577631deg) rotateY(-5.0853510123deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:39.1339479196%;animation-name:drop;animation-duration:3.714032674s;animation-delay:34.0812406ms;transform:rotateZ(-13.4309088969deg) rotateX(-12.6841803532deg) rotateY(16.8427332644deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:35.8971418972%;animation-name:drop;animation-duration:2.5391822199s;animation-delay:2.8231413415s;transform:rotateZ(-7.9939233403deg) rotateX(-27.2426630144deg) rotateY(20.776459384deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:67.1999745335%;animation-name:drop;animation-duration:3.361039205s;animation-delay:.9884649397s;transform:rotateZ(-12.6882547431deg) rotateX(-22.0112782837deg) rotateY(24.4689024523deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:56.0733227627%;animation-name:drop;animation-duration:2.9552263215s;animation-delay:.6533504306s;transform:rotateZ(18.8808969074deg) rotateX(6.5562306917deg) rotateY(-7.750832431deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:38.6930931702%;animation-name:drop;animation-duration:3.9267953724s;animation-delay:1.6861733973s;transform:rotateZ(1.6189934535deg) rotateX(-23.0973646718deg) rotateY(-21.9715996314deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:70.5952571757%;animation-name:drop,move-right;animation-duration:4.9805805908s;animation-delay:1.247612806s;transform:rotateZ(-24.4115387283deg) rotateX(-1.2460611295deg) rotateY(11.9532671142deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:30.2916724328%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.1895321778s;animation-delay:2.5532013609s;transform:rotateZ(-14.9741782878deg) rotateX(-12.8831089811deg) rotateY(19.913047791deg) scale(1.1310304079)}html[platform=ph] .rain-container .icon:nth-child(2){left:33.5219816113%;animation-name:drop;animation-timing-function:linear;animation-duration:4.3897535239s;animation-delay:1.8842994993s;transform:rotateZ(25.9320081821deg) rotateX(23.5276198216deg) rotateY(-26.8594906583deg) scale(.8350069447)}html[platform=ph] .rain-container .icon:nth-child(3){left:72.6341725982%;animation-name:drop;animation-timing-function:linear;animation-duration:2.1558096011s;animation-delay:2.5034671208s;transform:rotateZ(-21.348459832deg) rotateX(-5.1081375549deg) rotateY(18.1910241558deg) scale(1.0019793176)}html[platform=ph] .rain-container .icon:nth-child(4){left:27.8350043943%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.9302181045s;animation-delay:2.5805738716s;transform:rotateZ(-9.1518345201deg) rotateX(-27.6734050409deg) rotateY(-13.2795875998deg) scale(1.0586391195)}html[platform=ph] .rain-container .icon:nth-child(5){left:48.4287331851%;animation-name:drop;animation-timing-function:linear;animation-duration:3.8500145692s;animation-delay:1.1550685313s;transform:rotateZ(23.5152991238deg) rotateX(12.789653698deg) rotateY(29.0509048262deg) scale(1.0303629449)}html[platform=ph] .rain-container .icon:nth-child(6){left:36.7295103938%;animation-name:drop;animation-timing-function:linear;animation-duration:2.8246094816s;animation-delay:18.9146742ms;transform:rotateZ(1.4160901808deg) rotateX(-20.2980517145deg) rotateY(-22.0450504509deg) scale(.9296591692)}html[platform=ph] .rain-container .icon:nth-child(7){left:36.278028704%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5592119887s;animation-delay:1.9125167136s;transform:rotateZ(18.9092728843deg) rotateX(-21.9140745174deg) rotateY(-12.8930802778deg) scale(.701307095)}html[platform=ph] .rain-container .icon:nth-child(8){left:69.7128417637%;animation-name:drop;animation-timing-function:linear;animation-duration:2.0238920492s;animation-delay:2.6517589794s;transform:rotateZ(-18.7964858241deg) rotateX(-26.8390577759deg) rotateY(29.958871828deg) scale(.9901945352)}html[platform=ph] .rain-container .icon:nth-child(9){left:68.1854489158%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.8318279061s;animation-delay:2.8785690781s;transform:rotateZ(23.0022707909deg) rotateX(-7.174712674deg) rotateY(9.8249757292deg) scale(.754742505)}html[platform=ph] .rain-container .icon:nth-child(10){left:25.4211985162%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.9424091181s;animation-delay:.4535177937s;transform:rotateZ(13.8994131308deg) rotateX(-2.1945982978deg) rotateY(-21.5652184727deg) scale(.9962293483)}@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:-20.0064222365%}}@keyframes move-right{from{margin-left:0}to{margin-left:11.0488285593%}}@keyframes rotate{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}html[platform=ph] .rain-container .scale-enter-active{animation-name:scale;animation-duration:.3s}html[platform=ph] .rain-container .scale-leave-active{animation-name:scale;animation-duration:.3s}@keyframes scale{from{transform:scale(.5)}70%{transform:scale(1.3)}to{transform:scale(1)}}html[platform=cn] .activity__rain{position:relative;width:65px;height:65px;background-size:auto 65px!important;animation:rouletteAnimeForPiexl 1.5s steps(36) infinite;background:url(../img/redbag/rain-bg-cn.png) no-repeat}html[platform=cn] .activity__rain.open_icon{background:url(../img/redbag/rain-bg-open-cn.png) no-repeat}html[platform=cn] .activity__rain span{position:absolute;top:2px;right:-4px;min-width:1.4390855639rem;width:-moz-fit-content;width:fit-content;padding:0 2px;height:.9593903759rem;color:#fff;text-align:center;font-weight:400;font-size:.68527884rem;background-color:#eb5752;border-radius:1.0964461439rem;display:inline-block;line-height:.822334608rem}html[platform=cn] .rain-container{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:1000;overflow:hidden}html[platform=cn] .rain-container .rain-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(../img/redbag/close.png) no-repeat center center;background-size:contain;z-index:50;cursor:pointer}html[platform=cn] .rain-container .view{width:100%;height:100%;position:relative;overflow:hidden}html[platform=cn] .rain-container .view i.bag-front{content:"";position:absolute;top:0;left:50%;width:800px;height:90px;margin-left:-400px;background:url(../img/redbag/bag.png) no-repeat center top;background-size:contain;z-index:30}html[platform=cn] .rain-container .view i.bag-back{content:"";position:absolute;top:0;left:50%;width:750px;height:70px;margin-left:-375px;background:url(../img/redbag/bag-bottom.png) no-repeat center top;background-size:contain;z-index:20}html[platform=cn] .rain-container .view .sun{content:"";position:absolute;top:0;left:50%;width:500px;height:500px;margin-left:-250px;margin-top:-250px;background:url(../img/redbag/sun.png) no-repeat center center;background-size:contain;z-index:25;animation:rotate linear 20s infinite}html[platform=cn] .rain-container .view .bag{width:72px;height:95px;background:url(../img/redbag/rain-bag.png) no-repeat center center;background-size:contain;position:absolute;visibility:hidden;z-index:25;animation-timing-function:linear;animation-iteration-count:infinite;cursor:pointer}html[platform=cn] .rain-container .view .scale{visibility:visible;transition:all .5s;z-index:50}html[platform=cn] .rain-container .view .icon{position:absolute;width:40px;height:40px;visibility:hidden;z-index:10;animation-timing-function:linear;animation-iteration-count:infinite;background:url(../img/redbag/icon-money.png) no-repeat center center;background-size:contain}html[platform=cn] .rain-container canvas{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;z-index:10}html[platform=cn] .rain-container .bag-view{position:absolute;background-color:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:40}html[platform=cn] .rain-container .bag-view .prize-detail,html[platform=cn] html[platform=ph] .rain-container .bag-view .prize-lose,html[platform=ph] html[platform=cn] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:430px;height:370px;margin-top:-185px;margin-left:-215px;background:url(../img/redbag/bg-prize-cn.png) no-repeat center center;background-size:contain;text-align:center;color:#ff3c52;font-weight:700;font-size:35px;padding-top:160px;box-sizing:border-box}html[platform=cn] .rain-container .bag-view .prize-detail span,html[platform=cn] html[platform=ph] .rain-container .bag-view .prize-lose span,html[platform=ph] html[platform=cn] .rain-container .bag-view .prize-lose span{font-size:50px}html[platform=cn] .rain-container .bag-view .prize-lose{position:absolute;top:50%;left:50%;width:430px;height:360px;margin-top:-190px;margin-left:-215px;background:url(../img/redbag/prize-lose-cn.png) no-repeat center center;background-size:contain;text-align:center;padding:160px 60px 5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}html[platform=cn] .rain-container .bag-view .prize-lose span.span_msg{font-size:18px;color:#000;line-height:1.2;width:80%}html[platform=cn] .rain-container .bag-view .prize-lose p{color:#000;font-size:18px;line-height:24px}html[platform=cn] .rain-container .bag-view .prize-lose p span{color:#fe4144;font-size:1em;display:inline-block}html[platform=cn] .rain-container .bag-view .prize-lose label{font-size:12px;line-height:24px;color:#4c4c4c}html[platform=cn] .rain-container .bag-view .prize-lose button{width:140px;height:46px;background-color:#fe4144;outline:0;border:none;color:#fff;font-size:18px;border-radius:8px;margin-top:15px;cursor:pointer}html[platform=cn] .rain-container .bag-view .not-allow{padding-top:170px;padding-left:10px}html[platform=cn] .rain-container .bag-view .close{position:absolute;width:50px;height:50px;background:url(../img/redbag/icon-close.png) no-repeat center center;background-size:contain;top:50%;left:50%;margin-left:-25px;margin-top:205px;cursor:pointer}html[platform=cn] .rain-container .bag-1{left:74.1781307796%;animation-name:drop,move-left;animation-duration:2.5500752488s;animation-delay:2.9761843027s;transform:rotateZ(-28.5342305059deg) rotateX(3.0712971466deg) rotateY(16.5881774653deg)}html[platform=cn] .rain-container .bag-2{left:29.508623342%;animation-name:drop;animation-duration:3.576698881s;animation-delay:2.0916672715s;transform:rotateZ(25.5737818569deg) rotateX(1.8337644086deg) rotateY(9.8480397684deg)}html[platform=cn] .rain-container .bag-3{left:72.3521049454%;animation-name:drop;animation-duration:4.5545641515s;animation-delay:2.7237484362s;transform:rotateZ(-4.2134687421deg) rotateX(8.6737141968deg) rotateY(26.5018860832deg)}html[platform=cn] .rain-container .bag-4{left:50.211339185%;animation-name:drop,move-left;animation-duration:2.6981595899s;animation-delay:.3444654316s;transform:rotateZ(14.0476485276deg) rotateX(-24.6765755049deg) rotateY(-22.1331270937deg)}html[platform=cn] .rain-container .bag-5{left:35.1002301974%;animation-name:drop,move-left;animation-duration:2.0454262804s;animation-delay:.3665189374s;transform:rotateZ(-10.8640673101deg) rotateX(-7.1516119049deg) rotateY(-3.3887225019deg)}html[platform=cn] .rain-container .bag-6{left:51.3519780556%;animation-name:drop,move-left;animation-duration:3.4598980665s;animation-delay:18.5910538ms;transform:rotateZ(12.5484522589deg) rotateX(17.2612058481deg) rotateY(14.7159845447deg)}html[platform=cn] .rain-container .bag-7{left:50.93873068%;animation-name:drop;animation-duration:4.2834050419s;animation-delay:.9503437826s;transform:rotateZ(-2.1422202946deg) rotateX(25.105803968deg) rotateY(23.190826155deg)}html[platform=cn] .rain-container .bag-8{left:57.5214913556%;animation-name:drop,move-left;animation-duration:2.617043982s;animation-delay:.6441726411s;transform:rotateZ(.94389814deg) rotateX(15.5482895856deg) rotateY(20.2619330624deg)}html[platform=cn] .rain-container .bag-9{left:30.841093939%;animation-name:drop,move-left;animation-duration:3.6856004869s;animation-delay:.5460275276s;transform:rotateZ(-16.1520509508deg) rotateX(-28.0897227581deg) rotateY(17.0442079253deg)}html[platform=cn] .rain-container .bag-10{left:62.1492047825%;animation-name:drop,move-left;animation-duration:3.3948529401s;animation-delay:1.9534777173s;transform:rotateZ(.3936933011deg) rotateX(26.473981214deg) rotateY(18.2349710705deg)}html[platform=cn] .rain-container .bag-11{left:34.8766214316%;animation-name:drop;animation-duration:4.0744738623s;animation-delay:1.2735552785s;transform:rotateZ(2.9065870253deg) rotateX(-27.6316744047deg) rotateY(-1.1817027106deg)}html[platform=cn] .rain-container .bag-12{left:47.6908348822%;animation-name:drop,move-right;animation-duration:4.441851859s;animation-delay:2.8189296525s;transform:rotateZ(23.3772237066deg) rotateX(-15.3338586456deg) rotateY(27.7001535989deg)}html[platform=cn] .rain-container .bag-13{left:71.216815821%;animation-name:drop;animation-duration:3.0694188086s;animation-delay:2.8616455435s;transform:rotateZ(21.7402085204deg) rotateX(14.849564498deg) rotateY(-19.7318152244deg)}html[platform=cn] .rain-container .bag-14{left:33.6863305592%;animation-name:drop,move-left;animation-duration:4.727109861s;animation-delay:2.2916615713s;transform:rotateZ(19.454898617deg) rotateX(11.3456914082deg) rotateY(-26.1945859156deg)}html[platform=cn] .rain-container .bag-15{left:55.2978663733%;animation-name:drop,move-left;animation-duration:4.314723251s;animation-delay:2.2086337054s;transform:rotateZ(-26.876575071deg) rotateX(20.3657155431deg) rotateY(5.6658286864deg)}html[platform=cn] .rain-container .bag-16{left:48.7101632321%;animation-name:drop;animation-duration:2.2145981212s;animation-delay:2.8181869187s;transform:rotateZ(-23.4656025705deg) rotateX(-7.5395128423deg) rotateY(10.897878994deg)}html[platform=cn] .rain-container .bag-17{left:28.6919111705%;animation-name:drop;animation-duration:2.7585071286s;animation-delay:.341622657s;transform:rotateZ(-18.3916896182deg) rotateX(.7896973192deg) rotateY(-23.5988211933deg)}html[platform=cn] .rain-container .bag-18{left:51.2331111467%;animation-name:drop;animation-duration:3.7224375116s;animation-delay:1.3782756066s;transform:rotateZ(-14.083395175deg) rotateX(-25.9938085997deg) rotateY(3.5615792256deg)}html[platform=cn] .rain-container .bag-19{left:68.6750063871%;animation-name:drop;animation-duration:4.7488434276s;animation-delay:1.3922576832s;transform:rotateZ(-25.9696658675deg) rotateX(17.1499134268deg) rotateY(18.5349160911deg)}html[platform=cn] .rain-container .bag-20{left:54.0788606347%;animation-name:drop,move-left;animation-duration:2.7823751817s;animation-delay:.9730579865s;transform:rotateZ(1.1884873971deg) rotateX(1.2240480762deg) rotateY(-14.6678620228deg)}html[platform=cn] .rain-container .bag-21{left:49.4343816595%;animation-name:drop;animation-duration:2.1191669511s;animation-delay:1.3132540312s;transform:rotateZ(19.7609015433deg) rotateX(-26.814031911deg) rotateY(-24.0153568896deg)}html[platform=cn] .rain-container .bag-22{left:62.0581323469%;animation-name:drop;animation-duration:3.2709484972s;animation-delay:2.2827921933s;transform:rotateZ(-20.457204411deg) rotateX(8.7782428896deg) rotateY(-7.2116237234deg)}html[platform=cn] .rain-container .bag-23{left:55.1142834227%;animation-name:drop;animation-duration:3.2289414885s;animation-delay:2.9266001406s;transform:rotateZ(-12.4984584431deg) rotateX(27.5978227374deg) rotateY(7.4103793766deg)}html[platform=cn] .rain-container .bag-24{left:63.2963392933%;animation-name:drop,move-left;animation-duration:3.4962901727s;animation-delay:.8853235659s;transform:rotateZ(-13.1966797008deg) rotateX(23.336419603deg) rotateY(-15.4591612658deg)}html[platform=cn] .rain-container .bag-25{left:74.5272583432%;animation-name:drop,move-right;animation-duration:3.9679288678s;animation-delay:2.3938428359s;transform:rotateZ(7.9230794236deg) rotateX(-17.44245283deg) rotateY(8.9793648408deg)}html[platform=cn] .rain-container .bag-26{left:50.0973459074%;animation-name:drop;animation-duration:4.0798077265s;animation-delay:59.0127545ms;transform:rotateZ(1.2068166211deg) rotateX(13.8112609115deg) rotateY(17.5247880739deg)}html[platform=cn] .rain-container .bag-27{left:29.883249911%;animation-name:drop;animation-duration:4.4720198756s;animation-delay:77.6087978ms;transform:rotateZ(-8.8811262382deg) rotateX(-1.7597855727deg) rotateY(-25.0663646474deg)}html[platform=cn] .rain-container .bag-28{left:26.9151336865%;animation-name:drop;animation-duration:2.905082329s;animation-delay:1.0632593303s;transform:rotateZ(11.4742802676deg) rotateX(-8.9333603248deg) rotateY(-11.0945840437deg)}html[platform=cn] .rain-container .bag-29{left:70.142939658%;animation-name:drop;animation-duration:4.4746305291s;animation-delay:.1993442372s;transform:rotateZ(3.6992404763deg) rotateX(-27.0884544407deg) rotateY(-.1768113132deg)}html[platform=cn] .rain-container .bag-30{left:56.2876266174%;animation-name:drop,move-left;animation-duration:3.6807402662s;animation-delay:1.8172450008s;transform:rotateZ(19.8745304541deg) rotateX(-23.6119985779deg) rotateY(-27.2623388804deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:36.6019826632%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.3633673477s;animation-delay:1.9663270564s;transform:rotateZ(26.7026076404deg) rotateX(12.949668506deg) rotateY(5.4123460238deg) scale(.9220409107)}html[platform=cn] .rain-container .icon:nth-child(2){left:54.7126469148%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.6029314837s;animation-delay:2.9247254034s;transform:rotateZ(25.8537181957deg) rotateX(1.0766428139deg) rotateY(-8.0828031332deg) scale(1.1082310219)}html[platform=cn] .rain-container .icon:nth-child(3){left:45.4258430466%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.8171589994s;animation-delay:99.0772256ms;transform:rotateZ(-25.7365042121deg) rotateX(-16.6116132395deg) rotateY(-.013244165deg) scale(1.1905928219)}html[platform=cn] .rain-container .icon:nth-child(4){left:26.3769936839%;animation-name:drop;animation-timing-function:linear;animation-duration:3.9195086011s;animation-delay:.5672494812s;transform:rotateZ(13.0138288115deg) rotateX(-20.0086378329deg) rotateY(-21.6196149895deg) scale(1.1748432623)}html[platform=cn] .rain-container .icon:nth-child(5){left:26.7629143007%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.3315698718s;animation-delay:1.0057680828s;transform:rotateZ(-22.8283579578deg) rotateX(-26.6736011165deg) rotateY(23.0140181612deg) scale(1.1233123783)}html[platform=cn] .rain-container .icon:nth-child(6){left:64.8274081812%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.2390741892s;animation-delay:.2132341613s;transform:rotateZ(20.0643787734deg) rotateX(26.993516959deg) rotateY(-5.1265575944deg) scale(.796583346)}html[platform=cn] .rain-container .icon:nth-child(7){left:54.7649784434%;animation-name:drop;animation-timing-function:linear;animation-duration:4.6681735685s;animation-delay:2.2013632616s;transform:rotateZ(-19.7513476443deg) rotateX(-3.6547431337deg) rotateY(-22.2623242395deg) scale(.9195116358)}html[platform=cn] .rain-container .icon:nth-child(8){left:54.2245980856%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.7705187736s;animation-delay:.2051150036s;transform:rotateZ(-10.1761961311deg) rotateX(-15.5739893597deg) rotateY(2.3474399126deg) scale(.9277659036)}html[platform=cn] .rain-container .icon:nth-child(9){left:51.5982577547%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.819055797s;animation-delay:2.4133149407s;transform:rotateZ(5.0514490351deg) rotateX(7.6704237846deg) rotateY(-6.6485070833deg) scale(1.1654992328)}html[platform=cn] .rain-container .icon:nth-child(10){left:72.9740206936%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.5634211978s;animation-delay:2.0340587637s;transform:rotateZ(-16.4501048902deg) rotateX(-25.6522498614deg) rotateY(-4.0386752711deg) scale(.9504467956)}@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:-1.2284942603%}}@keyframes move-right{from{margin-left:0}to{margin-left:10.0051505742%}}@keyframes rotate{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}html[platform=cn] .rain-container .scale-enter-active{animation-name:scale;animation-duration:.3s}html[platform=cn] .rain-container .scale-leave-active{animation-name:scale;animation-duration:.3s}@keyframes scale{from{transform:scale(.5)}70%{transform:scale(1.3)}to{transform:scale(1)}}.layui-layer-iframe{display:none}.chatRoomBox{width:400px;height:80%;max-height:900px;border-radius:16px;background:#fff;position:fixed;overflow:hidden;top:100px;right:100px;z-index:100;box-shadow:0 0 32px 5px rgba(0,0,0,.3);display:none}.chatRoom{overflow:visible!important}.chatRoom-unread{justify-content:center;align-items:center;position:absolute;right:0;height:24px;min-width:24px;padding:0 4px;border-radius:100px;font-size:14px;font-weight:500;color:#fff;background-color:#fd5050;bottom:40px;z-index:9999;display:none}.chatRoom-unread.active{display:flex}.swiper-adjump img{max-width:100%;width:auto;margin:0 auto;display:block}.swiper-adjump .adjump-swiper-pagination{text-align:center;margin-top:13px;position:relative;z-index:99;height:20px}.swiper-adjump .swiper-pagination-bullet{width:30px;height:20px;opacity:1;transform:translateZ(1px);position:relative;background-color:transparent}.swiper-adjump .swiper-pagination-bullet::after{display:block;content:"";width:100%;height:6px;border-radius:6px;cursor:pointer;margin-top:7px;background-color:#999}.swiper-adjump .swiper-pagination-bullet-active::after{background-color:#fff}#transfer-modal-overlay{position:fixed;background:rgba(12,12,12,.65);min-width:100%;min-height:100%;left:0;top:0;display:none;z-index:100}.transfer-modal{min-width:30%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;background:#fff;color:#666;box-shadow:0 0 5px}.transfer-modal .transfer-modal-head{position:relative;padding:15px 0;font-size:24px;text-align:center;color:#2675dc;border-bottom:1px solid #ccc}.transfer-modal .transfer-modal-head .close{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:inline-block;width:21px;height:21px;cursor:pointer;transition:transform .3s ease-out}.transfer-modal .transfer-modal-head .close:after,.transfer-modal .transfer-modal-head .close:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background:#ccc;transform:translate(-50%,-50%)}.transfer-modal .transfer-modal-head .close:before{transform:translate(-50%,-50%) rotate(45deg)}.transfer-modal .transfer-modal-head .close:after{transform:translate(-50%,-50%) rotate(-45deg)}.transfer-modal .transfer-modal-head .close:hover{transform-origin:center;transform:translateY(-50%) rotate(180deg)}.transfer-modal .transfer-modal-content{padding:30px 15px;margin:auto;width:450px}.transfer-modal .transfer-modal-content .icon-transfer{display:block;margin:0 auto 15px auto;transform:translateX(40px);cursor:pointer}.transfer-modal .transfer-modal-content .input-wrapper{margin-bottom:15px;display:flex}.transfer-modal .transfer-modal-content .input-wrapper .input-item{position:relative}.transfer-modal .transfer-modal-content .input-wrapper .input-item .ratio{position:absolute;right:-40px;top:-18px;font-size:12px;display:none}.transfer-modal .transfer-modal-content .input-wrapper label{margin:12px 15px 0 0;width:100px;text-align:right}.transfer-modal .transfer-modal-content .input-wrapper input,.transfer-modal .transfer-modal-content .input-wrapper select{font-size:14px;border:1px solid #ccc;width:285px;height:40px;border-radius:5px;text-indent:12px;transition:border .15s ease-in}.transfer-modal .transfer-modal-content .input-wrapper input:focus,.transfer-modal .transfer-modal-content .input-wrapper select:focus{border:1px solid #2675dc}.transfer-modal .transfer-modal-content .input-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.transfer-modal .transfer-modal-content .input-wrapper select::-ms-expand{display:none}.transfer-modal .transfer-modal-content .input-wrapper .amount-list{margin-top:15px;display:flex}.transfer-modal .transfer-modal-content .input-wrapper .amount-list .money{padding:0 5px;min-width:66px;height:28px;line-height:28px;font-size:15px;background:#e7f0fc;border:1px solid #e7f0fc;text-align:center;border-radius:5px;cursor:pointer}.transfer-modal .transfer-modal-content .input-wrapper .amount-list .money:not(:last-child){margin-right:5px}.transfer-modal .transfer-modal-content .input-wrapper .amount-list .money.active{border:1px solid #2675dc}.transfer-modal .transfer-modal-content .input-wrapper .tip{margin-top:5px;color:#999}.transfer-modal .transfer-modal-content .input-wrapper .select-wrap{position:relative;z-index:1;width:276px}.transfer-modal .transfer-modal-content .input-wrapper .select-wrap .arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:10px;height:10px}.transfer-modal .transfer-modal-content .input-wrapper .select-wrap .arrow:after{content:"";position:absolute;border:solid #999;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.transfer-modal .transfer-modal-content .transfer-modal-btn{margin-top:35px;text-align:center}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn{display:inline-block;width:116px;height:38px;font-size:15px;text-align:center;line-height:38px;border-radius:5px;color:#fff;cursor:pointer}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-submit{background:#2675dc;margin-right:10px}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-submit:hover{box-shadow:0 0 10px #2675dc}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-preview{background:#f9bf5b}.transfer-modal .transfer-modal-content .transfer-modal-btn .btn-preview:hover{box-shadow:0 0 10px #f9bf5b}