.big[data-v-24deca1e]{margin-top:5px}.notice_san_big[data-v-24deca1e]{display:flex;align-items:center;background-image:-webkit-linear-gradient(top,#85660c,#5a4506);transition:all .3s linear;height:42px}.notice_icon[data-v-24deca1e]{padding:0 10px;z-index:10;background-image:-webkit-linear-gradient(top,#85660c,#5a4506)}.notice_icon i[data-v-24deca1e]{font-size:25px;color:#e9b10e}.notices[data-v-24deca1e]{height:42px;white-space:nowrap;line-height:42px}.notice_datas[data-v-24deca1e]{height:42px}.notice_datas span[data-v-24deca1e]{padding-right:5px;font-size:15px;color:#e9b10e}.out[data-v-24deca1e]{cursor:pointer;transition:all .3s linear;z-index:11;color:#ffc30f;position:absolute;right:0;height:42px;width:30px;text-align:center;line-height:42px;background-image:-webkit-linear-gradient(top,#85660c,#5a4506)}.page.box-info .app-container{margin:10px auto;padding:0 2%;max-width:1600px}.page.box-info .case-container{display:flex;margin:20px auto;flex-direction:column;align-items:center}.page.box-info .case,.page.box-info .case__info{display:flex;width:100%;justify-content:center;align-items:center}.page.box-info .case{flex-direction:column}.page.box-info .case__info{position:relative;margin-top:60px}.page.box-info .case__info__arrow{width:6%;margin:0 2%;padding-top:7.8%;background-position:50%;background-repeat:no-repeat;background-size:contain}.page.box-info .case__picture{position:relative;width:24%;padding-top:19%}.page.box-info .case__picture__award,.page.box-info .case__picture__case{position:absolute;top:0;right:0;bottom:0;left:0;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.page.box-info .case__misc{display:flex;margin-bottom:2%;flex-direction:column;align-items:center;align-self:flex-end}.page.box-info .case__title{position:relative}.page.box-info .case__title__background{position:absolute;top:50%;z-index:1;width:100%;transform:translateY(-50%);padding-top:32.5%;background-position:50%;background-repeat:no-repeat;background-size:cover}.page.box-info .case__title__content{margin:0;padding:16.25% 60px;text-align:center;color:#fff;font-size:20px;position:relative;z-index:10}.page.box-info .case__price{color:#ffbf00;font-size:30px;font-weight:700}.page.box-info .case__info__case-number{position:absolute;width:14%;top:-18%;left:50%}.page.box-info .case__info__case-number__picture{position:absolute;top:0;width:100%;padding-top:71%;background-position:50%;background-size:cover}.page.box-info .v-leave-to{transform:translateX(-10%);opacity:0}.page.box-info .v-leave-active{transition:opacity .4s linear,transform .4s linear}.page.box-info .case__open-options,.page.box-info .case__open-options__primary,.page.box-info .case__open-options__secondary{display:flex;align-items:center}.page.box-info .case__open-options{position:relative;margin:16px 0 0}.page.box-info .case__open-options__secondary{position:absolute;left:110%}.page.box-info .case__open-options__numbers{display:flex;position:relative;z-index:0;height:38px;width:200px;margin:0 32px;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,.6)}.page.box-info .case__open-options__numbers:before{right:100%;border-width:19px 18px 19px 0;border-color:transparent rgba(0,0,0,.6) transparent transparent}.page.box-info .case__open-options__numbers:after,.page.box-info .case__open-options__numbers:before{position:absolute;z-index:-1;content:"";width:0;height:0;border-style:solid}.page.box-info .case__open-options__numbers:after{left:100%;border-width:19px 0 19px 18px;border-color:transparent transparent transparent rgba(0,0,0,.6)}.page.box-info .case__open-options__number{display:flex;position:relative;cursor:pointer;height:100%;width:12%;justify-content:center;align-items:center}.page.box-info .case__open-options__number.case__open-options__number_active .case__open-options__number__background,.page.box-info .case__open-options__number:hover .case__open-options__number__background,.page.box-info .case__open-options__number:hover.case__open-options__number_active .case__open-options__number__background{opacity:1}.page.box-info .case__open-options__number__background{position:absolute;top:0;bottom:0;left:50%;z-index:0;height:0;width:180%;margin:auto;padding-top:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:0;transform:translateX(-50%);transition:opacity .4s linear}.page.box-info .case__open-options__number__value{position:relative;z-index:0;color:#ccc;font-size:20px;font-weight:700;transition:color .4s linear}.page.box-info .case__open-options__number.case__open-options__number_active .case__open-options__number__value,.page.box-info .case__open-options__number:hover .case__open-options__number__value,.page.box-info .case__open-options__number:hover.case__open-options__number_active .case__open-options__number__value{color:#000}.page.box-info .case__open-options__buttons{margin-left:32px}.page.box-info .case__open-options__open{position:relative;cursor:pointer;outline:none;border:none;border-radius:10px 0 0 10px;overflow:hidden;padding:8px 0;width:150px;color:#333;font-size:18px;font-weight:700;background-color:transparent;transition:box-shadow .4s linear}.page.box-info .case__open-options__open:before{background-image:linear-gradient(90deg,#ffd942,#ffb861)}.page.box-info .case__open-options__open:after,.page.box-info .case__open-options__open:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.page.box-info .case__open-options__open:after{background-image:linear-gradient(90deg,#ffd738,#fda53a);opacity:0;transition:opacity .4s linear}.page.box-info .case__open-options__try{position:relative;cursor:pointer;outline:none;border:1px solid #f7f7f7;border-radius:0 10px 10px 0;padding:7px 18px;color:#fff;font-size:18px;font-weight:700;background-color:transparent;transition:box-shadow .4s linear,background-color .4s linear}.page.box-info .case__open-options__jump-animation{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.page.box-info .case__open-options__jump-animation__text{margin-top:4px;color:#fff;font-size:14px}.page.box-info .case__open-options__sound{display:flex;margin-left:32px;flex-direction:column;align-items:center;white-space:nowrap}.page.box-info .case__open-options__sound__picture{cursor:pointer}.page.box-info .picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.page.box-info .case__open-options__sound__text{margin-top:4px;color:#fff;font-size:14px}.page.box-info .app-container,.page.box-info .app-modal{display:flex}.page.box-info .picture-container{position:relative;overflow:hidden;align-self:center;flex-shrink:0}.page.box-info .award,.page.box-info .award.award_holder,.page.box-info .awards{display:flex;justify-content:space-between}.page.box-info .awards{margin:20px auto 40px;flex-wrap:wrap}.page.box-info .award,.page.box-info .award.award_holder{width:16%;border-radius:10px;box-shadow:0 4px 10px 0 hsl(0deg 0% .23333333%);margin:10px 0 0;flex-direction:column;background-color:rgba(86,78,62,.2)}.page.box-info .award__header{position:relative;width:100%;padding-top:60%}.page.box-info .award__picture{position:absolute;top:0;right:0;bottom:0;left:0;background-position:50%;background-repeat:no-repeat;background-size:60%;transition:top .2s linear}.page.box-info .award__rarity-picture{position:absolute;bottom:0;width:100%}.page.box-info .award__content{padding:0 8%}.page.box-info .award__title{text-overflow:ellipsis;margin:4px 0;overflow:hidden;white-space:nowrap;color:#fff;font-size:14px;font-weight:700}.page.box-info .award__property{display:block;color:#ccc;font-size:12px}.page.box-info .award__footer{display:flex;margin-top:20px;padding:0 8% 8%;justify-content:flex-end;align-items:center}.page.box-info .award__rate{color:#ffc;font-size:12px}.page.box-info .award.award_holder{height:0;padding:0}.page.box-info .ivu-switch-checked{border-color:#ff9838!important;background-color:#ff9838!important}.page.box-info .case-opening{display:flex;position:relative;width:100%;flex-direction:column;align-items:center}.page.box-info .case-opening__title{position:relative;margin-bottom:12px}.page.box-info .case-opening__title__background{position:absolute;top:50%;z-index:0;width:100%;transform:translateY(-50%);padding-top:32.5%;background-position:50%;background-repeat:no-repeat;background-size:cover}.page.box-info .case-opening__title__content{margin:0;padding:6% 60px;text-align:center;color:#fff;font-size:20px;position:relative;z-index:1}.page.box-info .case-opening__number{position:absolute;right:0;margin:10px 0}.page.box-info .case-opening__number__label{margin-right:8px;color:#fff;font-size:14px}.page.box-info .case-opening__number__value{color:#ff9838;font-size:14px}.page.box-info .case-opening__awards-container{position:relative;width:940px;padding:10px;border:1px solid #ffd800;border-radius:5px;box-shadow:inset -5px 2px 13px 0 rgba(211,58,58,.5),inset 3px 0 13px 0 rgba(255,237,115,.43)}.page.box-info .case-opening__awards-container .swiper-wrapper{margin-bottom:10px;position:relative}.page.box-info .case-opening__awards-container .swiper-wrapper:last-child{margin-bottom:0}.page.box-info .case-opening__awards-container .m-slide-arrow{position:absolute;top:3px;left:calc(50% - 7px);bottom:3px;height:calc(100% - 6px);z-index:9;filter:drop-shadow(0 0 3px #ead51d)}.page.box-info .case-opening__awards-container .m-slide-arrow .m-slide-arrow-trigon:first-child{top:0;transform:rotate(180deg)}.page.box-info .case-opening__awards-container .m-slide-arrow .m-slide-arrow-trigon{position:absolute;width:0;height:0;border:7px solid transparent;border-bottom-color:#ead51d}.page.box-info .case-opening__awards-container .m-slide-arrow .m-slide-arrow-line{margin-left:7px;width:1px;height:100%;background:#ead51d}.page.box-info .case-opening__awards-container .m-slide-arrow .m-slide-arrow-trigon:last-child{bottom:0}.page.box-info .case-opening__award{display:flex;border:1px solid #4e3a18;border-radius:10px;flex-direction:column;justify-content:space-around;padding:20px;text-align:center;background-color:#201a0e}.page.box-info .case-opening__award.case-opening__award_holder{height:0}.page.box-info .case-opening__awards-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-position:50%;background-repeat:no-repeat;background-size:cover}.page.box-info .case-opening__award__picture{position:relative;width:100%;padding-top:100%}.page.box-info .case-opening__award__picture__rarity{right:0;left:0}.page.box-info .case-opening__award__picture__award,.page.box-info .case-opening__award__picture__rarity{position:absolute;top:0;bottom:0;background-position:50%;background-repeat:no-repeat;background-size:contain}.page.box-info .case-opening__award__picture__award{height:0;width:100%;margin:auto;padding-top:81%}.page.box-info .case-opening__award__title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;font-size:14px;font-weight:700}.page.box-info .case-opening__award__property{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#ccc;font-size:12px}.page.box-info .case-opening__action{display:flex;position:relative;width:70%;margin:20px 0;justify-content:center;align-items:center}.page.box-info .case-opening__jump-current{border:1px solid #ff9838;border-radius:10px;margin-right:20px;color:#ff9838;background-color:transparent}.page.box-info .case-opening__jump-all,.page.box-info .case-opening__jump-current{cursor:pointer;outline:none;padding:8px 20px;font-size:16px}.page.box-info .case-opening__jump-all{position:relative;border:none;border-radius:10px;overflow:hidden;color:#000;font-weight:700;background:linear-gradient(180deg,#ffd738,#fda53a);transition:box-shadow .4s linear}.page.box-info .case-opening__jump-all:hover{box-shadow:-1px 4px 8px 0 #4d2b00}.page.box-info .case-opening__sound{position:relative;cursor:pointer;height:23px;margin-left:40px}.page.box-info .case-opening__sound__picture{position:absolute;top:0;height:100%;margin:auto;background-position:50%;background-repeat:no-repeat;background-size:cover}.page.box-info .case-opening__opened-awards{width:70%;padding:20px;background-color:rgba(86,78,62,.2)}.page.box-info .case-opening__opened-awards__header{display:flex;justify-content:space-between;align-items:center}.page.box-info .case-opening__opened-awards__title{flex:1;text-align:center;color:#fff;font-size:16px;font-weight:700}.page.box-info .case-opening__opened-awards__progress{letter-spacing:4px}.page.box-info .case-opening__opened-awards__progress__current{color:#ff9838;font-size:14px;font-weight:700}.page.box-info .case-opening__opened-awards__progress__total{color:#fff;font-size:14px;font-weight:700}.page.box-info .case-opening__opened-awards__content{display:flex;margin:10px 0;justify-content:space-between;flex-wrap:wrap}.case-opened-modal{display:flex;justify-content:center;align-items:center}.case-opened-modal .ivu-modal{top:0}.case-opened-modal .ivu-modal-content{background-color:transparent}.case-opened-modal .case-opened{position:relative;border-radius:10px;overflow:hidden;padding:10px 20px;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}.case-opened-modal .case-opened__title{text-align:center;color:#ecd4ac;font-size:24px}.case-opened-modal .case-opened__amounts{display:flex;margin:10px 0;justify-content:center}.case-opened-modal .case-opened__amount:first-child{margin-left:0}.case-opened-modal .case-opened__amount{margin-left:4%}.case-opened-modal .case-opened__amount__label{margin-right:8px;color:#ccc;font-size:16px;font-weight:700}.case-opened-modal .case-opened__amount__value{color:#ff9838;font-size:16px;font-weight:700}.case-opened-modal .award,.case-opened-modal .award.award_holder,.case-opened-modal .awards{justify-content:space-between}.case-opened-modal .awards{margin:20px auto 40px;flex-wrap:wrap}.case-opened-modal .awards.awards_opened{position:relative;margin:10px -1%;justify-content:center}.case-opened-modal .award,.case-opened-modal .award.award_holder{width:16%;border-radius:10px;box-shadow:0 4px 10px 0 hsl(0deg 0% .23333333%);margin:10px 0 0;flex-direction:column;background-color:rgba(86,78,62,.2)}.case-opened-modal .awards.awards_opened .award{position:relative;overflow:hidden;margin:10px 1% 0}.case-opened-modal .awards.awards_opened .award__content,.case-opened-modal .awards.awards_opened .award__footer,.case-opened-modal .awards.awards_opened .award__header{position:relative;z-index:1}.case-opened-modal .award__header{position:relative;width:100%;padding-top:60%}.case-opened-modal .award__picture{position:absolute;top:0;right:0;bottom:0;left:0;background-position:50%;background-repeat:no-repeat;background-size:60%;transition:top .2s linear}.case-opened-modal .award__rarity-picture{position:absolute;bottom:0;width:100%}.case-opened-modal .award__content{padding:0 8%}.case-opened-modal .awards.awards_opened .award__property,.case-opened-modal .awards.awards_opened .award__title{text-align:center}.case-opened-modal .award__title{text-overflow:ellipsis;margin:4px 0;overflow:hidden;white-space:nowrap;color:#fff;font-size:14px;font-weight:700}.case-opened-modal .award__property{display:block;color:#ccc;font-size:12px}.case-opened-modal .awards.awards_opened .award__footer{justify-content:center}.case-opened-modal .award__footer{display:flex;margin-top:20px;padding:0 8% 8%;justify-content:flex-end;align-items:center}.case-opened-modal .award__price{color:#9f9;font-size:20px}.case-opened-modal .case-opened__footer{margin:30px 0 20px;text-align:center}.case-opened-modal .case-opened__button{position:relative;z-index:0;cursor:pointer;outline:none;border:none;border-radius:10px;overflow:hidden;padding:8px 56px;color:#000;font-size:18px;font-weight:700;background-color:transparent;transition:box-shadow .4s linear}.case-opened-modal .case-opened__button:before{background-image:linear-gradient(90deg,#ffd942,#ffb861)}.case-opened-modal .case-opened__button:after,.case-opened-modal .case-opened__button:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}.case-opened-modal .case-opened__button:after{background-image:linear-gradient(90deg,#ffd738,#fda53a);opacity:0;transition:opacity .4s linear}.case-opened-modal .ivu-modal-body,.case-opened-modal .ivu-modal-footer,.case-opened-modal .ivu-modal-header{padding:0;border:none}.type1 .ivu-modal{width:30%!important}.type1 .award{width:48%!important}.type2 .ivu-modal{width:30%!important}.type2 .award{width:46%!important}.type3 .ivu-modal{width:50%!important}.type3 .award{width:28%!important}.type4 .ivu-modal{width:60%!important}.type4 .award{width:23%!important}.type5 .ivu-modal{width:70%!important}.type5 .award{width:18%!important}.case-opened__link-button{display:inline-block;border:1px solid #ff9838;border-radius:10px;margin-right:20px;padding:7px 20px;color:#ff9838;font-size:18px}.v-transfer-dom[data-v-5b5315e2]{position:fixed;width:100%;z-index:110;top:15%}.backghui[data-v-5b5315e2]{width:100%;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:12}.award[data-v-5b5315e2]{width:100%!important}.case-opened__title[data-v-5b5315e2]{display:flex;align-items:center;justify-content:space-between}.case-opened__title i[data-v-5b5315e2]{font-size:20px;cursor:pointer}.case-opened[data-v-5b5315e2]{background-image:url(../img/Drawprizesimg.92a1bb90.jpg)}.award__header[data-v-5b5315e2]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%}@media screen and (max-width:800px){.ivu-modal[data-v-5b5315e2]{width:96%!important;min-width:100!important;min-width:96%!important}.ivu-modal-contenta[data-v-5b5315e2]{right:8%!important}.case-opened__link-button[data-v-5b5315e2]{margin-right:0!important}.datass[data-v-5b5315e2]{overflow-y:scroll;height:300px;flex-wrap:wrap}}.backghui[data-v-37503759]{width:100%;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:12}.big[data-v-37503759]{width:500px;margin:6vw auto 0}.red_box[data-v-37503759]{background-image:url(../img/redback.3e3b7e34.png);width:500px;height:650px;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;position:relative;margin:auto}.out[data-v-37503759]{font-size:25px;position:absolute;right:-25px;color:#eee;cursor:pointer}.red_box_input[data-v-37503759]{position:absolute;height:60px;top:40%;left:50%;transform:translate(-50%,-20%)}.red_box_input .img[data-v-37503759]{width:58%;height:100%;position:absolute;right:-40px;top:-14px;background-image:url(../img/redadd.ae3449fa.png);background-repeat:no-repeat;background-position:50%;background-size:110% 120%;cursor:pointer}[data-v-37503759] .el-input__inner{background-color:#242018;border:1px solid #cbbbb9;border-radius:28px;height:35px}.task_box[data-v-37503759]{position:absolute;top:50%;margin:0 5%;width:90%;height:300px;overflow-x:hidden;overflow-y:auto}.task_details[data-v-37503759]{margin-bottom:15px;display:flex;border:1px solid #4e4a3c;background-color:#2e291f;border-radius:16px;align-items:center}.task_prize_img[data-v-37503759]{width:100px;margin:10px;height:100px;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.task_prize_img img[data-v-37503759]{width:100%;height:100%;background-size:100% 100%;border-radius:5px}.task_prize_data[data-v-37503759]{width:70%;margin:10px}.task_prize_title[data-v-37503759]{display:flex;justify-content:space-between;align-content:center}.task_prize_title h4[data-v-37503759]{text-overflow:ellipsis;overflow:hidden;flex:1;white-space:nowrap;font-size:16px;font-weight:700;color:#ff9838}.task_prize_title button[data-v-37503759]{cursor:pointer;outline:none;border:1px solid #fff;border-radius:8px;box-shadow:0 3px 0 0 rgb(40 11 .79487179%);padding:4px 12px;font-size:12px;font-weight:700;color:#fff;background-color:#5e5b55;transition:background-color .4s linear}.task_prize_rules[data-v-37503759]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin:6px 0;text-align:justify;font-size:12px;color:#d2d1d1;margin:10px 0}.task_prize_percentage[data-v-37503759]{color:#ffe74d}.activity_rules[data-v-37503759]{position:relative;width:350px;border-radius:0 0 24px 24px;margin:auto;background-color:#252118}.activity_rules_data[data-v-37503759]{padding:10px;height:130px;overflow-x:hidden;overflow-y:auto}.activity_rules_data h4[data-v-37503759]{text-align:center;font-size:16px;color:#c7c6c6}.activity_rules_data p[data-v-37503759]{overflow-y:auto;margin:8px 0;text-align:justify;font-size:14px;font-weight:700;color:#c7c6c6}@media screen and (max-width:800px){.red_box[data-v-37503759]{width:100%;height:70vh}.task_box[data-v-37503759]{height:200px}.backghui[data-v-37503759]{z-index:201}.big[data-v-37503759]{width:85%;margin:20vw auto 0}.activity_rules[data-v-37503759]{width:55%}.activity_rules_data[data-v-37503759]{height:80px}}@font-face{font-family:iconfont;src:url(../fonts/iconfont.a4b837dc.woff2) format("woff2"),url(../fonts/iconfont.1bd3b792.woff) format("woff"),url(../fonts/iconfont.8dcff93b.ttf) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dui:before{content:"\e715"}.icon-jiahao:before{content:"\eaf3"}.icon-jianhao:before{content:"\eaf5"}.icon-sousuo:before{content:"\e651"}.icon-bangzhu:before{content:"\e63a"}.icon-chuangjian:before{content:"\e614"}.icon-google:before{content:"\e87a"}.icon-yihuoqu:before{content:"\e645"}.icon-laba:before{content:"\e601"}.icon-jiahaocu:before{content:"\e613"}.icon-guanbi:before{content:"\e697"}.icon-weizhongjiang:before{content:"\e612"}.icon-zhongjiangliao:before{content:"\e600"}.icon-xuanxiangqiacaidananniu:before{content:"\e664"}.icon-tuichu:before{content:"\e69c"}.icon-xiangzi:before{content:"\e646"}.icon-jifen:before{content:"\e641"}.icon-chongzhi:before{content:"\e615"}.icon-roll:before{content:"\e724"}.icon-xiangzidakai:before{content:"\e610"}.icon-hezuo:before{content:"\e63e"}.icon-gerenzhongxin:before{content:"\e65a"}.icon-jilu:before{content:"\e61e"}.icon-weibiaoti-_huabanfuben:before{content:"\e61a"}.icon-shangpin:before{content:"\e61d"}#nprogress .bar{background:#f78e2d!important}body{touch-action:manipulation}em,i{font-style:normal}#app{position:relative!important;max-height:100vh!important;min-height:100vh!important;max-width:100%!important;margin:0 auto!important;background:url(../img/bigimg.de39a2c2.png) top no-repeat!important;background-attachment:fixed!important;background-size:cover!important;overflow:hidden!important;overflow-y:auto!important}* ::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}* ::-webkit-scrollbar-thumb{background-color:#58442d;-webkit-transition:all .2s;transition:all .2s;border-radius:25px}.ivu-form-item-error .ivu-select-visible .ivu-select-selection,.ivu-input:focus,.ivu-select-visible .ivu-select-selection{box-shadow:none!important}.page__banner{display:flex;margin:10px auto;justify-content:space-between}.page__banner .page__slides{position:relative;z-index:0;border-radius:20px;width:40%;margin:unset;overflow:hidden}.page__banner .swiper-container-pointer-events{touch-action:pan-y}.page__banner .page__slide{display:block;position:relative;width:100%;padding-top:36.6%;background-position:50%;background-size:cover}.page__banner .page__slides__pager{position:absolute;z-index:1;right:4%;bottom:4%!important;left:auto!important;width:auto!important}.page__banner .page__slides__pager .swiper-pagination-bullet{display:inline-block;height:8px;width:8px;border-radius:50%;margin:0 4px;background-color:hsla(0,0%,100%,.6);opacity:1}.page__banner .page__slides__pager .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff9838!important}.page__banner .roll-room,.page__banner .roll-rooms{display:flex;justify-content:space-between}.page__banner .roll-rooms{width:40%}.page__banner .roll-room{width:49.5%;box-shadow:0 4px 10px 0 hsl(0deg 0% .11666667%);border:1px solid #55320c;border-radius:20px;overflow:hidden;padding:10px 20px;flex-direction:column;background-color:rgba(26,23,20,.6)}.page__banner .roll-room__header,.page__banner .roll-room__header__content{display:flex}.page__banner .roll-room__header{position:relative}.page__banner .roll-room__avatar{margin-right:8%}.page__banner .roll-room__header__content{overflow:hidden;flex:1;flex-direction:column;justify-content:center}.page__banner .roll-room__date,.page__banner .roll-room__title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.page__banner .roll-room__title{color:#ffd2a8;font-size:16px;font-weight:700;margin-bottom:0}.page__banner .roll-room__date{color:#ccc;font-size:12px}.page__banner .roll-room__awards{display:flex;justify-content:space-between}.page__banner .roll-room__award{width:30%;background-position:bottom;background-repeat:no-repeat;background-size:contain}.page__banner .roll-room__countdown{display:flex;padding-bottom:16px;justify-content:space-between;align-items:stretch}.page__banner .roll-room__countdown__label{margin-right:4%;line-height:1.2;color:#fff;font-size:14px;font-weight:700}.page__banner .roll-room__countdown__content,.page__banner .roll-room__countdown__time-item{display:flex;position:relative;align-items:stretch}.page__banner .roll-room__countdown__content{flex:1;justify-content:flex-end}.page__banner .roll-room__countdown__time-item{width:37.5%}.page__banner .roll-room__countdown__time-item:first-child{width:25%}.page__banner .roll-room__countdown__time-item__number{display:flex;position:relative;border-radius:5px;overflow:hidden;padding-left:10px;justify-content:center;align-items:center;color:#ffdab8;font-size:18px;font-weight:700}.page__banner .roll-room__countdown__time-item__number:before{top:0}.page__banner .roll-room__countdown__time-item__number:after,.page__banner .roll-room__countdown__time-item__number:before{position:absolute;left:0;z-index:-1;content:"";height:48%;width:100%;background-color:rgba(84,84,84,.3)}.page__banner .roll-room__countdown__time-item__number:after{bottom:0}.page__banner .roll-room__countdown__time-item__label{position:absolute;top:104%;right:5px;width:66%;text-align:center;color:#fff;font-size:12px;font-weight:700}.page__banner .roll-room__countdown__time-item:first-child .roll-room__countdown__time-item__label{width:100%}.page__banner .roll-room__countdown__time-item:not(:first-child):before{display:flex;width:33%;content:":";justify-content:center;align-items:center;color:#ffdab8;font-size:18px;font-weight:700}.page__banner .no-roll{display:flex;justify-content:center;align-items:center;height:100%;color:#ffd2a8;font-size:18px;font-weight:700}.page__banner .page__battle-area,.page__banner .page__battle-area__header{display:flex}.page__banner .page__battle-area{width:19%;box-shadow:0 4px 10px 0 hsl(0deg 0% .11666667%);border:1px solid #55320c;border-radius:20px;overflow:hidden;flex-direction:column;padding:10px 20px;background-color:rgba(26,23,20,.6)}.page__banner .page__battle-area__header{position:relative;width:100%;margin-bottom:10px;justify-content:center}.page__banner .battle-room-status,.page__banner .battle-room-status__status{display:flex;justify-content:space-between;align-items:center}.page__banner .picture-container{position:relative;overflow:hidden;align-self:center;flex-shrink:0}.page__banner .battle-room-status__status__text{margin-left:12px;color:#fff;font-size:14px;font-weight:700}.page__banner .battle-room-status__status__finished{box-shadow:0 0 0 4px hsla(0,0%,67.1%,.2);background-color:#ababab}.page__banner .battle-room-status__status__finished,.page__banner .battle-room-status__status__waiting{height:9px;width:9px;border-radius:50%;margin-left:4px}.page__banner .battle-room-status__rounds{color:#ccc;font-size:14px}.page__banner .battle-room-status__status__waiting{background-color:#54d454;animation:waiting_breathing_light .4s linear infinite alternate}@keyframes waiting_breathing_light{0%{box-shadow:0 0 0 2px rgba(84,212,84,.2)}to{box-shadow:0 0 0 4px rgba(84,212,84,.2)}}.page__banner .battle-room-status__status__running{height:16px;width:20px;background-position:50%;background-size:cover;animation:status_running 2s linear infinite}.page__banner .battle-room-status.battle-room-status_running .battle-room-status__status__text{color:#ffddbd}.page__banner .battle-room-status.battle-room-status_waiting .battle-room-status__status__text{color:#c7ffdf}@keyframes status_running{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page__banner .avatar__status-icon{position:absolute;bottom:0;left:50%;height:0;background-position:50%;background-repeat:no-repeat;background-size:contain}.page__banner .avatar__status-icon.avatar__status-icon_victory{width:200%;padding-top:69.4%;transform:translate(-50%,20%)}.page__banner .picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.page__banner .page__battle-area__content,.page__banner .page__cases{display:flex}.page__banner .page__battle-area__content{flex:1;flex-direction:column;padding:0}.page__banner .battle-rooms{display:flex;flex:1;flex-direction:column}.page__banner .create{animation:create .35s linear forwards}.page__banner .remove{animation:remove .35s linear forwards}@keyframes create{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes remove{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.page__banner .home-battle-rooms{display:flex;flex-direction:column;justify-content:space-between;flex:1}.page__banner .home-battle-rooms .battle-room-container{width:100%}.page__banner .home-battle-rooms .battle-room{border-radius:20px;padding:4px 20px 12px}.page__banner .home-battle-rooms .battle-room__content{position:relative;top:unset;right:unset;bottom:unset;left:unset;width:100%}.page__banner .home-battle-rooms .battle-room__seats{display:flex;height:auto;flex-wrap:nowrap;justify-content:center;align-items:center;font-size:0}.page__banner .home-battle-rooms .battle-room__seats :first-child{margin-left:0}.page__banner .home-battle-rooms .battle-room__seat{position:relative;width:14%;margin:0 0 0 12%;flex-shrink:0}.page__banner .home-battle-rooms .battle-room__seat:first-child{top:unset;transform:translateY(0)}.page__banner .home-battle-rooms .battle-room__seat:nth-child(2){left:unset;transform:translateX(0)}.page__banner .home-battle-rooms .battle-room__seat:nth-child(3){top:unset;right:unset;transform:translateY(0)}.page__banner .home-battle-rooms .battle-room__seat:nth-child(4){left:unset;bottom:unset;transform:translateX(0)}.page__banner .home-battle-rooms .battle-room.battle-room_size-2 .battle-room__seat:nth-child(2){top:unset;right:unset;left:unset;transform:translateY(0)}.page__banner .home-battle-rooms .battle-room.battle-room_size-3 .battle-room__seat:first-child,.page__banner .home-battle-rooms .battle-room.battle-room_size-3 .battle-room__seat:nth-child(3){top:unset}.page__banner .battle-room-container{cursor:pointer}.page__banner .battle-room,.page__banner .battle-room-container{display:flex;position:relative}.page__banner .battle-room{border-radius:100vh;box-shadow:inset 0 0 8px 4px rgba(50,48,42,.8);width:100%;padding-top:62%;overflow:hidden;justify-content:center}.page__banner .battle-room__content{position:absolute;top:10%;right:20%;bottom:10%;left:20%}.page__banner .battle-room__vs{position:absolute;top:50%;left:50%;width:32%;padding-top:32%;transform:translate(-50%,-50%);background-position:50%;background-size:contain}.page__banner .battle-room__seats{position:relative;height:100%;width:100%;justify-content:space-between;align-content:space-between;flex-wrap:wrap}.page__banner .battle-room__seat,.page__banner .battle-room__seats{display:flex}.page__banner .battle-room__seat{position:absolute;width:28%}.page__banner .battle-room__seat:first-child{top:50%;transform:translateY(-50%)}.page__banner .battle-room__seat:nth-child(2){left:50%;transform:translateX(-50%)}.page__banner .battle-room__seat:nth-child(3){top:50%;right:0;transform:translateY(-50%)}.page__banner .battle-room__seat:nth-child(4){left:50%;bottom:0;transform:translateX(-50%)}.page__banner .battle-room.battle-room_size-2 .battle-room__seat:nth-child(2){top:50%;right:0;left:auto;transform:translateY(-50%)}.page__banner .battle-room.battle-room_size-3 .battle-room__seat:first-child,.page__banner .battle-room.battle-room_size-3 .battle-room__seat:nth-child(3){top:66%}.page__banner .battle-room__seat__empty{border-radius:50%;width:100%;padding-top:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:background-color .4s linear}.page__banner .battle-room__seat__empty:hover{background-color:#3c362a}.page__banner .area-battle-rooms{display:flex;margin-top:-20px;justify-content:space-between;flex-wrap:wrap}.page__banner .area-battle-rooms:after{content:"";height:0;width:30%}.page__banner .area-battle-room{display:flex;width:30%;border-radius:20px;overflow:hidden;margin-top:20px;justify-content:center;align-items:center;background-color:#1e1b15;transition:transform .4s linear}.page__banner .area-battle-room:hover{transform:translateY(-8px)}.page__banner .area-battle-room.area-battle-room_holder{height:0;margin:0;padding:0}.page__banner .area-battle-room__info{flex:1;padding:4% 8%;text-align:center}.page__banner .area-battle-room__price{margin:10px 0;text-align:center}.page__banner .area-battle-room__price__label{margin-right:4px;color:#ccc;font-size:16px}.page__banner .area-battle-room__price__value{color:#ffc21a;font-size:16px}.page__banner .area-battle-room__button{cursor:pointer;outline:none;border:2px solid transparent;border-radius:10px;padding:4px 20px;color:#fff;font-size:16px;font-weight:700;background-color:transparent;transition:background-color .4s linear,box-shadow .4s linear}.page__banner .area-battle-room__button.area-battle-room__button_status-0{border-color:#5654d4;background-color:rgba(86,84,212,.2)}.page__banner .area-battle-room__button.area-battle-room__button_status-1{border-color:#ff9838;background-color:rgba(255,152,56,.2)}.page__banner .area-battle-room__button.area-battle-room__button_status-2{border-color:#666;background-color:hsla(0,0%,40%,.2)}.page__banner .area-battle-room__button:hover.area-battle-room__button_status-0{background-color:rgba(86,84,212,.4);box-shadow:0 0 32px 8px rgba(86,84,212,.4)}.page__banner .area-battle-room__button:hover.area-battle-room__button_status-1{background-color:rgba(255,152,56,.4);box-shadow:0 0 32px 8px rgba(255,152,56,.4)}.page__banner .area-battle-room__button:hover.area-battle-room__button_status-2{background-color:hsla(0,0%,40%,.4)}.page__banner .area-battle-room__divider{height:80%;width:1px;background-color:#545454}.page__banner .area-battle-room__awards{display:flex;height:100%;width:16%;overflow:auto;padding:4%;flex-direction:column;justify-content:center}.page__banner .area-battle-room__award{width:100%;margin:8px 0}.page__banner .area-battle-rooms__footer{display:flex;width:100%;margin:20px 0;justify-content:center}.page__banner .area-battle-rooms__see-more-button{outline:none;cursor:pointer;border:2px solid #666;border-radius:10px;padding:8px 28px;color:#fff;font-size:16px;font-weight:700;background-color:hsla(0,0%,40%,.4);transition:background-color .4s linear}.page__banner .area-battle-rooms__see-more-button:hover{background-color:hsla(0,0%,40%,.6)}.home .app-container{margin:10px auto;padding:0 2%;max-width:1600px}.home .app-container,.home .app-modal{display:flex;justify-content:space-around}.home .block-title{position:relative;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.home .page__cases{-ms-flex-pack:distribute;flex-wrap:wrap}.home .page__battle-area__content,.home .page__cases{display:flex}.home .case{position:relative;cursor:pointer;width:25%;margin-bottom:20px;text-align:center;padding:2%}.home .case:nth-child(5n){margin-right:0}.home .case__background{top:0;right:0;bottom:0;left:0;z-index:env(--z_index_background);background-image:linear-gradient(0deg,rgba(255,173,41,.6),hsla(60,1%,65%,.14) 76%,rgba(92,92,92,0))}.home .case__pictures{position:relative;padding-top:88%;z-index:11}.home .case__award-picture,.home .case__case-picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:contain}.home .case__award-picture{transition:top .2s linear}.home .case__title{text-align:center;color:#ffe5cc;font-size:16px;font-weight:700}.home .case__info{border:1px solid #ff9838;border-radius:8px;padding:4px 10px;transition:opacity .4s linear}.home .case__info__label{color:#fff;font-size:18px;font-weight:700}.home .case__info,.home .case__info__label{display:inline-flex;align-items:center}.home .case__info__label:after{display:inline-block;content:"";height:28px;width:1px;margin:0 12px;background-color:#ff9838}.home .case__info__currenty-icon{height:24px;width:24px;background-position:50%;background-size:cover}.home .case__info__price{margin-left:10px;color:#ffb405;font-size:18px;font-weight:700}.home .case__light{z-index:10;top:-5%;width:100%;left:0;right:0;mix-blend-mode:screen;display:flex;justify-content:center;align-items:center}.home .picture-container{position:relative;overflow:hidden;align-self:center;flex-shrink:0}.home .case__light,.home .case__open-price{position:absolute;opacity:0;transition:opacity .4s linear}.home .picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.home .case__open-price{bottom:0;left:50%;width:61%;padding-top:20%;transform:translateX(-50%);background-position:0;background-repeat:no-repeat;background-size:contain}.home .case__open-price__text{display:flex;position:absolute;top:0;right:0;bottom:0;left:22%;align-items:center;color:gray(100);font-size:20px;font-weight:700}.home .case__open-price__text img{width:24px;height:24px}.home .case__remaining{display:block;top:101%;width:100%;padding:4px;text-align:center;color:#fff;font-size:14px}.home .case__background,.home .case__remaining{position:absolute;opacity:0;transition:opacity .4s linear}.home .case:hover .case__award-picture{top:-8px}.home .case:hover .case__info{opacity:0}.home .case:hover .case__light,.home .case:hover .case__open-price,.home .case:hover .case__remaining{opacity:1}.none{width:0;transition:all .3s;display:none}.none.active{width:100%;display:block}.raise{position:fixed;bottom:3%;left:0;z-index:200}.raise img{width:130px;cursor:pointer}.raiseModal{display:flex;align-items:center;justify-content:center;text-align:center}.raiseModal .ivu-modal{top:0}.raiseModal .ivu-modal-footer,.raiseModal .ivu-modal-header{padding:0;border:none}.raiseModal .ivu-modal-content{height:307px;background-color:transparent}.raiseModal .raise_content{text-align:left;padding:5px 50px}.raiseModal .raise_content p{font-size:16px;font-weight:700;line-height:1.7}.raiseModal .raise_items{display:flex;padding:0 40px}.raiseModal .raise_items .raise_item{display:flex;flex:1;align-items:center}.raiseModal .raise_items .tips23{position:relative;right:-17px}.raiseModal .raise_items .raise_text{color:red}.raiseModal .raise_items .raise_text p{font-size:12px}.weaponBox-right{width:260px;margin-left:15px}.popup,.popup-t{position:fixed;z-index:100;transition:all .5s ease-in-out}.popup{transform:translateY(-100vh)}.popup.active{transform:translateY(0)}.popup-t{padding:35px}.popup-t>.popup-btn-t{display:block;width:100%;height:60px;border:1px solid transparent;-o-border-image:linear-gradient(270deg,#9be89e,#d1fb7b);border-image:linear-gradient(270deg,#9be89e,#d1fb7b);border-image-slice:1;background:transparent;margin-top:5px;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;z-index:2;margin-top:35px}.popup-btn-t:hover:after{content:"";width:100%;height:100%;position:absolute;background:linear-gradient(270deg,#9be89e,#d1fb7b);z-index:1;transition:all .2s ease-in-out;opacity:0}.popup-t>.popup-btn-t span{font-family:Microsoft Jheng Hei Bold;font-size:18px;color:#fff;position:relative;z-index:2}.popup-content,.popup-content-t{width:100%;height:100%;overflow-y:auto}.popup-bg,.popup-bg-t{width:100%;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:8887;display:none}.popup-t>.popup-closed-t,.popup>.popup-closed{position:absolute;top:12px;right:15px;font-size:20px;color:#5b5c60;cursor:pointer;transition:all .2s ease-in-out}.popup-t>.popup-closed-t:hover,.popup>.popup-closed:hover{color:#fff}.blur-block{filter:blur(5px)}.popup-btn{cursor:pointer}.popup>.switch{width:100%;height:60px;border-bottom:1px solid #363840;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.popup>.switch>.button:first-child{border-right:1px solid #363840}.popup>.switch>.button{width:50%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;cursor:pointer;font-family:Microsoft Jheng Hei Bold;font-size:16px;color:#78797a;transition:all .2s ease-in-out;position:relative}.popup>.switch>.button:hover{color:#f69145}.popup>.switch>.button>.border_bottom{width:90%;height:3px;background:linear-gradient(270deg,#fe924c,#fd686f);position:absolute;bottom:-2px;opacity:0}.popup>.switch>.active{color:#fff}.popup>.switch>.active>.border_bottom{opacity:1!important}.popup>.switch-content{width:100%;padding:35px;position:relative;height:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.popup .invite{position:relative}.popup .sign-up{position:absolute;z-index:10;right:0;cursor:pointer}.popup>.switch-content>.switch-block{width:100%;height:auto;position:relative;color:#fff;display:none}.popup>.switch-content>.active{display:block}.form-wnd>.title{font-size:30px;color:#fff}.form-wnd>.desc,.form-wnd>.title{width:100%;font-family:Microsoft Jheng Hei Bold;text-align:center}.form-wnd>.desc{font-size:14px;color:#747576;margin-top:20px;margin-bottom:30px}.form-wnd{width:450px;top:calc(50% - 325px);left:calc(50% - 225px);background:url() #17191d bottom no-repeat;background-size:100% auto;border:1px solid #363840}@media (max-height:650px){.form-wnd{height:100vh!important;top:0!important;overflow-y:auto!important}}.form-wnd::-webkit-scrollbar{width:4px;height:2px;background:none}.form-wnd::-webkit-scrollbar-thumb{background-color:#46484b}.form-wnd::-webkit-scrollbar-thumb:hover{background-color:#63676d}.wnd-form{display:block;display:flex}.wnd-form,.wnd-form>.input{width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center}.wnd-form>.input{position:relative;display:flex;margin-bottom:25px}.wnd-form>.input>input{width:100%;height:50px;border:none;border-bottom:1px solid #363840;font-family:Roboto;font-size:16px;color:#fff;background:none;position:relative;z-index:1;padding-left:40px}.wnd-form>.input>img{position:absolute;left:0;z-index:2}.wnd-form>label{margin-bottom:20px}.wnd-form>label>.label{color:#9d9d9d;margin-left:10px}.wnd-form>label>.label a{color:#fff}.wnd-form>label a:hover{color:#fd7a5e}.wnd-form>.form-button{display:block;width:100%;height:60px;border:1px solid transparent;-o-border-image:linear-gradient(270deg,#f94,#fc6076);border-image:linear-gradient(270deg,#f94,#fc6076);border-image-slice:1;background:linear-gradient(270deg,#3e2d25,#492b2e);margin-top:5px;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;z-index:2}.wnd-form>.form-button:hover:after{opacity:1}.wnd-form>.form-button>span{font-family:Microsoft Jheng Hei Bold;font-size:18px;color:#fff;position:relative;z-index:2}.wnd-form>.form-button:after{content:"";width:100%;height:100%;position:absolute;background:linear-gradient(270deg,#f94,#fc6076);z-index:1;transition:all .2s ease-in-out;opacity:0}.wnd-form>.center-link{margin-top:20px;color:#9d9d9d}.wnd-form>.center-link:hover{color:#fd7a5e}.popup-bg{width:100%;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:11;display:none}.popup-bg.active{display:block}.checkbox>.checkbox-custom,.checkbox>.label{display:inline-block;vertical-align:middle}.checkbox>.checkbox-custom{position:relative;width:20px;height:20px;border:1px solid #363840;cursor:pointer}.checkbox>.checkbox-input{display:none}.checkbox>.checkbox-input:checked+.checkbox-custom:before{content:"";display:block;position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:linear-gradient(45deg,#fe924c,#fd686f)}.header{display:flex;position:-webkit-sticky;z-index:3;flex-direction:column;transition:top .4s linear}.header .sub-nav-item.sub-nav-item_is-active .sub-nav-item__text,.header .sub-nav-item:hover .sub-nav-item__text{color:#fff}.header .page__nav-bar{display:flex;padding-right:0;flex:1;justify-content:space-between;align-items:stretch;background-color:#000}.header .page__nav-bar__logo-and-online-user-number,.header .page__nav-bar__online-users-number{display:flex;align-items:center}.header .picture-container{position:relative;overflow:hidden;align-self:center;flex-shrink:0}.header .picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.header .nav,.header .nav-item{display:flex}.header .nav{z-index:3;flex:1;justify-content:space-around}.header .nav-item{width:16.666666%;position:relative;padding:26px 0;flex-direction:column;align-items:center;text-decoration:none;white-space:nowrap}.header .nav-item.router-link-exact-active:before{max-height:4px}.header .nav-item:before{position:absolute;bottom:0;content:"";height:4px;max-height:0;width:20%;background-color:#ff9838;transition:max-height .1s linear}.header .nav-item.router-link-exact-active span{color:#00dbff!important}.header .nav-item.router-link-exact-active:after,.header .nav-item:hover:after{opacity:1}.header .router-link-exact-active:after{position:absolute;top:0;z-index:-1;content:"";height:100%;width:100%;background-image:radial-gradient(rgba(76,228,253,.1),rgba(76,228,253,.05),rgba(76,228,253,.02),rgba(76,228,253,0),rgba(76,228,253,0),transparent);opacity:0;transition:opacity .4s linear}.header .nav-item:hover .nav-item__text{color:#00dbff!important}.header .nav-item__text{color:#fff;font-size:16px;font-weight:700}.header .nav-item.nav-item_is-active .nav-item__secondary-text{color:#ccc}.header .nav-item:hover .nav-item__secondary-text{color:#00dbff}.header .nav-item__secondary-text{margin-top:2px;color:#666;font-size:12px}.header .nav-item__secondary-text,.header .nav-item__text{transition:color .4s linear}.header .nav-item__sub-nav{display:flex;position:absolute;top:100%;z-index:-1;width:100%;transform:translateY(-100%);opacity:0;transition:transform .4s linear,opacity .4s linear}.header .sub-nav{flex:1;flex-direction:column;background-color:rgba(33,33,33,.9)}.header .sub-nav-item{padding:10px 0;justify-content:center;text-decoration:none}.header .sub-nav,.header .sub-nav-item{display:flex}.header .sub-nav-item__text{color:#999;font-size:14px;transition:color .4s linear}.header .page__nav-bar__sign-in{display:flex;justify-content:flex-end;align-items:center}.header .register-button{outline:none;cursor:pointer;border:1px solid #ff9838;border-radius:8px;padding:4px 16px;white-space:nowrap;color:#ff9838;font-size:14px;background-color:transparent;transition:all .4s}.header .page__nav-bar__sign-in .sign-in-button{margin-left:12px}.header .sign-in-button{outline:none;cursor:pointer;border:1px solid #ff9838;border-radius:8px;padding:4px 16px;white-space:nowrap;color:#333;font-size:14px;font-weight:700;background-color:#ff9838;transition:all .4s}.header .nav-item.nav-item_highlight .nav-item__text{color:#ff9838}.header .nav-item.nav-item_highlight .nav-item__secondary-text{color:#fff}.header .nav-item:hover .nav-item__sub-nav{transform:translateY(0);opacity:1}.header .logo-item{display:flex;justify-content:center;align-items:center}.header .logo-item img{width:150px}.page__nav-bar__user-info{display:flex;cursor:pointer;padding-left:5%}.page__nav-bar__user-info__assets{position:relative;flex-wrap:wrap;flex:1;justify-content:flex-end}.page__nav-bar__user-info__asset,.page__nav-bar__user-info__assets{display:flex;overflow:hidden}@media screen and (max-width:1366px){.page__nav-bar__user-info__assets{border-left:2px solid #2a2722;flex-direction:column;justify-content:center;align-items:flex-start}}.page__nav-bar__user-info__asset__icon{margin:0 0 8px}@media screen and (max-width:1366px){.page__nav-bar__user-info__asset__icon{margin:0 8px 0 0}}.page__nav-bar__user-info__asset__value{color:#ffe2c7}.page__nav-bar__user-info__asset.page__nav-bar__user-info__asset_integral .page__nav-bar__user-info__asset__value{color:#a8bdff}.page__nav-bar__user-info__asset__value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700}.page__nav-bar__user-info__avatar-nickname{display:flex;position:relative;width:50%;border-left:2px solid #2a2722;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:1366px){.page__nav-bar__user-info__avatar-nickname{width:50%}}.avatar,.avatar-container{position:relative}.avatar.avatar_has-border{box-shadow:0 0 0 2px #fff}.avatar{border-radius:50%;width:100%;padding-top:100%;overflow:hidden;align-self:center}.avatar__picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-size:cover}.page__nav-bar__user-info__nickname{text-overflow:ellipsis;width:80%;overflow:hidden;word-break:keep-all;margin-top:10px;text-align:center;color:#fff;font-size:14px;font-weight:700}@media screen and (max-width:1366px){.page__nav-bar__user-info__asset{border:none;margin:4% 0;padding:0 8%;flex-direction:row;flex:unset}}.footer{width:100%}.page__footer__content{padding:24px 0}.page__footer__content__info,.page__footer__links{display:flex}.page__footer__content__info{flex-direction:column;align-items:center}.app-container,.app-modal{display:flex}.app-container{margin:10px auto;padding:0 2%;max-width:1600px}.page__footer__links{justify-content:center}.page__footer__link{margin:0 20px;color:#fff;font-size:14px;text-decoration:none}.page__footer__copy{padding:16px;color:#828997;font-size:12px}.broadcast{transition:all .3s;visibility:hidden;width:100%;height:0;background:rgba(83,67,31,.5);color:#ce9d2c;padding:0 30px;display:flex;align-items:center}.broadcast .swiper-container{flex:1;-ms-flex:1;-webkit-box-flex:1;height:100%;padding-left:5px}.broadcast .swiper-container .swiper-slide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.broadcast .close{cursor:pointer}.broadcast.active{visibility:visible;height:50px;line-height:50px}.page__sidebar-container{position:fixed;right:0;bottom:20%}.sidebar.sidebar_show{transform:translateX(0)}.sidebar{position:relative;border-radius:8px 0 0 8px;padding:8px 0;background-color:hsla(0,100%,90%,.08);transform:translateX(100%);transition:transform .4s linear}.sidebar__toggle-button{position:absolute;top:50%;right:100%;cursor:pointer;outline:none;border:none;border-radius:8px 2px 2px 8px;padding:16px 4px;transform:translateY(-50%);background-color:rgba(255,174,0,.5)}.sidebar,.sidebar__toggle-button{box-shadow:0 10px 7px 0 rgb(0 0 0)}.sidebar.sidebar_show .sidebar__toggle-button__text{transform:rotateY(0deg)}.sidebar__toggle-button__text{display:inline-block;color:#2b2b2b;font-size:20px;font-weight:700;transform:rotateY(180deg);transition:transform .4s linear}.sidebar__item{display:flex;position:relative;cursor:pointer;padding:8px 12px;flex-direction:column;align-items:center}.sidebar__item__icon{opacity:.6;transition:opacity .4s linear}.picture-container{position:relative;overflow:hidden;align-self:center;flex-shrink:0}.picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.sidebar__item__label{margin-top:4px;line-height:1.4;text-align:center;color:hsla(0,0%,100%,.6);font-size:12px;font-weight:700;transition:color .4s linear}.goto-top{display:flex!important;cursor:pointer;border-radius:8px 0 0 8px;box-shadow:0 10px 7px 0 rgb(0 0 0);margin-top:12px;padding:12px 0;flex-direction:column;justify-content:center;align-items:center;background-color:hsla(0,100%,90%,.08);position:relative!important;bottom:auto!important;right:auto!important;width:100%;text-align:center}.goto-top__label{margin-top:4px;line-height:1;color:hsla(0,0%,100%,.6);font-size:12px;font-weight:700;transition:color .4s linear}.page__password-red-envelope{position:absolute;top:104%;left:-120%;width:126px}.password-red-envelope__enter-button{cursor:pointer}.red-packet-modal{display:flex;align-items:center;justify-content:center}.red-packet-modal .ivu-modal{top:0}.red-packet-modal .ivu-modal-body,.red-packet-modal .ivu-modal-footer,.red-packet-modal .ivu-modal-header{padding:0;border:none}.red-packet-modal .ivu-modal-content{background:#bb2e3e;border-radius:20px}.red-packet-modal .ivu-icon-ios-close{color:#fff!important}.red-packet-modal .content{text-align:center}.red-packet-modal .red-logo{display:inline-block;background:#cb373c;border-radius:50%;box-shadow:0 -2px 0 2px #ac2f34;margin:20px 0}.red-packet-modal .red-content{width:415px;margin:0 auto}.red-packet-modal .red-content .guid_btn_box{margin:15px auto 0;display:flex;justify-content:space-between;color:#fff9d7;font-size:16px}.red-packet-modal .red-content .guid_btn_box .btn{cursor:pointer}.red-packet-modal .red-content .codeIpt{height:66px;margin:15px auto 0;text-align:center;border:2px solid #bb2731;border-radius:11px;overflow:hidden}.red-packet-modal .red-content .codeIpt input{background-color:#fff9d7;text-align:center;width:100%;height:100%;outline:none;color:#de3d43;font-size:14px}.red-packet-modal .red-content .join{margin:20px auto}.red-packet-modal .red-content .join p{width:100%;text-align:center;color:#fff9d7;font-size:16px}.red-packet-modal .red-content .red-bag-btn{width:165px;height:165px;margin:0 auto;cursor:pointer;transition:all .3s;background:url(http://r8skins.com/img/btn.5b0d2341.png) no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center}.red-packet-modal .red-content .red-bag-btn .kai{color:#dd4239;font-size:64px;font-weight:700}.red-packet-modal .red-content .step_box{width:381px;height:50px;margin:60px auto 0}.red-packet-modal .red-content .step_box .step_dian{width:330px;display:flex;position:relative;justify-content:space-between;margin:0 auto}.red-packet-modal .red-content .step_box .step_dian .heng{width:100%;height:2px;background-color:#9f1b26;position:absolute;top:5px}.red-packet-modal .red-content .step_box .step_dian .dian{width:12px;height:12px;border-radius:50%;background-color:#9f1b26}.red-packet-modal .red-content .step_box .step_dian_w{display:flex;justify-content:space-between;margin-top:10px}.red-packet-modal .red-content .step_box .step_dian_w .word{font-size:16px;color:#9f1b26}.red-packet-modal .draw_box{width:100%;height:0;border-radius:20px;position:absolute;bottom:0;overflow:hidden;transition:all .3s;opacity:0;transform:translateY(0)}.red-packet-modal .draw_box.active{opacity:1;height:550px}.red-packet-modal .red_bag_rule{height:500px;width:100%;background:#ec3a4e;z-index:20;position:absolute;bottom:0;box-shadow:0 4px 48px #242121}.red-packet-modal .red_bag_rule .title{width:100%;text-align:center;color:#fff9d7;font-size:16px;letter-spacing:2px;margin-top:32px;font-weight:700}.red-packet-modal .red_bag_rule .rule_con{width:500px;height:393px;background-color:#ba2e3e;border-radius:10px;margin:24px auto 0;padding-top:20px;overflow-y:scroll;text-align:left}.red-packet-modal .red_bag_rule .rule_con p{font-size:14px;color:#fff9d7;line-height:20px;letter-spacing:2px;margin:16px 14px}.open-list{margin:20px 0}.open-list .case-opened,.open-list .cases-opened{display:flex;overflow:hidden}.open-list .cases-opened{z-index:0;width:100%}.open-list .swiper-container-pointer-events{touch-action:pan-y}.open-list .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.open-list .case-opened{position:relative;cursor:pointer;width:150px!important;height:142px;justify-content:space-between;align-self:center;background-color:rgba(49,40,32,.6);border-bottom:5px solid;border-radius:5px 5px 0 0}.open-list .case-opened1{border-color:#f76987}.open-list .case-opened2{border-color:#e58ad0}.open-list .case-opened3{border-color:#cd9fe9}.open-list .case-opened4{border-color:#9292e7}.open-list .case-opened5{border-color:#e8de7d}.open-list .case-opened6{border-color:#cdcecf}.open-list .case-opened__background{display:flex;position:absolute;top:0;bottom:0;left:0;width:100%;margin:auto;justify-content:center;align-items:center}.open-list .case-opened__background__picture{width:100%;height:100%}.open-list .case-opened__background,.open-list .case-opened__background__picture{background-position:50%;background-repeat:no-repeat;background-size:150%}.open-list .case-opened__profit-ratio{position:absolute;top:0;right:40%;color:#ffae00;font-size:12px}.open-list .case-opened__award-picture{position:relative;width:100%;overflow:hidden;padding:5%}.open-list .case-opened__case-info{display:flex;position:absolute;z-index:0;overflow:hidden;flex:1;flex-direction:column;align-self:center;width:95%;bottom:0}.open-list .case-opened__award-name{color:#ffdfa8;font-size:12px}.open-list .case-opened__award-name,.open-list .case-opened__case-name{text-overflow:ellipsis;margin:4px 0;overflow:hidden;white-space:nowrap;text-align:center}.open-list .case-opened__case-name{color:#fff;font-size:12px}.open-list .case-opened__user-nickname{max-width:80%;text-overflow:ellipsis;overflow:hidden;margin-top:8px;white-space:nowrap;text-align:center;color:#fff;font-size:12px}.open-list .avatar,.open-list .avatar-container{position:relative}.open-list .avatar.avatar_has-border{box-shadow:0 0 0 2px #fff}.open-list .avatar__picture{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-size:cover}.open-list .avatar{border-radius:50%;width:100%;padding-top:100%;overflow:hidden;align-self:center}.open-list .case-opened__user-info{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;position:absolute;height:100%;background:rgba(255,152,56,.3);opacity:0}.open-list .case-opened:hover .case-opened__user-info{opacity:1}.pad{padding:20px 0}.layout-content-sh{min-height:700px}body,html{width:100%;height:100%;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff!important}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:14px;line-height:1.5;color:#515a6e;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin-bottom:0!important}:root{--swiper-theme-color:#007aff}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;outline:0;font-size:14px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}li,ul{list-style:none}a,a:active,a:focus,a:hover{cursor:pointer;text-decoration:none;outline:0}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}img{vertical-align:middle;border-style:none}header,nav{display:block}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input,select:active,select:focus,select:hover{outline:0;border:none}.clearfix:after{content:"";display:block;clear:both}*,:after,:before{box-sizing:border-box}.roll_color1,.roll_color2,.roll_color3,.roll_color4,.roll_color5,.roll_color6{background-size:100%;background-position:50%}.quality1{background:green!important}.quality2{background:#5cb85c!important}.quality3,.quality4{background:#f0ad4e!important}.quality5{background:#ca6924!important}.other-sketch-home svg{font-size:16px;margin-right:0;color:inherit}.other-sketch-activity svg{color:inherit;margin-right:0;font-size:28px}.ivu-message .ivu-message-notice .ivu-message-notice-content{color:#fff;background-color:rgba(0,0,0,.7)}.ivu-message .ivu-message-notice .ivu-message-notice-content .ivu-message-notice-content-text .ivu-message-custom-content i,.masking{display:none}.ivu-message{top:400px!important;z-index:10000!important}.modaling .ivu-modal{top:85px}.modaling .ivu-modal-mask{background:none;z-index:0!important}.modaling .ivu-modal-wrap{z-index:0!important}.modaling .ivu-modal-header{background-color:#2b2c37;color:#fff;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom:none;padding:12px 16px}.modaling .ivu-modal-header .ivu-modal-header-inner{color:inherit;height:26px;display:flex;justify-content:space-between}.modaling .ivu-modal-header .ivu-modal-header-inner img{width:26px;height:26px}.modaling .ivu-modal-header .ivu-modal-header-inner a{line-height:26px}.modaling .ivu-modal-header .ivu-modal-header-inner a .ivu-icon{font-size:20px}.modaling .ivu-modal-header .ivu-modal-header-inner span{vertical-align:middle;margin-left:10px;font-size:20px}.modaling .ivu-modal-content{border-radius:10px}.modaling .ivu-modal-body{background:#1a1c24;padding:30px;min-height:500px}.modaling .ivu-modal-close{color:#fff!important}.modaling .ivu-modal-footer{padding:0;border:0}.page__banner[data-v-16f2dd20]{height:220px}.wrapper[data-v-16f2dd20]{width:610px!important}.islogin[data-v-16f2dd20]{display:flex;align-items:flex-end;justify-content:flex-end}.islogin .islogin_wallet p[data-v-16f2dd20]:first-child{font-size:14px!important;margin-bottom:8px!important}.islogin .islogin_wallet p[data-v-16f2dd20]{height:22px;font-size:13px;font-family:Microsoft YaHei;font-weight:700!important;padding-top:0!important;line-height:22px}.islogin .islogin_wallet p img[data-v-16f2dd20]{width:20px;height:20px}.islogin .islogin_data[data-v-16f2dd20]{text-align:center;padding:0 10px}.islogin .islogin_data img[data-v-16f2dd20]{width:30px;height:30px;border-radius:50px}.islogin .islogin_out p[data-v-16f2dd20]{cursor:pointer;font-weight:100!important;font-size:13px!important;padding-top:8px;padding-right:30px}.nav-item[data-v-16f2dd20]{justify-content:center!important}.header[data-v-16f2dd20]{position:fixed;top:0;width:100%;z-index:999}.pictureRed[data-v-16f2dd20]{background-image:url(../img/red.2b41a5ac.png)}.headerapp[data-v-16f2dd20]{height:5.25rem;background-color:#1a1922;position:fixed;top:0;width:100%;z-index:999;display:none;justify-content:space-between;align-items:center}.headerapp .logoimg[data-v-16f2dd20]{width:20%;height:50%}.headerapp .user_data_data[data-v-16f2dd20]{text-align:center;margin-right:5px}.headerapp .user_data_data .user_data_img[data-v-16f2dd20]{width:40px;height:40px;border-radius:50px}.headerapp .user_data[data-v-16f2dd20]{display:flex;align-items:center}.headerapp .user_data .user_wallet[data-v-16f2dd20]{color:#ff9838;font-weight:700;font-size:.9rem}.headerapp .user_data .user_walletjf[data-v-16f2dd20]{font-size:.9rem}.headerapp .user_data_token[data-v-16f2dd20]{display:flex;align-items:center}.headerapp .sign-in-button[data-v-16f2dd20]{outline:none;cursor:pointer;border:1px solid #ff9838;border-radius:8px;padding:4px 16px;white-space:nowrap;color:#333;font-size:14px;font-weight:700;background-color:#ff9838;transition:all .4s;margin-right:20px}.headerapp .user_name[data-v-16f2dd20]{font-family:Microsoft YaHei;font-weight:700}.headerapp[data-v-16f2dd20] .el-button--primary{padding:10px}.mobileBar[data-v-16f2dd20]{position:absolute;top:5.25rem;background:#282736;right:0;padding:7px 10px;z-index:9999}.mobileBar_li[data-v-16f2dd20]{padding:5px 10px;font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#555361;box-sizing:border-box;display:flex;align-items:center}.mobileBar_li i[data-v-16f2dd20]{font-size:24px;padding-right:5px}.mobileBar_lis[data-v-16f2dd20]{color:#00dbff}.mobileBar_i[data-v-16f2dd20]{color:#feb139}@media screen and (max-width:800px){.page__nav-bar[data-v-16f2dd20]{display:none!important}.headerapp[data-v-16f2dd20]{display:flex!important}.form-wnd[data-v-16f2dd20]{width:85%;top:12%!important;left:8%}.roll-rooms[data-v-16f2dd20]{display:none!important}.division[data-v-16f2dd20]{height:80px!important}}.bigop[data-v-16f2dd20]{width:100%}.bigop_li[data-v-16f2dd20]{width:100%;display:flex;position:relative;left:-22.5%}.win_information[data-v-16f2dd20]{width:9.5rem;height:15%;margin:0 5px;background-color:#1c1d32;border-radius:5px 5px 0 0;text-align:center}.win_information p[data-v-16f2dd20]{width:100%;height:45px;word-wrap:break-word;overflow:hidden;color:#67706a;font-weight:700}.win_information_data[data-v-16f2dd20]{width:100%;height:80%;border-radius:5px 5px 0 0;background-size:100% 100%}.win_information_data img[data-v-16f2dd20]{width:100%;height:100px}.bottomdiv[data-v-16f2dd20]{background-color:#666;height:5px;width:9.5rem;margin-top:10px;background-size:100% 100%}.win_information_user[data-v-16f2dd20]{width:100%;height:80%;border-radius:5px 5px 0 0;display:none}.win_information_user .win_information_user_img[data-v-16f2dd20]{width:100%;height:100px;background-repeat:no-repeat;background-size:110% 110%;background-position:50%;transition:all .5s}.win_information_user .win_information_user_img img[data-v-16f2dd20]{width:45px;height:45px;border-radius:50%;margin-top:10px}.win_information_user .win_information_user_img h2[data-v-16f2dd20]{margin-top:5px}.win_information:hover .win_information_data[data-v-16f2dd20]{display:none}.win_information:hover .win_information_user[data-v-16f2dd20]{display:block}.win_information_user_img[data-v-16f2dd20]:hover{transform:scale(1.1)}@media screen and (max-width:800px){.win_information[data-v-16f2dd20]{width:20.5vw}.win_information_user_img[data-v-16f2dd20]{height:70px!important}.win_information_user_img img[data-v-16f2dd20]{width:35px!important;height:35px!important}.win_information_user_img h2[data-v-16f2dd20]{font-size:3vw}.win_information_data img[data-v-16f2dd20]{height:70px!important}.bottomdiv[data-v-16f2dd20]{width:20.5vw}.bigop[data-v-16f2dd20]{overflow-y:scroll!important}.bigop[data-v-16f2dd20]::-webkit-scrollbar{display:none}}.nav-item__texts[data-v-16f2dd20]{font-size:12px}.logo-item_img[data-v-16f2dd20]{margin-left:4%}.title_text[data-v-16f2dd20]{width:300px}.nav-item__text_m[data-v-16f2dd20]{font-size:12px;margin-left:5px}.isuser[data-v-16f2dd20]{width:100%;text-align:center}.isuser p[data-v-16f2dd20]{padding-bottom:10px;font-size:16px;font-weight:700}.isuser img[data-v-16f2dd20]{width:100px;height:100px;border-radius:50%}.isuser span[data-v-16f2dd20]{color:#236bc1;padding:10px 0;cursor:pointer}.el-input,.el-input__inner{-webkit-user-select:text!important}@media screen and (max-width:800px){.el-picker-panel{left:0!important}}@media screen and (max-width:800px){.el-date-range-picker{width:100%}.el-date-range-picker__time-header{display:flex;flex-direction:column}.popper__arrow{display:none!important}.el-date-range-picker__content{width:36%;padding:0}.el-date-range-picker__header div{margin-left:0!important;margin-right:0!important}.el-range-editor.el-input__inner{width:100%!important}.el-time-panel__btn{padding:0 20px!important}}