@font-face{font-family:RefrigeratorDeluxe-Bold;src:url(https://codmtw.cdn.garenanow.com/mgames/codm/font/RefrigeratorDeluxeBold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{padding:0;margin:0;border:none}table{border-collapse:collapse;border-spacing:0}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}address,caption,cite,code,dfn,em,strong,th,var,b{font-weight:400;font-style:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}q:before,q:after{content:""}acronym{border:0}a{text-decoration:none;color:inherit}input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;vertical-align:middle}input,button,select,textarea{outline:0;margin:0;padding:0;box-sizing:border-box}input{color:inherit;outline:0}button{border:0;background-color:transparent;cursor:pointer;color:inherit}button:disabled{cursor:default}[style*=background-image]{background-size:100% 100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y}body{font:.24rem/1.4 RefrigeratorDeluxe-Bold,Mitr,Noto Sans TC,Roboto,Droid Sans;background:#000;color:#fff}html,body,.app{overflow:hidden;height:100%}img{pointer-events:none}.app{position:relative;width:20rem;margin:auto}::-webkit-scrollbar{width:.04rem}::-webkit-scrollbar-thumb{background:#fecc01}.spinner{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.8}.spinner:after{position:absolute;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;left:50%;top:50%;background:url(//codmtw.cdn.garenanow.com/mgames/codm/h5/ErrorPage/TW/image/loading.gif);background-size:100% 100%;content:""}.userpanel{color:#313131;display:flex;align-items:center}.userpanel__name{flex:0 0 auto;margin:0 .06rem 0 0;line-height:1.1}.userpanel__icon{flex:0 0 auto;width:.5rem;height:.5rem}.userpanel__btn{flex:0 0 auto;display:flex;align-items:center}.userpanel__btn:last-child{width:.5rem;height:.5rem;margin-left:.22rem}.userpanel__btn:only-child{margin-left:0}.candidates__title{position:absolute;width:5rem;height:1rem;left:7.5rem;top:1.25rem}.candidates__hd{padding:.06rem .24rem .04rem;background:#fffc;position:absolute;right:1.15rem;top:1.59rem}.candidates__main{width:14rem;height:6.3rem;position:absolute;left:3rem;top:2.42rem}.candidates__subtitle{font-size:.36rem;color:#313131;text-align:center;padding:.2rem 0 .07rem}.candidates__list{width:100%;justify-content:center;display:flex}.candidates__item{width:4.1rem;flex:0 0 auto;margin:0 .19rem}.candidates__btn{display:block;height:.8rem;width:100%;font-size:.3rem;color:#f5f256}.candidates__card{height:4.3rem;margin:0 0 .14rem;box-sizing:border-box;padding:.3rem 0 0;color:#fff}.candidates__avatar{width:1.5rem;height:1.5rem;margin:0 auto;display:block}.candidates__name{font-size:.36rem;text-align:center;margin:.2rem 0 .14rem}.candidates__desc{width:3.6rem;margin:0 auto;line-height:1.2}.candidates__code{right:.11rem;bottom:0;color:#191615;font-size:.2rem;pointer-events:none;position:absolute}.rankings__item{width:3.4rem;margin:0 0 .12rem .31rem}.rankings__item:last-child{margin-bottom:0}.rankings__item-top{display:flex;align-items:center;margin:0 0 .1rem;text-align:right}.rankings__item--m .rankings__item-top{margin:0 0 .05rem}.rankings__item-ranking{width:.37rem;height:.52rem;line-height:.52rem;text-align:center;color:#fff;flex:0 0 auto}.rankings__item-team{flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center}.rankings__item-teamd{flex:0 0 auto;margin:0 .06rem 0 0;box-sizing:border-box;padding:.16rem 0 0;height:.52rem}.rankings__item-teamd--hidden{visibility:hidden}.rankings__item--m .rankings__item-teamd{padding:.06rem 0 0;height:.83rem}.rankings__item-name{font-size:.3rem;font-weight:700;line-height:1.1}.rankings__item--m .rankings__item-name{font-size:.36rem}.rankings__item--m .rankings__item-avatar{width:.8rem;height:.8rem}.rankings__item-avatar{width:.5rem;height:.5rem;display:block}.rankings__item-bar{margin:0 0 .04rem}.rankings__item-progress{background:#313131;height:.1rem}.rankings__item-data{background:#d2d0d2;display:flex;justify-content:flex-end;padding:0 .24rem 0 0;font-weight:700}.rankings__item-icon{width:.3rem;height:.3rem;flex:0 0 auto;margin:0 .06rem 0 0}.rankings__item-num{color:#317ae3}.rankings{width:4rem;height:4.14rem;margin:.12rem 0 0 .67rem;color:#313131;padding:.26rem 0 0}.missionentry{width:1.5rem;height:1.6rem;flex:0 0 auto;margin:.1rem 0 0 .33rem;text-align:center;box-sizing:border-box;padding:.15rem 0 0;display:block}.missionentry__icon{width:.62rem;height:.62rem;margin:0 auto .05rem}.missionentry__txt{font-size:.28rem;line-height:1.2}.missionentry__val{font-size:.2rem;margin:-.03rem 0 0}.milestone{width:1.5rem;position:relative;flex:0 0 auto;margin:0 .34rem 0 0;display:block}.milestone:last-child{margin:0}.milestone__level{height:1.5rem;position:absolute;top:0;left:0;right:0}.milestone__inner{position:relative}.milestone__reward{position:relative;height:1.1rem;display:flex;justify-content:center;align-items:center}.milestone__img{max-width:100%;max-height:100%}.milestone__num{position:absolute;line-height:1.1;color:#fff;bottom:.02rem;right:.08rem}.milestone__goal{height:.5rem;display:flex;align-items:center;justify-content:center;color:#f2fbfd}.milestone__goal-icon{width:.3rem;height:.3rem;flex:0 0 auto}.milestone__mask{position:absolute;top:0;right:0;bottom:0;left:0}.milestone--claimable{animation:blink .6s linear infinite alternate-reverse}@keyframes blink{0%{filter:brightness(1)}to{filter:brightness(1.4)}}.milestones{width:10rem;margin:.1rem 0 0 .44rem;overflow:auto;overflow-y:hidden;padding:0 0 .1rem}.milestones::-webkit-scrollbar{height:.04rem}.milestones::-webkit-scrollbar-thumb{background:#317ae3}.milestones__inner{display:flex;position:relative;width:-webkit-max-content;width:max-content}.bar{height:.12rem;background:#000;position:absolute;top:.58rem;left:var(--cb8ff712);width:calc(100% - 3rem)}.progress{background:#f5f256;position:absolute;left:0;top:0;bottom:0;transition:width .3s linear}.scratchcardentry{width:4rem;display:block;font-size:.3rem;margin:0 0 0 1.17rem;padding:.04rem 0 0}.scratchcardentry__date{height:1.25rem;padding:.15rem .03rem 0 1.62rem;display:flex;align-items:center;justify-content:center;color:#eee;box-sizing:border-box;width:100%;margin:0 0 .05rem;line-height:1.2}.scratchcardentry__txt{color:#000}.scratchcardentry__cd{font-size:.24rem}.reward--sm{width:.9rem}.reward--md{width:1.2rem}.reward--lg{width:2rem}.reward__img{position:relative}.reward--sm .reward__img{height:.9rem}.reward--md .reward__img{height:1.2rem}.reward--lg .reward__img{height:2rem}.reward__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.reward__src{display:block;width:100%;height:100%;position:relative}.reward__num{position:absolute;line-height:1.1;color:#fff;bottom:.02rem;right:.08rem}.reward--sm .reward__num,.reward--md .reward__num{font-size:.24rem}.reward--lg .reward__num{font-size:.36rem}.reward__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.24rem;line-height:1.2;margin:.2rem 0 0;box-sizing:border-box}.reward--md .reward__name{margin:.11rem 0 0}.reward--lg .reward__name{margin:.1rem 0 0}.pool{width:1.92rem;height:7.8rem;position:absolute;top:1.1rem;left:1.21rem}.pool__title{text-align:center;color:#fff;padding:.18rem 0 .04rem}.pool__list{overflow:auto;height:6.64rem;padding:0 0 0 .04rem}.pool__item{margin:0 auto .3rem}.pool__item:last-child{margin-bottom:0}.scratchcard{position:relative;color:#fff}.scratchcard--md{width:4.1rem;height:5.5rem}.scratchcard--sm{width:3.72rem;height:5rem}.scratchcard__result{position:absolute;top:1.43rem;left:1.05rem;width:2rem}.scratchcard--sm .scratchcard__result{top:1.3rem;left:.86rem}.scratchcard__item{position:relative}.scratchcard__item-img{display:block;height:2rem}.scratchcard__item-num{position:absolute;line-height:1.1;bottom:.02rem;right:.08rem;font-size:.24rem}.scratchcard__name{font-size:.24rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;text-align:center}.scratchcard__serialcode{position:absolute;font-size:.16rem;right:.1rem;top:.08rem}.scratchcard--sm .scratchcard__serialcode{top:.09rem;font-size:.12rem}.scratchcards{width:7.8rem;position:absolute;left:4.87rem;top:1.29rem;text-align:center}.scratchcards__slider{width:12.3rem;margin:0 0 0 -2.25rem;overflow:hidden;position:relative}.scratchcards__slider .swiper-wrapper{font-size:0;height:5.5rem;white-space:nowrap;text-align:left}.scratchcards__next,.scratchcards__prev{width:.6rem;height:.68rem;right:-.76rem;top:2.43rem;position:absolute;z-index:1}.scratchcards__next:disabled,.scratchcards__prev:disabled{opacity:.3}.scratchcards__prev{left:-.76rem}.scratchcards__btn{width:4.6rem;height:.9rem;display:block;margin:.35rem auto .28rem;font-size:.3rem;color:#eee}.scratchcards__btn:disabled{filter:grayscale(1)}.scratchcards__slide{position:relative;display:inline-block;vertical-align:top}.imageswitcher__item{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.imageswitcher__item--active{visibility:visible}.battlefield__progress{position:absolute;width:var(--v50aca138);height:var(--v50aca138)}.battlefield__progress canvas{width:100%;height:100%}.battlefield__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.battlefield__progress-num{position:absolute;text-align:center;right:0;left:0;top:.87rem;font-size:.36rem}.battlefield__progress--sm .battlefield__progress-num{font-size:.24rem;top:.35rem}.battlefield__progress--completed{width:3.84rem;height:3.84rem;position:absolute;top:-.53rem;left:-.67rem;animation:completed .4s both}@keyframes completed{0%{transform:scale(.6);opacity:0}70%{transform:scale(1);opacity:1}to{opacity:0}}.battlefield__progress--sm .battlefield__progress--completed{width:1.58rem;height:1.58rem;top:-.23rem;left:-.24rem}.battlefieldteam{width:4.1rem;flex:0 0 auto;position:relative}.battlefieldteam__img{width:3rem;height:3.3rem;position:absolute;left:-.19rem;bottom:.67rem}.battlefieldteam:last-child .battlefieldteam__img{left:auto;right:-.62rem}.battlefieldteam__status{height:.6rem;text-align:center;padding:.23rem 0 0;box-sizing:border-box;position:relative}.battlefieldteam__btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:.8rem;font-size:.3rem}.battlefieldteam__btn-icon{flex:0 0 auto;width:.3rem;height:.3rem;margin:-.07rem .03rem 0 .01rem}.battlefieldteam__btn-num{flex:0 0 auto;font-size:.24rem}.battlefield__progress{top:-2.8rem;left:1.74rem}.battlefieldteam:last-child .battlefield__progress{left:.05rem}.battlefieldteam .battlefield__progress--ph,.battlefieldteam:last-child .battlefield__progress--ph{left:.6rem}.battlefieldteam:disabled .battlefieldteam__status,.battlefieldteam:disabled .battlefieldteam__btn{filter:grayscale(1);color:#ebeae8}.battlefield{top:1.07rem;width:11.72rem;position:absolute;left:2.1rem}.battlefield__ownteam{width:4.88rem;height:1.26rem;margin:0 0 0 3.66rem;position:relative;display:flex}.battlefield__ownteam-status{flex:0 0 auto;width:1.1rem;height:1.1rem;position:relative;margin:0 .27rem 0 .19rem}.battlefield__ownteam-status .battlefield__progress{top:.03rem;left:-.06rem}.battlefield__ownteam-data{flex:0 0 auto}.battlefield__ownteam-title{font-size:.28rem;padding:.27rem 0 0 .02rem}.battlefield__balance{display:flex}.battlefield__balance-icon{width:.3rem;height:.3rem;flex:0 0 auto;margin:.03rem .05rem 0 0}.battlefield__balance-value{flex:0 0 auto;position:relative;padding:.03rem 0 0}.battlefield__btm{margin:2.92rem 0 0;display:flex;justify-content:space-between;align-items:flex-end;position:relative}.battlefield__gun{position:absolute;width:5.1rem;height:3.65rem;left:3.42rem;bottom:-.54rem;animation:idle 1.5s ease-in-out infinite alternate-reverse;pointer-events:none}.battlefield__gun--recoil{animation:recoil .15s ease-out infinite;transform-origin:80% 60%}@keyframes idle{0%{transform:translateY(0)}to{transform:translateY(-.05rem)}}@keyframes recoil{0%{transform:translate(0)}30%{transform:translate(.12rem,.06rem)}60%{transform:translate(.03rem,.02rem) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.battlefield__damage{width:.6rem;height:.6rem;position:absolute;right:-.72rem;top:-.12rem;animation:damage .6s .1s linear both}@keyframes damage{to{transform:translateY(-.5rem);opacity:0}}.battlefield__end{position:absolute;color:#0e0c0c;font-size:.36rem;text-align:center;top:1.37rem;right:0;left:0;box-sizing:border-box;padding:0 0 0 .45rem}.main__code{left:1.12rem;top:1.06rem;right:auto;bottom:auto}.main__right{position:absolute;right:.94rem;top:1.06rem}.main__title{position:static}.main__right .userpanel{margin:0 .34rem 0 0;justify-content:flex-end}.main__btm{width:17.6rem;height:1.8rem;background:#fffc;position:absolute;top:7.14rem;left:1.2rem;display:flex}.main__back{width:4rem;height:1.1rem;display:flex;align-items:center;justify-content:center;font-size:.3rem;color:#eee;margin:.34rem 0 0 .68rem}.main__back-icon{width:.6rem;height:.6rem;margin:0 .1rem 0 -.09rem;flex:0 0 auto}.main__back-txt{flex:0 0 auto}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-to{opacity:1}.modal-enter-to.modal__overlay:after,.modal-leave-to.modal__overlay:after{visibility:visible}.modal__overlay{z-index:31;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:opacity .3s;transform:translateZ(0);text-align:center}.modal__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:31}.modal__dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:auto auto}.modal__overlay--lite .modal{background:none}.modal__container{display:flex;justify-content:center;align-items:center;overflow:hidden;height:100%}.modal__container--in{height:10rem}.modal__wrap{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.modal{width:13rem;position:relative;font-size:.3rem}.modal__overlay--lite .modal{width:100%;height:100%}.modal__overlay--sm .modal{width:7.23rem}.modal__overlay--lg .modal{width:17rem}.modal__inner{height:7rem;display:flex;flex-direction:column;box-sizing:border-box;padding:.4rem}.modal__overlay--lite .modal__inner{height:100%;padding:0}.modal__overlay--sm .modal__inner{height:3.61rem;padding:.2rem}.modal__overlay--lg .modal__inner{height:7.8rem;padding:.04rem .1rem}.modal__hd{display:flex;align-items:center;justify-content:flex-start;text-align:left;flex:0 0 auto}.modal__circle{width:.77rem;height:.77rem;flex:0 0 auto;animation:spin 2s infinite linear;margin:0 .04rem 0 .09rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal__title{flex:0 0 auto;color:#fff;margin:-.08rem .26rem 0 0}.modal__serialcode{color:#b3b3b3;font-size:.2rem;flex:1 1 auto;margin:-.13rem 0 0;pointer-events:none}.modal__overlay--sm .modal__serialcode{position:absolute;right:.22rem;bottom:.19rem;margin:0}.modal__close{flex:0 0 auto;width:.49rem;height:.49rem;margin:0 .24rem 0 0}.modal__main{flex:0 1 auto;position:relative;margin:0 .4rem;color:#fff}.modal__overlay--lite .modal__main{width:100%;height:100%;margin:0}.modal__overlay--lite .modal__close,.modal__overlay--lite .modal__hd,.modal__overlay--lite .modal__btns,.modal__overlay--lite .modal__serialcode,.modal__overlay--sm .modal__close,.modal__overlay--sm .modal__circle,.modal__overlay--sm .modal__title{display:none}.modal__btns{flex:0 0 auto;display:flex;justify-content:center;font-size:.3rem;position:relative}.modal__btn{width:2.5rem;height:.6rem;line-height:.6rem;display:block;color:#000;margin:.2rem .13rem .4rem;line-height:.65rem}.modal__btn:disabled{filter:grayscale(1)}.intro__tabs{display:flex;margin:.18rem auto 0;justify-content:center}.intro__tab{width:2.9rem;height:.4rem;line-height:.44rem;flex:0 0 auto;display:block;color:#bbb9bd;margin:0 -.19rem;position:relative;font-size:.3rem}.intro__tab:disabled{color:#0b121a}.intro__tab-txt{position:relative}.intro__tab-mark{position:absolute;width:.4rem;height:.4rem;left:2.08rem;top:-.19rem}.intro__rule{width:9.46rem;height:3.7rem;margin:.5rem auto 0;padding:0 .1rem;text-align:left;overflow:auto;line-height:1.3;color:#dfe3e4}.intro__tutorial{width:8.6rem;margin:.25rem auto 0;position:relative}.intro__slider{width:8.6rem;margin:0 0 .24rem;background:#000;overflow:hidden}.intro__slider .swiper-wrapper{font-size:0;white-space:nowrap}.intro__slide{display:inline-block;height:3.7rem}.intro__next,.intro__prev{width:.4rem;height:.47rem;right:-.58rem;top:1.48rem;position:absolute;transition:opacity .3s linear}.intro__next:disabled,.intro__prev:disabled{opacity:.3}.intro__prev{transform:scaleX(-1);left:-.58rem}.intro__dots{font-size:0;text-align:center}.intro__dot{width:.13rem;height:.13rem;margin:0 .12rem;background-color:#5d5c5e;border-radius:50%;display:inline-block;cursor:pointer;opacity:1;transition:background-color .3s linear}.intro__dot--active{background-color:#ecba06}.error{text-align:center}.errormodal{display:flex;align-items:center;justify-content:center;font-size:.36rem;height:5rem}.errormodal--closeable{height:4rem}.errormodal__code{position:absolute;top:-.47rem;letter-spacing:.007rem;color:#cbcbcd;font-size:.12rem;left:5.66rem}.consent{height:4.12rem;flex-direction:column;text-align:center;overflow:hidden;display:flex;background:#5e606a4d;padding:.1rem 0;box-sizing:border-box;margin:-.08rem 0 0;font-size:.3rem;line-height:1.2}.consent__title{flex:0 0 auto;font-size:.36rem;color:#ffed57}.consent__gname,.consent__ename{flex:0 0 auto}.consent__txt{flex:1 1 auto;overflow:auto;text-align:left;padding:0 .3rem}.select{text-align:center;height:2.1rem}.select__ctitle{font-size:.36rem;color:#ffed57;padding:.6rem 0 0}.select__csubtitle{font-size:.24rem}.select__avatar{display:block;width:1.1rem;height:1.1rem;margin:auto;padding:.26rem 0 .11rem}.select__successed{font-size:.36rem}.select__error{height:3.2rem}.select__error .errormodal__code{bottom:.06rem;right:0;left:0;top:auto}.mission{margin:0 0 .12rem;padding:0 0 0 .21rem;display:flex;align-items:center;height:.9rem;flex:0 0 auto;color:#313131}.mission--0{order:0}.mission--1{order:1}.mission--2{order:2;color:#c9c9c9}.mission__body{display:flex;align-items:center;justify-content:space-between;width:6.3rem}.mission__content{flex:1 1 auto;margin:0 .1rem 0 0}.mission__title+.mission__name{font-size:.24rem}.mission__value{padding:0 .43rem 0 0;flex:0 0 auto}.mission__progress{color:#317ae3}.mission__progress-sep{font-size:.22rem;padding:0 .03rem}.mission__reward{flex:0 0 auto;position:relative}.mission__claimed{position:absolute;top:0;right:0;bottom:0;left:0}.missionlist{width:7.5rem;height:6.2rem;flex:0 0 auto;margin:.13rem 0 0 .33rem;text-align:left}.missionlist__hd{color:#fff;box-sizing:border-box;height:.6rem;margin:0 0 .21rem;padding:.14rem .2rem .15rem;background:#317ae3;font-size:.3rem}.missionlist__hd-sep{padding:0 .14rem 0 .19rem}.missionlist__hd-desc{font-size:.2rem;transform:translateY(-.05rem);display:inline-block}.missionlist__main{width:7.2rem;height:4.08rem;overflow:auto;display:flex;flex-direction:column;margin:0 0 0 .15rem}.missionlist__btn{margin:.16rem auto 0;text-align:center;width:4.6rem;height:.9rem;color:#fff;display:flex;align-items:center;justify-content:center}.missionlist__btn:disabled{filter:grayscale(1)}.missionlist__btn-icon{flex:0 0 auto;width:.6rem;height:.6rem;margin:0 .02rem 0 .05rem}.missionlist__btn-num{flex:0 0 auto;font-size:.24rem}.missions{display:flex}.received{height:4rem}.received__hd{height:1.23rem}.received__title{color:#ffe560;font-size:.48rem;padding:.18rem 0 0;font-weight:700;margin:0 0 .06rem}.received--1row .received__title{font-size:.48rem;font-weight:700;padding:.3rem 0 0;margin:0}.received--smrow .received__title,.received--smrow .received__subtitle{font-size:.36rem;font-weight:700}.received--smrow .received__title{padding:.3rem 0 0;margin:0}.received--smrow .received__subtitle{color:#ffe560;margin:-.05rem 0 0}.received__subtitle{font-size:.3rem;color:#fff;font-weight:400}.received__item{margin:.25rem auto 0}.claimmilestone{height:4rem;text-align:center}.claimmilestone__title{font-size:.48rem;color:#ffe560;font-weight:700;margin:0 0 .14rem;padding:.17rem 0 0}.claimmilestone__list{display:flex;justify-content:center;margin:0 0 .24rem}.claimmilestone__note{color:#fff;font-size:.3rem}.claimmilestone__item{width:3rem;height:2.4rem;display:block;flex:0 0 auto;margin:0 .15rem;position:relative;padding:.1rem 0 0;color:#fff}.claimmilestone__item-title{font-size:.3rem;padding:.15rem 0 .06rem}.claimmilestone__item-inner{position:absolute;top:0;right:0;bottom:0;left:0}.claimmilestone__item-reward{margin:auto}.draw{text-align:center}.draw--hidden{visibility:hidden}.draw__note{color:#ffe560;font-size:.3rem;margin:0 0 .08rem}.draw__main{width:3.72rem;height:5rem;margin:auto;position:relative}.draw__mask{position:absolute;top:0;right:0;bottom:0;left:0}.draw__serialcode{top:.09rem;font-size:.12rem}.settlecd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.settlecd__logo{width:2.5rem;height:2.5rem;margin:-.78rem 0 .3rem}.settlecd__txt{min-width:10rem;color:#ffe560;font-size:.48rem;box-sizing:border-box;padding:.07rem .54rem;font-weight:700;background:#20222c;margin:0 0 .3rem;height:.8rem}.settlecd__serialcode{color:#b3b3b3;font-size:.2rem}.settlerankings__title{color:#ffe560;font-size:.48rem;font-weight:700;padding:.3rem 0 .07rem}.settlerankings__name{color:#fff}.settlerankings__txt{font-size:.3rem}.settlerankings__main{width:10.1rem;height:5.08rem;margin:.03rem 0 -1.05rem 2.78rem;position:relative}.settlerankings__team{width:1.5rem;height:1.5rem;position:absolute}.settlerankings__team:nth-child(1){top:.32rem;left:4.47rem}.settlerankings__team:nth-child(2){top:.98rem;left:2.16rem}.settlerankings__team:nth-child(3){top:1.7rem;left:6.59rem}.radio{position:relative;display:inline-flex;align-items:center}.radio__input{position:absolute;top:0;left:0;opacity:0}.radio__icons{flex:0 0 auto;width:.3rem;height:.3rem;margin:0 .16rem 0 0;position:relative}.radio__text{flex:0 0 auto;color:#fee904;font-size:.3rem}.attack{height:4.02rem;position:relative}.attack__title{padding:.9rem 0 0;color:#ffe560;font-weight:700;font-size:.48rem;margin:0 0 .1rem;line-height:1.3}.attack__note{font-size:.3rem}.attack__radio{position:absolute;left:50%;bottom:.1rem;transform:translate(-50%)}.tooltip{position:fixed;z-index:33;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;font-size:.2rem}.tooltip:after{content:"";width:0;height:0;border-left:.06rem solid transparent;border-right:.06rem solid transparent;border-top:.06rem solid #1b1b1b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip--on{opacity:1;visibility:visible}.tooltip__msg{color:#eee;background:#1b1b1b;padding:.06rem .1rem;box-sizing:border-box;text-align:center}.main__wrap{position:relative}.main__wrap--attacking{pointer-events:none}.main__wrap--attacking .battlefieldteam{pointer-events:auto}.main__inner{height:10rem;position:relative}.main__bg{position:absolute;top:0;right:0;bottom:0;left:0}.body--portrait .main__inner{transform:translateZ(0)}.blank{width:100%;height:100%;text-align:center;background:url(//codmtw.cdn.garenanow.com/mgames/codm/h5/ErrorPage/TW/image/bg.jpg);background-size:100% 100%;background-position:50% 50%;background-size:cover;display:flex;justify-content:center;align-items:center}.blank__inner{width:18rem;height:8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.blank__character{width:3.94rem;height:4.94rem;background:url(//codmtw.cdn.garenanow.com/mgames/codm/h5/ErrorPage/TW/image/srydog.png);background-size:100% 100%;flex:0 0 auto}.blank__p{font-size:.36rem;margin-top:.3rem;color:#fff;flex:0 0 auto}.blank__code{padding:0 .043rem;color:#ffffff80;font-size:.12rem}