@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:67.6031060381%;animation-name:drop,move-left;animation-duration:2.7230330049s;animation-delay:.9757080138s;transform:rotateZ(6.793062297deg) rotateX(-22.5546826285deg) rotateY(23.1776002569deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:56.4728129568%;animation-name:drop,move-right;animation-duration:4.9734896035s;animation-delay:.0788695636s;transform:rotateZ(-12.6198742967deg) rotateX(26.333990603deg) rotateY(-29.3322821526deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:62.1710411306%;animation-name:drop,move-left;animation-duration:2.4377464697s;animation-delay:.3235875926s;transform:rotateZ(.4780249893deg) rotateX(-23.7482964091deg) rotateY(-20.8130711434deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:29.9995024341%;animation-name:drop,move-right;animation-duration:3.4030843993s;animation-delay:1.7407355326s;transform:rotateZ(5.1605448091deg) rotateX(18.0600128928deg) rotateY(-15.7731098759deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:28.40565582%;animation-name:drop,move-left;animation-duration:3.3293282942s;animation-delay:2.5440625915s;transform:rotateZ(17.7536658509deg) rotateX(-19.1321022166deg) rotateY(26.3244158129deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:37.9582427886%;animation-name:drop;animation-duration:2.5971674792s;animation-delay:2.8253530679s;transform:rotateZ(-19.0341001057deg) rotateX(10.6019672079deg) rotateY(20.4421686978deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:56.3681713395%;animation-name:drop;animation-duration:2.1229761848s;animation-delay:2.4558365756s;transform:rotateZ(1.562285645deg) rotateX(-23.4947326132deg) rotateY(-15.4702618556deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:70.3591290208%;animation-name:drop,move-right;animation-duration:4.7942201579s;animation-delay:2.086459108s;transform:rotateZ(-17.1443980941deg) rotateX(8.226329008deg) rotateY(12.6965771222deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:34.3906512643%;animation-name:drop,move-left;animation-duration:3.5290610245s;animation-delay:2.5081480968s;transform:rotateZ(-21.3219920877deg) rotateX(29.5090703359deg) rotateY(12.3465759018deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:47.1957919898%;animation-name:drop;animation-duration:4.8136518093s;animation-delay:.9875822382s;transform:rotateZ(-7.4047224536deg) rotateX(26.4502914145deg) rotateY(-27.4859862203deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:52.2988473621%;animation-name:drop;animation-duration:2.3846695589s;animation-delay:1.9298279249s;transform:rotateZ(-22.0757986504deg) rotateX(6.6247351038deg) rotateY(7.2477016797deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:67.1983914526%;animation-name:drop;animation-duration:4.629018908s;animation-delay:.5434120987s;transform:rotateZ(-6.4096450802deg) rotateX(-1.7044959329deg) rotateY(19.0905676065deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:51.73065351%;animation-name:drop,move-right;animation-duration:4.4825160806s;animation-delay:.9371760368s;transform:rotateZ(21.8962115402deg) rotateX(-9.5993415931deg) rotateY(-13.6402572784deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:45.6529104877%;animation-name:drop,move-left;animation-duration:2.4958057521s;animation-delay:2.9797918046s;transform:rotateZ(-21.9749596471deg) rotateX(22.6573722665deg) rotateY(-14.1233217389deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:57.284917449%;animation-name:drop,move-right;animation-duration:4.2927557121s;animation-delay:1.7784830036s;transform:rotateZ(-3.0680597978deg) rotateX(-19.0707364434deg) rotateY(5.7439096119deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:49.6881994936%;animation-name:drop;animation-duration:3.2224615873s;animation-delay:.6737823571s;transform:rotateZ(6.1490950101deg) rotateX(-20.3666243046deg) rotateY(-5.5004606858deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:67.7452755867%;animation-name:drop;animation-duration:4.9752701801s;animation-delay:1.2679394991s;transform:rotateZ(13.6158025577deg) rotateX(-1.5038631927deg) rotateY(6.7406013415deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:52.6033728728%;animation-name:drop;animation-duration:4.123850109s;animation-delay:91.9678833ms;transform:rotateZ(25.772075925deg) rotateX(-9.9321645581deg) rotateY(-3.3879891257deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:71.991342545%;animation-name:drop;animation-duration:4.0640432797s;animation-delay:.5465428677s;transform:rotateZ(28.1520109238deg) rotateX(-2.8767897274deg) rotateY(-29.4387921946deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:65.5675847851%;animation-name:drop;animation-duration:2.4381831982s;animation-delay:1.1659058108s;transform:rotateZ(20.0884693397deg) rotateX(29.0451500512deg) rotateY(-19.9973486468deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:25.8425020064%;animation-name:drop,move-right;animation-duration:2.0780783169s;animation-delay:1.9150765183s;transform:rotateZ(10.4257824753deg) rotateX(-.1820437564deg) rotateY(-14.8255235333deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:33.0608221457%;animation-name:drop;animation-duration:4.9086972243s;animation-delay:2.3833428588s;transform:rotateZ(-1.6791894799deg) rotateX(12.7672077845deg) rotateY(-18.0920291957deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:48.193802622%;animation-name:drop;animation-duration:2.883773594s;animation-delay:2.7353892133s;transform:rotateZ(-25.1499244191deg) rotateX(-6.3913922372deg) rotateY(8.8116175072deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:73.2935941357%;animation-name:drop;animation-duration:3.6478806968s;animation-delay:.73835927s;transform:rotateZ(-17.703577059deg) rotateX(-5.3075953709deg) rotateY(-18.6378019301deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:71.8776304756%;animation-name:drop,move-left;animation-duration:3.1292438439s;animation-delay:1.4099304121s;transform:rotateZ(.1488203746deg) rotateX(-26.3520529294deg) rotateY(2.3602797033deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:55.9250412631%;animation-name:drop;animation-duration:2.7713778343s;animation-delay:1.6083962135s;transform:rotateZ(-23.1080186308deg) rotateX(-21.6958400082deg) rotateY(-27.3555836103deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:31.3561673746%;animation-name:drop,move-right;animation-duration:2.0879205696s;animation-delay:.417818773s;transform:rotateZ(14.6655221295deg) rotateX(21.1615439364deg) rotateY(22.1206049637deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:42.230415307%;animation-name:drop;animation-duration:3.0813725546s;animation-delay:.369444331s;transform:rotateZ(-15.3002250901deg) rotateX(26.6259013296deg) rotateY(.6434819925deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:25.5596669198%;animation-name:drop;animation-duration:3.7925987352s;animation-delay:.664030891s;transform:rotateZ(-21.5208970257deg) rotateX(-14.9902913937deg) rotateY(-7.3782061235deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:64.7695530945%;animation-name:drop;animation-duration:2.590618503s;animation-delay:2.2668315615s;transform:rotateZ(15.3530087284deg) rotateX(-1.2057818601deg) rotateY(1.0795372655deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:62.5061106555%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.1037789518s;animation-delay:2.8862274174s;transform:rotateZ(-23.8848717736deg) rotateX(-21.3843885635deg) rotateY(29.0112502812deg) scale(1.1586008912)}html[platform=ph] .rain-container .icon:nth-child(2){left:42.1884504048%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.2981026556s;animation-delay:2.9503597217s;transform:rotateZ(-20.1678104058deg) rotateX(-4.4969362334deg) rotateY(26.6308787236deg) scale(.8579519393)}html[platform=ph] .rain-container .icon:nth-child(3){left:33.2781138985%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.9148541044s;animation-delay:1.5812908946s;transform:rotateZ(-14.8606786765deg) rotateX(-13.9128934546deg) rotateY(22.8186385353deg) scale(.9774184449)}html[platform=ph] .rain-container .icon:nth-child(4){left:48.7632819325%;animation-name:drop;animation-timing-function:linear;animation-duration:2.6807342838s;animation-delay:2.4337518181s;transform:rotateZ(18.7798415197deg) rotateX(23.066353739deg) rotateY(-29.9456892225deg) scale(.932714807)}html[platform=ph] .rain-container .icon:nth-child(5){left:62.7490913337%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.8434182332s;animation-delay:2.0421771599s;transform:rotateZ(13.1413744859deg) rotateX(-13.5616184641deg) rotateY(-5.9026222429deg) scale(.8930566584)}html[platform=ph] .rain-container .icon:nth-child(6){left:42.8619684985%;animation-name:drop;animation-timing-function:linear;animation-duration:3.9354018006s;animation-delay:.3318155871s;transform:rotateZ(18.7992763405deg) rotateX(14.0138945641deg) rotateY(18.7768774075deg) scale(1.1489243957)}html[platform=ph] .rain-container .icon:nth-child(7){left:42.3495384363%;animation-name:drop;animation-timing-function:linear;animation-duration:3.9303429247s;animation-delay:.7789466803s;transform:rotateZ(-4.3058642547deg) rotateX(-1.9825576901deg) rotateY(15.1173867285deg) scale(1.1630887122)}html[platform=ph] .rain-container .icon:nth-child(8){left:31.7302149617%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.2921739755s;animation-delay:2.0676268679s;transform:rotateZ(5.7732172651deg) rotateX(17.2189870959deg) rotateY(25.1519302985deg) scale(1.1545335645)}html[platform=ph] .rain-container .icon:nth-child(9){left:33.0377542388%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.2828556442s;animation-delay:2.4560210655s;transform:rotateZ(-13.3993508046deg) rotateX(25.4540883336deg) rotateY(22.7967974648deg) scale(1.1139351766)}html[platform=ph] .rain-container .icon:nth-child(10){left:38.1467053381%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.02760797s;animation-delay:2.6521373182s;transform:rotateZ(20.6312841734deg) rotateX(-1.4687042331deg) rotateY(-.1406988821deg) scale(.7442928114)}@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:-27.622155582%}}@keyframes move-right{from{margin-left:0}to{margin-left:6.1299590581%}}@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:65.5337173829%;animation-name:drop;animation-duration:4.5502579506s;animation-delay:.6257983311s;transform:rotateZ(24.5353819152deg) rotateX(-24.9146763101deg) rotateY(29.20978551deg)}html[platform=cn] .rain-container .bag-2{left:74.3412518843%;animation-name:drop;animation-duration:3.7875271761s;animation-delay:1.4376122923s;transform:rotateZ(18.276050359deg) rotateX(-6.3599765802deg) rotateY(11.1152889104deg)}html[platform=cn] .rain-container .bag-3{left:66.5646045792%;animation-name:drop;animation-duration:4.0039504322s;animation-delay:2.1029983468s;transform:rotateZ(-10.2339770981deg) rotateX(-2.5411922661deg) rotateY(27.841249771deg)}html[platform=cn] .rain-container .bag-4{left:62.7000647452%;animation-name:drop;animation-duration:3.246196092s;animation-delay:.0511036204s;transform:rotateZ(13.5532582508deg) rotateX(9.0195830526deg) rotateY(-26.6362876647deg)}html[platform=cn] .rain-container .bag-5{left:74.5474311739%;animation-name:drop;animation-duration:3.8902316765s;animation-delay:.5123994093s;transform:rotateZ(19.427943306deg) rotateX(-12.953069008deg) rotateY(-29.3626027301deg)}html[platform=cn] .rain-container .bag-6{left:54.3251189894%;animation-name:drop,move-left;animation-duration:2.6767004733s;animation-delay:2.5060436404s;transform:rotateZ(14.6514725003deg) rotateX(-9.9661070632deg) rotateY(3.3120303deg)}html[platform=cn] .rain-container .bag-7{left:49.399100903%;animation-name:drop,move-right;animation-duration:3.8824228544s;animation-delay:2.9308521956s;transform:rotateZ(.9502592323deg) rotateX(-7.5925460023deg) rotateY(22.8013317343deg)}html[platform=cn] .rain-container .bag-8{left:65.93865524%;animation-name:drop,move-left;animation-duration:3.610579013s;animation-delay:1.6659089481s;transform:rotateZ(7.5451659261deg) rotateX(-10.896817457deg) rotateY(15.2309288448deg)}html[platform=cn] .rain-container .bag-9{left:33.4611523092%;animation-name:drop,move-right;animation-duration:4.5511076276s;animation-delay:2.952777238s;transform:rotateZ(-4.7260931429deg) rotateX(-28.4325915216deg) rotateY(21.6563393459deg)}html[platform=cn] .rain-container .bag-10{left:58.4089531775%;animation-name:drop,move-right;animation-duration:2.1523467444s;animation-delay:.9221386922s;transform:rotateZ(4.2706548106deg) rotateX(4.8254033211deg) rotateY(18.2260093306deg)}html[platform=cn] .rain-container .bag-11{left:65.6430104431%;animation-name:drop;animation-duration:4.8892349116s;animation-delay:1.3396070653s;transform:rotateZ(-7.6197991996deg) rotateX(23.7954410353deg) rotateY(17.0799883309deg)}html[platform=cn] .rain-container .bag-12{left:29.6252758328%;animation-name:drop,move-right;animation-duration:2.6418531646s;animation-delay:.7264058045s;transform:rotateZ(11.4216737685deg) rotateX(-21.9689320304deg) rotateY(-14.7089636766deg)}html[platform=cn] .rain-container .bag-13{left:32.5618400919%;animation-name:drop,move-left;animation-duration:4.8775892918s;animation-delay:.7872447024s;transform:rotateZ(10.0199397386deg) rotateX(-4.090221914deg) rotateY(4.3449378416deg)}html[platform=cn] .rain-container .bag-14{left:44.2517649202%;animation-name:drop,move-left;animation-duration:4.5695424774s;animation-delay:.0531845853s;transform:rotateZ(15.0546321263deg) rotateX(6.536553185deg) rotateY(-22.8182296412deg)}html[platform=cn] .rain-container .bag-15{left:30.6125158015%;animation-name:drop,move-left;animation-duration:2.3125135417s;animation-delay:.6089029726s;transform:rotateZ(5.4256707003deg) rotateX(14.7205717708deg) rotateY(-2.6993321009deg)}html[platform=cn] .rain-container .bag-16{left:55.4172204766%;animation-name:drop;animation-duration:3.9222899584s;animation-delay:2.1941389613s;transform:rotateZ(-24.8136231749deg) rotateX(-4.8570029149deg) rotateY(7.5828900161deg)}html[platform=cn] .rain-container .bag-17{left:63.6639090931%;animation-name:drop,move-left;animation-duration:4.0679714685s;animation-delay:2.6294905323s;transform:rotateZ(-9.5789120568deg) rotateX(29.7631737332deg) rotateY(24.5476860193deg)}html[platform=cn] .rain-container .bag-18{left:32.6802018293%;animation-name:drop;animation-duration:4.2949657575s;animation-delay:2.761317882s;transform:rotateZ(4.6676998106deg) rotateX(-5.3940863707deg) rotateY(13.5598415919deg)}html[platform=cn] .rain-container .bag-19{left:73.32456101%;animation-name:drop,move-left;animation-duration:2.3708937087s;animation-delay:1.0288325621s;transform:rotateZ(-21.8670743648deg) rotateX(-22.5671952923deg) rotateY(10.5838792076deg)}html[platform=cn] .rain-container .bag-20{left:67.6629998871%;animation-name:drop;animation-duration:4.7789808925s;animation-delay:.4963840887s;transform:rotateZ(-1.4871901588deg) rotateX(-14.1326017591deg) rotateY(29.8070509702deg)}html[platform=cn] .rain-container .bag-21{left:27.5143946096%;animation-name:drop;animation-duration:4.7843107618s;animation-delay:1.4497928851s;transform:rotateZ(.937379016deg) rotateX(28.4926057378deg) rotateY(-28.0889550703deg)}html[platform=cn] .rain-container .bag-22{left:55.5783079986%;animation-name:drop;animation-duration:2.5966759091s;animation-delay:2.681638111s;transform:rotateZ(6.0333417218deg) rotateX(-6.4783208485deg) rotateY(-19.5619953771deg)}html[platform=cn] .rain-container .bag-23{left:30.3306074447%;animation-name:drop;animation-duration:4.6876310869s;animation-delay:86.3547056ms;transform:rotateZ(8.0293411091deg) rotateX(-23.0549188496deg) rotateY(-22.9819204825deg)}html[platform=cn] .rain-container .bag-24{left:48.0419117528%;animation-name:drop;animation-duration:4.9553176816s;animation-delay:2.0767315709s;transform:rotateZ(-7.4768888298deg) rotateX(-17.1397883461deg) rotateY(29.6515106485deg)}html[platform=cn] .rain-container .bag-25{left:61.8319983884%;animation-name:drop;animation-duration:4.2185116804s;animation-delay:2.1593896662s;transform:rotateZ(-6.8002409513deg) rotateX(-28.9843306245deg) rotateY(27.4754732356deg)}html[platform=cn] .rain-container .bag-26{left:36.3451223834%;animation-name:drop,move-left;animation-duration:3.9308349589s;animation-delay:2.2279380603s;transform:rotateZ(7.0096673596deg) rotateX(-16.2597720675deg) rotateY(12.3751979618deg)}html[platform=cn] .rain-container .bag-27{left:26.7384871792%;animation-name:drop,move-right;animation-duration:3.421790067s;animation-delay:1.5808783402s;transform:rotateZ(4.8991471713deg) rotateX(-27.0893803681deg) rotateY(13.3885655248deg)}html[platform=cn] .rain-container .bag-28{left:73.317453049%;animation-name:drop;animation-duration:2.9769819441s;animation-delay:2.4389215591s;transform:rotateZ(11.6763439001deg) rotateX(-18.3816267449deg) rotateY(-14.7575515147deg)}html[platform=cn] .rain-container .bag-29{left:70.5718891639%;animation-name:drop;animation-duration:4.3266337278s;animation-delay:2.9469355896s;transform:rotateZ(-.1556306339deg) rotateX(19.113874444deg) rotateY(6.8991150997deg)}html[platform=cn] .rain-container .bag-30{left:39.4207071824%;animation-name:drop,move-right;animation-duration:3.551559034s;animation-delay:1.3379316848s;transform:rotateZ(22.5543815214deg) rotateX(4.3682313162deg) rotateY(4.2888155812deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:51.8132547116%;animation-name:drop;animation-timing-function:linear;animation-duration:2.3555707077s;animation-delay:2.2013422417s;transform:rotateZ(-13.6529239958deg) rotateX(-18.8829816589deg) rotateY(18.3273599918deg) scale(.8310643336)}html[platform=cn] .rain-container .icon:nth-child(2){left:51.6960444583%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.4048731096s;animation-delay:2.4486901751s;transform:rotateZ(-18.3574950201deg) rotateX(-13.2507587733deg) rotateY(-1.6191597338deg) scale(.9879959748)}html[platform=cn] .rain-container .icon:nth-child(3){left:72.6509043769%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.5162423445s;animation-delay:2.5233672488s;transform:rotateZ(1.6036426333deg) rotateX(-8.0484649118deg) rotateY(-6.9565721271deg) scale(.976734632)}html[platform=cn] .rain-container .icon:nth-child(4){left:26.4104256959%;animation-name:drop;animation-timing-function:linear;animation-duration:4.8384676912s;animation-delay:1.0238936816s;transform:rotateZ(15.7349996536deg) rotateX(-2.273712991deg) rotateY(.7987418964deg) scale(.9288499177)}html[platform=cn] .rain-container .icon:nth-child(5){left:50.4389790589%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.6078366411s;animation-delay:1.1825809432s;transform:rotateZ(24.0892270333deg) rotateX(-21.0310246306deg) rotateY(26.2913288366deg) scale(1.1123151911)}html[platform=cn] .rain-container .icon:nth-child(6){left:36.9628577814%;animation-name:drop;animation-timing-function:linear;animation-duration:3.2424630094s;animation-delay:2.9325779156s;transform:rotateZ(-.7691364952deg) rotateX(10.6593573451deg) rotateY(-21.8476513674deg) scale(.7686825916)}html[platform=cn] .rain-container .icon:nth-child(7){left:31.8535091056%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.6573363577s;animation-delay:2.6589015928s;transform:rotateZ(11.1027122888deg) rotateX(-24.5071624174deg) rotateY(22.5343704992deg) scale(.7323592964)}html[platform=cn] .rain-container .icon:nth-child(8){left:69.8224014003%;animation-name:drop;animation-timing-function:linear;animation-duration:2.2063249923s;animation-delay:2.5755310646s;transform:rotateZ(-27.9843681276deg) rotateX(.8791874523deg) rotateY(-11.0405240653deg) scale(.8847601863)}html[platform=cn] .rain-container .icon:nth-child(9){left:46.5437222243%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.5126889134s;animation-delay:2.3377673179s;transform:rotateZ(-21.111632925deg) rotateX(19.3621815756deg) rotateY(-23.5332947344deg) scale(.9066111343)}html[platform=cn] .rain-container .icon:nth-child(10){left:63.5786014078%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.9628316826s;animation-delay:21.2861014ms;transform:rotateZ(-25.0872782882deg) rotateX(20.8825979077deg) rotateY(27.4772445343deg) scale(1.1883316062)}@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:-3.9848895793%}}@keyframes move-right{from{margin-left:0}to{margin-left:21.3318526493%}}@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}