@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);.navbar{position:absolute;top:.1rem;left:.1rem;color:#fff;font-size:.18rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar .cp,.navbar .golden-prop,.navbar .silver-prop{margin-left:.05rem}.navbar .cp img{width:.2rem}.navbar .silver-prop-img{background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-balance-silvertoken.png) center 100%/contain no-repeat}.navbar .golden-prop-img,.navbar .silver-prop-img{width:.2rem;height:.2rem;display:inline-block;vertical-align:middle}.navbar .golden-prop-img{background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-balance-goldentoken.png) center 100%/contain no-repeat}.navbar img,.navbar span{vertical-align:middle}.trial-block{top:0;bottom:0;left:-6.2rem;width:7.5rem;height:5rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-background-character.png) center 100%/contain no-repeat}.trial-block,.trial-block .trial-btn{position:absolute;right:0;margin:0 auto}.trial-block .trial-btn{top:auto;bottom:1.08rem;left:0;width:3.8rem;height:.7rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25) center 100%/contain no-repeat}.banner{position:absolute;top:4rem;right:0;bottom:0;left:-5.3rem;width:8.35rem;margin:0 auto}.banner .redeem-shop{width:1.41rem;height:1.19rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-tokenshop-btn.png) center 100%/contain no-repeat;vertical-align:middle;padding-top:.65rem}.banner .redeem-shop img{width:.26rem;vertical-align:middle;margin-right:-.05rem}.banner .redeem-shop span{color:#fff;font-size:.2rem;font-weight:700;text-shadow:.01rem .01rem .02rem #ae2cb8;vertical-align:middle}.banner-img{width:6.75rem;margin-left:-.75rem;vertical-align:middle}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(.05rem);transform:translateY(.05rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(.05rem);transform:translateY(.05rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.box{position:absolute;top:.1rem;right:-7rem;bottom:0;left:0;width:5.8rem;height:5.4rem;margin:0 auto}.box-wrapper{display:inline-block}.box .desc{margin-bottom:.05rem}.box .desc,.box .desc.gold{color:#fff;font-size:.16rem}.box .desc img{width:.2rem;vertical-align:middle}.box-silver{position:relative;width:2.84rem;height:5.1rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-silverbox.png) center 100%/contain no-repeat;vertical-align:middle}.box-silver .prizes-slide{position:absolute;top:.3rem;right:0;bottom:auto;left:0;width:1.03rem;height:1.29rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-silverbox-prize.png) center 100%/contain no-repeat;margin:0 auto;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite}.box-silver .prizes-slide div{position:absolute;top:.09rem;right:.09rem;width:.85rem;height:.85rem;border-radius:50%;overflow:hidden}.box-silver .prizes-slide div img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;-webkit-transition:opacity .8s;transition:opacity .8s;border-radius:50%}.box-silver .prizes-slide div .gif{mix-blend-mode:color-dodge;width:.85rem;height:.96rem;position:absolute;top:-.06rem}.box-silver .notice{position:absolute;top:2.85rem;right:0;bottom:auto;left:0;color:#fff;font-size:.25rem;font-weight:700;width:90%;margin:0 auto}.box-silver .notice.gold{color:#ffe63f;font-size:.25rem;font-weight:700}html[data-region=vn] .box-silver .notice{font-size:.17rem}.box-silver .divider{bottom:.4rem;width:2.37rem}.box-silver .buy-limit,.box-silver .divider{position:absolute;top:auto;right:0;left:0;margin:0 auto}.box-silver .buy-limit{bottom:.1rem;color:#fff;font-size:.2rem}.box-silver .buy-limit span{color:#fff}.box-silver .buy-limit.gold,.box-silver .buy-limit.gold span{color:#ffea8a}.box-silver~.single-draw{position:absolute;top:3.5rem;left:.2rem;width:2.46rem;height:.72rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-blue.png) center 100%/contain no-repeat}.box-silver~.single-draw div{width:100%;height:100%;color:#fff;font-size:.22rem;letter-spacing:-.02rem;line-height:.67rem}html[data-region=th] .box-silver~.single-draw div,html[data-region=vn] .box-silver~.single-draw div{font-size:.18rem}.box-silver~.single-draw span{text-decoration:line-through;font-size:.18rem;color:#494258}.box-silver~.single-draw img{width:.25rem;vertical-align:middle;margin-left:.03rem}.box-silver~.single-draw .red-dot{position:absolute;top:0;right:.08rem;width:.2rem;height:.2rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-reddot.png) center 100%/contain no-repeat}.box-silver~.multi-draw{position:absolute;top:4.2rem;left:.2rem;width:2.46rem;height:.72rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-purple.png) center 100%/contain no-repeat}.box-silver~.multi-draw div{width:100%;height:100%;color:#fff;font-size:.22rem;letter-spacing:-.02rem;line-height:.67rem}html[data-region=th] .box-silver~.multi-draw div,html[data-region=vn] .box-silver~.multi-draw div{font-size:.18rem}.box-silver~.multi-draw span{text-decoration:line-through;font-size:.18rem;color:#494258}.box-silver~.multi-draw img{width:.25rem;vertical-align:middle;margin-left:.03rem}.box-silver~.multi-draw .red-dot{position:absolute;top:0;right:.08rem;width:.2rem;height:.2rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-reddot.png) center 100%/contain no-repeat}.box .history{position:absolute;top:.5rem;right:0;bottom:0;left:0;z-index:1;width:1.2rem;height:1.26rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-history.png) center 100%/contain no-repeat;margin:0 auto}.box-golden{position:relative;width:2.84rem;height:5.1rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-goldenbox.png) center 100%/contain no-repeat;vertical-align:middle;overflow:hidden}.box-golden .prizes-slide{position:absolute;top:.3rem;right:0;bottom:auto;left:0;width:1.03rem;height:1.29rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-goldenbox-prize.png) center 100%/contain no-repeat;margin:0 auto;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite}.box-golden .prizes-slide div{position:absolute;top:.09rem;right:.09rem;width:.85rem;height:.85rem;border-radius:50%;overflow:hidden}.box-golden .prizes-slide div img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;-webkit-transition:opacity .8s;transition:opacity .8s;border-radius:50%}.box-golden .prizes-slide div .gif{mix-blend-mode:color-dodge;width:.85rem;height:.96rem;position:absolute;top:-.06rem}.box-golden .notice{position:absolute;top:2.85rem;right:0;bottom:auto;left:0;color:#fff;font-size:.25rem;font-weight:700;width:90%;margin:0 auto}.box-golden .notice.gold{color:#ffe63f;font-size:.25rem;font-weight:700}html[data-region=vn] .box-golden .notice{font-size:.17rem}.box-golden .divider{bottom:.4rem;width:2.37rem}.box-golden .buy-limit,.box-golden .divider{position:absolute;top:auto;right:0;left:0;margin:0 auto}.box-golden .buy-limit{bottom:.1rem;color:#fff;font-size:.2rem}.box-golden .buy-limit span{color:#fff}.box-golden .buy-limit.gold,.box-golden .buy-limit.gold span{color:#ffea8a}.box-golden .goldenbox-gif{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:95%;height:96%;mix-blend-mode:color-dodge}.box-golden~.single-draw{position:absolute;top:3.5rem;right:.2rem;width:2.46rem;height:.72rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-blue.png) center 100%/contain no-repeat}.box-golden~.single-draw div{width:100%;height:100%;color:#fff;font-size:.22rem;letter-spacing:-.02rem;line-height:.67rem}html[data-region=th] .box-golden~.single-draw div,html[data-region=vn] .box-golden~.single-draw div{font-size:.18rem}.box-golden~.single-draw span{text-decoration:line-through;font-size:.18rem;color:#494258}.box-golden~.single-draw img{width:.25rem;vertical-align:middle;margin-left:.03rem}.box-golden~.single-draw .red-dot{position:absolute;top:0;right:.08rem;width:.2rem;height:.2rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-reddot.png) center 100%/contain no-repeat}.box-golden~.multi-draw{position:absolute;top:4.2rem;right:.2rem;width:2.46rem;height:.72rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-purple.png) center 100%/contain no-repeat}.box-golden~.multi-draw div{width:100%;height:100%;color:#fff;font-size:.22rem;letter-spacing:-.02rem;line-height:.67rem}html[data-region=th] .box-golden~.multi-draw div,html[data-region=vn] .box-golden~.multi-draw div{font-size:.18rem}.box-golden~.multi-draw span{text-decoration:line-through;font-size:.18rem;color:#494258}.box-golden~.multi-draw img{width:.25rem;vertical-align:middle;margin-left:.03rem}.box-golden~.multi-draw .red-dot{position:absolute;top:0;right:.08rem;width:.2rem;height:.2rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-reddot.png) center 100%/contain no-repeat}.box-golden~.trial{width:2.46rem;height:.72rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-btn-yellow.png) center 100%/contain no-repeat}.box-golden~.trial div{color:#672000}.box .grayout{-webkit-filter:grayscale(.8);filter:grayscale(.8)}.milestone{position:absolute;top:auto;right:0;bottom:0;left:-.2rem;width:12.49rem;height:1.1rem;margin:0 auto}.milestone img,.milestone span{vertical-align:middle}.milestone .bar{position:absolute;top:0;right:0;bottom:.4rem;left:0;width:12.49rem;height:.16rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-bar-dark.png) center 100%/contain no-repeat;margin:auto 0}.milestone .bar-progress{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.milestone .bar-mask{position:absolute;top:.05rem;right:.1rem;background-color:#113c5b;height:.05rem}.milestone-desc{position:absolute;top:.4rem;color:#fff;font-size:.18rem;font-weight:700;text-align:left;width:1.7rem;letter-spacing:.01rem}.milestone-desc img{width:.2rem}.milestone-desc .tips{color:#fff;font-size:.12rem}html[data-region=vn] .milestone-desc .tips{font-size:.1rem}.milestone-reward-wrapper{position:absolute;top:0;right:-.2rem;bottom:0;left:auto;width:87%;margin:auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}.milestone-reward{position:relative;width:.8rem;height:.75rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25) center 100%/contain no-repeat;background-size:.66rem .75rem;background-position:50%}.milestone-reward div{color:#fff;font-size:.18rem;font-weight:700;margin:.72rem 0 auto}.milestone-reward div img{width:.2rem;margin-left:.05rem}.milestone-reward .claimed-text{color:#b0a076}.milestone-reward .unclaimed-text{color:#fff}.milestone .available-gif{position:absolute;top:0;bottom:0;left:0;right:0;width:.66rem;height:.7rem;margin:auto;border-radius:50%;overflow:hidden;mix-blend-mode:lighten}.event-rules{position:absolute;top:4.8rem;right:0;bottom:0;left:7.1rem;width:.24rem;height:.24rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-eventrules.png) center 100%/contain no-repeat}.modal-fade-enter-active,.modal-fade-enter-active .scaleY,.modal-fade-leave-active,.modal-fade-leave-active .scaleY{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter .scaleY,.modal-fade-leave-to .scaleY{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}.modal-mask{width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.8)}.modal-mask,.modal-mask .modal{position:absolute;top:0;bottom:0;left:0;right:0}.modal-mask .modal{margin:auto}.modal-mask .modal .close-img{position:absolute;top:.15rem;right:-.4rem;width:.44rem;height:.41rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-close-btn.png) center 100%/contain no-repeat;z-index:3}.modal-mask .modal .title{color:#3f302a;font-size:.3rem;font-weight:700}.modal-mask .modal .title img{width:.32rem;vertical-align:middle;margin-right:.1rem}.modal-mask .modal-content{width:93%;color:#fff;font-size:.25rem}.modal-mask .modal-content .content-wrapper{width:94%;height:100%;margin:auto}.modal-mask .modal-footer{position:absolute;top:78%;width:100%;height:15%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.modal-mask .modal-footer,.modal-mask .modal-footer .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-mask .modal-footer .button{width:2.09rem;height:.69rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/mainpage-btn-yellow.png) center 100%/contain no-repeat;margin:0 .2rem}.modal-mask .modal-footer .button div{width:100%;font-size:.22rem;font-weight:700;color:#fff;margin-top:-.03rem}.modal-mask .modal-footer .button img{width:.26rem;vertical-align:middle}.modal-mask .modal-footer .btn-cancel{width:2.09rem;height:.69rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/mainpage-btn-purple.png) center 100%/contain no-repeat}.modal-mask .modal-footer .btn-cancel div{color:#fff}.modal-mask .modal-footer .btn-disable{width:2.09rem;height:.69rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/mainpage-btn-gray.png) center 100%/contain no-repeat}.modal-mask .modal-footer .btn-disable div{color:#9397a0}.modal-mask .modal-big{width:9.64rem;height:6.22rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-bg-big.png) center 100%/contain no-repeat}.modal-mask .modal-big .close-img{top:.25rem;right:-.3rem}.modal-mask .modal-big .title{position:absolute;top:.2rem;right:0;bottom:0;left:0;width:80%;height:.66rem;margin:0 auto;line-height:.66rem}html[data-region=tw] .modal-mask .modal-big .title{letter-spacing:.02rem}.modal-mask .modal-big .modal-content{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;color:#3f302a;width:100%;height:65%}.modal-mask .modal-big .full-content{position:absolute;top:.4rem;right:0;bottom:0;left:0;margin:auto;height:80%}.modal-mask .modal-big .modal-footer{position:absolute;top:75%;width:100%;height:18%}.modal-mask .modal-big .modal-footer .button{width:3rem;height:.97rem}.modal-mask .modal-big .modal-footer .button div{font-size:.24rem}.modal-mask .modal-small{width:8.52rem;height:5.66rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-bg-small.png) center 100%/contain no-repeat;padding-top:.05rem}.modal-mask .modal-small .title{position:absolute;top:.2rem;right:0;bottom:0;left:0;width:80%;height:.58rem;margin:0 auto;line-height:.58rem}html[data-region=tw] .modal-mask .modal-small .title{letter-spacing:.02rem}.modal-mask .modal-small .modal-content{position:absolute;top:-.2rem;right:0;bottom:0;left:0;margin:auto;color:#3f302a;font-size:.27rem;font-weight:500;height:65%}.modal-mask .modal-small .full-content{position:absolute;top:.4rem;right:0;bottom:0;left:0;margin:auto;height:75%}.modal-mask .modal-small .content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.modal-mask .modal-tab{width:9.54rem;height:6.05rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25) center 100%/contain no-repeat;padding-top:.1rem}.modal-mask .modal-tab .tab-item{width:48%;height:.76rem;display:inline-block;line-height:.76rem}.modal-mask .modal-tab .inactive{color:#7e787b;font-size:.3rem;font-weight:700}.modal-mask .modal-tab .modal-content{position:absolute;top:.5rem;right:0;bottom:0;left:0;margin:auto;color:#3f302a;height:78%}.modal-mask .modal-tab .content-wrapper{width:100%}.error{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);color:auto;font-size:.25rem;font-weight:500;width:80%}.error .yellow{color:#de860e}.error-code{position:absolute;bottom:.25rem;color:rgba(0,0,0,.25);font-size:.12rem}.prop-info{width:100%;height:100%}.prop-info .info-wrapper{width:100%;height:1.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(185,130,84,.2);margin:.3rem 0}.prop-info .info-wrapper .prop-area{width:30%}.prop-info .info-wrapper .prop-area img{width:1.14rem}.prop-info .info-wrapper .divider{width:.01rem;height:1.4rem;background-color:#c58f5c;margin-right:.2rem}.prop-info .info-wrapper .info-text{width:65%;height:auto;color:#3f302a;font-size:.2rem;text-align:left;max-height:1.4rem;padding:0 .2rem}.prop-info .info-wrapper .prop-title{color:#ce7307;font-size:.28rem;font-weight:500}.prop-info .info-wrapper:last-child .prop-title{color:#934949}.rules,.rules .tutorials{position:relative;width:100%;height:100%}.rules .tutorials{top:0}.rules .tutorials div,.rules .tutorials img{vertical-align:middle}.rules .tutorials .left-arrow{position:absolute;top:0;right:auto;bottom:0;left:.1rem;width:.38rem;height:.78rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-arrow.png) center 100%/contain no-repeat;margin:auto 0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rules .tutorials-img{position:absolute;top:0;bottom:0;left:0;right:0;width:7.5rem;height:4rem;margin:auto;border:1px solid #785933}.rules .tutorials .right-arrow{position:absolute;top:0;right:.1rem;bottom:0;left:auto;width:.38rem;height:.78rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-arrow.png) center 100%/contain no-repeat;margin:auto 0}.rules .pagination{position:absolute;top:auto;right:0;bottom:0;left:0;margin:0 auto}.rules .pagination .dot{width:.1rem;height:.1rem;display:inline-block;border-radius:.5rem;background-color:#cebd9a;margin:0 .1rem}.rules .pagination .active-dot{background-color:#785933}.rules-content{position:absolute;top:0;bottom:0;left:0;right:0;color:#3f302a;font-size:.22rem;text-align:left;padding:.1rem .2rem;margin:0 auto}.reward-item{position:relative;width:1rem;height:1.25rem;margin:.05rem .1rem}.reward-item .reward-image{width:1rem;height:1rem;position:absolute;top:0;bottom:0;left:0;right:0}.reward-item .reward-image .prize-frame{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.reward-item .reward-image .prize{position:absolute;top:.04rem;right:0;bottom:0;left:0;width:.935rem;height:.935rem;margin:0 auto}.reward-item .reward-image .owned-tag{position:absolute;top:.02rem;right:0;bottom:0;left:.02rem;width:.64rem}.reward-item .reward-image .checkbox-img{position:absolute;bottom:.05rem;left:.05rem;width:.4rem;height:.37rem}.reward-item .active-show-name:active:after{content:attr(data-name);position:absolute;bottom:.8rem;left:0;width:1rem;height:auto;color:#fff;font-size:.14rem;z-index:4;padding:.02rem .1rem;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8)}.reward-item .name{position:absolute;top:auto;right:0;bottom:0;left:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;color:#666363;font-size:.16rem;margin:0 auto}.reward-item .number{position:absolute;top:auto;right:.05rem;bottom:.25rem;left:auto;color:#fff;font-size:.25rem}.pool{position:relative}.pool-kv{left:-.1rem;width:2.4rem}.pool-kv,.pool-wrapper{position:absolute;top:.1rem;height:4.6rem}.pool-wrapper{left:2.4rem;width:6.3rem}.pool-area{position:relative;width:100%}.pool-area .category-name{margin-right:.05rem}.pool-area .category-name,.pool-area .owned-info{color:#3f302a;font-size:.2rem}.pool-area .pool-rewards-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.05rem}.confirm-draw-text{font-size:.26rem;margin-bottom:.1rem}.confirm-draw-text img{width:.32rem;vertical-align:middle}.confirm-draw-text .yellow{color:#de860e}.confetti{position:fixed}.confetti,.receive{width:100%;height:100%}.receive,.receive-text{position:relative}.receive-text{top:-.1rem;color:#3f302a;font-size:.23rem;font-weight:500}.receive-text span{margin:0 .05rem}.receive-text img{width:.28rem;vertical-align:middle}.receive-rewards-area{position:relative;top:-.05rem;right:0;bottom:0;left:0;width:90%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:2.7rem;min-height:1.7rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto}.milestone-popup-desc{color:#3f302a;font-size:.23rem;font-weight:500;width:100%}.milestone-popup-desc img{width:.28rem;vertical-align:middle}.milestone-rewards-area{position:relative;top:auto;right:0;bottom:-.07rem;left:0;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:2.7rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.15rem auto 0}.history{width:100%;height:100%;position:relative}.history-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.history-desc{letter-spacing:.02rem;margin-right:.2rem}.history-desc img{width:.28rem;vertical-align:middle}.history .quick-select{width:1.6rem;height:.46rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-quickchoose.png) center 100%/contain no-repeat}.history-rewards-area{width:90%;height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.1rem auto auto}.confirm-exchange{width:100%;height:100%;position:relative}.confirm-exchange .custom-scroll{position:relative;height:3rem;margin-top:.05rem}.confirm-exchange-desc{color:#fff}.confirm-exchange-rewards-area{position:absolute;top:.5rem;right:0;bottom:0;left:0;width:90%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:2.7rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto}.confirm-send{width:100%;height:100%;position:relative}.confirm-send .custom-scroll{position:relative;height:3rem;margin-top:.05rem}.confirm-send-desc{color:#3f302a;font-size:.23rem;font-weight:500;width:100%}.confirm-send-rewards-area{position:absolute;top:.5rem;right:0;bottom:0;left:0;width:90%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:2.7rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto}.confirm-exchange-desc{color:#3f302a;font-size:.23rem;font-weight:500;width:100%}.confirm-exchange-desc img{width:.28rem;vertical-align:middle}.get-tokens{position:relative;margin:.4rem auto 0}.token-shop{width:100%;height:100%;position:relative}.token-shop-info{position:relative;top:.2rem;letter-spacing:.01rem}.token-shop-info img{width:.3rem;vertical-align:middle}.token-shop-area{position:relative;top:.4rem;right:0;bottom:0;left:0;width:8.8rem;height:3.6rem;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.token-shop-area,.token-shop-reward-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.token-shop-reward-wrapper{width:2.75rem;height:1.2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:.1rem .05rem}.token-shop-reward-info{width:1.8rem;height:auto;color:#799add;font-size:.16rem;text-align:left;max-height:100%;margin-top:-.2rem}.token-shop-reward-info div{margin:0 auto}.token-shop-reward-info .text{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-left:.1rem}.token-shop-reward-info .redeem-btn{width:1.56rem;height:.45rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25) center 100%/contain no-repeat;text-align:center;font-size:.18rem;font-weight:700;line-height:.42rem;margin-top:.08rem;color:#fff}.token-shop-reward-info .redeem-btn img{width:.24rem;vertical-align:middle}.token-shop-reward-info .redeem-btn.yellow{background-image:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/mainpage-redeembtn-yellow.png)}.token-shop-reward-info .redeem-btn.purple{background-image:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/mainpage-redeembtn-purple.png)}.token-shop-reward-info .redeem-btn.gray{background-image:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/mainpage-redeembtn-gray.png);color:hsla(0,0%,100%,.3)}.confirm-redeem{width:100%;height:100%;position:relative;top:0;right:0;bottom:0;left:0}.confirm-redeem-desc{position:relative;top:.2rem;color:#3f302a;font-size:.23rem;font-weight:500;width:100%}.confirm-redeem-desc img{width:.28rem;vertical-align:middle}.confirm-redeem .reward-item{position:relative;margin:.2rem auto 0}.confirm-redeem .slider-wrapper{position:relative;top:.4rem;right:0;bottom:0;left:0;width:90%;height:1rem;background-color:rgba(0,0,0,.3);padding:.15rem .1rem;margin:0 auto}.confirm-redeem .slider-wrapper .quantity{font-size:.2rem}.confirm-redeem .slider-wrapper .slider{width:100%}.confirm-redeem .slider-wrapper .slider .plus{width:.4rem;height:.4rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-tokenshop-add.png) center 100%/contain no-repeat;vertical-align:middle;margin:0 .2rem}.confirm-redeem .slider-wrapper .slider .plus.gray{background-image:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-tokenshop-add-gray.png)}.confirm-redeem .slider-wrapper .slider .minus{width:.4rem;height:.4rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-tokenshop-subtraction.png) center 100%/contain no-repeat;vertical-align:middle;margin:0 .2rem}.confirm-redeem .slider-wrapper .slider .minus.gray{background-image:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-tokenshop-subtraction-gray.png)}.confirm-redeem .slider-wrapper .slider .vue-slide-bar-component{display:inline-block;width:70%;vertical-align:middle;padding:0!important}.confirm-redeem .slider-wrapper .slider .vue-slide-bar{height:.11rem;background-color:rgba(0,0,0,.4)}.confirm-redeem .slider-wrapper .slider .vue-slide-bar-tooltip-top span{display:none}.confirm-redeem .slider-wrapper .slider .vue-slide-bar-tooltip-top:after{content:"";position:absolute;top:.04rem;right:-.04rem;bottom:auto;left:auto;width:.37rem;height:.37rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-tokenshop-dot.png) center 100%/contain no-repeat}.trial-info{position:relative;width:100%;height:100%}.trial-info-desc{font-size:.25rem;margin-bottom:.2rem}.trial-info-desc .yellow{color:#de860e}.trial-info img{width:7.4rem;border:1px solid #3d5dd6}.remind-history{position:relative;width:100%;height:100%}.remind-history-desc{font-size:.25rem;margin-top:.6rem;margin-bottom:.2rem}.remind-history-img{width:1.43rem}.remind-tokenshop{position:relative;width:100%;height:100%}.remind-tokenshop-desc{font-size:.25rem;margin-top:.6rem;margin-bottom:.2rem}.remind-tokenshop-desc img{width:.28rem;vertical-align:middle}.remind-tokenshop-img{width:2.18rem}.event-end{position:relative;width:100%;height:100%}.event-end-desc{font-size:.22rem;margin-bottom:.2rem}.event-end-desc .yellow{color:#de860e}.event-end img{width:7.32rem;border:1px solid #3d5dd6}.modal-thai-agreement[data-v-ed993c2a]{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.4);font-size:14px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;color:#252525;z-index:100;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out;opacity:0;visibility:hidden}.modal-thai-agreement.show[data-v-ed993c2a]{opacity:1;visibility:visible}.modal-thai-agreement.show .card[data-v-ed993c2a]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.modal-thai-agreement .card[data-v-ed993c2a]{position:relative;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:80%;height:80%;max-width:900px;max-height:540px;border-radius:5px;padding:1em;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.modal-thai-agreement .card__title[data-v-ed993c2a]{padding:.4em 0;margin:0;font-size:2em;text-align:center;line-height:1em}.modal-thai-agreement .card__game[data-v-ed993c2a]{font-size:1em;text-align:center;line-height:1.3em;color:#676767}.modal-thai-agreement .card__event[data-v-ed993c2a]{font-size:.8em;text-align:center;line-height:1.3em;color:#969393}.modal-thai-agreement .card__content[data-v-ed993c2a]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1em;text-align:left;background-color:#ddd;overflow-y:auto;overflow-x:hidden;border-radius:5px;padding:.5em 1.2em;margin:1em 0}.modal-thai-agreement .card__content[data-v-ed993c2a]:-webkit-scrollbar{width:10px}.modal-thai-agreement .card__content[data-v-ed993c2a]:-webkit-scrollbar-track{background:#ddd}.modal-thai-agreement .card__content[data-v-ed993c2a]:-webkit-scrollbar-track:hover{background:#ccc}.modal-thai-agreement .card__content[data-v-ed993c2a]:-webkit-scrollbar-thumb{background:#aaa;border-radius:3px}.modal-thai-agreement .card__content[data-v-ed993c2a]:-webkit-scrollbar-thumb:hover{background:#666}.modal-thai-agreement .card__buttons[data-v-ed993c2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;max-width:240px;margin:0 auto}.modal-thai-agreement .btn[data-v-ed993c2a]{font-size:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2em;width:100px;border-radius:3px}.modal-thai-agreement .btn--reject[data-v-ed993c2a]{color:red;background:#fff;border:1px solid red}.modal-thai-agreement .btn--accept[data-v-ed993c2a]{color:#fff;background:red;border:none}.click-wrapper[data-v-5a4526b5]{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.click-wrapper .click-effect[data-v-5a4526b5]{position:absolute;pointer-events:none;z-index:200;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);overflow:hidden;mix-blend-mode:screen;width:.8rem;height:.8rem}.click-wrapper__image[data-v-5a4526b5]{width:.8rem;height:14.4rem;-webkit-animation:spriteVertical-5a4526b5 .5s steps(18) forwards;animation:spriteVertical-5a4526b5 .5s steps(18) forwards;background-position:top;background-repeat:no-repeat;background-image:url(https://kgtw.cdn.garenanow.com/mgames/kgtw/events/plugin/cdn/click-sprite.jpg);background-size:.8rem 14.4rem}@-webkit-keyframes spriteVertical-5a4526b5{0%{background-position-y:0}to{background-position-y:-14.4rem}}@keyframes spriteVertical-5a4526b5{0%{background-position-y:0}to{background-position-y:-14.4rem}}.click-disable{pointer-events:none}#app{font-size:.36rem;font-family:Oswald,Kanit,Noto Sans TC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;text-align:center}#app,#app:before{position:absolute;width:100%;height:100%}#app:before{content:"";top:0;bottom:0;left:0;right:0;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/mainpage/mainpage-background.jpg) no-repeat 0 -1.5rem/cover}html[data-region=vn] #app{font-family:Roboto,Kanit,Noto Sans TC,sans-serif}.main{position:fixed;top:0;right:0;bottom:0;left:0;width:13.34rem;height:6.6rem;margin:0 auto}.mask{width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.8)}.mask,.mask .send-success{position:absolute;top:0;bottom:0;left:0;right:0}.mask .send-success{margin:auto;width:10.58rem;height:1.38rem;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-bg-small2.png) center 100%/contain no-repeat;line-height:1.38rem;color:#3f302a}.open-gif{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;mix-blend-mode:color-dodge}blockquote,body,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,td,textarea,th,ul{padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,b,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}li,ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}q:after,q:before{content:""}abbr,acronym{border:0}a{text-decoration:none;color:inherit}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button:focus,input:focus,textarea:focus{outline:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}* input,* select,* textarea{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}html{position:fixed;background:#000;overflow:hidden}@media only screen and (orientation:portrait){html{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:50vmin 50vmin;transform-origin:50vmin 50vmin}}img{pointer-events:none}.btn-active-bright:active{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.btn-active-opacity:active{opacity:.9}.btn-disable{-webkit-filter:grayscale(.8);filter:grayscale(.8);pointer-events:none}.custom-scroll{overflow-y:auto}.custom-scroll::-webkit-scrollbar{-webkit-appearance:none;width:5px}.custom-scroll::-webkit-scrollbar-track-piece{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)));background-image:linear-gradient(180deg,rgba(0,0,0,.5));background-repeat:no-repeat;background-position:50%;border-radius:5px}.custom-scroll::-webkit-scrollbar-thumb{background-image:-webkit-gradient(linear,left top,left bottom,from(#94603e));background-image:linear-gradient(180deg,#94603e);background-repeat:no-repeat;background-position:50%;border-radius:5px}.checkbox{position:absolute;top:auto;right:0;bottom:.2rem;left:0;margin:0 auto}.checkbox input{width:.25rem;height:.25rem;display:none}.checkbox label{color:#b0a076;font-size:.2rem}.checkbox label:before{content:"";width:.5rem;height:.5rem;display:inline-block;background:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-unclick.png) center 100%/contain no-repeat;vertical-align:bottom;margin-right:-.1rem}.checkbox input:checked+label:before{background-image:url(https://dl.ops.kgth.garenanow.com/H5/BlackFriday2/Oct25/popup/popup-click.png)}