@charset "UTF-8";.pageIndex{background:url(/_nuxt/img/index-border.d2fda00.png) no-repeat 50%/100% auto,url(/_nuxt/img/index.02deca0.jpg) no-repeat 50%/100% 100%}.pageIndex .btn-enter,.pageIndex .logo,.pageIndex .slogan-index,.pageIndex .slogan-small,.pageIndex .slogan-wrap,.pageIndex .step-con{position:absolute;left:50%;transform:translateX(-50%);z-index:6}.pageIndex .slogan-wrap{width:1016px;width:calc(1016px*var(--scale-ratio));position:absolute;height:100%;top:0;z-index:6;overflow-x:hidden}.pageIndex .logo{top:27px;top:calc(27px*var(--scale-ratio));height:79px;height:calc(79px*var(--scale-ratio))}.pageIndex .slogan-index{height:398px;height:calc(398px*var(--scale-ratio));top:218px;top:calc(218px*var(--scale-ratio));-webkit-animation:slideInLeftToCenter .6s ease-out both;animation:slideInLeftToCenter .6s ease-out both;-webkit-animation-delay:0s;animation-delay:0s}.pageIndex .slogan-small{height:140px;height:calc(140px*var(--scale-ratio));top:670px;top:calc(670px*var(--scale-ratio));-webkit-animation:slideInLeftToCenter .6s ease-out both;animation:slideInLeftToCenter .6s ease-out both;-webkit-animation-delay:.2s;animation-delay:.2s}.pageIndex .step-con{top:929px;top:calc(929px*var(--scale-ratio))}.pageIndex .step-con img{height:185px;height:calc(185px*var(--scale-ratio));margin:0 auto 16px;margin:calc(0px*var(--scale-ratio)) auto calc(16px*var(--scale-ratio)) auto;-webkit-animation:slideTranslateRight .6s ease-out both;animation:slideTranslateRight .6s ease-out both}.pageIndex .step-con img.step-img1{-webkit-animation-delay:.4s;animation-delay:.4s}.pageIndex .step-con img.step-img2{-webkit-animation-delay:.6s;animation-delay:.6s}.pageIndex .step-con img.step-img3{-webkit-animation-delay:.8s;animation-delay:.8s}.pageIndex .btn-enter{z-index:10;bottom:60px;bottom:calc(60px*var(--scale-ratio));height:262px;height:calc(262px*var(--scale-ratio));transform-origin:50% 85%;-webkit-animation:bc-bounceIn .5s ease-out 1.4s both,bc-shake 1.5s ease-in-out 1.9s infinite;animation:bc-bounceIn .5s ease-out 1.4s both,bc-shake 1.5s ease-in-out 1.9s infinite}.pageIndex .btn-enter img{height:100%}.result-common-wrap[data-v-d322d100]{position:relative;width:100%;height:100%}:root{--scale-ratio:1}.imgblock>img{display:block;width:100%;height:100%}.pageResultBattle{overflow:hidden}.pageResultBattle .saveResult,.pageResultBattle .saveResultShare{position:absolute;background:url(https://webcdn.hoolai.com/open/bianxingjingang-west/battleCommander/bg.jpg) no-repeat 50%/cover}.pageResultBattle .saveResult .result-top,.pageResultBattle .saveResultShare .result-top{width:100%;position:relative}.pageResultBattle .saveResult .result-top:after,.pageResultBattle .saveResult .result-top:before,.pageResultBattle .saveResultShare .result-top:after,.pageResultBattle .saveResultShare .result-top:before{position:absolute;top:0;content:""}.pageResultBattle .saveResult .result-top:before,.pageResultBattle .saveResultShare .result-top:before{left:0;background:url(/_nuxt/img/result-left-top.0ce3c6f.png) no-repeat 0 0/auto 100%}.pageResultBattle .saveResult .result-top:after,.pageResultBattle .saveResultShare .result-top:after{right:0;background:url(/_nuxt/img/result-right-top.ff0f6eb.png) no-repeat 100% 0/auto 100%}.pageResultBattle .saveResult .result-top .result-slogan,.pageResultBattle .saveResultShare .result-top .result-slogan{margin:0 auto}.pageResultBattle .saveResult .result-main,.pageResultBattle .saveResultShare .result-main{position:relative;z-index:10;background:url(https://webcdn.hoolai.com/open/bianxingjingang-west/battleCommander/result-main-border.png) no-repeat top/100% auto}.pageResultBattle .saveResult .result-main .zhang,.pageResultBattle .saveResultShare .result-main .zhang{position:absolute;z-index:10;-webkit-animation:bc-stamp .5s ease-out .6s both;animation:bc-stamp .5s ease-out .6s both;transform-origin:50% 50%}.pageResultBattle .saveResult .result-main .result-title,.pageResultBattle .saveResultShare .result-main .result-title{margin:0 auto;position:relative;z-index:2}.pageResultBattle .saveResult .result-main .factionAnalysis,.pageResultBattle .saveResultShare .result-main .factionAnalysis{position:relative}.pageResultBattle .saveResult .result-main .factionAnalysis .zhenying-img,.pageResultBattle .saveResultShare .result-main .factionAnalysis .zhenying-img{position:absolute;left:0;top:0;z-index:2}.pageResultBattle .saveResult .result-main .factionAnalysis .commanderEvaluation,.pageResultBattle .saveResult .result-main .factionAnalysis .protocol,.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResult .result-main .factionAnalysis .teamName,.pageResultBattle .saveResultShare .result-main .factionAnalysis .commanderEvaluation,.pageResultBattle .saveResultShare .result-main .factionAnalysis .protocol,.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResultShare .result-main .factionAnalysis .teamName{position:absolute;right:0;z-index:2;color:#31425f}.pageResultBattle .saveResult .result-main .factionAnalysis .protocol,.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResult .result-main .factionAnalysis .teamName,.pageResultBattle .saveResultShare .result-main .factionAnalysis .protocol,.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResultShare .result-main .factionAnalysis .teamName{letter-spacing:-1px;font-family:思源黑體-Heavy;white-space:nowrap}.pageResultBattle .saveResult .result-main .factionAnalysis .protocol,.pageResultBattle .saveResultShare .result-main .factionAnalysis .protocol{top:0;background:url(/_nuxt/img/border-protocol.362f96d.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .factionAnalysis .teamName,.pageResultBattle .saveResultShare .result-main .factionAnalysis .teamName{overflow:hidden;text-overflow:ellipsis;background:url(/_nuxt/img/border-team-name.522bc16.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating{background:url(/_nuxt/img/border-tactical-rating.2c773ad.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating .dengji,.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating .dengji{text-align:center}.pageResultBattle .saveResult .result-main .factionAnalysis .commanderEvaluation,.pageResultBattle .saveResultShare .result-main .factionAnalysis .commanderEvaluation{bottom:0;background:url(/_nuxt/img/border-commander-evaluation.908b593.png) no-repeat 50%/100% 100%;-webkit-animation:slideTranslateRight .6s ease-out .2s both;animation:slideTranslateRight .6s ease-out .2s both}.pageResultBattle .saveResult .result-main .select-team,.pageResultBattle .saveResultShare .result-main .select-team{background:url(/_nuxt/img/bg-team-result.0c46968.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .select-team .team-top,.pageResultBattle .saveResultShare .result-main .select-team .team-top{display:flex;justify-content:space-between;align-items:center}.pageResultBattle .saveResult .result-main .select-team .team-top .num,.pageResultBattle .saveResultShare .result-main .select-team .team-top .num{color:#8cb5d1;font-weight:700}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div{flex-shrink:0;position:relative;cursor:pointer}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover{position:absolute;top:0;left:0;z-index:5;background:url(/_nuxt/img/bg-team-item-cover-result.8e7f9bb.png) no-repeat bottom/100% 100%}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .dingwei,.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .name,.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .dingwei,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .name,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .star{position:absolute}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .name,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .name{left:50%;transform:translateX(-50%)}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .star{width:100%;left:0}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star em,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .star em{background:url(/_nuxt/img/icon-star1.234d71e.png) no-repeat 50%/auto 100%}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .img-div,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .img-div{position:absolute;z-index:3;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/_nuxt/img/bg-team-item-kuangpai.7029748.png)}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .img-div img,.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .img-div img{width:100%;position:absolute;bottom:0;left:0}.pageResultBattle .saveResult .result-main .activationNotice,.pageResultBattle .saveResultShare .result-main .activationNotice{-webkit-animation:slideTranslateRight .6s ease-out .4s both;animation:slideTranslateRight .6s ease-out .4s both}.pageResultBattle .saveResult .result-main .activationNotice .notice-tit img,.pageResultBattle .saveResultShare .result-main .activationNotice .notice-tit img{height:100%}.pageResultBattle .saveResult .result-main .activationNotice .notice,.pageResultBattle .saveResultShare .result-main .activationNotice .notice{color:#cdeafe}.pageResultBattle .saveResult .result-main .result-bottom-wrap,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap{position:absolute;left:50%;z-index:10;background:url(/_nuxt/img/jiangli-border.10430f3.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment{position:absolute}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile:after,.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile:before,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment:after,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment:before,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile:after,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile:before,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment:after,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment:before{position:absolute;content:""}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile:after,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment:after,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile:after,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment:after{top:0;left:0;background:url(/_nuxt/img/icon-zs-top.7c75743.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile:before,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment:before,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile:before,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment:before{bottom:0;right:0;background:url(/_nuxt/img/icon-zs-bottom.2d8f56b.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .tit,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment .tit,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .tit,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment .tit{position:absolute}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile{background:url(/_nuxt/img/bg-jiangli-item.efa98bf.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile>*,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile>*{position:absolute}.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment{background:url(/_nuxt/img/bg-jiangli-item1.674b56d.png) no-repeat 50%/100% 100%}.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment .con,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment .con{position:absolute}.pageResultBattle .saveResult .result-border-bottom,.pageResultBattle .saveResultShare .result-border-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:4}.pageResultBattle .saveResultShare{position:fixed;width:1080px;height:1920px;z-index:-1;left:0;top:0}.pageResultBattle .saveResultShare .result-top{padding-top:76px;margin-bottom:11px}.pageResultBattle .saveResultShare .result-top:after,.pageResultBattle .saveResultShare .result-top:before{width:450px;height:192px}.pageResultBattle .saveResultShare .result-top .result-slogan{height:152px}.pageResultBattle .saveResultShare .result-main{padding-top:98px;width:1049px;height:1253px}.pageResultBattle .saveResultShare .result-main .activationNotice,.pageResultBattle .saveResultShare .result-main .factionAnalysis .commanderEvaluation,.pageResultBattle .saveResultShare .result-main .zhang{-webkit-animation:none;animation:none;opacity:1}.pageResultBattle .saveResultShare .result-main .zhang{width:184px;top:50px;right:74px}.pageResultBattle .saveResultShare .result-main .result-title{height:92px}.pageResultBattle .saveResultShare .result-main .factionAnalysis{margin-top:41px;width:844px;height:598px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .zhenying-img{width:266px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .protocol,.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResultShare .result-main .factionAnalysis .teamName{padding:49px 8px 8px 19px;width:514px;height:56px;line-height:56px;font-size:42px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .teamName{top:125px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating{top:250px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating .dengji{width:98px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating em{margin-right:25px;width:1px;height:46px;background:#31425f}.pageResultBattle .saveResultShare .result-main .factionAnalysis .tacticalRating img{height:43px}.pageResultBattle .saveResultShare .result-main .factionAnalysis .commanderEvaluation{padding:60px 20px 6px;width:844px;height:156px;line-height:30px;font-size:28px}.pageResultBattle .saveResultShare .result-main .select-team{width:925px;height:323px;margin-top:25px;padding-top:9px}.pageResultBattle .saveResultShare .result-main .select-team .team-top{width:889px;height:36px;padding-bottom:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3kAAAACCAYAAADl/RVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAShJREFUeNrsWVuOwzAINMnF9i49Rs9uz24/IlE6g+3sX8VIERgG4ryqQbWfx9Naa8ffcdno78ROZy3Yg+ROUst6ZdbzVT/FtaSfisVcdl9OkreJ762KqXXbWLdQ72PMXvUsF/2MA8FXsUKhUCgUCoVvBZz+QcKJPggHTmuB8JX/wnA28kbg+DjCepD8CP6V727dQ10PNd31GUnsinfXt5Nc7MEsq8vig/hZb0z2ml03iP92H48FYY0kZ2RwyF7ATMzjxkdxJ68GE5A4RB9bOIdNhh/VJw5CEHsB4WWDFv7xHGzz+djkh6mGuUKhUCgUCjXg5ZoIQkcpLWVCu2JDAyvtiom+UxpvNW5kWGXc1bkl+2PBEg28oo135oDs/Kt7XdHvH+/ArwADAK7VsyyERPFqAAAAAElFTkSuQmCC) no-repeat bottom/auto 2px}.pageResultBattle .saveResultShare .result-main .select-team .team-top .title{height:36px}.pageResultBattle .saveResultShare .result-main .select-team .team-top .num{font-size:30px;margin-right:10px;line-height:36px}.pageResultBattle .saveResultShare .result-main .select-team .team-list{width:930px;height:243px;margin-top:16px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div{width:146px;height:223px;padding:10px 8px;margin:0 10px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover{width:162px;height:251px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .dingwei{top:24px;left:12px;width:24px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .name{bottom:50px;height:30px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .star{bottom:23px;height:18px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .cover .star em{width:18px;height:100%;margin:0 2px}.pageResultBattle .saveResultShare .result-main .select-team .team-list .team-item-div .img-div{width:146px;height:223px;top:10px;left:8px;z-index:3}.pageResultBattle .saveResultShare .result-main .activationNotice{width:868px;margin-top:18px}.pageResultBattle .saveResultShare .result-main .activationNotice .notice-tit{height:45px}.pageResultBattle .saveResultShare .result-main .activationNotice .notice{margin-top:10px;height:60px;line-height:30px;font-size:27px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap{bottom:-168px;width:1032px;height:181px;margin-left:-516px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment{top:8px;height:164px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile:after,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile:before,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment:after,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment:before{width:50px;height:50px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .tit,.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment .tit{height:24px;top:22px;left:32px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile{left:9px;width:262px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .shuxing{left:41px;top:65px;width:68px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .dingwei{color:#8cb5d1;top:86px;left:124px;line-height:32px;font-size:29px;white-space:nowrap}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .ms{color:#8cb5d1;left:130px;top:90px;line-height:24px;font-size:18px;width:244px;text-transform:lowercase}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile em{left:355px;top:93px;width:1px;height:43px;background:#8cb5d1}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .fenshu{color:#ffc443;left:378px;top:88px;line-height:50px;font-size:50px;font-family:思源黑体 CN Heavy}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment{right:8px;width:745px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .currentAssignment .con{width:290px;top:60px;left:32px}.pageResultBattle .saveResultShare .result-border-bottom{height:504px}.pageResultBattle .saveResult{width:100%;height:100%;top:0;left:0;z-index:10}.pageResultBattle .saveResult .result-top{padding-top:76px;padding-top:calc(76px*var(--scale-ratio));margin-bottom:11px;margin-bottom:calc(11px*var(--scale-ratio))}.pageResultBattle .saveResult .result-top:after,.pageResultBattle .saveResult .result-top:before{width:450px;width:calc(450px*var(--scale-ratio));height:192px;height:calc(192px*var(--scale-ratio))}.pageResultBattle .saveResult .result-top .result-slogan{height:152px;height:calc(152px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main{padding-top:98px;padding-top:calc(98px*var(--scale-ratio));width:1049px;width:calc(1049px*var(--scale-ratio));height:1253px;height:calc(1253px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .zhang{width:184px;width:calc(184px*var(--scale-ratio));top:50px;top:calc(50px*var(--scale-ratio));right:74px;right:calc(74px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-title{height:92px;height:calc(92px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis{margin-top:41px;margin-top:calc(41px*var(--scale-ratio));width:844px;width:calc(844px*var(--scale-ratio));height:598px;height:calc(598px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .zhenying-img{width:266px;width:calc(266px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .protocol,.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating,.pageResultBattle .saveResult .result-main .factionAnalysis .teamName{padding:49px 8px 8px 19px;padding:calc(49px*var(--scale-ratio)) calc(8px*var(--scale-ratio)) calc(8px*var(--scale-ratio)) calc(19px*var(--scale-ratio));width:514px;width:calc(514px*var(--scale-ratio));height:56px;height:calc(56px*var(--scale-ratio));line-height:56px;line-height:calc(56px*var(--scale-ratio));font-size:42px;font-size:calc(42px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .teamName{top:125px;top:calc(125px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating{top:250px;top:calc(250px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating .dengji{width:98px;width:calc(98px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating em{margin-right:25px;margin-right:calc(25px*var(--scale-ratio));width:1px;width:calc(1px*var(--scale-ratio));height:46px;height:calc(46px*var(--scale-ratio));background:#31425f}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating img{height:43px;height:calc(43px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .commanderEvaluation{padding:60px 20px 6px;padding:calc(60px*var(--scale-ratio)) calc(20px*var(--scale-ratio)) calc(6px*var(--scale-ratio)) calc(20px*var(--scale-ratio));width:844px;width:calc(844px*var(--scale-ratio));height:156px;height:calc(156px*var(--scale-ratio));line-height:30px;line-height:calc(30px*var(--scale-ratio));font-size:28px;font-size:calc(28px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team{width:925px;width:calc(925px*var(--scale-ratio));height:323px;height:calc(323px*var(--scale-ratio));margin-top:25px;margin-top:calc(25px*var(--scale-ratio));padding-top:9px;padding-top:calc(9px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-top{width:889px;width:calc(889px*var(--scale-ratio));height:36px;height:calc(36px*var(--scale-ratio));padding-bottom:2px;padding-bottom:calc(2px*var(--scale-ratio));background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3kAAAACCAYAAADl/RVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAShJREFUeNrsWVuOwzAINMnF9i49Rs9uz24/IlE6g+3sX8VIERgG4ryqQbWfx9Naa8ffcdno78ROZy3Yg+ROUst6ZdbzVT/FtaSfisVcdl9OkreJ762KqXXbWLdQ72PMXvUsF/2MA8FXsUKhUCgUCoVvBZz+QcKJPggHTmuB8JX/wnA28kbg+DjCepD8CP6V727dQ10PNd31GUnsinfXt5Nc7MEsq8vig/hZb0z2ml03iP92H48FYY0kZ2RwyF7ATMzjxkdxJ68GE5A4RB9bOIdNhh/VJw5CEHsB4WWDFv7xHGzz+djkh6mGuUKhUCgUCjXg5ZoIQkcpLWVCu2JDAyvtiom+UxpvNW5kWGXc1bkl+2PBEg28oo135oDs/Kt7XdHvH+/ArwADAK7VsyyERPFqAAAAAElFTkSuQmCC) no-repeat bottom/auto 2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3kAAAACCAYAAADl/RVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAShJREFUeNrsWVuOwzAINMnF9i49Rs9uz24/IlE6g+3sX8VIERgG4ryqQbWfx9Naa8ffcdno78ROZy3Yg+ROUst6ZdbzVT/FtaSfisVcdl9OkreJ762KqXXbWLdQ72PMXvUsF/2MA8FXsUKhUCgUCoVvBZz+QcKJPggHTmuB8JX/wnA28kbg+DjCepD8CP6V727dQ10PNd31GUnsinfXt5Nc7MEsq8vig/hZb0z2ml03iP92H48FYY0kZ2RwyF7ATMzjxkdxJ68GE5A4RB9bOIdNhh/VJw5CEHsB4WWDFv7xHGzz+djkh6mGuUKhUCgUCjXg5ZoIQkcpLWVCu2JDAyvtiom+UxpvNW5kWGXc1bkl+2PBEg28oo135oDs/Kt7XdHvH+/ArwADAK7VsyyERPFqAAAAAElFTkSuQmCC) no-repeat bottom/auto calc(2px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-top .title{height:36px;height:calc(36px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-top .num{font-size:30px;font-size:calc(30px*var(--scale-ratio));margin-right:10px;margin-right:calc(10px*var(--scale-ratio));line-height:36px;line-height:calc(36px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list{width:930px;width:calc(930px*var(--scale-ratio));height:243px;height:calc(243px*var(--scale-ratio));margin-top:16px;margin-top:calc(16px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div{width:146px;width:calc(146px*var(--scale-ratio));height:223px;height:calc(223px*var(--scale-ratio));padding:10px 8px;padding:calc(10px*var(--scale-ratio)) calc(8px*var(--scale-ratio)) calc(10px*var(--scale-ratio)) calc(8px*var(--scale-ratio));margin:0 10px;margin:calc(0px*var(--scale-ratio)) calc(10px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(10px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover{width:162px;width:calc(162px*var(--scale-ratio));height:251px;height:calc(251px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .dingwei{top:24px;top:calc(24px*var(--scale-ratio));left:12px;left:calc(12px*var(--scale-ratio));width:24px;width:calc(24px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .name{bottom:50px;bottom:calc(50px*var(--scale-ratio));height:30px;height:calc(30px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star{bottom:23px;bottom:calc(23px*var(--scale-ratio));height:18px;height:calc(18px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star em{width:18px;width:calc(18px*var(--scale-ratio));height:100%;margin:0 2px;margin:calc(0px*var(--scale-ratio)) calc(2px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(2px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .img-div{width:146px;width:calc(146px*var(--scale-ratio));height:223px;height:calc(223px*var(--scale-ratio));top:10px;top:calc(10px*var(--scale-ratio));left:8px;left:calc(8px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .activationNotice{margin-top:18px;margin-top:calc(18px*var(--scale-ratio));width:868px;width:calc(868px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .activationNotice .notice-tit{height:45px;height:calc(45px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .activationNotice .notice{margin-top:10px;margin-top:calc(10px*var(--scale-ratio));height:60px;height:calc(60px*var(--scale-ratio));line-height:30px;line-height:calc(30px*var(--scale-ratio));font-size:27px;font-size:calc(27px*var(--scale-ratio));overflow-y:auto;overflow-x:hidden}.pageResultBattle .saveResult .result-main .result-bottom-wrap{bottom:-160px;bottom:calc(-160px*var(--scale-ratio));width:1032px;width:calc(1032px*var(--scale-ratio));height:181px;height:calc(181px*var(--scale-ratio));margin-left:-516px;margin-left:calc(-516px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment{top:8px;top:calc(8px*var(--scale-ratio));height:164px;height:calc(164px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile:after,.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile:before,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment:after,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment:before{width:50px;width:calc(50px*var(--scale-ratio));height:50px;height:calc(50px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .tit,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment .tit{height:24px;height:calc(24px*var(--scale-ratio));top:22px;top:calc(22px*var(--scale-ratio));left:32px;left:calc(32px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile{left:9px;left:calc(9px*var(--scale-ratio));width:262px;width:calc(262px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .shuxing{left:41px;left:calc(41px*var(--scale-ratio));top:65px;top:calc(65px*var(--scale-ratio));width:68px;width:calc(68px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .dingwei{top:86px;top:calc(86px*var(--scale-ratio));left:124px;left:calc(124px*var(--scale-ratio));line-height:32px;line-height:calc(32px*var(--scale-ratio));color:#8cb5d1;font-size:29px;font-size:calc(29px*var(--scale-ratio));white-space:nowrap}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .ms{left:130px;left:calc(130px*var(--scale-ratio));top:90px;top:calc(90px*var(--scale-ratio));line-height:24px;line-height:calc(24px*var(--scale-ratio));color:#8cb5d1;font-size:18px;font-size:calc(18px*var(--scale-ratio));width:244px;width:calc(244px*var(--scale-ratio));text-transform:lowercase}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile em{left:355px;left:calc(355px*var(--scale-ratio));top:93px;top:calc(93px*var(--scale-ratio));width:1px;width:calc(1px*var(--scale-ratio));height:43px;height:calc(43px*var(--scale-ratio));background:#8cb5d1}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .fenshu{left:378px;left:calc(378px*var(--scale-ratio));top:88px;top:calc(88px*var(--scale-ratio));line-height:50px;line-height:calc(50px*var(--scale-ratio));color:#ffc443;font-size:50px;font-size:calc(50px*var(--scale-ratio));font-family:思源黑体 CN Heavy}.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment{right:8px;right:calc(8px*var(--scale-ratio));width:745px;width:calc(745px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment .con{width:290px;width:calc(290px*var(--scale-ratio));top:60px;top:calc(60px*var(--scale-ratio));left:32px;left:calc(32px*var(--scale-ratio))}.pageResultBattle .saveResult .result-border-bottom{height:504px;height:calc(504px*var(--scale-ratio))}.pageResultBattle .result-btn-wrap{position:absolute;bottom:57px;bottom:calc(57px*var(--scale-ratio));left:40px;left:calc(40px*var(--scale-ratio));width:1000px;width:calc(1000px*var(--scale-ratio));z-index:12;height:83px;height:calc(83px*var(--scale-ratio))}.pageResultBattle .result-btn-wrap .result-btn-common{width:280px;width:calc(280px*var(--scale-ratio));height:100%;margin:0 11px;margin:calc(0px*var(--scale-ratio)) calc(11px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(11px*var(--scale-ratio))}.pageResultBattle .result-btn-wrap .btn-save-share{width:51px;width:calc(51px*var(--scale-ratio));height:49px;height:calc(49px*var(--scale-ratio));margin-left:20px;margin-left:calc(20px*var(--scale-ratio));-webkit-animation:btnFcOpacity 2s ease-in-out 1.2s infinite normal none running;animation:btnFcOpacity 2s ease-in-out 1.2s infinite normal none running;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAi5JREFUeNq0l01IVFEUx5uhj41RapCBjJFJBi5CKJAUyWxZi8pFhKuKpOxDCFqFGJSQuBI3ZpualhUuLCgiFTcSKogS9I2EKEohipSW+jtwLlyfjnN93Xfgx8y795z3vx9zzr0TW+o9vikC2w/VUACz8BpewD/baXMEwregMfDuSzAAJ2HMNMY9C5+HphSTKoZOu8+neAzupfE5BFVRiMv+5jn4nYhCPNPRb2cU4r8d/T75FI/pr7nbwXcRnvhKtX3wECqstgXYksL/Lgynmrnsxx3NyTllEOohy/KTuJswZAnPwBU4AC91lsbG4SI0rFgyq8KVwHPISTHqCTgDP+GR+ht7BTUwarXlaAZMw0iwutniMto+2JFmmWV2W2GbPstA6uBxmD0ze97qICy23fr+DK7qioQy2btC2OjpcgPO/o+wES8NETfvozCI+K4Qcdm+xKdCxE35Eu8JETfjS/wjvNlg3FPohVNpSvRhqIVrcFRL8ao8z4d+h3T7o3luv+QDNENS+8VyNfePBeLfwzn4YpdXeaiEH+sIS1+ZXgiSWsPFDkI7fIPbkIB3awibleiC3cHyKpahS3QairRtWMtui14GjSW0ul0IFJ9Fh9NSilptzMPtNUvr+nUzIweTg2aPj/Nc6vt92AuXre1Yz+TQifu+ybTBZwffSdke31dnsQ5XnyjEH8D3NLOuj0r8l56S/Wv0jWgKjkX1d0nsKxyBcv2M69XsLfw1TssCDACaJHOhHghm3wAAAABJRU5ErkJggg==) no-repeat 50%/100% auto}[data-v-34ace89a]:root{--scale-ratio:1}.imgblock>img[data-v-34ace89a]{display:block;width:100%;height:100%}.popTips[data-v-34ace89a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:100}.popTips .tips-main[data-v-34ace89a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:715px;width:calc(715px*var(--scale-ratio));height:388px;height:calc(388px*var(--scale-ratio));padding:40px;padding:calc(40px*var(--scale-ratio));background:url(/_nuxt/img/bg-tips.2874a3a.png) no-repeat 50%/100% 100%;z-index:101}.popTips .tips-main .btn-close[data-v-34ace89a]{position:absolute;bottom:-138px;bottom:calc(-138px*var(--scale-ratio));left:50%;margin-left:-40px;margin-left:calc(-40px*var(--scale-ratio));width:80px;width:calc(80px*var(--scale-ratio));height:66px;height:calc(66px*var(--scale-ratio));background:url(/_nuxt/img/btn-close.0e9ccc2.png) no-repeat 50%/100% 100%}.popTips .tips-main .btn-close[data-v-34ace89a]:hover{transform:rotate(180deg) scale(1.08)}.popTips .tips-main .tips-val[data-v-34ace89a]{width:100%;height:100%;color:#8cb5d1;font-size:40px;font-size:calc(40px*var(--scale-ratio));line-height:50px;line-height:calc(50px*var(--scale-ratio));flex-direction:column}.popTips .tips-main .tips-val .share-platforms[data-v-34ace89a]{margin-top:30px;margin-top:calc(30px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main[data-v-34ace89a]{margin:0 18px 10px;margin:calc(0px*var(--scale-ratio)) calc(18px*var(--scale-ratio)) calc(10px*var(--scale-ratio)) calc(18px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div[data-v-34ace89a]{cursor:pointer;display:flex;flex-direction:column;align-items:center}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon[data-v-34ace89a]{position:relative;width:80px;width:calc(80px*var(--scale-ratio));height:80px;height:calc(80px*var(--scale-ratio));padding:4px;padding:calc(4px*var(--scale-ratio));border:2px solid rgba(77,78,93,.5);border:calc(2px*var(--scale-ratio)) solid rgba(77,78,93,.5);transition:all .3s ease}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .icon-dev[data-v-34ace89a]{width:80px;width:calc(80px*var(--scale-ratio));height:80px;height:calc(80px*var(--scale-ratio));background:rgba(0,255,254,.2);transition:all .3s ease}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .icon-dev>img[data-v-34ace89a]{height:50px;height:calc(50px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .i-icon[data-v-34ace89a]{position:absolute;display:block;width:5px;width:calc(5px*var(--scale-ratio));height:5px;height:calc(5px*var(--scale-ratio));z-index:4;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .i-icon.i-icon1[data-v-34ace89a]{top:0;left:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpilM2Y8Z8BAZaxQBkpQHwBiN/BBG4C8VkQgwmIZwHxC5gegAADADUsCBiSDLuzAAAAAElFTkSuQmCC)}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .i-icon.i-icon2[data-v-34ace89a]{top:0;right:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpilM2YsZSBgSGKAQqYgLgGiE2AOAUkwALE96GYE6YCBl4A8SyAAAMA7lsGg3lp/9kAAAAASUVORK5CYII=)}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .i-icon.i-icon3[data-v-34ace89a]{bottom:0;left:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpilM2YMZOBgaEbiO8AMQMTEKcBsQQDFLBAaXUg/g7E72ACc6D0MoAAAwAIjAb1dZ6x5wAAAABJRU5ErkJggg==)}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .i-icon.i-icon4[data-v-34ace89a]{bottom:0;right:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpilM2YwQAFKkBcysSAABJAnMYCJBSBWAiI1UGiIIEWII6CKQMIMACO4QN4al36lAAAAABJRU5ErkJggg==)}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-name[data-v-34ace89a]{margin:14px 0 0;margin:calc(14px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(0px*var(--scale-ratio));height:52px;height:calc(52px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-name .name[data-v-34ace89a]{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:20px;font-size:calc(20px*var(--scale-ratio));line-height:26px;line-height:calc(26px*var(--scale-ratio));color:#fff;width:100%}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon[data-v-34ace89a]{border:2px solid #4d4e5d;border:calc(2px*var(--scale-ratio)) solid #4d4e5d}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .icon-dev[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .icon-dev[data-v-34ace89a]{background:rgba(0,255,254,.6)}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .i-icon1[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .i-icon3[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon1[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon3[data-v-34ace89a]{-webkit-animation:arrowLeft .4s ease;animation:arrowLeft .4s ease}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .i-icon2[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .i-icon4[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon2[data-v-34ace89a],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon4[data-v-34ace89a]{-webkit-animation:arrowRight .4s ease;animation:arrowRight .4s ease}[data-v-5c36b65c]:root{--scale-ratio:1}.imgblock>img[data-v-5c36b65c]{display:block;width:100%;height:100%}.popTips[data-v-5c36b65c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:110}.popTips .tips-main[data-v-5c36b65c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:715px;width:calc(715px*var(--scale-ratio));height:388px;height:calc(388px*var(--scale-ratio));padding:40px;padding:calc(40px*var(--scale-ratio));background:url(/_nuxt/img/bg-tips.2874a3a.png) no-repeat 50%/100% 100%;z-index:101}.popTips .tips-main .btn-close[data-v-5c36b65c]{position:absolute;bottom:-138px;bottom:calc(-138px*var(--scale-ratio));left:50%;margin-left:-40px;margin-left:calc(-40px*var(--scale-ratio));width:80px;width:calc(80px*var(--scale-ratio));height:66px;height:calc(66px*var(--scale-ratio));background:url(/_nuxt/img/btn-close.0e9ccc2.png) no-repeat 50%/100% 100%}.popTips .tips-main .btn-close[data-v-5c36b65c]:hover{transform:rotate(180deg) scale(1.08)}.popTips .tips-main .tips-val[data-v-5c36b65c]{width:670px;width:calc(670px*var(--scale-ratio));height:100%;color:#8cb5d1;font-size:40px;font-size:calc(40px*var(--scale-ratio));line-height:50px;line-height:calc(50px*var(--scale-ratio))}.video-container[data-v-619eef39]{position:relative;width:100%;height:100%;background:transparent;z-index:2}.video-source[data-v-619eef39]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.video-source[data-v-619eef39],.webgl-canvas[data-v-619eef39]{-o-object-fit:cover;object-fit:cover}.webgl-canvas[data-v-619eef39]{display:block;width:100%;height:100%;-o-object-position:center;object-position:center;background:transparent!important}[data-v-1e0ef722]:root{--scale-ratio:1}.imgblock>img[data-v-1e0ef722]{display:block;width:100%;height:100%}.sectionRoleIntro[data-v-1e0ef722]{width:100%;height:1038px;height:calc(1038px*var(--scale-ratio));margin-top:23px;margin-top:calc(23px*var(--scale-ratio));overflow:hidden;position:relative}.sectionRoleIntro .role-img[data-v-1e0ef722]{z-index:2;position:absolute;left:16px;left:calc(16px*var(--scale-ratio));top:0;width:773px;width:calc(773px*var(--scale-ratio));height:1016px;height:calc(1016px*var(--scale-ratio));padding:11px;padding:calc(11px*var(--scale-ratio));overflow:hidden;background:url(https://webcdn.hoolai.com/open/bianxingjingang-west/battleCommander/bg-role.png) no-repeat 50%/100% 100%}.sectionRoleIntro .role-img[data-v-1e0ef722] .webgl-canvas{position:absolute;width:1080px;width:calc(1080px*var(--scale-ratio));height:1080px;height:calc(1080px*var(--scale-ratio));left:50%;bottom:0;bottom:calc(0px*var(--scale-ratio));transform:translateX(-50%);-o-object-fit:inherit;object-fit:inherit}.sectionRoleIntro .role-img .battleCommander-video[data-v-1e0ef722]{overflow:hidden}.sectionRoleIntro .role-img .role-info[data-v-1e0ef722]{position:absolute;z-index:4;width:773px;width:calc(773px*var(--scale-ratio));height:1016px;height:calc(1016px*var(--scale-ratio));top:11px;top:calc(11px*var(--scale-ratio));left:11px;left:calc(11px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi[data-v-1e0ef722]{top:26px;top:calc(26px*var(--scale-ratio));left:26px;left:calc(26px*var(--scale-ratio));position:absolute;width:282px;width:calc(282px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi .top[data-v-1e0ef722]{position:relative;margin-bottom:14px;margin-bottom:calc(14px*var(--scale-ratio));height:75px;height:calc(75px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi .top .faction[data-v-1e0ef722]{top:0;left:0;position:absolute;height:100%}.sectionRoleIntro .role-img .role-info .role-xinxi .top .nameImgIntro[data-v-1e0ef722]{position:absolute;top:0;left:83px;left:calc(83px*var(--scale-ratio));height:47px;height:calc(47px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi .top .star[data-v-1e0ef722]{position:absolute;top:50px;top:calc(50px*var(--scale-ratio));left:83px;left:calc(83px*var(--scale-ratio));height:25px;height:calc(25px*var(--scale-ratio));display:flex}.sectionRoleIntro .role-img .role-info .role-xinxi .top .star em[data-v-1e0ef722]{width:27px;width:calc(27px*var(--scale-ratio));height:100%;margin-right:6px;margin-right:calc(6px*var(--scale-ratio));background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAtCAYAAAA+7zKnAAADFElEQVRogdWZS2xNQRjHf2084hGqUVai3o94piqIENG0idRj0cSjSrSIiHdIWLBQC0uRiAW1ECqxJB5B5G7EQiJ2EkE9IkgkLUGqFmRyvyPj9p5zZubO9PLf3N6Z+eb7de6Zmf/MKemuGE1ATQU6gB8hUpSGJAduA1WhOg8JXwOMBTaEShASvlk+NwIDQiQIBV8ONMjfw4GdIZKEgt8E9Ne+7wmRJCS8rnHAEt9JQsDPBubmKT/uO1EI+C0x5UuBST4T+YYfmueR0XXYZzLf8GuAEQn1zSn1VvINf9CgzV5fyXx6m0rxMWn6Jo9XwfI58gcM2w0BVvpI6GvkS4AuYJhh+0fA/EKTlnqaQKsswJWqPcCX9QOmAZflH+l06ER59SkOcTeBF8BAyzjVfhSwL3psWoDzDgDF0hk1x6IJ2ya737P/AHwzsAvo0Veb5+JL7hQRLEm/gHrgYtQmd6nsBuqAC/8MclafgXnADb0wbp1Xc+BoH4Gl6SUwE3ic2y5pkzoBNBUNOaun8ii/zVeZtsNeApYBXwPBJekh2f0gNreJPcgAs4AnfYKc1RVgkfigWJl6mw45Hd0NCBzptOl1ia0xqwXOOWOlq9XGMru4yu3AIY/AkdTGc8wmwNUS33OMS1LGNsAVPsQl0m7bABc/Pwj4YGmBTaTcaZns8kZyGfnqAOCI1V1oE+ACv94hxlRWO7rLY9MpP28IfQIqTPu1HfkqC/A3QKPlIWcksMC0sS38NsN27XK8bJeYJouJWG8KYwtfk1LfA2yVEf+ulSuDNxG4ZpAj6brwL9nAjwcmJNRn5CDeFlP/DlgtO/TPhH7GADNMgGzg6xLqWsU6vzLoR3mj6Skmr9EEyAZ+R54yZZMX23oSOS/XynzoylO/zqQTU/hy8fS6TolNfmCM3FtqJVK/wq2cmkp5h+sFXvfXH+WGbH8B0LreAyvEL+krUtxLij8yhW+Rz6vAZOB6wci9dVZGO3KXDWkBJvDqRdgceauxFvjiGVrXa5n4R2R1S5y46q4yTYOB5cD9gNC5Oik3yfGXwMBvOFhwvjJ+73EAAAAASUVORK5CYII=) no-repeat 0/100% 100%}.sectionRoleIntro .role-img .role-info .role-xinxi .top .star.kuangpai em[data-v-1e0ef722]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAtCAYAAAA+7zKnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAArlJREFUeNrUmU1IFVEYhsewUov8xZ1lv6aoGaVURBGKgmi1EKz0+pMaIpkpCraoRbVwE4QgLbIWUUYtjVIswo26EMRdEP6LiG3KsDBb6Hu4nzDI1Tln7vnGmQ8er47nnvvce+ec856ZkCfZPwzGOg4mwT+OzncYvNULTnF1zimfAw6AG16Uv0mPpWCXl+RjQBH9HgnqvCRfBnaa/r7jNXlzHQQXvCB/ApwMcPyhF+QrNzl+ERx1s/zeAKeMuVrdLH8VRFtMn9FulW+WaNPgRvlEGqw63qDj8k2S7faAQjfJh4Byhfb3dcnrGECXwT6F9pkgK8jXjArFj2Twht7ITxudiKyeZON5n8A42K34PNE+HtwV8oPgMegE+w3nKpawUx3g3fo5/4JWv++G+0uMrdtgxTxgx2iq63Op9CooAK82m22WQR546TLxRXAafJSZKqt0TWcaagKkgRGVeV4MYt82i3+jU3nWziL1GlwCS9sgPkTrwVIwK2w/SAejDoq/BefAHx3xYJJ2R58dEG+XvVyimm1ywXNG8UcqkdlOMLsFWhjExcLzwIlU+YVBvt+pSMxxEaneCflwUMwgXwHCuOUzFbO7StQ9yy1/nXG28XHLX2OUL+SUFzcKoiTbzoAS2uTIVhw4wyVfI9mui7aXXfQcH8VtmSrgks+x+P8KqKZP/O+GgHcEdEu8RhmH/CFw2GKRSaItZaCaA1dohf6/RT8JIFW3fJ5FJhHReUqiH5GNUixCXolu+doAx0RMPq+aSWi/nEvj4ZfdGU1WPoYyvbmeUkweCGJq7KRvoWfD8UTDfw9Xi7w5Xy8Y/itkjZrm9nmQT3nJPCNV6pKvosf34Bj4wLBAPaNPez1dFumQFzfCMgz/XQ0RyH4zrrDTNPDv0ey25cANlegwAmSDrw7uYdvAsGFxEXhNgAEAACJnFsIdL1kAAAAASUVORK5CYII=) no-repeat 0/100% 100%}.sectionRoleIntro .role-img .role-info .role-xinxi .tips[data-v-1e0ef722]{font-size:28px;font-size:calc(28px*var(--scale-ratio));color:#b6d7ee;line-height:34px;line-height:calc(34px*var(--scale-ratio));font-family:SourceHanSansSC-Light}.sectionRoleIntro .role-img .role-info .role-attribute[data-v-1e0ef722]{position:absolute;width:68px;width:calc(68px*var(--scale-ratio));right:24px;right:calc(24px*var(--scale-ratio));top:25px;top:calc(25px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap[data-v-1e0ef722]{position:absolute;top:5px;top:calc(5px*var(--scale-ratio));right:27px;right:calc(27px*var(--scale-ratio));width:230px;width:calc(230px*var(--scale-ratio));height:1024px;height:calc(1024px*var(--scale-ratio));z-index:10}.sectionRoleIntro .role-group-wrap .btn-bottom[data-v-1e0ef722],.sectionRoleIntro .role-group-wrap .btn-top[data-v-1e0ef722]{position:absolute;width:100%;height:53px;height:calc(53px*var(--scale-ratio));left:0;cursor:pointer}.sectionRoleIntro .role-group-wrap .btn-bottom img[data-v-1e0ef722],.sectionRoleIntro .role-group-wrap .btn-top img[data-v-1e0ef722]{height:100%}.sectionRoleIntro .role-group-wrap .btn-top[data-v-1e0ef722]{top:0;background:url(/_nuxt/img/bg-up.067c4dc.png) no-repeat top/100% 100%}.sectionRoleIntro .role-group-wrap .btn-bottom[data-v-1e0ef722]{bottom:0;background:url(/_nuxt/img/bg-down.da63674.png) no-repeat bottom/100% 100%}.sectionRoleIntro .role-group-wrap .role-group[data-v-1e0ef722]{width:228px;width:calc(228px*var(--scale-ratio));height:920px;height:calc(920px*var(--scale-ratio));border:1px solid #4a9cdc;border:calc(1px*var(--scale-ratio)) solid #4a9cdc;background:#02143f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;overflow:hidden;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 .625rem,#000 calc(100% - .625rem),transparent);mask-image:linear-gradient(180deg,transparent,#000 .625rem,#000 calc(100% - .625rem),transparent)}.sectionRoleIntro .role-group-wrap .role-group .itemContainer[data-v-1e0ef722]{position:absolute;left:0;top:0;padding:0 4px 0 3px;padding:calc(0px*var(--scale-ratio)) calc(4px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(3px*var(--scale-ratio));width:221px;width:calc(221px*var(--scale-ratio));height:100%;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);display:flex}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem[data-v-1e0ef722]{width:203px;width:calc(203px*var(--scale-ratio));height:179px;height:calc(179px*var(--scale-ratio));padding:9px;padding:calc(9px*var(--scale-ratio));flex-shrink:0;transition:transform .3s ease-in-out;position:absolute;cursor:pointer}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .border[data-v-1e0ef722]{position:absolute;top:0;left:0;width:221px;width:calc(221px*var(--scale-ratio));height:197px;height:calc(197px*var(--scale-ratio));z-index:6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0AAADFCAYAAADQQffsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsFJREFUeNrs29GNgkAUQFGY2InlWIaFMBRiGZZjLawffhhXdGDezqI5JzEmagygN2+I0k/T1AHtJIcARAeiA0QHogNEB6IDum737gWH02XJ+w3XW37xfO+Qs1GvfrDO5+N+bBZdYHDvdgy2Kt+Gz9vwrnE2i64kOJOOT5103d33u3ripT8KbrwF9niDrXr2fR2fhDf8d3RzwWWfId+wrPyL8JLgoG14SXDQNrwkOGgbXhIctA0vCQ7ahpcEB23DS4KDuPAOp8sQEZ3gYNnECzunExyUhRcaneCgsgvX00FjogPRgegA0cF3R9c/3AMznZyP+z4iOsDyEkQHiA5EB4gORAeiA0QHogNEB6IDRAeiA9EBogPRAaID0QGiA9GB6ADRgegA0YHoANGB6EB0gOhAdIDoQHSA6EB0IDpAdCA6QHQgOkB0IDoQHSA6EB0gOhAdIDoQHYgOEB2IDhAdiA4QHYgORAeIDkQHiA5EB4gORAeiA0QHogNEB6IDRAeiA9EBogPRAaID0QGiA9GB6ADRgegA0YHoANGB6ADRgehAdIDoQHSA6EB0gOhAdCA6QHQgOkB0IDpAdCA6EB0gOhAdIDoQHSA6EB2IDhAdiA4QHYgOEB2IDkQHiA5EB4gORAeIDkQHogNEB6IDRAeiA0QHogPRAaID0QGiA9EBogPRgegA0YHoANGB6ICa6KaHe2Cmk8PpMkVEB1hegugA0YHogBXRDQ4Z1HWxNLosPPgVXI6ObhQeFAc3RkSXhQdlwZ2P+xwRnfCgbMIVLTOXnNMJDyqDWxqd8BBcZXBrohMegqsIbm10wkNwK4OriU54CG6l2r+BCQ/BLbQL2LB8t4H3jz3bsN7nyEaVXKRdHVxUdHPhrd0x2KKQ4CKjKw3PpOMTJ13RP01K9dNk+EBLrqcD0YHoANGB6ADRgeiAqx8BBgDDIHrSJ6Sz+AAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover[data-v-1e0ef722]{left:10px;left:calc(10px*var(--scale-ratio));top:10px;top:calc(10px*var(--scale-ratio));width:201px;width:calc(201px*var(--scale-ratio));height:177px;height:calc(177px*var(--scale-ratio));position:absolute;z-index:5;background:url(/_nuxt/img/bg-lihui-cover.2304709.png) no-repeat bottom/100% auto}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover img[data-v-1e0ef722]{position:absolute}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover .icon-faction[data-v-1e0ef722]{left:9px;left:calc(9px*var(--scale-ratio));top:10px;top:calc(10px*var(--scale-ratio));width:27px;width:calc(27px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover .icon-shuxing[data-v-1e0ef722]{right:7px;right:calc(7px*var(--scale-ratio));top:10px;top:calc(10px*var(--scale-ratio));width:24px;width:calc(24px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover .nameImg[data-v-1e0ef722]{left:16px;left:calc(16px*var(--scale-ratio));bottom:9px;bottom:calc(9px*var(--scale-ratio));height:33px;height:calc(33px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .icon-image[data-v-1e0ef722]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAC1CAYAAAD8zXvFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApRJREFUeNrs3FFL40AYhtFM8LK34s9N8nPF296PjVit6SSdr0hok3Ngd2F3RSg+vJOxuynn3AD1XsafXtMh8jHd6UfvpWMjxq/lofYvf+Rj0wY/gWDYYjRd5ANawUAsnK/jWRIMnL++bx7VapZGMFicQDSCQTiBaASDcALRCAbhzITTCgZi4UxvzwQD1+GMhtLSCAYqFqcVDMTCSeMbNt/Swbs2ocJ7PqbWywAxtW+jAQoXAYBoQDQgGnARAJYGEA2IBjzTgKUB0YBoANGAiwCwNPCcS2NrwNKAZxqwNCAaEA3gmQYsDYgGHM/A0oBoANGAZxqwNCAacDwDLA2IBkQDnmnA0oBoAMczsDQgGnA8A0sDWBqwNGBpwNKApQFLA1gasDRgacDSgKUBLA1YGrA0YGlANOB45iUASwOWBiwNWBqwNIBowPEMLA2IBhzPAEsDlgYsDYgGHM/A0gCiAdGAZxqwNCAawPEMLA1YGrA0IBpwPAMsDYgGHM/A0sCWo8leCXA8A8czEA2IBjzTAJYGRAOigcePpvHNTQgujakBxzMQDYgGRAO74B0BYGlglWh8nwYsDYgGRAOigT1w5QyWBlaJxpUzWBoQDYgGRAOiAUQD/xSNK2eo5R0B4HgGogHRgGhANMByNMmVM1gaEA2IBp6SdwSApYFVonF7BpYGRAOiAdGAaIArvk8D9y2NK2dwPAPRgGhANLAHbs/A0sAq0bhyBksDooHHimY4/dJ5OWDR2MnP7Vl//g1gNph+ejzrv//Q4sBMMKVnGuHAQjC/0fz9b2mFAzPBXD7TTHnGQTCFYErHM4sDC8HcikY4CKag5g2bjmoIJrA0FgfB3BmNcBBM4HjmqIZgLqSc/bMAiPgUYADcPUwLfO6s1QAAAABJRU5ErkJggg==);width:203px;width:calc(203px*var(--scale-ratio));height:179px;height:calc(179px*var(--scale-ratio));background-repeat:no-repeat;background-size:100% 100%;background-position:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:4;overflow:hidden;border-radius:12px;border-radius:calc(12px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .icon-image>img[data-v-1e0ef722]{width:100%;border-radius:12px;border-radius:calc(12px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem.switchItem-active .border[data-v-1e0ef722]{background:url(/_nuxt/img/select-kuang.41cb64d.png) no-repeat 50%/100% 100%}[data-v-18d12736]:root{--scale-ratio:1}.imgblock>img[data-v-18d12736]{display:block;width:100%;height:100%}.yourTeamWrap[data-v-18d12736]{z-index:6;position:relative;width:1028px;width:calc(1028px*var(--scale-ratio));height:364px;height:calc(364px*var(--scale-ratio));margin-top:5px;margin-top:calc(5px*var(--scale-ratio));padding-top:5px;padding-top:calc(5px*var(--scale-ratio));background:url(/_nuxt/img/bg-team.426ddb3.png) no-repeat 50%/100% 100%}.yourTeamWrap .team-top[data-v-18d12736]{width:1010px;width:calc(1010px*var(--scale-ratio));height:44px;height:calc(44px*var(--scale-ratio));padding-bottom:2px;padding-bottom:calc(2px*var(--scale-ratio));background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/EAAAACCAYAAAAQL1y/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNrsWdttxDAMs5LFbpeO0dlj9Qo0gMBSj9w3CRiRZVp+G2Fir6/v9cbxTvb3vG1L/OhDPqaTxIg+tI8kGZSfxIcxqrisXSNxrOkX62dVVs3dSTjTvA3yzB/XfwFnBR/jLMgbcBbhLRK7szueF/UynyAIgiAIgiBEeHhv9IbX2XceYzpwncTIOL9pE+5O6t5l0b/Bh5zK3sG+QjsbUuRg3Svh7lAncjHGRfgs7ib1L/BX/IqD7VV9vgbzUs0dm38/iCCrNqo1m5hxHNKTQ+QfHj5/eEgXEaRMrLKxduPrLgJr2szyDutiZJ26ywEvFWv65s18VfsiE90T2ODinOxjQRAEQRAEQXiiDSqd0emglQj47j3WijZtzX92TdvrPmJ4MdZMA/niP/qmejPTnzbUH5P+Tz7YZDqr0nv2YL0m/n978EeAAQDy/c0tmLh7VwAAAABJRU5ErkJggg==) no-repeat bottom/auto 2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/EAAAACCAYAAAAQL1y/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNrsWdttxDAMs5LFbpeO0dlj9Qo0gMBSj9w3CRiRZVp+G2Fir6/v9cbxTvb3vG1L/OhDPqaTxIg+tI8kGZSfxIcxqrisXSNxrOkX62dVVs3dSTjTvA3yzB/XfwFnBR/jLMgbcBbhLRK7szueF/UynyAIgiAIgiBEeHhv9IbX2XceYzpwncTIOL9pE+5O6t5l0b/Bh5zK3sG+QjsbUuRg3Svh7lAncjHGRfgs7ib1L/BX/IqD7VV9vgbzUs0dm38/iCCrNqo1m5hxHNKTQ+QfHj5/eEgXEaRMrLKxduPrLgJr2szyDutiZJ26ywEvFWv65s18VfsiE90T2ODinOxjQRAEQRAEQXiiDSqd0emglQj47j3WijZtzX92TdvrPmJ4MdZMA/niP/qmejPTnzbUH5P+Tz7YZDqr0nv2YL0m/n978EeAAQDy/c0tmLh7VwAAAABJRU5ErkJggg==) no-repeat bottom/auto calc(2px*var(--scale-ratio));display:flex;justify-content:space-between;align-items:center}.yourTeamWrap .team-top .title[data-v-18d12736]{height:41px;height:calc(41px*var(--scale-ratio))}.yourTeamWrap .team-top .num[data-v-18d12736]{font-size:30px;font-size:calc(30px*var(--scale-ratio));color:#8cb5d1;margin-right:22px;margin-right:calc(22px*var(--scale-ratio));line-height:40px;line-height:calc(40px*var(--scale-ratio));font-weight:700}.yourTeamWrap .team-list[data-v-18d12736]{width:990px;width:calc(990px*var(--scale-ratio));height:279px;height:calc(279px*var(--scale-ratio));margin-top:22px;margin-top:calc(22px*var(--scale-ratio))}.yourTeamWrap .team-list .team-item-div[data-v-18d12736]{flex-shrink:0;width:175px;width:calc(175px*var(--scale-ratio));height:264px;height:calc(264px*var(--scale-ratio));padding:8px 5px 7px 6px;padding:calc(8px*var(--scale-ratio)) calc(5px*var(--scale-ratio)) calc(7px*var(--scale-ratio)) calc(6px*var(--scale-ratio));position:relative;margin:0 6px 0 5px;margin:calc(0px*var(--scale-ratio)) calc(6px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(5px*var(--scale-ratio));cursor:pointer;background:url(/_nuxt/img/bg-team-item-normal.cf966dc.png) no-repeat 50%/100% 100%}.yourTeamWrap .team-list .team-item-div .cover[data-v-18d12736]{position:absolute;top:0;left:0;width:186px;width:calc(186px*var(--scale-ratio));height:279px;height:calc(279px*var(--scale-ratio));z-index:5;background:url(/_nuxt/img/bg-team-item-cover.6d20f8d.png) no-repeat bottom/100% 100%}.yourTeamWrap .team-list .team-item-div .cover .dingwei[data-v-18d12736]{top:16px;top:calc(16px*var(--scale-ratio));left:14px;left:calc(14px*var(--scale-ratio));width:27px;width:calc(27px*var(--scale-ratio));position:absolute}.yourTeamWrap .team-list .team-item-div .cover .name[data-v-18d12736]{bottom:57px;bottom:calc(57px*var(--scale-ratio));height:36px;height:calc(36px*var(--scale-ratio));position:absolute;left:50%;transform:translateX(-50%)}.yourTeamWrap .team-list .team-item-div .cover .star[data-v-18d12736]{position:absolute;bottom:27px;bottom:calc(27px*var(--scale-ratio));width:100%;left:0;height:20px;height:calc(20px*var(--scale-ratio))}.yourTeamWrap .team-list .team-item-div .cover .star em[data-v-18d12736]{width:20px;width:calc(20px*var(--scale-ratio));height:100%;margin:0 2px;margin:calc(0px*var(--scale-ratio)) calc(2px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(2px*var(--scale-ratio));background:url(/_nuxt/img/icon-star1.234d71e.png) no-repeat 50%/auto 100%}.yourTeamWrap .team-list .team-item-div .img-div[data-v-18d12736]{width:175px;width:calc(175px*var(--scale-ratio));height:264px;height:calc(264px*var(--scale-ratio));position:absolute;top:8px;top:calc(8px*var(--scale-ratio));left:6px;left:calc(6px*var(--scale-ratio));z-index:3;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/_nuxt/img/bg-team-item-kuangpai.7029748.png)}.yourTeamWrap .team-list .team-item-div .img-div img[data-v-18d12736]{width:100%;position:absolute;bottom:0;left:0}[data-v-b86fa714]:root{--scale-ratio:1}.imgblock>img[data-v-b86fa714]{display:block;width:100%;height:100%}.pageSelectComplate[data-v-b86fa714]{background:url(https://webcdn.hoolai.com/open/bianxingjingang-west/battleCommander/bg.jpg) no-repeat 50%/cover}.pageSelectComplate .index-top[data-v-b86fa714]{width:100%;position:relative;padding-top:30px;padding-top:calc(30px*var(--scale-ratio))}.pageSelectComplate .index-top .logo[data-v-b86fa714]{height:79px;height:calc(79px*var(--scale-ratio));margin:0 auto}.pageSelectComplate .index-top .slogan[data-v-b86fa714]{height:131px;height:calc(131px*var(--scale-ratio));margin:24px auto 0;margin:calc(24px*var(--scale-ratio)) auto calc(0px*var(--scale-ratio)) auto}.pageSelectComplate .index-top[data-v-b86fa714]:after,.pageSelectComplate .index-top[data-v-b86fa714]:before{position:absolute;top:0;content:"";width:395px;width:calc(395px*var(--scale-ratio));height:222px;height:calc(222px*var(--scale-ratio))}.pageSelectComplate .index-top[data-v-b86fa714]:before{left:0;background:url(/_nuxt/img/index-left-top.51a4351.png) no-repeat 0 0/auto 100%}.pageSelectComplate .index-top[data-v-b86fa714]:after{right:0;background:url(/_nuxt/img/index-right-top.cb0b6a3.png) no-repeat 100% 0/auto 100%}.pageSelectComplate .team-name-wrap[data-v-b86fa714]{margin-top:32px;margin-top:calc(32px*var(--scale-ratio));width:1034px;width:calc(1034px*var(--scale-ratio));position:relative;z-index:6}.pageSelectComplate .team-name-wrap .team-name-main .title-team-name[data-v-b86fa714]{height:41px;height:calc(41px*var(--scale-ratio))}.pageSelectComplate .team-name-wrap .team-name-main .name-input-con[data-v-b86fa714]{width:452px;width:calc(452px*var(--scale-ratio));height:50px;height:calc(50px*var(--scale-ratio));margin:9px 0 0 6px;margin:calc(9px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(6px*var(--scale-ratio));padding:10px;padding:calc(10px*var(--scale-ratio));background:#8cb5d1}.pageSelectComplate .team-name-wrap .team-name-main .name-input-con .name-txt[data-v-b86fa714]{background:none;border:none;color:#5f4818;font-size:36px;font-size:calc(36px*var(--scale-ratio));line-height:50px;line-height:calc(50px*var(--scale-ratio))}.pageSelectComplate .team-name-wrap .btn-confirm[data-v-b86fa714]{width:526px;width:calc(526px*var(--scale-ratio));height:126px;height:calc(126px*var(--scale-ratio));margin-right:5px;margin-right:calc(5px*var(--scale-ratio));position:relative;-webkit-animation:btnFcOpacity 2s ease-in-out 1.2s infinite normal none running;animation:btnFcOpacity 2s ease-in-out 1.2s infinite normal none running}.pageSelectComplate .team-name-wrap .btn-confirm[data-v-b86fa714]:after{position:absolute;content:"";right:26px;right:calc(26px*var(--scale-ratio));top:50%;margin-top:-25px;margin-top:calc(-25px*var(--scale-ratio));width:52px;width:calc(52px*var(--scale-ratio));height:50px;height:calc(50px*var(--scale-ratio));background:url(/_nuxt/img/icon-jiantou.9621b28.png) no-repeat 100%/100% auto;z-index:3}.pageSelectComplate .team-name-wrap .btn-confirm img[data-v-b86fa714]{width:100%;position:relative;z-index:2}.pageSelectComplate .banquan-bottom[data-v-b86fa714]{position:absolute;bottom:0;left:0;width:100%;z-index:4}