@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translateZ(0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:160vw;perspective:160vw}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-webkit-order:9999;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);-moz-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}:root{--swiper-navigation-size:5.9vw}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:1.3vw;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:1.3vw;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}@media (orientation: landscape){:root{--swiper-navigation-size:4.1vh}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - (var(--swiper-navigation-size)/ 2))}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:.9vh}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:.9vh}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:111.1vh}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{min-height:1px}.swiper-centered.swiper-vertical>.swiper-wrapper:before{min-width:1px}}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1.3vw;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,1.1vw));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,1.1vw));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:1.3vw;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,.8vw) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1.1vw}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,.5vw)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:.5vw;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:.5vw;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}@media (orientation: landscape){:root{--swiper-navigation-size:4.1vh}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - (var(--swiper-navigation-size)/ 2))}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:.9vh}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:.9vh}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:111.1vh}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{min-height:1px}.swiper-centered.swiper-vertical>.swiper-wrapper:before{min-width:1px}input{border:0px}.header-block{top:0;height:16.9vh;padding:0 5.6vh 0 1.9vh}.header-block .header-logo{width:28.2vh;height:16.8vh}.header-block .header-guide{margin-top:3.2vh;gap:7.4vh}.header-block .header-guide .header-guide-btn{height:5.2vh;padding-top:1.9vh;font-size:2.2vh}.header-block .header-guide .header-guide-btn .star-icon{left:-2.3vh;width:3.2vh;height:2.9vh}.header-block .header-btn{margin-top:4.6vh;gap:1.9vh}.header-block .header-btn .header-pay-btn{width:15.2vh;height:3.3vh}.header-block .header-btn .header-right-btn{gap:1.9vh}.header-block .header-btn .language-select{width:2.2vh;height:2.2vh}.header-block .header-btn .language-select .language-list{top:calc(100% + .7vh);padding:1.3vh 0;width:8.6vh;height:17.5vh}.header-block .header-btn .language-select .language-list .language-list-item{height:3.7vh;font-size:1.5vh}.header-block .header-btn .language-select .language-list .language-list-item:not(:last-child):after{width:5.2vh;height:.1vh}.header-block .header-btn .header-separator-line{width:1px;height:2vh}.header-block .header-btn .header-music-btn{width:2.4vh;height:2vh}.header-block .header-btn .header-music-btn.active{width:2.2vh;height:2vh}.zh-CN .header-block .header-btn .header-pay-btn,.id-ID .header-block .header-btn .header-pay-btn,.th-TH .header-block .header-btn .header-pay-btn{width:15.2vh;height:3.3vh}.bottom-block{bottom:0;height:10.2vh}.bottom-block.in-footer-above{bottom:13.9vh}.bottom-block .social-list{left:5.6vh;gap:3.7vh}.bottom-block .social-list .social-item.youtube{width:2.4vh;height:1.7vh}.bottom-block .social-list .social-item.discord{width:2.8vh;height:2.1vh}.bottom-block .social-list .social-item.facebook{width:1.2vh;height:2.5vh}.bottom-block .social-list .social-item.tiktok{width:2.1vh;height:2.4vh}.bottom-block .social-list .social-item.instagram{width:2.2vh;height:2.2vh}.bottom-block .glide-btn{width:5.3vh;height:4.6vh}.bottom-block .copyright-text{right:1.9vh;width:46vh;height:1.4vh}.loading{top:0;left:0}.loading .logo{margin-bottom:9.3vh;width:24.1vh;height:13.1vh}.loading .animate{width:37.1vh;height:16.8vh}.loading.po{padding:0 0 9.3vh}.sectionIndex .home-content-block{bottom:11.1vh}.sectionIndex .video-play,.sectionIndex .video-play .outer-circle-icon{width:14.3vh;height:14.3vh}.sectionIndex .video-play .inner-circle-icon{width:11.9vh;height:11.9vh}.sectionIndex .slogan{width:97.9vh;height:32.1vh;margin:-4.6vh 0}.sectionIndex .home-btn-block>*{margin:.2vh 1.4vh}.sectionIndex .home-btn-block .pay-btn{width:23.1vh;height:11.7vh}.sectionIndex .home-btn-block .appstore-btn,.sectionIndex .home-btn-block .googleplay-btn,.sectionIndex .home-btn-block .steam-btn{width:21.9vh;height:6.2vh}.sectionIndex .home-btn-block .apk-btn{width:21.9vh;height:9vh}.sectionIndex .home-btn-block .pc-btn{width:21.9vh;height:6.1vh}.sectionIndex .home-btn-block .pay-btn,.sectionIndex .home-btn-block .appstore-btn,.sectionIndex .home-btn-block .googleplay-btn,.sectionIndex .home-btn-block .steam-btn,.sectionIndex .home-btn-block .apk-btn,.sectionIndex .home-btn-block .pc-btn{height:11.7vh}.page.po .sectionIndex .slogan{margin:-11.6vh 0 -2.3vh}.page.po .sectionIndex .home-btn-block .mobile-home-btn{width:31.9vh;height:9.1vh}.zh-CN .sectionIndex .slogan{width:74.7vh;height:35.5vh}.zh-CN .sectionIndex .home-btn-block .pay-btn{width:21.9vh;height:10.7vh}.zh-CN .sectionIndex .home-btn-block .appstore-btn,.zh-CN .sectionIndex .home-btn-block .googleplay-btn{width:21.9vh;height:6.2vh}.zh-CN .sectionIndex .home-btn-block .apk-btn{width:21.9vh;height:9vh}.zh-CN .sectionIndex .home-btn-block .pc-btn{width:21.9vh;height:6.1vh}.zh-CN .sectionIndex .home-btn-block .pay-btn,.zh-CN .sectionIndex .home-btn-block .appstore-btn,.zh-CN .sectionIndex .home-btn-block .googleplay-btn,.zh-CN .sectionIndex .home-btn-block .steam-btn,.zh-CN .sectionIndex .home-btn-block .apk-btn,.zh-CN .sectionIndex .home-btn-block .pc-btn{height:11.7vh}.zh-CN.page.po .sectionIndex .slogan{margin:-4.6vh 0}.zh-CN.page.po .sectionIndex .home-btn-block .mobile-home-btn{width:31.9vh;height:9.1vh}.id-ID .sectionIndex .slogan{width:84.8vh;height:31.7vh}.id-ID .sectionIndex .home-btn-block .pay-btn{width:23.7vh;height:10vh}.id-ID.page.po .sectionIndex .slogan{margin:-4.6vh 0}.id-ID.page.po .sectionIndex .home-btn-block .mobile-home-btn{width:31.9vh;height:9.1vh}.th-TH .sectionIndex .slogan{width:82.3vh;height:33.9vh}.th-TH .sectionIndex .home-btn-block .pay-btn{width:22.8vh;height:12.2vh}.th-TH.page.po .sectionIndex .slogan{margin:-6.9vh 0 -4.6vh}.th-TH.page.po .sectionIndex .home-btn-block .mobile-home-btn{width:31.9vh;height:9.1vh}.footer{padding:1.9vh 9.3vh 3.7vh}.footer .left-top{margin-bottom:1.9vh}.footer .logo{width:20.8vh;height:6.9vh}.footer .footer-third-party{margin-top:.9vh;margin-left:3.7vh;width:18.5vh;height:2.6vh}.footer .footer-third-party .youtube{width:3.6vh;height:2.6vh}.footer .footer-third-party .discord{margin-left:1.4vh;width:3.3vh;height:2.6vh}.footer .footer-third-party .facebook{margin-left:1.4vh;width:1.2vh;height:2.6vh}.footer .footer-third-party .tiktok{margin-left:1.4vh;width:2.2vh;height:2.6vh}.footer .footer-third-party .instagram{margin-left:1.4vh;width:2.6vh;height:2.6vh}.footer .term a{font-size:1.5vh}.footer .term a:before{margin-right:.9vh;margin-left:.9vh}.footer .copyright{font-size:1.5vh;margin-top:.9vh}.page.po .footer{padding:1.9vh 2.8vh 3.7vh}.page.po .footer .mobile-logo{width:25vh;height:8.3vh}.page.po .footer .footer-third-party{margin:.9vh auto 1.4vh}.page.po .footer .left .term{margin-bottom:1.4vh}.page.po .footer .term a{margin:0 .5vh!important}.popup .popup-main.popup-download-img-main .download-btn{width:4vh;height:4vh}.popup .popup-main.popup-download-img-main .close-btn{width:3.6vh;height:3.7vh}.popup .popup-main.popup-download-img-main .popup-separator-line{width:1px;height:3.7vh}.popup .popup-main.popup-download-img-main .btns-group{margin-top:2.8vh;gap:3.7vh}.popup .popup-main.popup-tips-main{width:39vh;height:33.3vh;padding:1.9vh .9vh .9vh}.popup .popup-main.popup-tips-main .popup-tips-content{font-size:2vh;height:30.6vh}.popup .popup-main.popup-tips-main .popup-tips-content::-webkit-scrollbar{width:.5vh}.popup .popup-main.popup-tips-main .popup-tips-content::-webkit-scrollbar-track{border-radius:.4vh}.popup .popup-main.popup-tips-main .popup-tips-content::-webkit-scrollbar-thumb{border-radius:.4vh}.popup .popup-main.popup-tips-main .popup-main-close{top:2.8vh;right:2.8vh;width:2.6vh;height:2.6vh}.popup.youtube-popup .popup-main{width:103.7vh;height:58.3vh}.popup.youtube-popup .popup-main-close{top:-4.2vh;right:-4.2vh;width:3.6vh;height:3.7vh}.mobile-header{height:16.7vh}.mobile-header .mobile-header-logo{top:0;left:0;width:27.5vh;height:16.6vh}.mobile-header .header-btn{top:3.7vh;right:2.8vh;gap:2.8vh}.mobile-header .header-btn .header-pay-btn{width:20.7vh;height:4.6vh}.mobile-header .header-btn .header-right-btn{gap:1.9vh}.mobile-header .header-btn .language-select{width:3.2vh;height:3.2vh}.mobile-header .header-btn .language-select .language-list{top:calc(100% + .7vh);padding:1.3vh 0;width:8.6vh;height:17.5vh}.mobile-header .header-btn .language-select .language-list .language-list-item{height:3.7vh;font-size:1.5vh}.mobile-header .header-btn .language-select .language-list .language-list-item:not(:last-child):after{width:5.2vh;height:.1vh}.mobile-header .header-btn .header-separator-line{width:1px;height:2vh}.mobile-header .header-btn .header-music-btn{width:3.5vh;height:3vh}.mobile-header .header-btn .header-music-btn.active{width:3.2vh;height:3vh}.mobile-header .header-btn .header-menu-btn{width:2.3vh;height:2.3vh}.mobile-menu-popup .popup-main .mobile-header-guide .mobile-header-guide-btn{font-size:2.2vh;height:13vh}.mobile-menu-popup .popup-main .mobile-header-guide .mobile-header-guide-btn:after{width:63.7vh;height:1px}.mobile-menu-popup .popup-main .social-list{margin-top:7.4vh;gap:5.6vh}.mobile-menu-popup .popup-main .social-list .social-item.youtube{width:4.2vh;height:3vh}.mobile-menu-popup .popup-main .social-list .social-item.discord{width:5vh;height:3.8vh}.mobile-menu-popup .popup-main .social-list .social-item.facebook{width:2.1vh;height:4.5vh}.mobile-menu-popup .popup-main .social-list .social-item.tiktok{width:3.7vh;height:4.2vh}.mobile-menu-popup .popup-main .social-list .social-item.instagram{width:3.9vh;height:3.9vh}.mobile-menu-popup .popup-main .close-btn{margin-top:7.4vh;width:3.9vh;height:3.9vh}.side-left-btn{width:4.2vh;height:12.6vh}.zh-CN .mobile-header .header-btn .header-pay-btn,.id-ID .mobile-header .header-btn .header-pay-btn,.th-TH .mobile-header .header-btn .header-pay-btn{width:20.7vh;height:4.6vh}.sectionFeature .feature-main-content{padding:21.5vh 0 9.3vh}.sectionFeature .feature-nav .feature-nav-item{width:18.5vh;padding:0px 0px 1.9vh;font-size:2.2vh;gap:.5vh}.sectionFeature .feature-nav .feature-nav-item .title-pre,.sectionFeature .feature-nav .feature-nav-item .title-suf{width:2.3vh;height:1.3vh}.sectionFeature .feature-nav .feature-nav-item:hover:after,.sectionFeature .feature-nav .feature-nav-item.active:after{height:.4vh;border-radius:.5vh}.sectionFeature .feature-swiper-content{margin:5.6vh auto 0;width:123.6vh;height:49.1vh}.sectionFeature .swiper{height:49.1vh}.sectionFeature .swiper-slide{width:86.6vh;height:49.1vh}.sectionFeature .feature-content-item{width:calc(100% - .6vh);height:calc(100% - .6vh);border:.3vh solid rgba(255,255,255,.5);border-radius:3.7vh}.sectionFeature .feature-music-content{margin:5.6vh auto 0;width:86.6vh;height:49.1vh}.sectionFeature .feature-music-placeholder .music-list{grid-template-columns:repeat(4,15.2vh);grid-template-rows:repeat(2,20.4vh);gap:3.3vh 5.4vh;height:44.1vh}.sectionFeature .feature-music-placeholder .music-card:hover .music-cover-wrap,.sectionFeature .feature-music-placeholder .music-card.active .music-cover-wrap{box-shadow:0 0 1.9vh #ffe798a6}.sectionFeature .feature-music-placeholder .music-card.music-playing .music-play-state{width:4.7vh;height:4.7vh}.sectionFeature .feature-music-placeholder .music-card.music-loading .music-play-state{width:4.8vh;height:4.8vh}.sectionFeature .feature-music-placeholder .music-cover-wrap{width:15.2vh;height:15.2vh;border:.3vh solid rgba(255,255,255,.9);border-radius:1.7vh;box-shadow:0 .7vh 1.7vh #00000059}.sectionFeature .feature-music-placeholder .music-cover-bg{border-radius:1.7vh}.sectionFeature .feature-music-placeholder .music-play-state{width:4.8vh;height:4.8vh}.sectionFeature .feature-music-placeholder .music-name{margin-top:1.1vh;width:15.2vh;font-size:1.7vh;text-shadow:0 .2vh .5vh rgba(0,0,0,.45)}.sectionFeature .feature-music-placeholder .music-desc{margin-top:.4vh;width:15.2vh;font-size:1.3vh;text-shadow:0 .2vh .5vh rgba(0,0,0,.45)}.sectionFeature .feature-music-placeholder .music-page-btn{width:11.7vh;height:12vh}.sectionFeature .feature-music-placeholder .music-page-prev{left:-8.1vh}.sectionFeature .feature-music-placeholder .music-page-next{right:-8.1vh}.sectionFeature .feature-fanart-content{margin:5.6vh auto 0;width:86.6vh;height:49.1vh}.sectionFeature .feature-fanart-placeholder{border:1px dashed rgba(255,255,255,.55);border-radius:2vh;backdrop-filter:blur(.4vh);font-size:3.7vh}.sectionFeature .swiper-navigation-prev,.sectionFeature .swiper-navigation-next{width:11.7vh;height:12vh}.sectionFeature .swiper-navigation-prev{left:4.3vh}.sectionFeature .swiper-navigation-next{right:4.3vh}.sectionFeature .feature-swiper-pagination{margin-top:2.8vh;gap:2.8vh}.sectionFeature .feature-swiper-pagination .swiper-pagination-bullet,.sectionFeature .feature-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.9vh;height:1.9vh}.page.po .sectionFeature .feature-main-content{padding:27.8vh 0 0}.page.po .sectionFeature .feature-section-title{margin:0 auto 5.6vh;width:47.5vh;height:10.8vh}.page.po .sectionFeature .feature-nav .feature-nav-item{width:16.7vh;font-size:2vh}.page.po .sectionFeature .feature-swiper-content{width:61.5vh;height:34.8vh}.page.po .sectionFeature .swiper{height:34.8vh}.page.po .sectionFeature .swiper-slide{width:61.5vh;height:34.8vh}.page.po .sectionFeature .feature-swiper-pagination{margin-top:5.6vh}.page.po .sectionFeature .feature-music-content{width:61.5vh}.page.po .sectionFeature .feature-music-placeholder .music-list{grid-template-columns:repeat(2,16.7vh);grid-template-rows:repeat(2,21.3vh);gap:3.1vh 6.5vh;height:45.7vh}.page.po .sectionFeature .feature-music-placeholder .music-cover-wrap{width:16.7vh;height:16.7vh;border-radius:1.7vh}.page.po .sectionFeature .feature-music-placeholder .music-play-state{width:4.1vh;height:4.1vh}.page.po .sectionFeature .feature-music-placeholder .music-play-state:before{border-top-width:1vh;border-bottom-width:1vh;border-left-width:1.7vh}.page.po .sectionFeature .feature-music-placeholder .music-card.playing .music-play-state:before,.page.po .sectionFeature .feature-music-placeholder .music-card.playing .music-play-state:after{width:.6vh;height:2vh}.page.po .sectionFeature .feature-music-placeholder .music-card.playing .music-play-state:before{transform:translate(-.6vh,-50%)}.page.po .sectionFeature .feature-music-placeholder .music-card.playing .music-play-state:after{transform:translate(.6vh,-50%)}.page.po .sectionFeature .feature-music-placeholder .music-name,.page.po .sectionFeature .feature-music-placeholder .music-desc{width:16.7vh}.page.po .sectionFeature .feature-music-placeholder .music-name{margin-top:1.1vh;font-size:1.7vh}.page.po .sectionFeature .feature-music-placeholder .music-desc{font-size:1.3vh}.page.po .sectionFeature .feature-music-placeholder .music-page-btn{width:11.7vh;height:12vh}.page.po .sectionFeature .feature-music-placeholder .music-page-prev{left:0}.page.po .sectionFeature .feature-music-placeholder .music-page-next{right:0}.page.po .sectionFeature .feature-fanart-content{width:61.5vh;height:34.8vh}.zh-CN .sectionFeature .feature-nav .feature-nav-item{width:13.9vh}.zh-CN.page.po .sectionFeature .feature-section-title{width:27.3vh;height:10.8vh}.zh-CN.page.po .sectionFeature .feature-nav .feature-nav-item{width:13.9vh}.id-ID.page.po .sectionFeature .feature-section-title{width:34.9vh;height:10.8vh}.th-TH.page.po .sectionFeature .feature-section-title{width:45.6vh;height:12.7vh}.sectionNews .news-main-content{padding:21.5vh 0 9.3vh;gap:4.6vh}.sectionNews .swiper-box{width:86.6vh;height:53.7vh}.sectionNews .swiper-box .swiper-container{width:86.6vh;height:49vh}.sectionNews .swiper-box .swiper-image{width:calc(100% - .6vh);height:calc(100% - .6vh);border:.3vh solid rgba(255,255,255,.5);border-radius:3.7vh}.sectionNews .swiper-box .news-swiper-pagination{width:86.6vh;height:1.9vh;margin-top:2.8vh;gap:2.8vh}.sectionNews .swiper-box .news-swiper-bullet,.sectionNews .swiper-box .news-swiper-bullet-active{width:1.9vh;height:1.9vh}.sectionNews .news-right-content .news-list-title{width:27.3vh;height:10.8vh}.sectionNews .news-right-content .news-list{margin-top:2.8vh;width:66.7vh}.sectionNews .news-right-content .news-list .news-list-header .category-tabs .category-tab{min-width:11.1vh;padding:0px .9vh 1.9vh;font-size:2.4vh}.sectionNews .news-right-content .news-list .news-list-header .category-tabs .category-tab.active:after,.sectionNews .news-right-content .news-list .news-list-header .category-tabs .category-tab:hover:after{height:.4vh;border-radius:.5vh}.sectionNews .news-right-content .news-list .news-list-header .more-button .more-text{font-size:2.4vh}.sectionNews .news-right-content .news-list .news-list-header .more-button .more-icon{margin-left:.5vh;width:1.7vh;height:1.6vh}.sectionNews .news-right-content .news-list .news-list-content .news-item{border-top:1px solid rgba(255,255,255,.5);font-size:2vh;height:6.3vh;column-gap:1.9vh}.sectionNews .news-right-content .news-list .news-list-content .news-item .news-tag{border-radius:1.9vh;padding:.5vh 1.9vh}.sectionNews .news-right-content .news-list .news-list-content .news-item .news-title{text-shadow:0 0 .9vh rgba(0,0,0,.5);-webkit-text-shadow:0 0 .9vh rgba(0,0,0,.5);-moz-text-shadow:0 0 .9vh rgba(0,0,0,.5);-ms-text-shadow:0 0 .9vh rgba(0,0,0,.5);-o-text-shadow:0 0 .9vh rgba(0,0,0,.5)}.sectionNews .news-right-content .news-list .news-list-content .no-content{height:32.4vh;font-size:2.4vh}.sectionNews .news-list-page{padding:16.9vh 0 9.3vh}.sectionNews .news-list-page .news-list-page-header{height:4.4vh}.sectionNews .news-list-page .news-list-page-header .category-tabs .category-tab{min-width:11.1vh;padding:0px 1.5vh 1.9vh;font-size:2.4vh}.sectionNews .news-list-page .news-list-page-header .category-tabs .category-tab.active:after,.sectionNews .news-list-page .news-list-page-header .category-tabs .category-tab:hover:after{height:.4vh;border-radius:.5vh}.sectionNews .news-list-page .news-list-page-header .back-button{padding:.9vh 1.9vh;border-radius:1.9vh;font-size:1.7vh}.sectionNews .news-list-page .news-list-page-content{margin-top:-.2vh}.sectionNews .news-list-page .news-list-page-content .news-item{border-top:1px solid rgba(255,255,255,.5);font-size:2vh;height:5.4vh;column-gap:1.9vh}.sectionNews .news-list-page .news-list-page-content .news-item .news-tag{border-radius:1.9vh;padding:.5vh 1.9vh}.sectionNews .news-list-page .news-list-page-content .news-item .news-title{text-shadow:0 0 .9vh rgba(0,0,0,.5);-webkit-text-shadow:0 0 .9vh rgba(0,0,0,.5);-moz-text-shadow:0 0 .9vh rgba(0,0,0,.5);-ms-text-shadow:0 0 .9vh rgba(0,0,0,.5);-o-text-shadow:0 0 .9vh rgba(0,0,0,.5)}.sectionNews .news-list-page .news-list-page-content .no-content{height:55.6vh;font-size:2.4vh}.sectionNews .news-list-page .news-list-page-pagination{margin-top:1.9vh}.sectionNews .news-list-page .news-list-page-pagination .page-btn{font-size:1.9vh}.sectionNews .news-list-page .news-list-page-pagination .page-info{font-size:1.9vh;margin-left:1.5vh;margin-right:1.5vh}.sectionNews .news-detail-page{padding:16.9vh 0 9.3vh}.sectionNews .news-detail-page .news-detail-page-header{margin-bottom:1.9vh}.sectionNews .news-detail-page .news-detail-page-header .back-button{padding:.9vh 1.9vh;border-radius:1.9vh;font-size:1.9vh}.sectionNews .news-detail-page .news-detail-header{max-width:calc(100% - 25.9vh)}.sectionNews .news-detail-page .news-detail-header .news-detail-title{font-size:2.6vh}.sectionNews .news-detail-page .news-detail-header .news-detail-time{margin-top:1.4vh;font-size:1.9vh}.sectionNews .news-detail-page .news-detail-content{padding-right:.9vh;max-height:56vh;font-size:2vh;text-shadow:0 0 .9vh rgba(0,0,0,.5);-webkit-text-shadow:0 0 .9vh rgba(0,0,0,.5);-moz-text-shadow:0 0 .9vh rgba(0,0,0,.5);-ms-text-shadow:0 0 .9vh rgba(0,0,0,.5);-o-text-shadow:0 0 .9vh rgba(0,0,0,.5)}.sectionNews .news-detail-page .news-detail-content::-webkit-scrollbar{width:.9vh;height:.9vh}.sectionNews .news-detail-page .news-detail-content::-webkit-scrollbar-thumb{border-radius:.9vh}.sectionNews .news-detail-page .news-detail-content img{margin-top:.7vh;margin-bottom:.7vh}.sectionNews .news-detail-page .news-detail-content th,.sectionNews .news-detail-page .news-detail-content td{padding:.7vh}.page.po .sectionNews .news-main-content{padding:18.5vh 0 0}.page.po .sectionNews .news-section-title{width:27.3vh;height:10.8vh}.page.po .sectionNews .swiper-box{width:61.5vh;height:39.6vh}.page.po .sectionNews .swiper-box .swiper-container{width:61.5vh;height:37.7vh}.page.po .sectionNews .swiper-box .news-swiper-pagination{width:61.5vh;height:1.9vh;margin-top:2.8vh}.page.po .sectionNews .news-right-content .news-list{margin-top:0;width:64.8vh}.page.po .sectionNews .news-right-content .news-list .news-list-header .category-tabs .category-tab{padding:0px .5vh 1.9vh}.page.po .sectionNews .news-right-content .news-list .news-list-content .news-item{height:7.2vh}.page.po .sectionNews .news-list-page{padding:21.5vh 0 0}.page.po .sectionNews .news-list-page .news-list-page-header{width:66.7vh}.page.po .sectionNews .news-list-page .news-list-page-header .category-tabs{padding-left:9.3vh}.page.po .sectionNews .news-list-page .news-list-page-header .category-tabs .category-tab{padding:0px .5vh 1.9vh}.page.po .sectionNews .news-list-page .news-list-page-content{width:60.2vh}.page.po .sectionNews .news-list-page .news-list-page-content .news-item{height:7.2vh}.page.po .sectionNews .news-detail-page{padding:21.5vh 0 0}.page.po .sectionNews .news-detail-page .news-detail-page-header{width:64.8vh}.page.po .sectionNews .news-detail-page .news-detail-header{max-width:calc(100% - 25.9vh)}.page.po .sectionNews .news-detail-page .news-detail-content{width:63vh;max-height:83.8vh;font-size:1.9vh}.zh-CN .sectionNews .news-right-content .news-list-title,.zh-CN.page.po .sectionNews .news-section-title,.id-ID .sectionNews .news-right-content .news-list-title,.id-ID.page.po .sectionNews .news-section-title,.th-TH .sectionNews .news-right-content .news-list-title,.th-TH.page.po .sectionNews .news-section-title{width:27.3vh;height:10.8vh}.sectionOccupation .occupation-content-main{gap:5.6vh;padding-top:13.9vh}.sectionOccupation .occupation-content-main .occupation-left-content{width:46.8vh;height:63vh;margin-top:5.6vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title1,.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title2{width:34.8vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title3{width:42.7vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title4{width:34.8vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title5{width:38.4vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title6{width:34.8vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title7{width:42.1vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title8{width:34.8vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-text{margin-top:1.9vh;font-size:1.9vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-list{grid-auto-rows:12vh;gap:0px 3.7vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-thief{width:9.1vh;height:11.1vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-thief.active{width:9.1vh;height:11.7vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-archer{width:9.1vh;height:11.1vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-archer.active{width:9.5vh;height:11.6vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-swordman{width:12.5vh;height:11.1vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-swordman.active{width:13.4vh;height:11.6vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-mage{width:9.1vh;height:11.4vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-mage.active{width:9.1vh;height:12vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-merchant{width:11.1vh;height:10.9vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-merchant.active{width:12.1vh;height:11.5vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-acolyte{width:9.4vh;height:11.2vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-acolyte.active{width:10.4vh;height:11.8vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-gunslinger{width:12.5vh;height:11.3vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-gunslinger.active{width:13.5vh;height:11.8vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-druid{width:9.1vh;height:10.8vh}.sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-druid.active{width:9.1vh;height:11.4vh}.sectionOccupation .occupation-content-main .occupation-right-content{width:81.5vh;height:74.1vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-watermark{width:71.7vh;height:44.9vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-grass{width:58vh;height:23.2vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-thief{width:60.9vh;height:77.2vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-archer{width:61.4vh;height:79.1vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-swordman{width:80.1vh;height:74.7vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-mage{width:70.3vh;height:73.2vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-merchant{width:65.3vh;height:71.6vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-acolyte{width:63vh;height:70.3vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-gunslinger{width:67.7vh;height:72.4vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-druid{width:62.6vh;height:70.8vh}.sectionOccupation .occupation-content-main .occupation-right-content .occupation-poli{width:15.6vh;height:5.7vh;bottom:2.8vh}.page.po .sectionOccupation .occupation-content-main{gap:0px;padding-top:13.9vh}.page.po .sectionOccupation .occupation-content-main .occupation-left-content{margin-top:-1.9vh;width:63vh}.page.po .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce{height:30.6vh;margin-bottom:.5vh}.page.po .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-text{font-size:1.9vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content{width:69.4vh;height:51.9vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-watermark{width:54.5vh;height:34.1vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-grass{width:40.3vh;height:16.1vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-thief{width:42.3vh;height:53.7vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-archer{width:42.6vh;height:55vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-swordman{width:55.6vh;height:51.9vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-mage{width:48.8vh;height:50.8vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-merchant{width:45.3vh;height:49.7vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-acolyte{width:43.8vh;height:48.8vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-gunslinger{width:47.1vh;height:50.3vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-display-druid{width:43.5vh;height:49.2vh}.page.po .sectionOccupation .occupation-content-main .occupation-right-content .occupation-poli{width:10.8vh;height:4vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title1,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title2,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title3,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title4,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title5,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title6,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title7,.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-introduce .occupation-introduce-title8{width:34.8vh;height:11.3vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-thief{width:9.1vh;height:11.3vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-thief.active{width:9.1vh;height:11.8vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-archer{width:9.1vh;height:11.3vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-archer.active{width:9.1vh;height:11.8vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-swordman{width:9.1vh;height:11.2vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-swordman.active{width:9.1vh;height:11.7vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-mage{width:9.1vh;height:11.3vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-mage.active{width:9.2vh;height:11.8vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-merchant{width:9.1vh;height:11vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-merchant.active{width:9.1vh;height:11.6vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-acolyte{width:9.1vh;height:11.1vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-acolyte.active{width:9.1vh;height:11.7vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-gunslinger{width:9.1vh;height:11vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-gunslinger.active{width:9.2vh;height:11.5vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-druid{width:9.1vh;height:11vh}.zh-CN .sectionOccupation .occupation-content-main .occupation-left-content .occupation-button-druid.active{width:9.2vh;height:11.6vh}.sectionGame .game-swiper-slide .game-swiper-slide-content{bottom:11.1vh;right:3.7vh}.sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:80.4vh;height:14.1vh}.sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:80.5vh;height:14.1vh}.sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:75.8vh;height:13.7vh}.sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:63.7vh;height:13.7vh}.sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:54.4vh;height:13.1vh}.sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-text{padding-right:2.5vh;font-size:2.2vh}.sectionGame .game-side-nav{left:4.4vh;gap:2.2vh;width:.1vh;height:37vh}.sectionGame .game-side-nav-item{margin-left:-1.1vh;width:20.7vh;height:3.1vh;padding:0 0 0 .2vh;font-size:1.5vh}.sectionGame .game-side-nav-item.active .game-side-nav-text{min-width:13.7vh;height:3vh;padding:0 1.7vh;font-size:1.7vh;text-shadow:0 .2vh .6vh rgba(0,95,139,.75)}.sectionGame .game-side-nav-item.active .game-side-nav-icon{width:1.9vh;height:1.9vh}.sectionGame .game-side-nav-icon{margin-right:1.7vh;width:1.9vh;height:1.9vh}.page.po .sectionGame .game-section-title{width:35.3vh;height:10.8vh}.page.po .sectionGame .game-swiper-video-box{margin:3.7vh 0;width:62vh;height:35.4vh}.page.po .sectionGame .game-swiper-video-box .mobile-game-swiper-slide-video{width:calc(100% - .6vh);height:calc(100% - .6vh);border:.3vh solid rgba(255,255,255,.5);border-radius:3.7vh}.page.po .sectionGame .game-swiper-video-box .game-video-play-btn{width:4.8vh;height:4.8vh}.page.po .sectionGame .mobile-game-content-box{padding:16.7vh 0 3.7vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content{height:37vh;padding-left:1.9vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content .game-swiper-slide-title1{width:68vh;height:13.9vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content .game-swiper-slide-title2{width:68vh;height:13.8vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content .game-swiper-slide-title3{width:64.1vh;height:13.5vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content .game-swiper-slide-title4{width:54vh;height:13.5vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content .game-swiper-slide-title5{width:53vh;height:13.1vh}.page.po .sectionGame .mobile-game-content-box .game-swiper-slide-content .game-swiper-slide-text{margin-left:2.8vh;font-size:1.9vh}.page.po .sectionGame .game-swiper-pagination{height:3.1vh;margin-top:1.9vh;gap:5.6vh}.page.po .sectionGame .game-swiper-bullet,.page.po .sectionGame .game-swiper-bullet-active{width:3vh;height:3vh}.zh-CN .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:51.7vh;height:13.6vh}.zh-CN .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:48.4vh;height:13.5vh}.zh-CN .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:51.5vh;height:13.5vh}.zh-CN .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:45.1vh;height:13.6vh}.zh-CN .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:55vh;height:13.6vh}.zh-CN.page.po .sectionGame .game-section-title{width:27.3vh;height:10.8vh}.zh-CN.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:51.7vh;height:13.6vh}.zh-CN.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:48.4vh;height:13.5vh}.zh-CN.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:51.5vh;height:13.5vh}.zh-CN.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:45.1vh;height:13.6vh}.zh-CN.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:55vh;height:13.6vh}.id-ID .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:104vh;height:12.2vh}.id-ID .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:54.2vh;height:12vh}.id-ID .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:88.5vh;height:12.2vh}.id-ID .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:77.5vh;height:12.2vh}.id-ID .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:108.8vh;height:11.2vh}.id-ID.page.po .sectionGame .game-section-title{width:57.4vh;height:10.9vh}.id-ID.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:46.7vh;height:13.2vh}.id-ID.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:54.2vh;height:13.9vh}.id-ID.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:48vh;height:13.3vh}.id-ID.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:38.4vh;height:13.9vh}.id-ID.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:56.3vh;height:13.2vh}.th-TH .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:85.7vh;height:14.2vh}.th-TH .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:79.4vh;height:13.1vh}.th-TH .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:78.9vh;height:13.2vh}.th-TH .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:45.4vh;height:13.1vh}.th-TH .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:71.1vh;height:15vh}.th-TH.page.po .sectionGame .game-section-title{width:31.3vh;height:10.8vh}.th-TH.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title1{width:68.7vh;height:12.7vh}.th-TH.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title2{width:68.4vh;height:11.8vh}.th-TH.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title3{width:67.9vh;height:12vh}.th-TH.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title4{width:39.4vh;height:11.7vh}.th-TH.page.po .sectionGame .game-swiper-slide .game-swiper-slide-content .game-swiper-slide-title5{width:61.3vh;height:13.3vh}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.9vh}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,.7vh));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,.7vh))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:.9vh;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,.6vh) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:.7vh}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,.4vh)}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:.4vh}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:.4vh}}