@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:37.7246169979%;animation-name:drop,move-left;animation-duration:3.1441399571s;animation-delay:1.1727626656s;transform:rotateZ(-16.2294012465deg) rotateX(9.453298781deg) rotateY(19.6406811851deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:45.4978803469%;animation-name:drop,move-right;animation-duration:3.8781064125s;animation-delay:1.0904213836s;transform:rotateZ(3.0414064706deg) rotateX(-2.0969177322deg) rotateY(16.0595530117deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:65.5584743708%;animation-name:drop;animation-duration:4.5494139915s;animation-delay:1.9285838831s;transform:rotateZ(18.9575506184deg) rotateX(4.5100515142deg) rotateY(-11.3087936755deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:33.676884273%;animation-name:drop,move-left;animation-duration:3.4416310178s;animation-delay:2.2371700744s;transform:rotateZ(-6.7610574858deg) rotateX(17.660480177deg) rotateY(.1449191071deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:74.0682594937%;animation-name:drop;animation-duration:2.6989897195s;animation-delay:.5628302724s;transform:rotateZ(29.177984964deg) rotateX(-18.5256529819deg) rotateY(-14.3252809787deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:71.323110147%;animation-name:drop;animation-duration:2.3515828511s;animation-delay:1.2367141137s;transform:rotateZ(1.3632198334deg) rotateX(27.5992090702deg) rotateY(29.2508307713deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:56.565400793%;animation-name:drop,move-left;animation-duration:4.0036913174s;animation-delay:1.1328079999s;transform:rotateZ(10.6374793276deg) rotateX(18.5516525135deg) rotateY(1.0849850315deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:38.9785532134%;animation-name:drop;animation-duration:2.1193617123s;animation-delay:.5000804009s;transform:rotateZ(13.5211855176deg) rotateX(-24.4681082891deg) rotateY(11.7804344486deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:56.2499201115%;animation-name:drop,move-left;animation-duration:4.9432392412s;animation-delay:.5881801061s;transform:rotateZ(23.2883274445deg) rotateX(-14.9606854856deg) rotateY(5.9272901595deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:59.9014559608%;animation-name:drop,move-right;animation-duration:4.2400751184s;animation-delay:1.2356161655s;transform:rotateZ(5.7004902704deg) rotateX(-4.8389296288deg) rotateY(25.2012068934deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:59.2427067567%;animation-name:drop,move-left;animation-duration:2.3653735684s;animation-delay:2.2923752913s;transform:rotateZ(3.1354545564deg) rotateX(-1.9006832376deg) rotateY(2.6812251458deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:32.1308587418%;animation-name:drop;animation-duration:4.8161598638s;animation-delay:.8287148232s;transform:rotateZ(-28.9717719721deg) rotateX(-7.5101057498deg) rotateY(11.7457717342deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:40.6503195993%;animation-name:drop,move-left;animation-duration:3.1844210309s;animation-delay:1.104698607s;transform:rotateZ(-10.4097647007deg) rotateX(-15.9391721845deg) rotateY(6.6248556651deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:38.5341686763%;animation-name:drop,move-left;animation-duration:2.7554688683s;animation-delay:2.2267820544s;transform:rotateZ(-17.6812162906deg) rotateX(21.9067121293deg) rotateY(20.2405375143deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:63.3455799657%;animation-name:drop;animation-duration:3.8468730538s;animation-delay:2.439549732s;transform:rotateZ(2.8234130631deg) rotateX(.2917446876deg) rotateY(-12.5135473251deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:57.2213492657%;animation-name:drop;animation-duration:2.7833689125s;animation-delay:1.3195018956s;transform:rotateZ(24.0981089855deg) rotateX(11.2569462035deg) rotateY(-15.7836026002deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:60.5337600689%;animation-name:drop;animation-duration:2.9847400368s;animation-delay:1.9972343078s;transform:rotateZ(14.8995513278deg) rotateX(-23.0571482222deg) rotateY(-11.5149312608deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:43.5935658633%;animation-name:drop;animation-duration:2.1937094742s;animation-delay:1.8771402373s;transform:rotateZ(2.6945703058deg) rotateX(-8.8147513234deg) rotateY(-29.5458496849deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:34.4837723635%;animation-name:drop;animation-duration:2.975927688s;animation-delay:.4182254237s;transform:rotateZ(29.3051687812deg) rotateX(12.7281361344deg) rotateY(19.8383733599deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:57.6761286908%;animation-name:drop;animation-duration:4.5661004994s;animation-delay:.118041067s;transform:rotateZ(22.2672061598deg) rotateX(-1.9048788362deg) rotateY(-15.5116683321deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:29.2236814044%;animation-name:drop;animation-duration:2.0819434408s;animation-delay:1.1157129045s;transform:rotateZ(-10.518665011deg) rotateX(12.3364469189deg) rotateY(-11.1150719181deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:66.8453234149%;animation-name:drop;animation-duration:2.8442754372s;animation-delay:.7170777689s;transform:rotateZ(22.0419550088deg) rotateX(15.477162335deg) rotateY(12.442822412deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:61.2559198874%;animation-name:drop;animation-duration:3.1018768815s;animation-delay:1.0888474337s;transform:rotateZ(5.0093907779deg) rotateX(11.7228304137deg) rotateY(18.00078335deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:29.588488664%;animation-name:drop;animation-duration:2.6765567251s;animation-delay:1.8557842407s;transform:rotateZ(15.1733951835deg) rotateX(-11.8686384408deg) rotateY(10.9921012175deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:50.7576092869%;animation-name:drop;animation-duration:2.4557897774s;animation-delay:.9282853636s;transform:rotateZ(4.6617935466deg) rotateX(.1765777567deg) rotateY(10.2060608005deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:48.8620387695%;animation-name:drop;animation-duration:2.5358927823s;animation-delay:2.0472323751s;transform:rotateZ(-7.3331816938deg) rotateX(25.6202969885deg) rotateY(4.545822996deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:65.8479218251%;animation-name:drop,move-right;animation-duration:2.9246826174s;animation-delay:1.0708475123s;transform:rotateZ(18.7499989513deg) rotateX(19.8754853102deg) rotateY(-26.8693607744deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:72.0167224214%;animation-name:drop;animation-duration:3.7841999148s;animation-delay:.3027752095s;transform:rotateZ(29.6824514642deg) rotateX(-1.3798169018deg) rotateY(22.3858906486deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:60.2598145631%;animation-name:drop;animation-duration:4.2821161219s;animation-delay:2.8548340067s;transform:rotateZ(6.7957068386deg) rotateX(-29.2148965159deg) rotateY(18.9595792982deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:64.643016568%;animation-name:drop;animation-duration:3.421466153s;animation-delay:1.6944178494s;transform:rotateZ(8.0837437785deg) rotateX(-8.3384769077deg) rotateY(13.2540841758deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:29.1069684318%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5463685886s;animation-delay:2.1502313658s;transform:rotateZ(12.2069943123deg) rotateX(-8.2632252618deg) rotateY(-6.7634615053deg) scale(.9951537763)}html[platform=ph] .rain-container .icon:nth-child(2){left:67.8834442341%;animation-name:drop;animation-timing-function:linear;animation-duration:2.9261069756s;animation-delay:.9983661889s;transform:rotateZ(-11.6377377762deg) rotateX(-9.3672590503deg) rotateY(-27.8433600239deg) scale(1.120065017)}html[platform=ph] .rain-container .icon:nth-child(3){left:34.5857809976%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.7888999995s;animation-delay:1.646000847s;transform:rotateZ(-6.0367036302deg) rotateX(-3.205771965deg) rotateY(8.6549498282deg) scale(.8356025682)}html[platform=ph] .rain-container .icon:nth-child(4){left:39.3274291117%;animation-name:drop;animation-timing-function:linear;animation-duration:2.6198333515s;animation-delay:2.8930151448s;transform:rotateZ(-19.7552138879deg) rotateX(25.5702437584deg) rotateY(-3.1296536688deg) scale(.7442191682)}html[platform=ph] .rain-container .icon:nth-child(5){left:64.4225616491%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7082531006s;animation-delay:.9820605729s;transform:rotateZ(-25.0284087125deg) rotateX(-14.4894360144deg) rotateY(-26.7244552015deg) scale(.8342095759)}html[platform=ph] .rain-container .icon:nth-child(6){left:40.441091424%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2656885178s;animation-delay:.8047222956s;transform:rotateZ(-21.553001051deg) rotateX(-12.4069678497deg) rotateY(.2377433544deg) scale(1.0463600565)}html[platform=ph] .rain-container .icon:nth-child(7){left:67.9915379092%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.0770311274s;animation-delay:.3590610888s;transform:rotateZ(25.5278610893deg) rotateX(24.2916375564deg) rotateY(-27.0736596956deg) scale(.7054077453)}html[platform=ph] .rain-container .icon:nth-child(8){left:70.8720035905%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.7948864009s;animation-delay:2.8616106868s;transform:rotateZ(-2.9125873987deg) rotateX(-13.5919707555deg) rotateY(3.0040005946deg) scale(1.0299412956)}html[platform=ph] .rain-container .icon:nth-child(9){left:57.95807753%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.2309548054s;animation-delay:.9749467352s;transform:rotateZ(23.1312463305deg) rotateX(-17.4177180555deg) rotateY(-27.3820934759deg) scale(.7923100155)}html[platform=ph] .rain-container .icon:nth-child(10){left:61.7997223354%;animation-name:drop;animation-timing-function:linear;animation-duration:4.9325801976s;animation-delay:97.7750432ms;transform:rotateZ(-8.4649968463deg) rotateX(3.3774223329deg) rotateY(13.0479768516deg) scale(.8327795671)}@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:-22.5701852066%}}@keyframes move-right{from{margin-left:0}to{margin-left:5.1049506421%}}@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:57.5493932371%;animation-name:drop,move-right;animation-duration:4.3956838331s;animation-delay:2.8650600383s;transform:rotateZ(21.5825406842deg) rotateX(-22.6649435852deg) rotateY(21.9398697864deg)}html[platform=cn] .rain-container .bag-2{left:73.299983077%;animation-name:drop,move-left;animation-duration:3.076899021s;animation-delay:2.6795246516s;transform:rotateZ(2.4473848902deg) rotateX(-8.5989603326deg) rotateY(-1.0498118382deg)}html[platform=cn] .rain-container .bag-3{left:68.5924417246%;animation-name:drop,move-left;animation-duration:2.7905087422s;animation-delay:.4517220388s;transform:rotateZ(-22.3625116022deg) rotateX(7.6421974927deg) rotateY(12.5066772099deg)}html[platform=cn] .rain-container .bag-4{left:28.2030366382%;animation-name:drop;animation-duration:4.5596580634s;animation-delay:2.3013922572s;transform:rotateZ(1.8878072691deg) rotateX(-5.5989493677deg) rotateY(21.2357799674deg)}html[platform=cn] .rain-container .bag-5{left:32.8660815592%;animation-name:drop,move-left;animation-duration:2.1276947517s;animation-delay:.6230458543s;transform:rotateZ(-15.9165715095deg) rotateX(5.5296179281deg) rotateY(-5.9229197381deg)}html[platform=cn] .rain-container .bag-6{left:58.5525875248%;animation-name:drop,move-left;animation-duration:3.7850881423s;animation-delay:2.2900522895s;transform:rotateZ(27.7862943834deg) rotateX(-7.0485528466deg) rotateY(-14.9662053041deg)}html[platform=cn] .rain-container .bag-7{left:46.4147733721%;animation-name:drop,move-left;animation-duration:4.9815784772s;animation-delay:2.4904382361s;transform:rotateZ(-20.2951525662deg) rotateX(-12.5424262258deg) rotateY(22.859083487deg)}html[platform=cn] .rain-container .bag-8{left:74.262831517%;animation-name:drop;animation-duration:2.8981815647s;animation-delay:1.1635892443s;transform:rotateZ(2.9708550292deg) rotateX(17.6456461666deg) rotateY(-14.9783275291deg)}html[platform=cn] .rain-container .bag-9{left:44.2549181311%;animation-name:drop,move-right;animation-duration:2.5399907213s;animation-delay:1.5786586282s;transform:rotateZ(2.0334443467deg) rotateX(13.6617901637deg) rotateY(17.7047393869deg)}html[platform=cn] .rain-container .bag-10{left:53.2014443584%;animation-name:drop;animation-duration:4.72244719s;animation-delay:2.9528543386s;transform:rotateZ(9.3154027708deg) rotateX(-26.5162874031deg) rotateY(-28.7512945703deg)}html[platform=cn] .rain-container .bag-11{left:33.7354542944%;animation-name:drop,move-right;animation-duration:4.9410686261s;animation-delay:2.7889197666s;transform:rotateZ(-20.1481515993deg) rotateX(1.9597671831deg) rotateY(-25.49620848deg)}html[platform=cn] .rain-container .bag-12{left:65.333541447%;animation-name:drop,move-right;animation-duration:2.1523010479s;animation-delay:1.624366662s;transform:rotateZ(-4.5551282088deg) rotateX(-15.2267443104deg) rotateY(-24.5734457835deg)}html[platform=cn] .rain-container .bag-13{left:55.6219248524%;animation-name:drop,move-right;animation-duration:4.4287947157s;animation-delay:2.5605218107s;transform:rotateZ(-2.114886834deg) rotateX(-19.2543518159deg) rotateY(20.6812299168deg)}html[platform=cn] .rain-container .bag-14{left:57.1336088934%;animation-name:drop;animation-duration:2.138778239s;animation-delay:1.7340606008s;transform:rotateZ(22.301075059deg) rotateX(5.1481665249deg) rotateY(-26.7293695599deg)}html[platform=cn] .rain-container .bag-15{left:66.4541923749%;animation-name:drop,move-right;animation-duration:2.16875751s;animation-delay:1.81808394s;transform:rotateZ(-14.4655334478deg) rotateX(-8.5440694473deg) rotateY(-6.3918936962deg)}html[platform=cn] .rain-container .bag-16{left:45.4203129239%;animation-name:drop,move-left;animation-duration:3.5159519875s;animation-delay:1.7452415243s;transform:rotateZ(-.1348298732deg) rotateX(4.4311986513deg) rotateY(-7.1498283098deg)}html[platform=cn] .rain-container .bag-17{left:54.7788251184%;animation-name:drop,move-left;animation-duration:3.175583546s;animation-delay:.2134603227s;transform:rotateZ(-10.5602707176deg) rotateX(9.3934028825deg) rotateY(5.1514751965deg)}html[platform=cn] .rain-container .bag-18{left:70.0965375259%;animation-name:drop;animation-duration:2.8413731226s;animation-delay:1.1613654867s;transform:rotateZ(-23.8075358027deg) rotateX(11.9480523713deg) rotateY(6.1430396878deg)}html[platform=cn] .rain-container .bag-19{left:50.9902074135%;animation-name:drop;animation-duration:4.877364515s;animation-delay:80.311027ms;transform:rotateZ(-2.4352703576deg) rotateX(25.8372691648deg) rotateY(-6.0415951274deg)}html[platform=cn] .rain-container .bag-20{left:44.004487998%;animation-name:drop;animation-duration:4.6592486938s;animation-delay:.3677864705s;transform:rotateZ(27.6098515912deg) rotateX(20.6833948911deg) rotateY(-28.7153280376deg)}html[platform=cn] .rain-container .bag-21{left:62.205492662%;animation-name:drop;animation-duration:3.7769196829s;animation-delay:2.5862656126s;transform:rotateZ(-5.797668649deg) rotateX(8.9002498438deg) rotateY(16.9092825042deg)}html[platform=cn] .rain-container .bag-22{left:45.3761893212%;animation-name:drop,move-right;animation-duration:2.4891112895s;animation-delay:1.1370537321s;transform:rotateZ(-7.2693074424deg) rotateX(17.411926716deg) rotateY(24.2622850055deg)}html[platform=cn] .rain-container .bag-23{left:42.2070011945%;animation-name:drop,move-right;animation-duration:3.3455324091s;animation-delay:1.2391626677s;transform:rotateZ(19.2920693355deg) rotateX(-21.9436626408deg) rotateY(-16.6921464135deg)}html[platform=cn] .rain-container .bag-24{left:50.2066327157%;animation-name:drop,move-left;animation-duration:2.8463301237s;animation-delay:1.7556243883s;transform:rotateZ(-5.4989096509deg) rotateX(29.153966938deg) rotateY(-3.9115477825deg)}html[platform=cn] .rain-container .bag-25{left:66.7914074013%;animation-name:drop,move-right;animation-duration:2.9096963176s;animation-delay:2.7982268903s;transform:rotateZ(-13.0831938813deg) rotateX(6.0268753578deg) rotateY(-14.8239214339deg)}html[platform=cn] .rain-container .bag-26{left:66.8111992894%;animation-name:drop,move-right;animation-duration:2.9595888359s;animation-delay:1.4995171563s;transform:rotateZ(-18.3049097673deg) rotateX(-16.5505709655deg) rotateY(1.8623868971deg)}html[platform=cn] .rain-container .bag-27{left:26.9161605969%;animation-name:drop;animation-duration:4.1861665382s;animation-delay:2.1117330626s;transform:rotateZ(2.0952452991deg) rotateX(19.2381401035deg) rotateY(-7.2132809126deg)}html[platform=cn] .rain-container .bag-28{left:66.2115246167%;animation-name:drop,move-left;animation-duration:4.8635854036s;animation-delay:2.1757401138s;transform:rotateZ(-13.8265726449deg) rotateX(-2.1267446986deg) rotateY(-29.3002424836deg)}html[platform=cn] .rain-container .bag-29{left:52.112519973%;animation-name:drop,move-right;animation-duration:3.3992004469s;animation-delay:.3702813412s;transform:rotateZ(26.8292041083deg) rotateX(-5.3611527546deg) rotateY(15.0055457848deg)}html[platform=cn] .rain-container .bag-30{left:54.7776498007%;animation-name:drop;animation-duration:2.6378354642s;animation-delay:1.5415212859s;transform:rotateZ(10.7247383188deg) rotateX(17.8396359738deg) rotateY(29.4376345428deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:73.832090888%;animation-name:drop;animation-timing-function:linear;animation-duration:3.4155946661s;animation-delay:2.3363442372s;transform:rotateZ(20.1641708316deg) rotateX(-14.3667745992deg) rotateY(9.4982617043deg) scale(.9316725619)}html[platform=cn] .rain-container .icon:nth-child(2){left:34.8295712651%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.8299989396s;animation-delay:2.0347128963s;transform:rotateZ(-11.3381721194deg) rotateX(-22.7288086478deg) rotateY(3.1343535796deg) scale(1.0658498025)}html[platform=cn] .rain-container .icon:nth-child(3){left:65.8814080115%;animation-name:drop;animation-timing-function:linear;animation-duration:3.5599258567s;animation-delay:2.1393082753s;transform:rotateZ(9.8494977948deg) rotateX(4.7107281696deg) rotateY(15.0393676258deg) scale(.9583402881)}html[platform=cn] .rain-container .icon:nth-child(4){left:49.6477074756%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.3524238586s;animation-delay:.4783849947s;transform:rotateZ(-17.2747319022deg) rotateX(-5.7009853831deg) rotateY(-9.6266625344deg) scale(.9395817218)}html[platform=cn] .rain-container .icon:nth-child(5){left:69.9458895504%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.9402759508s;animation-delay:1.3190320304s;transform:rotateZ(-13.0411690964deg) rotateX(-7.1459387613deg) rotateY(-7.0808080565deg) scale(1.1383125231)}html[platform=cn] .rain-container .icon:nth-child(6){left:73.4109841844%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.8949008935s;animation-delay:1.6615782876s;transform:rotateZ(7.0262139077deg) rotateX(-24.0589353791deg) rotateY(7.5236831437deg) scale(1.1862907086)}html[platform=cn] .rain-container .icon:nth-child(7){left:26.8884963716%;animation-name:drop;animation-timing-function:linear;animation-duration:3.8005821645s;animation-delay:2.8092151238s;transform:rotateZ(29.191257057deg) rotateX(-1.3467306236deg) rotateY(1.4149904465deg) scale(.8101727346)}html[platform=cn] .rain-container .icon:nth-child(8){left:27.9768345244%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.0412571743s;animation-delay:.328224733s;transform:rotateZ(-10.540396112deg) rotateX(-13.6141221897deg) rotateY(9.2282344874deg) scale(.7034806066)}html[platform=cn] .rain-container .icon:nth-child(9){left:61.0901950865%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.9483902674s;animation-delay:1.539103462s;transform:rotateZ(-15.6631200692deg) rotateX(1.6861740862deg) rotateY(-17.2167309588deg) scale(.939630508)}html[platform=cn] .rain-container .icon:nth-child(10){left:32.7405427709%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.1568353974s;animation-delay:.2772452031s;transform:rotateZ(-1.8335219511deg) rotateX(10.2664787774deg) rotateY(-26.1877601322deg) scale(.9396027895)}@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:-29.8301860558%}}@keyframes move-right{from{margin-left:0}to{margin-left:28.4745721732%}}@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}