@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:70.7465890231%;animation-name:drop;animation-duration:3.4121960012s;animation-delay:1.516468362s;transform:rotateZ(23.4652241497deg) rotateX(-24.9956600329deg) rotateY(-23.1616693248deg);cursor:pointer}html[platform=ph] .rain-container .bag-2{left:26.4296836974%;animation-name:drop;animation-duration:4.3471399649s;animation-delay:2.0797491526s;transform:rotateZ(-17.2775794711deg) rotateX(11.2744275247deg) rotateY(.9893274982deg);cursor:pointer}html[platform=ph] .rain-container .bag-3{left:28.302850985%;animation-name:drop;animation-duration:4.4374896338s;animation-delay:1.0195748938s;transform:rotateZ(-9.1981905631deg) rotateX(23.1930322165deg) rotateY(12.5640611262deg);cursor:pointer}html[platform=ph] .rain-container .bag-4{left:36.6631070465%;animation-name:drop,move-right;animation-duration:4.1331350734s;animation-delay:56.3422799ms;transform:rotateZ(17.3101006562deg) rotateX(-21.7790584817deg) rotateY(11.6482569505deg);cursor:pointer}html[platform=ph] .rain-container .bag-5{left:67.7829484192%;animation-name:drop;animation-duration:4.8193897158s;animation-delay:1.2945470675s;transform:rotateZ(28.576901454deg) rotateX(-27.2651938668deg) rotateY(3.4100781975deg);cursor:pointer}html[platform=ph] .rain-container .bag-6{left:55.1928888841%;animation-name:drop,move-right;animation-duration:3.340534938s;animation-delay:.0562307963s;transform:rotateZ(18.1731371712deg) rotateX(-.3214737057deg) rotateY(27.5553079337deg);cursor:pointer}html[platform=ph] .rain-container .bag-7{left:62.0293934554%;animation-name:drop;animation-duration:3.1482065088s;animation-delay:2.7228978241s;transform:rotateZ(-12.430245187deg) rotateX(-1.3765250738deg) rotateY(-17.8578328221deg);cursor:pointer}html[platform=ph] .rain-container .bag-8{left:41.4364953109%;animation-name:drop;animation-duration:4.8097909717s;animation-delay:2.1029605191s;transform:rotateZ(-.4350104208deg) rotateX(7.4882077419deg) rotateY(9.0168877603deg);cursor:pointer}html[platform=ph] .rain-container .bag-9{left:73.7367899742%;animation-name:drop;animation-duration:4.3755785427s;animation-delay:1.1872812025s;transform:rotateZ(9.4586565272deg) rotateX(20.4662997932deg) rotateY(19.4676280401deg);cursor:pointer}html[platform=ph] .rain-container .bag-10{left:71.4603157541%;animation-name:drop;animation-duration:2.4017014957s;animation-delay:.6379954737s;transform:rotateZ(13.2535005191deg) rotateX(5.9350640239deg) rotateY(8.1296003827deg);cursor:pointer}html[platform=ph] .rain-container .bag-11{left:26.5095944173%;animation-name:drop;animation-duration:3.1278226809s;animation-delay:1.8795943241s;transform:rotateZ(-17.4253752642deg) rotateX(-9.3366905564deg) rotateY(11.7107147deg);cursor:pointer}html[platform=ph] .rain-container .bag-12{left:56.7485704664%;animation-name:drop;animation-duration:4.4096983976s;animation-delay:1.997595953s;transform:rotateZ(10.5523380681deg) rotateX(-5.183841477deg) rotateY(18.8484054588deg);cursor:pointer}html[platform=ph] .rain-container .bag-13{left:62.1945371972%;animation-name:drop;animation-duration:2.6416469746s;animation-delay:.3735556528s;transform:rotateZ(-3.2676575934deg) rotateX(13.0649174652deg) rotateY(-17.2482350884deg);cursor:pointer}html[platform=ph] .rain-container .bag-14{left:58.5423993649%;animation-name:drop;animation-duration:4.1534809324s;animation-delay:2.7948518639s;transform:rotateZ(4.3051871999deg) rotateX(-4.5837946147deg) rotateY(23.2971962528deg);cursor:pointer}html[platform=ph] .rain-container .bag-15{left:33.2617222582%;animation-name:drop,move-right;animation-duration:2.1105588816s;animation-delay:2.7208744332s;transform:rotateZ(13.9015413653deg) rotateX(-22.659886139deg) rotateY(21.9020782072deg);cursor:pointer}html[platform=ph] .rain-container .bag-16{left:41.0880025608%;animation-name:drop;animation-duration:4.1282178955s;animation-delay:1.6629078373s;transform:rotateZ(-12.7519194246deg) rotateX(9.1616133807deg) rotateY(28.232482121deg);cursor:pointer}html[platform=ph] .rain-container .bag-17{left:25.1117417141%;animation-name:drop,move-right;animation-duration:4.0004495965s;animation-delay:2.5655078194s;transform:rotateZ(-28.6883035185deg) rotateX(-22.4355769381deg) rotateY(-29.4655955695deg);cursor:pointer}html[platform=ph] .rain-container .bag-18{left:36.7508846534%;animation-name:drop,move-right;animation-duration:4.32819566s;animation-delay:2.067643979s;transform:rotateZ(-5.8155650845deg) rotateX(-16.8637852559deg) rotateY(14.0300552453deg);cursor:pointer}html[platform=ph] .rain-container .bag-19{left:72.9516346889%;animation-name:drop;animation-duration:3.1463792032s;animation-delay:.8108529466s;transform:rotateZ(-3.1389546076deg) rotateX(25.2795757855deg) rotateY(27.7910716784deg);cursor:pointer}html[platform=ph] .rain-container .bag-20{left:70.3615341772%;animation-name:drop;animation-duration:3.1438586612s;animation-delay:1.1286303406s;transform:rotateZ(28.2131336361deg) rotateX(3.3934814018deg) rotateY(4.0009825407deg);cursor:pointer}html[platform=ph] .rain-container .bag-21{left:35.3372362994%;animation-name:drop,move-right;animation-duration:3.4783721867s;animation-delay:2.4694105598s;transform:rotateZ(4.8481623138deg) rotateX(-20.2517478306deg) rotateY(-29.8403281647deg);cursor:pointer}html[platform=ph] .rain-container .bag-22{left:31.805399707%;animation-name:drop;animation-duration:3.3882024212s;animation-delay:2.8422103447s;transform:rotateZ(16.8959949049deg) rotateX(-8.449406286deg) rotateY(25.0668774106deg);cursor:pointer}html[platform=ph] .rain-container .bag-23{left:57.7640036772%;animation-name:drop,move-left;animation-duration:2.1922774201s;animation-delay:1.2276969294s;transform:rotateZ(9.3194380237deg) rotateX(-25.0717173696deg) rotateY(20.9917432256deg);cursor:pointer}html[platform=ph] .rain-container .bag-24{left:29.0552771882%;animation-name:drop;animation-duration:2.4802295482s;animation-delay:1.4615375424s;transform:rotateZ(-10.0369254721deg) rotateX(-28.3773653012deg) rotateY(12.6761476835deg);cursor:pointer}html[platform=ph] .rain-container .bag-25{left:68.7291172921%;animation-name:drop;animation-duration:3.8590571688s;animation-delay:1.2852989556s;transform:rotateZ(-22.9831628783deg) rotateX(16.0698774308deg) rotateY(23.5007088579deg);cursor:pointer}html[platform=ph] .rain-container .bag-26{left:31.8432281168%;animation-name:drop,move-right;animation-duration:4.3743854229s;animation-delay:1.9296796989s;transform:rotateZ(16.6551136567deg) rotateX(5.4868194312deg) rotateY(27.5077389152deg);cursor:pointer}html[platform=ph] .rain-container .bag-27{left:42.5019542095%;animation-name:drop;animation-duration:2.381630212s;animation-delay:.2603432811s;transform:rotateZ(-21.5111155075deg) rotateX(-6.3498448887deg) rotateY(-.9467609092deg);cursor:pointer}html[platform=ph] .rain-container .bag-28{left:40.7530238633%;animation-name:drop,move-left;animation-duration:3.648806314s;animation-delay:.4058210608s;transform:rotateZ(-4.9332134553deg) rotateX(-2.185984282deg) rotateY(-19.3534384333deg);cursor:pointer}html[platform=ph] .rain-container .bag-29{left:44.8721201804%;animation-name:drop,move-left;animation-duration:2.7172456899s;animation-delay:1.1187191456s;transform:rotateZ(20.756512139deg) rotateX(14.2854325578deg) rotateY(13.0873834622deg);cursor:pointer}html[platform=ph] .rain-container .bag-30{left:74.8215359861%;animation-name:drop,move-right;animation-duration:4.3929378027s;animation-delay:1.6649297453s;transform:rotateZ(22.0911784949deg) rotateX(-28.7212991765deg) rotateY(16.6715248324deg);cursor:pointer}html[platform=ph] .rain-container .icon:nth-child(1){left:56.3755180695%;animation-name:drop;animation-timing-function:linear;animation-duration:2.664259064s;animation-delay:.5261780382s;transform:rotateZ(.8036011964deg) rotateX(-.0757111567deg) rotateY(9.6242404119deg) scale(.7963792745)}html[platform=ph] .rain-container .icon:nth-child(2){left:51.623450175%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.5996484456s;animation-delay:.8382156864s;transform:rotateZ(2.0491739286deg) rotateX(-18.4421754327deg) rotateY(-19.0533929499deg) scale(1.1660457935)}html[platform=ph] .rain-container .icon:nth-child(3){left:66.3441535107%;animation-name:drop;animation-timing-function:linear;animation-duration:2.140999678s;animation-delay:.2745026388s;transform:rotateZ(6.9089664739deg) rotateX(6.3792877215deg) rotateY(-26.7286058966deg) scale(.7072099914)}html[platform=ph] .rain-container .icon:nth-child(4){left:68.6151424392%;animation-name:drop;animation-timing-function:linear;animation-duration:4.1226045722s;animation-delay:2.1473202681s;transform:rotateZ(7.6300809508deg) rotateX(-19.0188701802deg) rotateY(9.9960361313deg) scale(1.1467559086)}html[platform=ph] .rain-container .icon:nth-child(5){left:44.6607371275%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.5152125166s;animation-delay:2.763001036s;transform:rotateZ(-6.8106219784deg) rotateX(-14.7710553055deg) rotateY(16.3825958201deg) scale(1.186763685)}html[platform=ph] .rain-container .icon:nth-child(6){left:29.4055381327%;animation-name:drop;animation-timing-function:linear;animation-duration:2.5783976134s;animation-delay:1.3963575996s;transform:rotateZ(28.583548652deg) rotateX(19.7347165703deg) rotateY(4.8633579452deg) scale(.7344191383)}html[platform=ph] .rain-container .icon:nth-child(7){left:62.6347105862%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:2.2705855443s;animation-delay:2.7997224184s;transform:rotateZ(29.1752101533deg) rotateX(5.1260771407deg) rotateY(-21.1692502712deg) scale(1.1945538224)}html[platform=ph] .rain-container .icon:nth-child(8){left:25.7845464948%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:2.4981671807s;animation-delay:2.9670101242s;transform:rotateZ(10.7921324386deg) rotateX(20.2157558517deg) rotateY(1.8425917512deg) scale(.7976239667)}html[platform=ph] .rain-container .icon:nth-child(9){left:38.2532764968%;animation-name:drop;animation-timing-function:linear;animation-duration:2.0149151744s;animation-delay:2.6677575483s;transform:rotateZ(-.1892737162deg) rotateX(-4.8985221361deg) rotateY(.9399144398deg) scale(.9050128896)}html[platform=ph] .rain-container .icon:nth-child(10){left:44.3188455858%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:3.6782853036s;animation-delay:2.1182920951s;transform:rotateZ(14.8242439154deg) rotateX(-20.2239193896deg) rotateY(3.0772383839deg) scale(.8095458634)}@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:-25.7409754948%}}@keyframes move-right{from{margin-left:0}to{margin-left:3.9071444084%}}@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:34.4026491379%;animation-name:drop;animation-duration:2.2229962824s;animation-delay:.917403885s;transform:rotateZ(-25.6772996697deg) rotateX(-21.3059272301deg) rotateY(24.0917002122deg)}html[platform=cn] .rain-container .bag-2{left:73.3120104493%;animation-name:drop,move-right;animation-duration:3.4878329395s;animation-delay:1.4495668573s;transform:rotateZ(-16.0519177063deg) rotateX(13.9016603133deg) rotateY(-16.1284680296deg)}html[platform=cn] .rain-container .bag-3{left:39.9953071669%;animation-name:drop,move-left;animation-duration:4.1769423421s;animation-delay:1.3242018624s;transform:rotateZ(-23.593634448deg) rotateX(-8.5561738676deg) rotateY(-29.6418052445deg)}html[platform=cn] .rain-container .bag-4{left:55.7331258913%;animation-name:drop,move-left;animation-duration:2.2026629238s;animation-delay:.1767690319s;transform:rotateZ(14.3215988001deg) rotateX(4.7338854029deg) rotateY(2.7216527623deg)}html[platform=cn] .rain-container .bag-5{left:30.8395231382%;animation-name:drop,move-left;animation-duration:2.6114661123s;animation-delay:2.0660954143s;transform:rotateZ(19.9298952917deg) rotateX(10.6566151286deg) rotateY(-8.2220567973deg)}html[platform=cn] .rain-container .bag-6{left:66.760233053%;animation-name:drop,move-right;animation-duration:2.0432235707s;animation-delay:.878288251s;transform:rotateZ(-10.9722082943deg) rotateX(-1.11413685deg) rotateY(-18.7427322727deg)}html[platform=cn] .rain-container .bag-7{left:30.3672370339%;animation-name:drop;animation-duration:2.7548464408s;animation-delay:.6997804674s;transform:rotateZ(-12.8090272139deg) rotateX(-15.327027092deg) rotateY(25.6833930222deg)}html[platform=cn] .rain-container .bag-8{left:41.7405249336%;animation-name:drop,move-left;animation-duration:2.2971041572s;animation-delay:.8927412494s;transform:rotateZ(13.296317546deg) rotateX(-23.2616478857deg) rotateY(-9.9483279335deg)}html[platform=cn] .rain-container .bag-9{left:38.1958075855%;animation-name:drop;animation-duration:3.8668486317s;animation-delay:1.8419775193s;transform:rotateZ(-18.120845385deg) rotateX(19.9460969849deg) rotateY(-2.8624564646deg)}html[platform=cn] .rain-container .bag-10{left:50.95702121%;animation-name:drop,move-right;animation-duration:2.8599567147s;animation-delay:1.7569366952s;transform:rotateZ(26.2234869067deg) rotateX(16.5743832864deg) rotateY(-6.0881902467deg)}html[platform=cn] .rain-container .bag-11{left:40.691303469%;animation-name:drop,move-left;animation-duration:4.3658101777s;animation-delay:2.271018924s;transform:rotateZ(-11.2462138333deg) rotateX(-19.3834681293deg) rotateY(-17.382078526deg)}html[platform=cn] .rain-container .bag-12{left:41.1842463918%;animation-name:drop,move-left;animation-duration:2.636089853s;animation-delay:2.7706638344s;transform:rotateZ(21.1183047351deg) rotateX(-27.5892288543deg) rotateY(22.0989064342deg)}html[platform=cn] .rain-container .bag-13{left:65.6131725576%;animation-name:drop,move-left;animation-duration:4.275606163s;animation-delay:.4722196648s;transform:rotateZ(26.1473752722deg) rotateX(19.0286142087deg) rotateY(-4.2285037611deg)}html[platform=cn] .rain-container .bag-14{left:69.4567164204%;animation-name:drop,move-left;animation-duration:3.2246529285s;animation-delay:.5741744428s;transform:rotateZ(-15.6755991266deg) rotateX(-27.7378963228deg) rotateY(-1.4841320439deg)}html[platform=cn] .rain-container .bag-15{left:34.657286435%;animation-name:drop;animation-duration:3.9061297381s;animation-delay:2.0721578472s;transform:rotateZ(-19.8949726279deg) rotateX(18.6586284356deg) rotateY(6.8659506493deg)}html[platform=cn] .rain-container .bag-16{left:69.7397931301%;animation-name:drop;animation-duration:4.2985981396s;animation-delay:2.6201760126s;transform:rotateZ(.3669161948deg) rotateX(-2.77261604deg) rotateY(-24.1336498764deg)}html[platform=cn] .rain-container .bag-17{left:37.1003921714%;animation-name:drop,move-right;animation-duration:4.5581271802s;animation-delay:1.2252849509s;transform:rotateZ(-8.408318045deg) rotateX(16.2427707536deg) rotateY(5.8149147485deg)}html[platform=cn] .rain-container .bag-18{left:63.3322617233%;animation-name:drop,move-left;animation-duration:2.8085024609s;animation-delay:.5618023896s;transform:rotateZ(-15.114531539deg) rotateX(20.7044061313deg) rotateY(-18.8300815834deg)}html[platform=cn] .rain-container .bag-19{left:68.6303824942%;animation-name:drop;animation-duration:4.235335049s;animation-delay:.9852114595s;transform:rotateZ(-.7571726736deg) rotateX(7.3676256014deg) rotateY(-6.6915714504deg)}html[platform=cn] .rain-container .bag-20{left:36.5369754132%;animation-name:drop;animation-duration:3.3954328066s;animation-delay:2.5794140703s;transform:rotateZ(-23.5045574404deg) rotateX(4.1195822011deg) rotateY(25.2834633488deg)}html[platform=cn] .rain-container .bag-21{left:37.6507397521%;animation-name:drop,move-right;animation-duration:4.8171574582s;animation-delay:2.6929727809s;transform:rotateZ(-7.2299519397deg) rotateX(-7.0928843318deg) rotateY(-19.1621862728deg)}html[platform=cn] .rain-container .bag-22{left:35.9076130039%;animation-name:drop;animation-duration:2.2595240488s;animation-delay:1.1131197333s;transform:rotateZ(.0914009864deg) rotateX(17.7559453258deg) rotateY(13.1140493323deg)}html[platform=cn] .rain-container .bag-23{left:48.0425394649%;animation-name:drop,move-right;animation-duration:4.1879536031s;animation-delay:.7545805439s;transform:rotateZ(-26.9774082058deg) rotateX(-17.5346483566deg) rotateY(12.2030607757deg)}html[platform=cn] .rain-container .bag-24{left:63.4269157991%;animation-name:drop,move-right;animation-duration:4.781900255s;animation-delay:2.4009314256s;transform:rotateZ(27.2272813412deg) rotateX(-28.2518702816deg) rotateY(19.3169269303deg)}html[platform=cn] .rain-container .bag-25{left:43.8037878619%;animation-name:drop,move-right;animation-duration:3.2037644603s;animation-delay:2.6641077676s;transform:rotateZ(-25.6010871614deg) rotateX(5.1140097975deg) rotateY(-11.475006711deg)}html[platform=cn] .rain-container .bag-26{left:29.7086238756%;animation-name:drop,move-right;animation-duration:2.854817163s;animation-delay:1.7708187982s;transform:rotateZ(-27.6899325602deg) rotateX(2.9201393583deg) rotateY(28.5198174792deg)}html[platform=cn] .rain-container .bag-27{left:41.7952818431%;animation-name:drop,move-right;animation-duration:2.5964555998s;animation-delay:2.0694502848s;transform:rotateZ(22.2948028919deg) rotateX(-12.8792299deg) rotateY(-22.4005958113deg)}html[platform=cn] .rain-container .bag-28{left:41.7511950452%;animation-name:drop;animation-duration:2.7382176453s;animation-delay:.697461431s;transform:rotateZ(1.5727795235deg) rotateX(-23.6917901824deg) rotateY(27.2899990582deg)}html[platform=cn] .rain-container .bag-29{left:37.9001320278%;animation-name:drop;animation-duration:2.0808306761s;animation-delay:1.0814956497s;transform:rotateZ(1.6551172938deg) rotateX(-11.3920497315deg) rotateY(9.4915464542deg)}html[platform=cn] .rain-container .bag-30{left:39.5796974201%;animation-name:drop,move-left;animation-duration:2.2898435542s;animation-delay:.4620209585s;transform:rotateZ(-4.8371720536deg) rotateX(-5.5882849144deg) rotateY(11.0015106997deg)}html[platform=cn] .rain-container .icon:nth-child(1){left:40.9024959274%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.6494058785s;animation-delay:2.1506597931s;transform:rotateZ(1.4677249965deg) rotateX(27.0096284984deg) rotateY(-.5693862329deg) scale(1.060521508)}html[platform=cn] .rain-container .icon:nth-child(2){left:69.0982575114%;animation-name:drop;animation-timing-function:linear;animation-duration:3.7083000952s;animation-delay:1.4941876652s;transform:rotateZ(24.3623903126deg) rotateX(.0895506909deg) rotateY(-24.2355215816deg) scale(1.1079552461)}html[platform=cn] .rain-container .icon:nth-child(3){left:67.8145848404%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:3.1057900415s;animation-delay:2.5856449808s;transform:rotateZ(-15.3592676885deg) rotateX(6.9881164752deg) rotateY(12.146466238deg) scale(.9222522124)}html[platform=cn] .rain-container .icon:nth-child(4){left:37.8601005296%;animation-name:drop;animation-timing-function:linear;animation-duration:3.1962631434s;animation-delay:1.6049615522s;transform:rotateZ(-10.6423563752deg) rotateX(25.9011426442deg) rotateY(-10.1713806979deg) scale(.8389665001)}html[platform=cn] .rain-container .icon:nth-child(5){left:62.0379110823%;animation-name:drop;animation-timing-function:linear;animation-duration:4.9926218231s;animation-delay:.6709551248s;transform:rotateZ(8.1586889778deg) rotateX(5.6934425692deg) rotateY(12.3540474768deg) scale(.9277448383)}html[platform=cn] .rain-container .icon:nth-child(6){left:73.7106999262%;animation-name:drop;animation-timing-function:linear;animation-duration:2.0679800146s;animation-delay:2.1168684448s;transform:rotateZ(-28.1905123171deg) rotateX(-22.8274392288deg) rotateY(-23.3158920616deg) scale(1.1135795724)}html[platform=cn] .rain-container .icon:nth-child(7){left:47.5187843985%;animation-name:drop,move-left;animation-timing-function:linear;animation-duration:4.7083743365s;animation-delay:1.8240145624s;transform:rotateZ(16.8263535419deg) rotateX(2.2308385533deg) rotateY(-2.1632822451deg) scale(.704139542)}html[platform=cn] .rain-container .icon:nth-child(8){left:44.0563780362%;animation-name:drop,move-right;animation-timing-function:linear;animation-duration:4.2606396834s;animation-delay:.7253055315s;transform:rotateZ(17.9181661131deg) rotateX(-22.9633645833deg) rotateY(17.6055486151deg) scale(1.1520033119)}html[platform=cn] .rain-container .icon:nth-child(9){left:53.2288923603%;animation-name:drop;animation-timing-function:linear;animation-duration:3.6667448786s;animation-delay:.6963806768s;transform:rotateZ(8.165274323deg) rotateX(-11.8745052926deg) rotateY(-15.9693157943deg) scale(.9819424213)}html[platform=cn] .rain-container .icon:nth-child(10){left:70.7928368466%;animation-name:drop;animation-timing-function:linear;animation-duration:2.9736818299s;animation-delay:2.6032908859s;transform:rotateZ(15.1507065517deg) rotateX(-20.719476535deg) rotateY(-26.5298944913deg) scale(.9602399989)}@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:-23.0274163853%}}@keyframes move-right{from{margin-left:0}to{margin-left:17.1775203641%}}@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}