@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:calc(1016px*var(--scale-ratio));position:absolute;height:100%;top:0;z-index:6;overflow-x:hidden}.pageIndex .logo{top:calc(27px*var(--scale-ratio));height:calc(65px*var(--scale-ratio))}.pageIndex .slogan-index{height:calc(358px*var(--scale-ratio));top:calc(265px*var(--scale-ratio));animation:slideInLeftToCenter .6s ease-out both;animation-delay:0s}.pageIndex .slogan-small{height:calc(140px*var(--scale-ratio));top:calc(670px*var(--scale-ratio));animation:slideInLeftToCenter .6s ease-out both;animation-delay:.2s}.pageIndex .step-con{top:calc(929px*var(--scale-ratio))}.pageIndex .step-con img{height:calc(185px*var(--scale-ratio));margin:calc(0px*var(--scale-ratio)) auto calc(16px*var(--scale-ratio)) auto;animation:slideTranslateRight .6s ease-out both}.pageIndex .step-con img.step-img1{animation-delay:.4s}.pageIndex .step-con img.step-img2{animation-delay:.6s}.pageIndex .step-con img.step-img3{animation-delay:.8s}.pageIndex .btn-enter{z-index:10;bottom:calc(60px*var(--scale-ratio));height:calc(262px*var(--scale-ratio));transform-origin:50% 85%;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%}.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;object-fit:cover}.webgl-canvas[data-v-619eef39]{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:transparent!important}[data-v-6d247d22]:root{--scale-ratio:1}.sectionRoleIntro[data-v-6d247d22]{width:100%;height:calc(1038px*var(--scale-ratio));margin-top:calc(23px*var(--scale-ratio));overflow:hidden;position:relative}.sectionRoleIntro .role-img[data-v-6d247d22]{z-index:2;position:absolute;left:calc(16px*var(--scale-ratio));top:0;width:calc(773px*var(--scale-ratio));height:calc(1016px*var(--scale-ratio));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-6d247d22] .webgl-canvas{position:absolute;width:calc(1080px*var(--scale-ratio));height:calc(1080px*var(--scale-ratio));left:50%;bottom:calc(0px*var(--scale-ratio));transform:translateX(-50%);object-fit:inherit}.sectionRoleIntro .role-img .battleCommander-video[data-v-6d247d22]{overflow:hidden}.sectionRoleIntro .role-img .role-info[data-v-6d247d22]{position:absolute;z-index:4;width:calc(773px*var(--scale-ratio));height:calc(1016px*var(--scale-ratio));top:calc(11px*var(--scale-ratio));left:calc(11px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi[data-v-6d247d22]{top:calc(26px*var(--scale-ratio));left:calc(26px*var(--scale-ratio));position:absolute;width:calc(282px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi .top[data-v-6d247d22]{position:relative;margin-bottom:calc(14px*var(--scale-ratio));height:calc(75px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi .top .faction[data-v-6d247d22]{top:0;left:0;position:absolute;height:100%}.sectionRoleIntro .role-img .role-info .role-xinxi .top .nameImgIntro[data-v-6d247d22]{position:absolute;top:0;left:calc(83px*var(--scale-ratio));height:calc(37px*var(--scale-ratio))}.sectionRoleIntro .role-img .role-info .role-xinxi .top .star[data-v-6d247d22]{position:absolute;top:calc(45px*var(--scale-ratio));left:calc(83px*var(--scale-ratio));height:calc(25px*var(--scale-ratio));display:flex}.sectionRoleIntro .role-img .role-info .role-xinxi .top .star em[data-v-6d247d22]{width:calc(27px*var(--scale-ratio));height:100%;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-6d247d22]{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-6d247d22]{font-size:calc(28px*var(--scale-ratio));color:#b6d7ee;line-height:calc(34px*var(--scale-ratio));font-family:SourceHanSansSC-Light}.sectionRoleIntro .role-img .role-info .role-attribute[data-v-6d247d22]{position:absolute;width:calc(68px*var(--scale-ratio));right:calc(24px*var(--scale-ratio));top:calc(25px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap[data-v-6d247d22]{position:absolute;top:calc(5px*var(--scale-ratio));right:calc(27px*var(--scale-ratio));width:calc(230px*var(--scale-ratio));height:calc(1024px*var(--scale-ratio));z-index:10}.sectionRoleIntro .role-group-wrap .btn-bottom[data-v-6d247d22],.sectionRoleIntro .role-group-wrap .btn-top[data-v-6d247d22]{position:absolute;width:100%;height:calc(53px*var(--scale-ratio));left:0;cursor:pointer}.sectionRoleIntro .role-group-wrap .btn-bottom img[data-v-6d247d22],.sectionRoleIntro .role-group-wrap .btn-top img[data-v-6d247d22]{height:100%}.sectionRoleIntro .role-group-wrap .btn-top[data-v-6d247d22]{top:0;background:url(/_nuxt/img/bg-up.067c4dc.png) no-repeat top/100% 100%}.sectionRoleIntro .role-group-wrap .btn-bottom[data-v-6d247d22]{bottom:0;background:url(/_nuxt/img/bg-down.da63674.png) no-repeat bottom/100% 100%}.sectionRoleIntro .role-group-wrap .role-group[data-v-6d247d22]{width:calc(228px*var(--scale-ratio));height:calc(920px*var(--scale-ratio));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;user-select:none;-webkit-user-select:none;touch-action:none;mask-image:linear-gradient(180deg,transparent,#000 .625rem,#000 calc(100% - .625rem),transparent)}.sectionRoleIntro .role-group-wrap .role-group .itemContainer[data-v-6d247d22]{position:absolute;left:0;top:0;padding:calc(0px*var(--scale-ratio)) calc(4px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(3px*var(--scale-ratio));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-6d247d22]{width:calc(203px*var(--scale-ratio));height:calc(179px*var(--scale-ratio));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-6d247d22]{position:absolute;top:0;left:0;width:calc(221px*var(--scale-ratio));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-6d247d22]{left:calc(10px*var(--scale-ratio));top:calc(10px*var(--scale-ratio));width:calc(201px*var(--scale-ratio));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-6d247d22]{position:absolute}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover .icon-faction[data-v-6d247d22]{left:calc(9px*var(--scale-ratio));top:calc(10px*var(--scale-ratio));width:calc(27px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover .icon-shuxing[data-v-6d247d22]{right:calc(7px*var(--scale-ratio));top:calc(10px*var(--scale-ratio));width:calc(24px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .cover .nameImg[data-v-6d247d22]{left:calc(16px*var(--scale-ratio));bottom:calc(9px*var(--scale-ratio));height:calc(20px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .icon-image[data-v-6d247d22]{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:calc(203px*var(--scale-ratio));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:calc(12px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem .icon-image>img[data-v-6d247d22]{width:100%;border-radius:calc(12px*var(--scale-ratio))}.sectionRoleIntro .role-group-wrap .role-group .itemContainer .switchItem.switchItem-active .border[data-v-6d247d22]{background:url(/_nuxt/img/select-kuang.41cb64d.png) no-repeat 50%/100% 100%}[data-v-975cbd44]:root{--scale-ratio:1}.yourTeamWrap[data-v-975cbd44]{z-index:6;position:relative;width:calc(1028px*var(--scale-ratio));height:calc(364px*var(--scale-ratio));margin-top:calc(5px*var(--scale-ratio));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-975cbd44]{width:calc(1010px*var(--scale-ratio));height:calc(44px*var(--scale-ratio));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 calc(2px*var(--scale-ratio));display:flex;justify-content:space-between;align-items:center}.yourTeamWrap .team-top .title[data-v-975cbd44]{height:calc(41px*var(--scale-ratio))}.yourTeamWrap .team-top .num[data-v-975cbd44]{font-size:calc(30px*var(--scale-ratio));color:#8cb5d1;margin-right:calc(22px*var(--scale-ratio));line-height:calc(40px*var(--scale-ratio));font-weight:700}.yourTeamWrap .team-list[data-v-975cbd44]{width:calc(990px*var(--scale-ratio));height:calc(279px*var(--scale-ratio));margin-top:calc(22px*var(--scale-ratio))}.yourTeamWrap .team-list .team-item-div[data-v-975cbd44]{flex-shrink:0;width:calc(175px*var(--scale-ratio));height:calc(264px*var(--scale-ratio));padding:calc(8px*var(--scale-ratio)) calc(5px*var(--scale-ratio)) calc(7px*var(--scale-ratio)) calc(6px*var(--scale-ratio));position:relative;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-975cbd44]{position:absolute;top:0;left:0;width:calc(186px*var(--scale-ratio));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-975cbd44]{top:calc(16px*var(--scale-ratio));left:calc(14px*var(--scale-ratio));width:calc(27px*var(--scale-ratio));position:absolute}.yourTeamWrap .team-list .team-item-div .cover .name[data-v-975cbd44]{bottom:calc(57px*var(--scale-ratio));height:calc(19px*var(--scale-ratio));position:absolute;left:50%;transform:translateX(-50%)}.yourTeamWrap .team-list .team-item-div .cover .star[data-v-975cbd44]{position:absolute;bottom:calc(27px*var(--scale-ratio));width:100%;left:0;height:calc(20px*var(--scale-ratio))}.yourTeamWrap .team-list .team-item-div .cover .star em[data-v-975cbd44]{width:calc(20px*var(--scale-ratio));height:100%;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-975cbd44]{width:calc(175px*var(--scale-ratio));height:calc(264px*var(--scale-ratio));position:absolute;top:calc(8px*var(--scale-ratio));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-975cbd44]{width:100%;position:absolute;bottom:0;left:0}[data-v-86ef665c]:root{--scale-ratio:1}.pageSelectComplate[data-v-86ef665c]{background:url(https://webcdn.hoolai.com/open/bianxingjingang-west/battleCommander/bg.jpg) no-repeat 50%/cover}.pageSelectComplate .index-top[data-v-86ef665c]{width:100%;position:relative;padding-top:calc(30px*var(--scale-ratio))}.pageSelectComplate .index-top .logo[data-v-86ef665c]{height:calc(65px*var(--scale-ratio));margin:0 auto}.pageSelectComplate .index-top .slogan[data-v-86ef665c]{height:calc(131px*var(--scale-ratio));margin:calc(24px*var(--scale-ratio)) auto calc(0px*var(--scale-ratio)) auto}.pageSelectComplate .index-top[data-v-86ef665c]:after,.pageSelectComplate .index-top[data-v-86ef665c]:before{position:absolute;top:0;content:"";width:calc(395px*var(--scale-ratio));height:calc(222px*var(--scale-ratio))}.pageSelectComplate .index-top[data-v-86ef665c]:before{left:0;background:url(/_nuxt/img/index-left-top.51a4351.png) no-repeat 0 0/auto 100%}.pageSelectComplate .index-top[data-v-86ef665c]:after{right:0;background:url(/_nuxt/img/index-right-top.cb0b6a3.png) no-repeat 100% 0/auto 100%}.pageSelectComplate .team-name-wrap[data-v-86ef665c]{margin-top:calc(32px*var(--scale-ratio));width:calc(1034px*var(--scale-ratio));position:relative;z-index:6}.pageSelectComplate .team-name-wrap .team-name-main .title-team-name[data-v-86ef665c]{height:calc(41px*var(--scale-ratio))}.pageSelectComplate .team-name-wrap .team-name-main .name-input-con[data-v-86ef665c]{width:calc(452px*var(--scale-ratio));height:calc(50px*var(--scale-ratio));margin:calc(9px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(6px*var(--scale-ratio));padding:calc(10px*var(--scale-ratio));background:#8cb5d1}.pageSelectComplate .team-name-wrap .team-name-main .name-input-con .name-txt[data-v-86ef665c]{background:none;border:none;color:#5f4818;font-size:calc(36px*var(--scale-ratio));line-height:calc(50px*var(--scale-ratio))}.pageSelectComplate .team-name-wrap .btn-confirm[data-v-86ef665c]{width:calc(526px*var(--scale-ratio));height:calc(126px*var(--scale-ratio));margin-right:calc(5px*var(--scale-ratio));position:relative;animation:btnFcOpacity 2s ease-in-out 1.2s infinite normal none running}.pageSelectComplate .team-name-wrap .btn-confirm[data-v-86ef665c]:after{position:absolute;content:"";right:calc(26px*var(--scale-ratio));top:50%;margin-top:calc(-25px*var(--scale-ratio));width:calc(52px*var(--scale-ratio));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-86ef665c]{width:100%;position:relative;z-index:2}.pageSelectComplate .banquan-bottom[data-v-86ef665c]{position:absolute;bottom:0;left:0;width:100%;z-index:4}.absoluteSty[data-v-24b7643b]{position:absolute}.imgblock>img[data-v-24b7643b]{width:100%;height:100%}.btn-click[data-v-24b7643b]{width:21.66666667rem;height:100%;position:relative;overflow:hidden;display:block}.btn-click>img[data-v-24b7643b]{height:100%;width:100%}.btn-click .animate-sg[data-v-24b7643b]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-o-border-radius:.5rem;-ms-border-radius:.5rem;border-radius:.5rem}.btn-click .animate-sg .sg[data-v-24b7643b]{z-index:2;width:100%;height:100%;content:"";background:linear-gradient(120deg,transparent,transparent,hsla(0,0%,100%,.4),transparent,transparent);transition:all .65s;-webkit-animation:sg 2s linear infinite;-moz-animation:2s linear infinite sg;-o-animation:2s linear infinite sg;animation:sg 2s linear infinite;position:absolute;top:0;left:-100%}@media screen and (max-width:1080px){[data-v-24b7643b]:root{--scale-ratio:1}.btn-click[data-v-24b7643b]{width:calc(414px*var(--scale-ratio))}}.result-common-wrap[data-v-2d6aa60e]{position:relative;width:100%;height:100%}:root{--scale-ratio:1}.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;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:思源黑体 CN Heavy;white-space:nowrap}.pageResultBattle .saveResult .result-main .factionAnalysis .protocol,.pageResultBattle .saveResultShare .result-main .factionAnalysis .protocol{top:0;background:url(/_nuxt/img/border-protocol.875adc7.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.c849a79.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.1bd386d.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.de8da6f.png) no-repeat 50%/100% 100%;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{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.5f399a2.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.563a252.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{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:518px}.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:49px 30px 6px;width:784px;height:88px;line-height:28px;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:18px}.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:19px}.pageResultBattle .saveResultShare .result-main .activationNotice .notice-tit{height:40px}.pageResultBattle .saveResultShare .result-main .activationNotice .notice{margin-top:16px;height:130px;line-height:36px;font-size:28px}.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;width:512px;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}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .shuxing{left:41px;top:54px;width:68px}.pageResultBattle .saveResultShare .result-main .result-bottom-wrap .commandProfile .dingwei{color:#8cb5d1;top:54px;left:130px;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}.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:calc(76px*var(--scale-ratio));margin-bottom:calc(11px*var(--scale-ratio))}.pageResultBattle .saveResult .result-top:after,.pageResultBattle .saveResult .result-top:before{width:calc(450px*var(--scale-ratio));height:calc(192px*var(--scale-ratio))}.pageResultBattle .saveResult .result-top .result-slogan{height:calc(152px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main{padding-top:calc(98px*var(--scale-ratio));width:calc(1049px*var(--scale-ratio));height:calc(1253px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .zhang{width:calc(184px*var(--scale-ratio));top:calc(50px*var(--scale-ratio));right:calc(74px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-title{height:calc(92px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis{margin-top:calc(41px*var(--scale-ratio));width:calc(844px*var(--scale-ratio));height:calc(518px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .zhenying-img{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:calc(49px*var(--scale-ratio)) calc(8px*var(--scale-ratio)) calc(8px*var(--scale-ratio)) calc(19px*var(--scale-ratio));width:calc(514px*var(--scale-ratio));height:calc(56px*var(--scale-ratio));line-height:calc(56px*var(--scale-ratio));font-size:calc(42px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .teamName{top:calc(125px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating{top:calc(250px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating .dengji{width:calc(98px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating em{margin-right:calc(25px*var(--scale-ratio));width:calc(1px*var(--scale-ratio));height:calc(46px*var(--scale-ratio));background:#31425f}.pageResultBattle .saveResult .result-main .factionAnalysis .tacticalRating img{height:calc(43px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .factionAnalysis .commanderEvaluation{padding:calc(49px*var(--scale-ratio)) calc(30px*var(--scale-ratio)) calc(6px*var(--scale-ratio)) calc(30px*var(--scale-ratio));width:calc(784px*var(--scale-ratio));height:calc(88px*var(--scale-ratio));line-height:calc(28px*var(--scale-ratio));font-size:calc(28px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team{width:calc(925px*var(--scale-ratio));height:calc(323px*var(--scale-ratio));margin-top:calc(25px*var(--scale-ratio));padding-top:calc(9px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-top{width:calc(889px*var(--scale-ratio));height:calc(36px*var(--scale-ratio));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 calc(2px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-top .title{height:calc(36px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-top .num{font-size:calc(30px*var(--scale-ratio));margin-right:calc(10px*var(--scale-ratio));line-height:calc(36px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list{width:calc(930px*var(--scale-ratio));height:calc(243px*var(--scale-ratio));margin-top:calc(16px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div{width:calc(146px*var(--scale-ratio));height:calc(223px*var(--scale-ratio));padding:calc(10px*var(--scale-ratio)) calc(8px*var(--scale-ratio)) calc(10px*var(--scale-ratio)) calc(8px*var(--scale-ratio));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:calc(162px*var(--scale-ratio));height:calc(251px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .dingwei{top:calc(24px*var(--scale-ratio));left:calc(12px*var(--scale-ratio));width:calc(24px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .name{bottom:calc(50px*var(--scale-ratio));height:calc(18px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star{bottom:calc(23px*var(--scale-ratio));height:calc(18px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .select-team .team-list .team-item-div .cover .star em{width:calc(18px*var(--scale-ratio));height:100%;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:calc(146px*var(--scale-ratio));height:calc(223px*var(--scale-ratio));top:calc(10px*var(--scale-ratio));left:calc(8px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .activationNotice{margin-top:calc(19px*var(--scale-ratio));width:calc(868px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .activationNotice .notice-tit{height:calc(40px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .activationNotice .notice{margin-top:calc(16px*var(--scale-ratio));height:calc(130px*var(--scale-ratio));line-height:calc(36px*var(--scale-ratio));font-size:calc(28px*var(--scale-ratio));overflow-y:auto;overflow-x:hidden}.pageResultBattle .saveResult .result-main .result-bottom-wrap{bottom:calc(-156px*var(--scale-ratio));width:calc(1032px*var(--scale-ratio));height:calc(181px*var(--scale-ratio));margin-left:calc(-516px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile,.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment{top:calc(8px*var(--scale-ratio));width:calc(512px*var(--scale-ratio));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:calc(50px*var(--scale-ratio));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:calc(24px*var(--scale-ratio));top:calc(22px*var(--scale-ratio));left:calc(32px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile{left:calc(9px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .shuxing{left:calc(41px*var(--scale-ratio));top:calc(54px*var(--scale-ratio));width:calc(68px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .dingwei{top:calc(54px*var(--scale-ratio));left:calc(130px*var(--scale-ratio));line-height:calc(32px*var(--scale-ratio));color:#8cb5d1;font-size:calc(29px*var(--scale-ratio));white-space:nowrap}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .ms{left:calc(130px*var(--scale-ratio));top:calc(90px*var(--scale-ratio));line-height:calc(24px*var(--scale-ratio));color:#8cb5d1;font-size:calc(18px*var(--scale-ratio));width:calc(244px*var(--scale-ratio));text-transform:lowercase}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile em{left:calc(355px*var(--scale-ratio));top:calc(93px*var(--scale-ratio));width:calc(1px*var(--scale-ratio));height:calc(43px*var(--scale-ratio));background:#8cb5d1}.pageResultBattle .saveResult .result-main .result-bottom-wrap .commandProfile .fenshu{left:calc(378px*var(--scale-ratio));top:calc(88px*var(--scale-ratio));line-height:calc(50px*var(--scale-ratio));color:#ffc443;font-size:calc(50px*var(--scale-ratio));font-family:思源黑体 CN Heavy}.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment{right:calc(8px*var(--scale-ratio))}.pageResultBattle .saveResult .result-main .result-bottom-wrap .currentAssignment .con{width:calc(290px*var(--scale-ratio));top:calc(60px*var(--scale-ratio));left:calc(32px*var(--scale-ratio))}.pageResultBattle .saveResult .result-border-bottom{height:calc(504px*var(--scale-ratio))}.pageResultBattle .result-btn-wrap{position:absolute;bottom:calc(57px*var(--scale-ratio));left:calc(40px*var(--scale-ratio));width:calc(1000px*var(--scale-ratio));z-index:12;height:calc(83px*var(--scale-ratio))}.pageResultBattle .result-btn-wrap .result-btn-common{width:calc(280px*var(--scale-ratio));height:100%;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:calc(51px*var(--scale-ratio));height:calc(49px*var(--scale-ratio));margin-left:calc(20px*var(--scale-ratio));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-784b7e3e]:root{--scale-ratio:1}.popTips[data-v-784b7e3e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:110}.popTips .tips-main[data-v-784b7e3e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(715px*var(--scale-ratio));height:calc(388px*var(--scale-ratio));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-784b7e3e]{position:absolute;bottom:calc(-138px*var(--scale-ratio));left:50%;margin-left:calc(-40px*var(--scale-ratio));width:calc(80px*var(--scale-ratio));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-784b7e3e]:hover{transform:rotate(180deg) scale(1.08)}.popTips .tips-main .tips-val[data-v-784b7e3e]{width:calc(670px*var(--scale-ratio));height:100%;color:#8cb5d1;font-size:calc(40px*var(--scale-ratio));line-height:calc(50px*var(--scale-ratio))}[data-v-1cda2f34]:root{--scale-ratio:1}.popTips[data-v-1cda2f34]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:100}.popTips .tips-main[data-v-1cda2f34]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(715px*var(--scale-ratio));height:calc(388px*var(--scale-ratio));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-1cda2f34]{position:absolute;bottom:calc(-138px*var(--scale-ratio));left:50%;margin-left:calc(-40px*var(--scale-ratio));width:calc(80px*var(--scale-ratio));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-1cda2f34]:hover{transform:rotate(180deg) scale(1.08)}.popTips .tips-main .tips-val[data-v-1cda2f34]{width:100%;height:100%;color:#8cb5d1;font-size:calc(40px*var(--scale-ratio));line-height:calc(50px*var(--scale-ratio));flex-direction:column}.popTips .tips-main .tips-val .share-platforms[data-v-1cda2f34]{margin-top:calc(30px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main[data-v-1cda2f34]{margin:calc(0px*var(--scale-ratio)) calc(6px*var(--scale-ratio)) calc(10px*var(--scale-ratio)) calc(6px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div[data-v-1cda2f34]{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-1cda2f34]{position:relative;width:calc(60px*var(--scale-ratio));height:calc(60px*var(--scale-ratio));padding:calc(4px*var(--scale-ratio));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-1cda2f34]{width:calc(60px*var(--scale-ratio));height:calc(60px*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-1cda2f34]{height:calc(40px*var(--scale-ratio))}.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div .share-item-icon .i-icon[data-v-1cda2f34]{position:absolute;display:block;width:calc(5px*var(--scale-ratio));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-1cda2f34]{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-1cda2f34]{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-1cda2f34]{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-1cda2f34]{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-1cda2f34]{margin:calc(14px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(0px*var(--scale-ratio)) calc(0px*var(--scale-ratio));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-1cda2f34]{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:calc(20px*var(--scale-ratio));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-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon[data-v-1cda2f34]{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-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .icon-dev[data-v-1cda2f34]{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-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .i-icon3[data-v-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon1[data-v-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon3[data-v-1cda2f34]{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-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div.active .share-item-icon .i-icon4[data-v-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon2[data-v-1cda2f34],.popTips .tips-main .tips-val .share-platforms .share-item-div-main .share-item-div:hover .share-item-icon .i-icon4[data-v-1cda2f34]{animation:arrowRight .4s ease}[data-v-375d3110]:root{--scale-ratio:1}.sectionViewer[data-v-375d3110]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;background:url(https://webcdn.hoolai.com/open/bianxingjingang-west/battleCommander/bg.jpg) no-repeat 50%/cover}.sectionViewer .pageCommonStyle[data-v-375d3110]{width:calc(1080px*var(--scale-ratio));height:calc(1920px*var(--scale-ratio));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;overflow-x:hidden}