@charset "utf-8";
/*
 * Dislyte 海外官网 · 移动端样式（m/index.html）
 * 第 1 段：源站样式原值（m/css/style.css + glitch-slideshow.css + index.css）
 *          已去注释；rem 按源站 flexible.js 换算为 min(vw, px)（1rem = min(10vw, 54px)，宽于 540 不再放大）；
 *          素材路径改为项目 img/m/ 与 font/
 * 第 1.5 段：源站 flexible.js 运行时注入的基础样式（原样）
 * 第 2 段：适配层——Swiper 11 兼容、改由 config 驱动的图片位、镜像站开关
 * 由 .a2web/replicate/build-css-mobile.mjs 生成，改源站值请改脚本后重跑
 */

/* ================= 源站样式 ================= */
body,h1,h2,h3,h4,input,label,li,p,ul{margin: 0;padding: 0}
body{font: 14px / 1.5 "Microsoft YaHei","Tahoma,Arial",sans-serif;-webkit-text-size-adjust:none;color:#929392;text-align: left;background-color:#8f79fe;}
a{color:#929392;vertical-align: baseline;text-decoration: none !important;outline:0;}
body{-webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; overscroll-behavior-y: contain;}
*:focus{outline: none !important;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0)}
body{-webkit-text-size-adjust: 100%!important;}
li,ul{list-style-type: none}
.hid{display: block;height: 0;overflow: hidden}
.tn{text-indent: -9999em;overflow:hidden;display:block}
.fl{float: left}
.fr{float: right}
.pa{position: absolute}
.pr{position: relative}
.cfix:after{display:table;content:"";clear:both}
a img,img{border: none}
.oh{overflow: hidden;}
em{font-style:normal}
.wrapper{width: 100%;overflow: hidden;}
.hd{display: none;}
.bg{background-repeat: no-repeat;background-position: 0 0;background-size: cover}
@font-face{font-family:'Helvetica';src:url(../font/Helvetica.woff) format('woff'),url(../font/Helvetica.ttf) format('truetype');font-display:swap}
@font-face{font-family:'IMPACT'; src:url(../font/IMPACT.woff) format('woff'),url(../font/IMPACT.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Helvetica_Bold';src:url(../font/Helvetica-Bold.woff) format('woff'),url(../font/Helvetica-Bold.otf) format('truetype');font-display:swap}
.swiper-slide{-webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.pop_Mark{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:998;}
.pop_Mark2{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:999;}
.orientation_mask{width:100vw;height:100vh;background-color:#000;position:fixed;top:0;left:0;display:none;z-index:999;}
.pop{position: fixed;left: 50%;transform: translate(-50%, -50%);transition: all .5s;top: 50%;}
.pop_close{width: min(4.9333vw, 26.64px);height: min(4.9333vw, 26.64px);position: absolute;right: min(4.6667vw, 25.2px);top: min(8vw, 43.2px); transition: all .3s; z-index: 999;}
.pop_close1{background-image: url(../img/m/common/popup/close1.webp); right: min(0.6667vw, 3.6px);top: 0;}
.pop_close0{background-image: url(../img/m/common/popup/close1.webp); right: min(0.6667vw, 3.6px);top: max(-5.4667vw, -29.52px);}
.pop_close2{background-image: url(../img/m/common/popup/close2.webp);}
.nav_box{width: 100%; height: min(16.667vw, 90px); background-image: url(../img/m/common/header/top_nav_bg.webp); position: fixed; top: 0; left: 0; z-index: 996;}
.nav_box .nav_cen_box{height: min(16.667vw, 90px); position: relative; display: flex; justify-content: space-around;align-items: center; margin: 0 min(2.6667vw, 14.4px) 0 min(2.6667vw, 14.4px);}
.nav_box .nav_cen_box .top_icon{width: min(12.6667vw, 68.4px); height: min(12.6667vw, 68.4px); background-image: url(../img/m/common/header/top_icon.webp);}
.nav_box .nav_cen_box .logo{width: min(18.8vw, 101.52px); height: min(6.5333vw, 35.28px); background-image: url(../img/m/common/header/logo.webp);}
.nav_box .nav_cen_box .music_btn{display: block; width: min(4.6667vw, 25.2px); height: min(4.2667vw, 23.04px); background-image: url(../img/m/common/header/music_on.webp);}
.nav_box .nav_cen_box .music_btn.pause{display: block; width: min(4.6667vw, 25.2px); height: min(4.1333vw, 22.32px); background-image: url(../img/m/common/header/music.webp);}
.nav_box .nav_cen_box .language{display: block; width: min(4.4vw, 23.76px); height: min(4.4vw, 23.76px); background-image: url(../img/m/common/header/language.webp);}
.nav_box .nav_cen_box .zw{width: min(2.8vw, 15.12px);height: min(0.5vw, 2.7px);}
.play_now{display: block; width: min(29.3333vw, 158.4px); height: min(6.6667vw, 36px); background-image: url(../img/m/common/header/play_now.webp); text-align: center; line-height: min(5.5vw, 29.7px); font-size: min(3.4vw, 18.36px); color: #1e2731; font-family: 'IMPACT';}
.hamburger{display: inline-block; position: fixed; top: min(6vw, 32.4px); right: min(3vw, 16.2px); z-index: 999;}
.hamburger .line{width: min(3.8vw, 20.52px);height: min(0.6vw, 3.24px);background-color: #fff;display: block;margin: min(0.8vw, 4.32px) auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#hamburger-1.onSelect .line:nth-child(1){-webkit-transform: translateY(min(1.3vw, 7.02px)) rotate(45deg);-ms-transform: translateY(min(1.3vw, 7.02px)) rotate(45deg);-o-transform: translateY(min(1.3vw, 7.02px)) rotate(45deg);transform: translateY(min(1.3vw, 7.02px)) rotate(45deg);}
#hamburger-1.onSelect .line:nth-child(2){opacity: 0;}
#hamburger-1.onSelect .line:nth-child(3){-webkit-transform: translateY(max(-1.3vw, -7.02px)) rotate(-45deg);-ms-transform: translateY(max(-1.3vw, -7.02px)) rotate(-45deg);-o-transform: translateY(max(-1.3vw, -7.02px)) rotate(-45deg);transform: translateY(max(-1.3vw, -7.02px)) rotate(-45deg);}
@keyframes pulse2{50%{ transform: scale(1.1); }}
@keyframes bottomBanner{0% { transform: translateX(0); } 100% { transform: translateX(-100%); }}
@keyframes rotate{0%,30%{transform:rotate(-90deg)}100%,70%{transform:rotate(0)}}
.demo-1{--color-text: #fff; --color-bg: #000; --color-link: #f9d77e; --color-link-hover: #fff; --color-info: #efc453; --glitch-width: 1115px; --glitch-width2: 100%; --glitch-height: 545px; --glitch-height2: 100%; --gap-horizontal: 0px; --gap-horizontal2: -3px; --gap-vertical: 0px; --gap-vertical2: 0px; --time-anim: 3.2s; --delay-anim: 0; --blend-mode-1: none; --blend-mode-2: none; --blend-mode-3: none; --blend-mode-4: none; --blend-mode-5: overlay; --blend-color-1: transparent; --blend-color-2: transparent; --blend-color-3: transparent; --blend-color-4: transparent; --blend-color-5: #af4949;}
.glitch{position: absolute; top: 0; left: 193px; width: var(--glitch-width); height: var(--glitch-height); overflow: hidden;}
.glitch2{position: absolute; top: 0; left: 0; width: var(--glitch-width2); height: var(--glitch-height2); overflow: hidden;}
.glitch__img{position: absolute; top: calc(-1 * var(--gap-vertical)); left: calc(-1 * var(--gap-horizontal)); width: calc(100% + var(--gap-horizontal) * 2); height: calc(100% + var(--gap-vertical) * 2); background-repeat:no-repeat;background-position:50% 0; background-color: var(--blend-color-1); background-size: cover; transform: translate3d(0,0,0); background-blend-mode: var(--blend-mode-1);}
.glitch__img2{position: absolute; top: calc(-1 * var(--gap-vertical2)); left: calc(-1 * var(--gap-horizontal2)); width: calc(100% + var(--gap-horizontal2) * 2); height: calc(100% + var(--gap-vertical2) * 2); background-color: var(--blend-color-1); background-size: cover; transform: translate3d(0,0,0); background-blend-mode: var(--blend-mode-1);}
.glitch--style-6 .glitch__img{width: 100% !important; height: 100% !important; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.glitch__img:nth-child(n+2){opacity: 0;}
.imgloaded .glitch__img:nth-child(n+2){animation-duration: var(--time-anim); animation-delay: var(--delay-anim); animation-timing-function: linear; animation-iteration-count: infinite;}
.imgloaded .glitch__img:nth-child(2){background-color: var(--blend-color-2); background-blend-mode: var(--blend-mode-2); animation-name: glitch-anim-1;}
.imgloaded .glitch__img:nth-child(3){background-color: var(--blend-color-3); background-blend-mode: var(--blend-mode-3); animation-name: glitch-anim-2;}
.imgloaded .glitch__img:nth-child(4){background-color: var(--blend-color-4); background-blend-mode: var(--blend-mode-4); animation-name: glitch-anim-3;}
.imgloaded .glitch__img:nth-child(5){background-color: var(--blend-color-1); background-blend-mode: var(--blend-mode-5); animation-name: glitch-anim-text;}
@keyframes glitch-anim-1{0% { opacity: 1; transform: translate3d(var(--gap-horizontal),0,0); -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } 2% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); } 4% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); } 6% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); } 8% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); } 10% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } 12% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); } 14% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); } 16% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); } 18% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); } 20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } 21.9% { opacity: 1; transform: translate3d(var(--gap-horizontal),0,0); } 22%, 100% { opacity: 0; transform: translate3d(0,0,0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }}
@keyframes glitch-anim-2{0% { opacity: 1; transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0); -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); } 3% { -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); } 5% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); } 7% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); } 9% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); } 11% { -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); } 13% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); } 15% { -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); } 17% { -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); } 19% { -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); } 20% { -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); } 21.9% { opacity: 1; transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0); } 22%, 100% { opacity: 0; transform: translate3d(0,0,0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }}
@keyframes glitch-anim-3{0% { opacity: 1; transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1); -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); } 1.5% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); } 2% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); } 2.5% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); } 3% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); } 5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); } 5.5% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); } 7% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); } 8% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); } 9% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); } 10.5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); } 11% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); } 13% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); } 14% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); } 14.5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); } 15% { -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); } 16% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); } 18% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); } 20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } 21.9% { opacity: 1; transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1); } 22%, 100% { opacity: 0; transform: translate3d(0,0,0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }}
@keyframes glitch-anim-text{0% { transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1); -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); } 2% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); } 4% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } 5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); } 6% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); } 7% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); } 8% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); } 9% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } 9.9% { transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1); } 10%, 100% { transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }}
@keyframes glitch-anim-flash{0%, 5% { opacity: 0.2; transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); } 5.5%, 100% { opacity: 0; transform: translate3d(0, 0, 0); }}
html, body{background: #000; overflow: hidden; width: 100%; margin: 0 auto; height: 100vh; position: fixed; top: 0; left: 0;}
.wrapper{position: relative;width: 100%;height: 100%;}
#swiper_big{width: 100%; height: 100%;}
.part1{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 0 0; overflow: hidden;}
.part2{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; overflow: hidden;}
.part3{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; overflow: hidden;}
.part4{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; overflow: hidden;}
.part5{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; overflow: hidden;}
.part6{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; overflow: hidden;}
.part7{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; overflow: hidden;}
.part8{height: min(69.3333vw, 374.4px);background-color: #000;}
.loading{width: 100%; height: 100%; background-image: url(../img/m/common/loading/loading_bg.webp); background-size: cover;background-position: center center; position: fixed; top: 0; left: 0; z-index: 999; overflow: hidden;}
.loading .loading_left{width: 0%; height: min(1.0667vw, 5.76px);  background-color: #73ffdc; top: 60%; transform: translateY(-50%); left: 0;transition: all .3s; background-size: contain;}
.loading .loading_right{width: 0%; height: min(1.0667vw, 5.76px); background-color: #73ffdc; top: 60%; transform: translateY(-50%); right: max(-3.0667vw, -16.56px);transition: all .3s; background-size: contain;}
.loadingnum{display: block; font-family: 'Helvetica'; color: #fff; font-size: min(6.6667vw, 36px); top: 60%; left: 52%; transform: translate(-50%, -50%);}
.part1 .part1_esperhood{right:0;top:min(33vw, 178.2px);width:min(16.6vw, 89.64px);height:min(16.9vw, 91.26px);display:block;z-index:10}
.part1 .center{width:90%; height: 100%; margin: 0 auto; position: relative;}
.part1 .center .play{display: block; width: min(22.9333vw, 123.84px); height: min(22.8vw, 123.12px); background-image: url(../img/m/common/home/play.webp); bottom: 25%;left: 50%; margin-left: max(-11.4667vw, -61.92px); animation: pulse2 2s infinite linear;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.5)}100%{-webkit-transform:scale(1)}}
.part1 .center .btns{display: flex; justify-content: space-between; bottom: 18%; width: 100%; align-items: flex-end;}
.part1 .center .pay{display: block;width: min(33.3333vw, 180px);height: min(15.0667vw, 81.36px);}
.part1 .center .play_now2{display: block;width: min(51.0667vw, 275.76px);height: min(9.4667vw, 51.12px);background-image: url(../img/m/common/header/play_now.webp);text-align: center;line-height: min(9.4667vw, 51.12px);font-size: min(5.5vw, 29.7px);color: #1e2731;font-family: 'IMPACT';}
.part1 .center .download_box{display: flex; justify-content: space-between; align-items: center; left: 50%; transform: translateX(-50%); bottom: 18%;}
.part1 .center .download_box .google_play{display: block; width: min(32.6667vw, 176.4px); height: min(9.2vw, 49.68px); background-image: url(../img/m/en/home/google_play.webp); margin-right: min(2vw, 10.8px);}
.part1 .center .download_box .app_store{display: block; width: min(32.6667vw, 176.4px); height: min(9.2vw, 49.68px); background-image: url(../img/m/en/home/app_store.webp);margin-left: min(2vw, 10.8px);}
.part1 .center .next{width: min(3.2vw, 17.28px); height: min(4.9vw, 26.46px); background-image: url(../img/m/common/home/next.webp); bottom: 10%; left: 50%; margin-left: max(-1.6vw, -8.64px); animation:next 1s infinite linear;}
@keyframes next{0%{-webkit-transform: translateY(0);}25% {-webkit-transform: translateY(max(-1vw, -5.4px));} 50%, 100% {-webkit-transform: translateY(0);}75% {-webkit-transform: translateY(min(1vw, 5.4px));}}
.part2 .center{width: 92%; height: 100%; margin: 0 auto; position: relative;}
.part2 .center .title{width: 100%; left: 0; top: 1%;}
.part2 .center .title img{width: 100%; height: 100%;}
.part2 .center .swiper_box{position: absolute; left: 50%;transform: translateX(-50%); top: 8%; width: min(92.267vw, 498.24px); height: min(65.2vw, 352.08px);}
.part2 .center #swiper1{width: 100%; height: 100%;}
.part2 .center #swiper1 .swiper-slide .swiper_img{width: min(92.267vw, 498.24px); height: min(61.2vw, 330.48px);  margin: 0 auto;}
.part2 .center #swiper1 .swiper-slide .swiper_img img{width: 100%; height: 100%; display: block;}
.part2 .center #swiper1 .swiper-slide .swiper_img span{display: block; bottom: 0; left: 0; width: min(92.267vw, 498.24px); height: min(9.6vw, 51.84px); background-color: rgba(25,25,50,.5); border-bottom-right-radius: min(3.3333vw, 18px); text-align: center; line-height: min(9.6vw, 51.84px); font-size: min(3.0667vw, 16.56px); font-family: 'Helvetica'; color: #fff;}
.part2 .center #swiper1 .newswiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);transition: all .3s;}
.part2 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet{width:min(1.9vw, 10.26px);height: min(1.8vw, 9.72px);background-image: url(../img/m/common/news/pagination.webp);background-repeat: no-repeat; background-size: contain; border-radius: 0 !important;transition: all .3s;}
.part2 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet-active{width: min(6vw, 32.4px);height: min(1.8vw, 9.72px);background-image: url(../img/m/common/news/pagination_on.webp);background-repeat: no-repeat;background-size: cover;transition: all .3s;}
.part2 .center .new_box{width: min(92vw, 496.8px); height: min(65vw, 351px); background-image: url(../img/m/common/news/new_bg.webp); left: 50%;transform: translateX(-50%); top: 46%; overflow: hidden;}
.part2 .center .new_box .new_title li{width: min(22.9333vw, 123.84px); height: min(7.3333vw, 39.6px); float: left; font-size: min(2.5333vw, 13.68px); font-family: 'Helvetica'; text-align: center; line-height: min(7.3333vw, 39.6px); cursor: pointer; color: #fff;}
.part2 .center .new_box .new_title li.on{background-image: url(../img/m/common/news/cen_on.webp);}
.part2 .center .new_box .new_title .new_title_li1.on{background-image: url(../img/m/common/news/left_on.webp);}
.part2 .center .new_box .new_title .new_title_li2.on{background-image: url(../img/m/common/news/right_on.webp);}
.part2 .center .new_box .ul{width: 100%; height: 100%;position: relative;overflow-x: hidden;overflow-y: hidden;}
.part2 .center .new_box .bottom_content{display: flex;transition: all .5s ease;position: absolute;top: 0;left: 0%;}
.part2 .center .new_box .body_1{width: min(92vw, 496.8px); height: min(66vw, 356.4px);}
.part2 .center .new_box .news_list{display: flex; flex-direction: column; padding: min(2vw, 10.8px);}
.part2 .center .new_box .news_list .news_row{height: min(10.9333vw, 59.04px); display: flex;align-items: center;justify-content: space-between;color: #1e2731;font-size: min(2.6667vw, 14.4px); font-family: 'Helvetica'; border-bottom: 1px solid #cbcce2; transition: all .3s linear; color: #8f78ff;}
.part2 .center .new_box .news_list .news_row:last-child{border-bottom: 0;}
.part2 .center .new_box .news_list .news_row:hover p{color: #8f78ff;}
.part2 .center .new_box .news_list .news_row .news_title{width: min(65.3333vw, 352.8px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all .3s linear;}
.part2 .center .new_box .news_list .news_row .news_title span:nth-of-type(2){color: #1e2731;}
.part2 .center .new_box .news_list .news_row .day_num{color: #828b94;}
.part2 .center .more{display: block; width: min(27.2vw, 146.88px); height: min(6.9333vw, 37.44px); background-image: url(../img/m/common/news/more.webp); bottom: 11%; left: 50%; transform: translateX(-50%); line-height: min(6.6667vw, 36px);text-align: center;color: #fff; font-size: min(2.9333vw, 15.84px); font-family: 'Helvetica'; overflow: hidden;}
.part3 .center{width: 92%; height: 100%; margin: 0 auto; position: relative; z-index: 999;}
.part3 .center .part3_icon{display: block; width: min(33.6vw, 181.44px); height: min(33.7333vw, 182.16px);line-height: min(50.9333vw, 275.04px);text-align: center;color: #fff;font-size: min(2.8vw, 15.12px); font-family: 'IMPACT';}
.part3 .center .part3_icon:hover{color: #1e2731;}
.part3 .center .part3_icon_1{background-image: url(../img/m/common/world/part3_icon_1.webp); left: -3%; top: 43%;}
.part3 .center .part3_icon_2{background-image: url(../img/m/common/world/part3_icon_2.webp); left: 2%;top: 3%;}
.part3 .center .part3_icon_3{background-image: url(../img/m/common/world/part3_icon_3.webp); right: 10%;top: 40%;}
.part3 .center .part3_icon_4{background-image: url(../img/m/common/world/part3_icon_4.webp); right: -3%; top: 9%;}
.part3 .center .part3_icon_5{background-image: url(../img/m/common/world/part3_icon_5.webp); right: 6%;top: 73%;}
.part4 .title2{left: 5%; top: 1%; z-index: 9;}
.part4 .title2 img{width: 100%; height: 100%;}
.part4 .dian1{width: min(95.8667vw, 517.68px); height: min(197.2vw, 1064.88px); background-image: url(../img/m/common/esper/dian1.webp); top: max(-22vw, -118.8px); right: 0;}
.part4 .BigSwiper{width: 100%;height: 100%;left: 0; top: 0;}
.part4 .Bigswiper{height: 100%}
.part4 .Bigswiper .swiper-wrapper{transition-delay:.6s;}
.part4 .Bigswiper .swiper-slide1 .img_swiper{top: min(14.6667vw, 79.2px);left: 50%;transform: translateX(-50%);width: 100%; z-index: 9;}
.part4 .Bigswiper .swiper-slide1 .img_swiper_bg{width: 100%;top: min(25.3333vw, 136.8px); left: 50%;transform: translateX(-50%);z-index: 8;}
.part4 .Bigswiper .swiper-slide1 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide1 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide1 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute;top: min(112.6667vw, 608.4px);left: min(4vw, 21.6px);line-height: min(12.6667vw, 68.4px);transition: all .4s;z-index: 9;}
.part4 .Bigswiper .swiper-slide1 .swiper_name span:nth-of-type(1){font-size: min(12.9333vw, 69.84px); color: #191932;}
.part4 .Bigswiper .swiper-slide1 .swiper_name span:nth-of-type(2){font-size: min(13.6vw, 73.44px); color: #4d27c4;}
.part4 .Bigswiper .swiper-slide1 .swiper_skill{width: min(46.4667vw, 250.92px); height: min(3.6vw, 19.44px); background-image: url(../img/m/common/esper/skill_1.webp); left: min(4vw, 21.6px); top: min(146.8667vw, 793.08px);}
.part4 .Bigswiper .swiper-slide1 .swiper_introduce{width: min(48.3333vw, 261px); left: min(4vw, 21.6px); top: min(153.8667vw, 830.88px); font-size: min(2.9333vw, 15.84px); font-family: 'Helvetica'; color: #191932; z-index: 10; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.part4 .Bigswiper .swiper-slide .roll_box{width: 100%; height: min(5.7333vw, 30.96px);top: min(171.5vw, 926.1px); right: 0; overflow: hidden; z-index: 10;}
.part4 .Bigswiper .swiper-slide .roll_box img{display: block;width: 100%;height: min(5.7333vw, 30.96px);position: absolute;top: 0;left: 1px;animation: bottomBanner 6s linear infinite;}
.part4 .Bigswiper .swiper-slide .roll_box img:last-child{display: block;left: 100%;}
.part4 .Bigswiper .swiper-slide2 .img_swiper{top: min(19.4vw, 104.76px);left: 50%;transform: translateX(-50%);width: 100%;z-index: 9;}
.part4 .Bigswiper .swiper-slide2 .img_swiper_bg{width: 100%;top:min(25.3333vw, 136.8px); left: 50%;transform: translateX(-50%);z-index: 8;}
.part4 .Bigswiper .swiper-slide2 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide2 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide2 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute;top: min(112.6667vw, 608.4px);left: min(4vw, 21.6px);line-height: min(12.6667vw, 68.4px);transition: all .4s;z-index: 9;}
.part4 .Bigswiper .swiper-slide2 .swiper_name span:nth-of-type(1){font-size: min(12.9333vw, 69.84px); color: #191932;}
.part4 .Bigswiper .swiper-slide2 .swiper_name span:nth-of-type(2){font-size: min(14.2667vw, 77.04px); color: #59c3c2;}
.part4 .Bigswiper .swiper-slide2 .swiper_skill{width: min(37.8667vw, 204.48px); height: min(3.6vw, 19.44px); background-image: url(../img/m/common/esper/skill_2.webp); left: min(4vw, 21.6px); top: min(146.8667vw, 793.08px);}
.part4 .Bigswiper .swiper-slide2 .swiper_introduce{width: min(48.3333vw, 261px); left: min(4vw, 21.6px); top: min(153.8667vw, 830.88px); font-size: min(2.9333vw, 15.84px); font-family: 'Helvetica'; color: #191932; z-index: 10;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.part4 .Bigswiper .swiper-slide3 .img_swiper{top: min(15vw, 81px);left: 50%;transform: translateX(-50%);width: 100%;z-index: 9;}
.part4 .Bigswiper .swiper-slide3 .img_swiper_bg{width: 100%;top: min(25.3333vw, 136.8px); left: 50%;transform: translateX(-50%);z-index: 8;}
.part4 .Bigswiper .swiper-slide3 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide3 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide3 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute;top: min(112.6667vw, 608.4px);left: min(4vw, 21.6px);line-height: min(12.6667vw, 68.4px);transition: all .4s;z-index: 9;}
.part4 .Bigswiper .swiper-slide3 .swiper_name span:nth-of-type(1){font-size: min(12.9333vw, 69.84px);color: #191932;}
.part4 .Bigswiper .swiper-slide3 .swiper_name span:nth-of-type(2){font-size: min(14.2667vw, 77.04px); color: #8f78ff;}
.part4 .Bigswiper .swiper-slide3 .swiper_skill{width: min(37.8667vw, 204.48px); height: min(3.6vw, 19.44px); background-image: url(../img/m/common/esper/skill_3.webp); left: min(4vw, 21.6px); top: min(146.8667vw, 793.08px);}
.part4 .Bigswiper .swiper-slide3 .swiper_introduce{width: min(48.3333vw, 261px); left: min(4vw, 21.6px); top: min(153.8667vw, 830.88px); font-size: min(2.9333vw, 15.84px); font-family: 'Helvetica'; color: #191932; z-index: 10;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.part4 .Bigswiper .swiper-slide4 .img_swiper{top: min(12.5vw, 67.5px);left: 50%;transform: translateX(-50%);width: 100%;z-index: 9;}
.part4 .Bigswiper .swiper-slide4 .img_swiper_bg{width: 100%; top: min(25.3333vw, 136.8px); left: 50%;transform: translateX(-50%);z-index: 8;}
.part4 .Bigswiper .swiper-slide4 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide4 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide4 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute;top: min(112.6667vw, 608.4px);left: min(4vw, 21.6px);line-height: min(12.6667vw, 68.4px);transition: all .4s;z-index: 9;}
.part4 .Bigswiper .swiper-slide4 .swiper_name span:nth-of-type(1){font-size: min(12.9333vw, 69.84px);color: #191932;}
.part4 .Bigswiper .swiper-slide4 .swiper_name span:nth-of-type(2){font-size: min(14.2667vw, 77.04px); color: #e47ea1;}
.part4 .Bigswiper .swiper-slide4 .swiper_skill{width: min(43.4667vw, 234.72px); height: min(3.6vw, 19.44px); background-image: url(../img/m/common/esper/skill_4.webp); left: min(4vw, 21.6px); top: min(146.8667vw, 793.08px);}
.part4 .Bigswiper .swiper-slide4 .swiper_introduce{width: min(48.3333vw, 261px); left: min(4vw, 21.6px); top: min(153.8667vw, 830.88px); font-size: min(2.9333vw, 15.84px); font-family: 'Helvetica'; color: #191932; z-index: 10;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.part4 .Bigswiper .swiper-slide5 .img_swiper{top:max(-45.5vw, -245.7px);left: 50%;transform: translateX(-50%);width: 100%;z-index: 9;}
.part4 .Bigswiper .swiper-slide5 .img_swiper_bg{width: 100%; top: min(25.3333vw, 136.8px); left: 50%;transform: translateX(-50%);z-index: 8;}
.part4 .Bigswiper .swiper-slide5 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide5 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide5 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute;top: min(112.6667vw, 608.4px);left: min(4vw, 21.6px);line-height: min(12.6667vw, 68.4px);transition: all .4s;z-index: 9;}
.part4 .Bigswiper .swiper-slide5 .swiper_name span:nth-of-type(1){font-size: min(12.9333vw, 69.84px);color: #191932;}
.part4 .Bigswiper .swiper-slide5 .swiper_name span:nth-of-type(2){font-size: min(14.2667vw, 77.04px); color: #40c07e;}
.part4 .Bigswiper .swiper-slide5 .swiper_skill{width: min(40.8vw, 220.32px); height: min(3.7333vw, 20.16px); background-image: url(../img/m/common/esper/skill_5.webp); left: min(5.3333vw, 28.8px); top: min(146.8667vw, 793.08px);}
.part4 .Bigswiper .swiper-slide5 .swiper_introduce{width: min(48.3333vw, 261px); left: min(4vw, 21.6px); top: min(153.8667vw, 830.88px); font-size: min(2.9333vw, 15.84px); font-family: 'Helvetica'; color: #191932; z-index: 10;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.fadeline .swiper_name{transform: translateX(0);opacity: 1;transition: all .4s;}
.fadeline .swiper_skill{transform: translateX(0);opacity: 1;transition: all .6s;}
.fadeline .swiper_introduce{transform: translateX(0);opacity: 1;transition: all .8s;}
.fadeline .img_swiper{transform: translateX(0);opacity: 1;transition: all .8s;}
.fadeline .img_swiper_bg{transform: translateX(0);opacity: 1;transition: all .8s;}
.swiper_name{transform: translateX(-100px);opacity: 0;transition: all .4s;}
.swiper_skill{transform: translateX(-100px);opacity: 0;transition: all .6s;}
.swiper_introduce{transform: translateX(-100px);opacity: 0;transition: all .8s;}
.img_swiper{transform: translateX(100px);opacity: 0;transition: all .6s;}
.img_swiper_bg{transform: translateX(100px);opacity: 0;transition: all .6s;}
.fadeTop .title{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title2{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title3{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title4{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title5{transform: translateY(0);opacity: 1;transition: all .4s;}
.title{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title2{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title3{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title4{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title5{transform: translateY(100px);opacity: 0;transition: all .4s;}
.part4 .SmallSwiper{width: min(42.8667vw, 231.48px);height: min(29.3333vw, 158.4px);right: min(2.6667vw, 14.4px);top: min(139.3333vw, 752.4px);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;z-index: 999;}
.part4 .SmallSwiper .swiper-slide-img{cursor: pointer;}
.part4 .SmallSwiper .smicon{width: min(13.6vw, 73.44px);height: min(12.6667vw, 68.4px); margin: 0 auto;}
.part4 .SmallSwiper .smicon a{display: block; width: 100%; height: 100%;line-height: min(12.6667vw, 68.4px);text-align: center;color: #fff;font-family: 'Helvetica'; font-size: min(3.2vw, 17.28px);}
.part4 .SmallSwiper .smicon1{background-image: url(../img/m/common/esper/Smallswiper1.webp);}
.part4 .SmallSwiper .smicon2{background-image: url(../img/m/common/esper/Smallswiper2.webp);}
.part4 .SmallSwiper .smicon3{background-image: url(../img/m/common/esper/Smallswiper3.webp);}
.part4 .SmallSwiper .smicon4{background-image: url(../img/m/common/esper/Smallswiper4.webp);}
.part4 .SmallSwiper .smicon5{background-image: url(../img/m/common/esper/Smallswiper5.webp);}
.part4 .SmallSwiper .smicon6{background-image: url(../img/m/common/esper/Smallswiper6.webp);}
.part4 .SmallSwiper .smicon1.on{background-image: url(../img/m/common/esper/Smallswiper1_on.webp);}
.part4 .SmallSwiper .smicon2.on{background-image: url(../img/m/common/esper/Smallswiper2_on.webp);}
.part4 .SmallSwiper .smicon3.on{background-image: url(../img/m/common/esper/Smallswiper3_on.webp);}
.part4 .SmallSwiper .smicon4.on{background-image: url(../img/m/common/esper/Smallswiper4_on.webp);}
.part4 .SmallSwiper .smicon5.on{background-image: url(../img/m/common/esper/Smallswiper5_on.webp);}
.part4 .SmallSwiper .swiper_num{transition: all .3s; font-size: min(4vw, 21.6px);margin: 0 min(2.6667vw, 14.4px); font-family: 'IMPACT';position: absolute; right: max(-4vw, -21.6px);top: max(-6vw, -32.4px);}
.part4 .SmallSwiper .swiper_num .num_left{color: #8f78ff;margin: 0 min(1.3333vw, 7.2px) 0 min(1.3333vw, 7.2px);}
.part4 .SmallSwiper .swiper_num .num_right{color: #1e2731;margin: 0 min(1.3333vw, 7.2px) 0 min(1.3333vw, 7.2px);}
.part5 .center{width: 90%;height: 100%; margin: 0 auto; position: relative;}
.part5 .center .title3{left: 0; top: 1%;}
.part5 .center .title3 img{width: 100%; height: 100%;}
.part5 .center .investment_f .investment_title{top: min(16vw, 86.4px); left: 0;}
.part5 .center .investment_f .investment_title span{height: min(4vw, 21.6px);line-height: min(4vw, 21.6px);float: left;margin-right: min(4vw, 21.6px);display: inline;font-size: min(3.7333vw, 20.16px);text-align: center;color: #191932;cursor: pointer;margin-left: min(0.1333vw, 0.72px);font-family: 'IMPACT';}
.part5 .center .investment_f .investment_title span.on{color: #8f78ff; border-bottom: min(0.5333vw, 2.88px) solid #8f78ff;}
.part5 .center .investment_f .investment_con{width: 100%;height: min(147.8667vw, 798.48px);top: min(27vw, 145.8px);left: 50%;transform: translateX(-50%);overflow: hidden;overflow-y: scroll;}
.part5 .center .BigSwiper2 .mySwiper2{height: 100%;}
.part5 .center .BigSwiper2{width: 100%;height: min(150vw, 810px);z-index: 9;}
.part5 .center .BigSwiper2 .swiper-slide .swiper_img{display: block; width: min(87.7333vw, 473.76px);height: min(48.4vw, 261.36px); margin: 0 auto; z-index: 9;}
.part5 .center .BigSwiper2 .swiper-slide .swiper_img img{display: block; width: 100%; height: 100%;}
.part5 .center .BigSwiper2 .swiper-slide .titleswiper{z-index: 9;bottom: max(-8vw, -43.2px);left: max(-1.3333vw, -7.2px);line-height: min(9.3333vw, 50.4px);font-family: 'IMPACT';display: flex;flex-direction: column;justify-content: center;}
.part5 .center .BigSwiper2 .swiper-slide .titleswiper span:nth-of-type(1){color: #8f78ff; margin-top: min(4vw, 21.6px);margin-left: min(2vw, 10.8px); font-size: min(7.2vw, 38.88px);}
.part5 .center .BigSwiper2 .swiper-slide .titleswiper span:nth-of-type(2){color: #fefeff; margin-bottom: min(6.6667vw, 36px); margin-left: min(2vw, 10.8px); font-size: min(8.2667vw, 44.64px);}
.part5 .center .Profile_ul{display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-content: baseline;position: absolute;top: max(-3.3333vw, -18px); left: 0;}
.part5 .center .Profile_ul a{display: block}
.part5 .center .Profile_ul .Profile_li{width: min(41.7333vw, 225.36px); height: min(50.4vw, 272.16px); background-image: url(../img/m/common/goodies/Profile_bg.webp); margin-top: min(3.3333vw, 18px);text-align: center;font-size: min(2.9333vw, 15.84px);color: #fff;line-height: min(16vw, 86.4px);font-family: 'Helvetica';}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box .Profile_tx_text{text-align: center; color: #fff; font-size: min(3.0667vw, 16.56px);}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box{width: min(40vw, 216px); height: min(37.7333vw, 203.76px);}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; padding: min(1.3333vw, 7.2px);}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul li{width: min(16.6667vw, 90px); height: min(16.6667vw, 90px);margin: min(1.3333vw, 7.2px) min(0.4vw, 2.16px) min(1.3333vw, 7.2px) min(1.3333vw, 7.2px);}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul li a{display: block; width: 100%; height: 100%;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul li img{display: block; width: 100%; height: 100%;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_text{color: #fff;}
.part5 .center .emoji_ul{display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: center;position: absolute;top: max(-3.3333vw, -18px); left: 0;}
.part5 .center .emoji_ul li a{display: block; color: #fff;}
.part5 .center .emoji_ul .emoji_li{width: min(41.7333vw, 225.36px); height: min(50.4vw, 272.16px); background-image: url(../img/m/common/goodies/Profile_bg.webp); margin-top: min(3.3333vw, 18px);text-align: center;font-size: min(2.9333vw, 15.84px);color: #fff;line-height: min(16vw, 86.4px);font-family: 'Helvetica';}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box .emoji_tx_text{text-align: center; color: #fff; font-size: min(3.0667vw, 16.56px);}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box{width: min(40vw, 216px); height: min(37.7333vw, 203.76px);}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; padding: 5px;}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box ul li{width: min(16.6667vw, 90px); height: min(16.6667vw, 90px);margin: min(1.3333vw, 7.2px) min(0.4vw, 2.16px) min(1.3333vw, 7.2px) min(1.3333vw, 7.2px);}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box ul li img{display: block; width: 100%; height: 100%;}
.part6 .center{width: 94%; height: 100%; margin: 0 auto; position: relative;}
.part6 .title4{left: 1%; top: 1%;}
.part6 .title4 img{width: 100%; height: 100%;}
.part6 .center .Masonry{width: 100%; height: min(150vw, 810px); left: 50%;transform: translateX(-50%); top: 10%; overflow: hidden; overflow-y: auto;}
.Masonry::-webkit-scrollbar{width: min(0.8vw, 4.32px);height:0}
.Masonry::-webkit-scrollbar{background-color:transparent;border-radius: min(0.4vw, 2.16px)}
.Masonry::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius: min(2.6667vw, 14.4px)}
.Masonry::-webkit-scrollbar-track-piece{background-color:#d3d3ec;border-radius: min(0.4vw, 2.16px)}
.Masonry::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.Masonry::-webkit-scrollbar-corner{background-color:#d3d3ec;}
.part6 .grid-item{width: min(46vw, 248.4px);}
.part6 .grid-item .grid_img_box{}
.part6 .grid-item .grid_img_box span{display: block; bottom: 0; left: 0; width: min(46vw, 248.4px); height: min(9.6vw, 51.84px); background-color: rgba(25,25,50,.5); text-align: center; line-height: min(9.6vw, 51.84px); font-size: min(3.0667vw, 16.56px); font-family: 'Helvetica'; color: #fff;}
.part6 .grid-item .gallery-thumbnail{display: block; width: 100%; height: 100%;}
.part6 .center .grid .grid-item .gallery-link{display: block;position: relative;overflow: hidden;transition: all .3s;}
.part7 .center{width: 95%; height: 100%; margin: 0 auto; position: relative;}
.part7 .title5{left: 0; top: 15%;}
.part7 .title5 img{width: 100%; height: 100%;}
.part7 .center .icon_box{width: 100%; top: min(51.3333vw, 277.2px); left: 50%; transform: translateX(-50%);}
.part7 .center .icon_box ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;align-items: center;}
.part7 .center .icon_box ul .icon_li{width: min(18.5333vw, 100.08px); height: min(21.6vw, 116.64px); text-align: center; position: relative; overflow: hidden;color: #191932; margin: min(3vw, 16.2px) min(2vw, 10.8px) min(5vw, 27px) min(2vw, 10.8px);}
.part7 .center .icon_box ul .icon_li a{display: block; width: 100%; height: 100%;}
.part7 .center .icon_box ul span{position: absolute; font-size: min(2.1333vw, 11.52px); font-family: 'Helvetica'; text-align: center; left: 50%; bottom: min(0.7333vw, 3.96px); transform: translateX(-50%);}
.part7 .center .icon_box ul .icon_1{background-image: url(../img/m/common/community/icon_1.webp);}
.part7 .center .icon_box ul .icon_2{background-image: url(../img/m/common/community/icon_2.webp);}
.part7 .center .icon_box ul .icon_3{background-image: url(../img/m/common/community/icon_3.webp);}
.part7 .center .icon_box ul .icon_4{background-image: url(../img/m/common/community/icon_4.webp);}
.part7 .center .icon_box ul .icon_5{background-image: url(../img/m/common/community/icon_5.webp);}
.part7 .center .icon_box ul .icon_6{background-image: url(../img/m/common/community/icon_6.webp);}
.part7 .center .icon_box ul .icon_7{background-image: url(../img/m/common/community/icon_7.webp);}
.footer{width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.footer_center{width: 100%;height: min(49.3333vw, 266.4px);margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Helvetica';font-size: min(1.8667vw, 10.08px);color: #818181;}
.footer_center .logo_footer{width: min(65.4667vw, 353.52px); ;display: flex; justify-content: space-around; align-items: center;}
.footer_center .logo_footer img{display: block; width: min(30.9333vw, 167.04px); height: min(10.5333vw, 56.88px);}
.footer_center div{margin: min(0.6667vw, 3.6px) 0 min(2.6667vw, 14.4px) 0;}
.pop_part3_icon_1{width: min(92.4vw, 498.96px); height: min(118.2667vw, 638.64px); background-image: url(../img/m/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_1 .part3_icon{width: min(11.3333vw, 61.2px); height: min(11.3333vw, 61.2px); background-image: url(../img/m/common/world/part3_icon1.webp);left: min(11vw, 59.4px);top: min(6.3333vw, 34.2px);}
.pop_part3_icon_1 .part3_icon_cen{width: min(100vw, 540px); height: min(130.8vw, 706.32px); background-image: url(../img/m/common/world/part3_bg1.webp); z-index: -99;left: 50%;top: max(-6vw, -32.4px);transform: translateX(-50%);}
.pop_part3_icon_1 .part3_title{display: block; font-size: min(7.3333vw, 39.6px); color: #1e2731; font-family: 'IMPACT';margin: min(10.2667vw, 55.44px) 0 0 min(30.6667vw, 165.6px);}
.pop_part3_icon_1 .part3_text{font-size: min(3.2vw, 17.28px); color: #1e2731; font-family: 'Helvetica';margin: min(2.6667vw, 14.4px) min(4.3333vw, 23.4px) 0 min(3.2vw, 17.28px);line-height: min(7.3333vw, 39.6px);height: min(88vw, 475.2px);overflow: hidden;overflow-y: auto;}
.pop_part3_icon_2{width: min(92.4vw, 498.96px); height: min(118.2667vw, 638.64px); background-image: url(../img/m/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_2 .part3_icon{width: min(8.2667vw, 44.64px); height: min(10.1333vw, 54.72px); background-image: url(../img/m/common/world/part3_icon2.webp);left: min(12.3vw, 66.42px);top: min(6.8333vw, 36.9px);}
.pop_part3_icon_2 .part3_icon_cen{width: min(99.0667vw, 534.96px); height: min(120.4vw, 650.16px); background-image: url(../img/m/common/world/part3_bg2.webp); z-index: -99;left: 50%;top: max(-2vw, -10.8px);transform: translateX(-50%);}
.pop_part3_icon_2 .part3_title{display: block; font-size: min(7.3333vw, 39.6px); color: #1e2731; font-family: 'IMPACT';margin: min(10.2667vw, 55.44px) 0 0 min(30.6667vw, 165.6px);}
.pop_part3_icon_2 .part3_text{font-size: min(3.2vw, 17.28px); color: #1e2731; font-family: 'Helvetica';margin: min(2.6667vw, 14.4px) min(4.3333vw, 23.4px) 0 min(3.2vw, 17.28px);line-height: min(7.3333vw, 39.6px);height: min(88vw, 475.2px);overflow: hidden;overflow-y: auto;}
.pop_part3_icon_3{width: min(92.4vw, 498.96px); height: min(118.2667vw, 638.64px); background-image: url(../img/m/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_3 .part3_icon{width: min(9.8667vw, 53.28px); height: min(9.8667vw, 53.28px); background-image: url(../img/m/common/world/part3_icon3.webp);left: min(11.6vw, 62.64px);top: min(7.3333vw, 39.6px);}
.pop_part3_icon_3 .part3_icon_cen{width: min(100vw, 540px); height: min(120.4vw, 650.16px); background-image: url(../img/m/common/world/part3_bg3.webp); z-index: -99;left: 50%;top: min(3vw, 16.2px);transform: translateX(-50%);}
.pop_part3_icon_3 .part3_title{display: block; font-size: min(7.3333vw, 39.6px); color: #1e2731; font-family: 'IMPACT';margin: min(10.2667vw, 55.44px) 0 0 min(30.6667vw, 165.6px);}
.pop_part3_icon_3 .part3_text{font-size: min(3.2vw, 17.28px); color: #1e2731; font-family: 'Helvetica';margin: min(2.6667vw, 14.4px) min(4.3333vw, 23.4px) 0 min(3.2vw, 17.28px);line-height: min(7.3333vw, 39.6px);height: min(88vw, 475.2px);overflow: hidden;overflow-y: auto;}
.pop_part3_icon_4{width: min(92.4vw, 498.96px); height: min(118.2667vw, 638.64px); background-image: url(../img/m/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_4 .part3_icon{width: min(10vw, 54px); height: min(10.8vw, 58.32px); background-image: url(../img/m/common/world/part3_icon4.webp);left: min(11.6vw, 62.64px); top:min(6.6vw, 35.64px)}
.pop_part3_icon_4 .part3_icon_cen{width: min(100vw, 540px); height: min(124.8vw, 673.92px); background-image: url(../img/m/common/world/part3_bg4.webp); z-index: -99;left: 50%;top: max(-4vw, -21.6px);transform: translateX(-50%);}
.pop_part3_icon_4 .part3_title{display: block; font-size: min(7.3333vw, 39.6px); color: #1e2731; font-family: 'IMPACT';margin: min(10.2667vw, 55.44px) 0 0 min(30.6667vw, 165.6px);}
.pop_part3_icon_4 .part3_text{font-size: min(3.2vw, 17.28px); color: #1e2731; font-family: 'Helvetica';margin: min(2.6667vw, 14.4px) min(4.3333vw, 23.4px) 0 min(3.2vw, 17.28px);line-height: min(7.3333vw, 39.6px);height: min(88vw, 475.2px);overflow: hidden;overflow-y: auto;}
.pop_part3_icon_5{width: min(92.4vw, 498.96px); height: min(118.2667vw, 638.64px); background-image: url(../img/m/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_5 .part3_icon{width: min(10vw, 54px); height: min(10.6667vw, 57.6px); background-image: url(../img/m/common/world/part3_icon5.webp);left: min(11.6vw, 62.64px);top: min(6.3333vw, 34.2px);}
.pop_part3_icon_5 .part3_icon_cen{width: min(100vw, 540px); height: min(123.8667vw, 668.88px); background-image: url(../img/m/common/world/part3_bg5.webp); z-index: -99;left: 50%;top: max(-1vw, -5.4px);transform: translateX(-50%);}
.pop_part3_icon_5 .part3_title{display: block; font-size: min(7.3333vw, 39.6px); color: #1e2731; font-family: 'IMPACT';margin: min(10.2667vw, 55.44px) 0 0 min(30.6667vw, 165.6px);}
.pop_part3_icon_5 .part3_text{font-size: min(3.2vw, 17.28px); color: #1e2731; font-family: 'Helvetica';margin: min(2.6667vw, 14.4px) min(4.3333vw, 23.4px) 0 min(3.2vw, 17.28px);line-height: min(7.3333vw, 39.6px);height: min(88vw, 475.2px);overflow: hidden;overflow-y: auto;}
.pop_portrait{width: min(92.4vw, 498.96px); height: min(124.9333vw, 674.64px); background-image: url(../img/m/common/goodies/part5_bg_1.webp);}
.pop_portrait .pop_portrait_icon{width: min(12.2667vw, 66.24px); height: min(9.8667vw, 53.28px); background-image: url(../img/m/common/goodies/pop_profile.webp); top: min(7.0667vw, 38.16px);left: min(10vw, 54px);}
.pop_portrait .pop_portrait_title{display: block;color: #1e2731;font-size: min(7.3333vw, 39.6px);font-family: 'IMPACT';top: min(11vw, 59.4px);left: min(30.5333vw, 164.88px);}
.pop_portrait .pop_portrait_list{width: min(78.5vw, 423.9px);height: min(66.8vw, 360.72px);top: min(27.8vw, 150.12px);left: min(7vw, 37.8px);padding: min(2vw, 10.8px);box-sizing: border-box;}
.pop_portrait .pop_portrait_list ul{width: min(71.9333vw, 388.44px);height: min(64.6667vw, 349.2px);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;overflow-y: auto;padding-right: min(2.6667vw, 14.4px);}
.pop_portrait .pop_portrait_list ul li{width: min(16.6667vw, 90px); height: min(16.6667vw, 90px);margin: min(3.2vw, 17.28px) min(0.8vw, 4.32px) min(1.0667vw, 5.76px) min(0.9333vw, 5.04px);}
.pop_portrait .pop_portrait_list ul li img{display: block; width: 100%; height: 100%;}
.pop_portrait_list ::-webkit-scrollbar{width: min(0.8vw, 4.32px);height:0}
.pop_portrait_list ::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.pop_portrait_list ::-webkit-scrollbar-thumb{background-color:#191932;border-radius:20px}
.pop_portrait_list ::-webkit-scrollbar-track-piece{background-color:#cbcbe6;border-radius:3px}
.pop_portrait_list ::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.pop_portrait_list ::-webkit-scrollbar-corner{background-color:#cbcbe6;}
.pop_portrait .pop_portrait_name_div{color: #191932;font-size: min(3.2vw, 17.28px);font-family: 'Helvetica';top: min(21.2667vw, 114.84px); right: min(6.8667vw, 37.08px);}
.pop_portrait .pop_portrait_name_div p{text-align: center;}
.pop_portrait .download_btn{display: block;width: min(23.8667vw, 128.88px);height: min(6.4vw, 34.56px);background-image: url(../img/m/common/goodies/download.webp);left: 50%; transform: translateX(-50%); bottom: min(12.3333vw, 66.6px);line-height: min(6.4vw, 34.56px); text-align: center; font-size: min(3.2vw, 17.28px); color: #fff; font-family: 'IMPACT';}
.pop_portrait .pop_portrait_size_div{width: 100%; color: #191932;font-size: min(2.9333vw, 15.84px);font-family: 'Helvetica';bottom: min(9.5333vw, 51.48px);left: 50%; transform: translateX(-50%);}
.pop_portrait .pop_portrait_size_div p{text-align: center;}
.pop_portrait .pop_portrait_size_div p em{font-family: 'Helvetica';}
.pop_emoji{width: min(92.4vw, 498.96px); height: min(124.9333vw, 674.64px); background-image: url(../img/m/common/goodies/part5_bg_1.webp);}
.pop_emoji .pop_emoji_icon{width: min(12.1333vw, 65.52px); height: min(9.8667vw, 53.28px); background-image: url(../img/m/common/goodies/pop_emoji_icon.webp); top: min(7.0667vw, 38.16px);left: min(10vw, 54px);}
.pop_emoji .pop_emoji_title{display: block;color: #1e2731;font-size: min(7.3333vw, 39.6px);font-family: 'IMPACT';top: min(11vw, 59.4px);left: min(30.5333vw, 164.88px);}
.pop_emoji .pop_emoji_list{width: min(78.5vw, 423.9px);height: min(66.8vw, 360.72px);top: min(27.8vw, 150.12px);left: min(7vw, 37.8px);padding: min(2vw, 10.8px);box-sizing: border-box;}
.pop_emoji .pop_emoji_list ul{width: min(71.9333vw, 388.44px);height: min(64.6667vw, 349.2px);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;overflow-y: auto;padding-right: min(2.6667vw, 14.4px);}
.pop_emoji .pop_emoji_list ul li{width: min(16.6667vw, 90px); height: min(16.6667vw, 90px);margin: min(3.2vw, 17.28px) min(0.8vw, 4.32px) min(1.0667vw, 5.76px) min(0.9333vw, 5.04px);}
.pop_emoji .pop_emoji_list ul li img{display: block; width: 100%; height: 100%;}
.pop_emoji_list ::-webkit-scrollbar{width: min(0.8vw, 4.32px);height:0}
.pop_emoji_list ::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.pop_emoji_list ::-webkit-scrollbar-thumb{background-color:#191932;border-radius:20px}
.pop_emoji_list ::-webkit-scrollbar-track-piece{background-color:#cbcbe6;border-radius:3px}
.pop_emoji_list ::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.pop_emoji_list ::-webkit-scrollbar-corner{background-color:#cbcbe6;}
.pop_emoji .pop_emoji_name_div{color: #191932;font-size: min(3.2vw, 17.28px);font-family: 'Helvetica';top: min(21.2667vw, 114.84px); right: min(6.8667vw, 37.08px);}
.pop_emoji .pop_emoji_name_div p{text-align: center;}
.pop_emoji .download_btn{display: block;width: min(23.8667vw, 128.88px);height: min(6.4vw, 34.56px);background-image: url(../img/m/common/goodies/download.webp);left: 50%; transform: translateX(-50%); bottom: min(12.3333vw, 66.6px);line-height: min(6.4vw, 34.56px); text-align: center; font-size: min(3.2vw, 17.28px); color: #fff; font-family: 'IMPACT';}
.pop_emoji .pop_emoji_size_div{width: 100%; color: #191932;font-size: min(2.9333vw, 15.84px);font-family: 'Helvetica';bottom: min(9.5333vw, 51.48px);left: 50%; transform: translateX(-50%);}
.pop_emoji .pop_emoji_size_div p{text-align: center;}
.pop_emoji .pop_emoji_size_div p em{font-family: 'Helvetica';}
.pop_nav .popnav_ul{margin-top: min(15.6667vw, 84.6px);}
.pop_nav .popnav_ul li{height: min(13vw, 70.2px); color: #fff; font-size: min(4.6667vw, 25.2px); font-family: 'Helvetica'; line-height: min(13vw, 70.2px); margin: 0 min(4vw, 21.6px); border-bottom: 1px solid #3e4650;display: flex;align-items: center;}
.pop_nav .popnav_ul li a{display: block; width: 100%; height: 100%;color: #fff;}
.pop_nav .popnav_ul li span:nth-of-type(1){display: none; width: min(2vw, 10.8px); height: min(7.3333vw, 39.6px); background-color: #3ef0b5; line-height: min(7.3333vw, 39.6px); margin-right: min(6.6667vw, 36px); position: absolute; left: 0;}
.pop_nav .popnav_ul li.on span:nth-of-type(1){display: inline-block;}
.pop_nav .popnav_ul li span:nth-of-type(2){margin-left: min(6.6667vw, 36px);}
.pop_nav .popnav_icon_box ul{display: flex;justify-content: space-evenly;align-items: center;margin: min(6.6667vw, 36px) auto 0;}
.pop_nav .popnav_icon_box ul li{width: min(10vw, 54px); height: min(8.6667vw, 46.8px);}
.pop_nav .popnav_icon_box ul li a{display: block; width: 100%; height: 100%;}
.pop_nav .popnav_icon_box ul li img{display: block; width: 100%; height: 100%;}
.pop_close1_lang{background-image: url(../img/m/common/popup/close1.webp); right: min(2.6667vw, 14.4px);top: max(-11vw, -59.4px);}
.poplang_ul{margin-top: min(17vw, 91.8px);}
.poplang_ul li{height: min(13vw, 70.2px); color: #fff; font-size: min(4.6667vw, 25.2px); font-family: 'Helvetica'; line-height: min(13vw, 70.2px); margin: 0 min(6vw, 32.4px); border-bottom: 1px solid #3e4650; display: flex; align-items: center;}
.poplang_ul li.active{color: #8f79fe;}
.pop_VideoMark{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:9999;}
#videobox{width: min(98.6667vw, 532.8px); height: min(66.6667vw, 360px)}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.part1{ background-repeat: no-repeat; background-position: 0 17%; overflow: hidden; } .part4 .Bigswiper .swiper-slide5 .img_swiper{ top: max(-95.5vw, -515.7px); } .part3 .center .part3_icon_1 { left: 2%; top: 48%; } .part3 .center .part3_icon_2 { left: 6%; top: 0%; } .part3 .center .part3_icon_3 { right: 15%; top: 45%; } .part3 .center .part3_icon_4 { right: 3%; top: 7%; } .part3 .center .part3_icon_5 { right: 13%; top: 80%; }}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait){.part1{ background-repeat: no-repeat; background-position: 0 22%; overflow: hidden; } .part4 .Bigswiper .swiper-slide5 .img_swiper{ top: max(-154.5vw, -834.3px); } .part3 .center .part3_icon_1{ left: 5%; top: 52%; } .part3 .center .part3_icon_2{ top: 0; left: 10%; } .part3 .center .part3_icon_3{ right: 19%; top: 48%; } .part3 .center .part3_icon_4{ right: 6%; top: 7%; } .part3 .center .part3_icon_5 { right: 16%; top: 86%; }}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio:3){.part4 .Bigswiper .swiper-slide .roll_box{top: min(140.5vw, 758.7px);} .part4 .Bigswiper .swiper-slide1 .swiper_name{top: min(92.6667vw, 500.4px);} .part4 .Bigswiper .swiper-slide1 .swiper_skill{top: min(120.8667vw, 652.68px);} .part4 .Bigswiper .swiper-slide1 .swiper_introduce{top: min(126.8667vw, 685.08px);} .part4 .Bigswiper .swiper-slide2 .swiper_name{top: min(92.6667vw, 500.4px);} .part4 .Bigswiper .swiper-slide2 .swiper_skill{top: min(120.8667vw, 652.68px);} .part4 .Bigswiper .swiper-slide2 .swiper_introduce{top: min(126.8667vw, 685.08px);} .part4 .Bigswiper .swiper-slide3 .swiper_name{top: min(92.6667vw, 500.4px);} .part4 .Bigswiper .swiper-slide3 .swiper_skill{top: min(120.8667vw, 652.68px);} .part4 .Bigswiper .swiper-slide3 .swiper_introduce{top: min(126.8667vw, 685.08px);} .part4 .Bigswiper .swiper-slide4 .swiper_name{top: min(92.6667vw, 500.4px);} .part4 .Bigswiper .swiper-slide4 .swiper_skill{top: min(120.8667vw, 652.68px);} .part4 .Bigswiper .swiper-slide4 .swiper_introduce{top: min(126.8667vw, 685.08px);} .part4 .Bigswiper .swiper-slide5 .swiper_name{top: min(92.6667vw, 500.4px);} .part4 .Bigswiper .swiper-slide5 .swiper_skill{top: min(120.8667vw, 652.68px);} .part4 .Bigswiper .swiper-slide5 .swiper_introduce{top: min(126.8667vw, 685.08px);} .part4 .SmallSwiper{top: min(111.3333vw, 601.2px);}}
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio:3){.part3 .center .part3_icon_1 { left: -4%; top: 44%; } .part3 .center .part3_icon_2 { left: 2%; top: 11%; } .part3 .center .part3_icon_3 { right: 10%; top: 42%; } .part3 .center .part3_icon_4 { right: -3%; top: 16%; } .part3 .center .part3_icon_5 { right: 6%; top: 69%; }}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2){.part3 .center .part3_icon_1 { left: -3%; top: 44%; } .part3 .center .part3_icon_2 { left: 2%; top: 11%; } .part3 .center .part3_icon_3 { right: 10%; top: 42%; } .part3 .center .part3_icon_4 { right: -2%; top: 16%; } .part3 .center .part3_icon_5 { right: 7%; top: 69%; }}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio:3){.part3 .center .part3_icon_1 { left: -3%; top: 44%; } .part3 .center .part3_icon_2 { left: 2%; top: 11%; } .part3 .center .part3_icon_3 { right: 10%; top: 42%; } .part3 .center .part3_icon_4 { right: -2%; top: 16%; } .part3 .center .part3_icon_5 { right: 7%; top: 69%; }}
.orientation_mask::before{content: ''; position: fixed; z-index: 999999; height: min(30.2667vw, 163.44px); width: min(20vw, 108px); left: 50%; top: 50%; margin-left: max(-5vw, -27px); margin-top: max(-18vw, -97.2px); color: #fff; background-image: url(../img/m/common/home/heng.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; transform: rotate(-90deg); animation: rotate 1.5s linear infinite alternate; -webkit-animation: rotate 1.5s linear infinite alternate;}
@media (orientation: landscape){.orientation_mask { display: block; }}

/* ================= 源站 flexible.js 注入的基础样式 ================= */
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}


/* ================= 适配层 ================= */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

/* 源站 flexible.js 运行时把 body 字号设成 12px（dpr=1），未显式设字号的元素（如分页器行高）都继承它 */
body { font-size: 12px; }

/* 官方商城按钮：默认显示；镜像站（域名含 -official）由 head 脚本给 html 挂 no-bonus-store 隐藏，剩下的 Play Now 回中 */
.part1 .center .pay { display: block; }
html.no-bonus-store .part1 .center .pay { display: none; }
html.no-bonus-store .part1 .center .btns { justify-content: center; }

/* 由 config 驱动的图位：外层 <a> 绑链接，内层 span 绑图（esperhood 角标 / 官方商城按钮） */
.part1 .part1_esperhood span,
.part1 .center .pay span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 0; background-size: cover; }

/* Swiper 11：源站箭头既无底图也无字形（只是隐形热区），隐藏 11 版 ::after 字形 */
.swiper-button-prev1::after, .swiper-button-next1::after,
.part5-button-prev::after, .part5-button-next::after { display: none; }

/* 分页点：源站为透明底 + 切图，去掉 Swiper 11 默认的黑底与 0.2 透明度 */
.swiper-pagination-bullet, .swiper-pagination-bullet-active { background-color: transparent; opacity: 1; }
/* 新闻分页器：源站宽度随内容（靠 left:50% + translateX(-50%) 居中），11 版默认撑满 100% */
.part2 .center #swiper1 .newswiper-pagination { width: auto; }
/* 角色轮播分页器在轮播容器外：源站停在 part4 左上角且不可见，这里保持同位（不让 11 版挪到底部） */
.part4 .smallswiper-pagination { top: 0; left: 0; bottom: auto; width: auto; }

/* 视频弹窗 iframe */
#videobox iframe { display: block; }