*{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
@font-face {
    font-family: 'Oswald-Medium';
    src: url('../font/Oswald-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../font/SourceHanSansCN-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../font/SourceHanSansCN-Normal.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../font/SourceHanSansCN-Regular.ttf') format('truetype');
}
body,html{
    max-width: 1920px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.8);
    font-family: '微软雅黑';
}
.nav{
    width: 100%;
    height: 4.844vw;
    background: rgba(25, 31, 42, 1)
}
.nav-l{
    float: left;
    width: 8.646vw;
    height: 4.323vw;
    margin-left: 2.552vw;
    margin-top: 0.26vw;
}
.webp .nav-l{
    background: url('../image/en/logo.webp') no-repeat;
    background-size: 100% 100%;
}
.nav-r{
    float: right;
    width: 68.073vw;
    height: 4.844vw;
}
.nav .customer{
    float: left;
    width: 16.823vw;
    height: 4.844vw;
    cursor: pointer;
}
.webp .customer{
    background: url('../image/en/Customer-Survice.webp') no-repeat;
    background-size: 100% 100%;
}
.webp .nav .customer:hover{
    background: url('../image/en/Customer-Survice-l.webp') no-repeat;
    background-size: 100% 100%;
}
.nav .hot{
    float: left;
    width: 17.552vw;
    height: 5.313vw;
    margin-left: -0.26vw;
    margin-top: 0px;
    cursor: pointer;
    background: url('../image/en/pay_hot.webp') no-repeat;
    background-size: 100% 100%;
}
.nav .download{
    float: left;
    width: 16.823vw;
    height: 4.844vw;
    margin-left: -0.26vw;
    cursor: pointer;
}
.webp .nav .download{
    background: url('../image/en/download.webp') no-repeat;
    background-size: 100% 100%;
}
.webp .nav .download:hover{
    background: url('../image/en/download-l.webp') no-repeat;
    background-size: 100% 100%;
}
.language-box{
    float: left;
    position: relative;
    width: 17.135vw;
    height: 4.844vw;
    margin-left: 0.26vw;
}
.nav .language{
    width: 16.719vw;
    height: 4.844vw;
    background: url('../image/en/choose-langage.webp') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.nav .language-box:hover .language{
    background: url('../image/en/choose-langage-l.webp') no-repeat;
    background-size: 100% 100%;
}
.nav .language-box:hover .language-list{
    display: block;
}
.nav .language-list{
    display: none;
    position: absolute;
    right: 0;
    top: 4.844vw;
    width: 17.135vw;
    height: 23.7vw;
    background: rgba(0, 0, 0, 0.8);
}
.nav .language-item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.969vw;
    color: #729FA9;
    cursor: pointer;
}
.nav .language-item:hover{
    background: url('../image/en/choose-luanage-bg.webp') no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.banner{
    width: 100%;
    height: 45.156vw;
    overflow: hidden;
}
.webp .banner{
    background: url('../image/en/banner-bg.webp') no-repeat;
    background-size: 100% 100%;
}
.media-box{
    position: fixed;
    top: 24.74vw;
    right: 0;
    z-index: 11;
}
.media-set{
    position: absolute;
    left: -1.302vw;
    top: 0.208vw;
    cursor: pointer;
}
.media-set{
    width: 1.302vw;
    height: 4.583vw;
}
.media-set img{
    width: 1.302vw;
    height: 4.583vw;
}
.mediaOpen{
    display: none;
}
.media-list{
    display: flex;
    flex-direction:column;
    align-items: center;
    width: 4.115vw;
    height: 10.469vw;
    background: url('../image/en/media-shortness-bg.webp') no-repeat;
    background-size: 100% 100%;
}
.media-item{
    position: relative;
    margin-top: 1.823vw;
}
.media-item .media-item-i{
    display: block;
    height: 2.396vw;
    margin: 0 auto;
}
.media-item-n{
    display: none;
    position: absolute;
    bottom: -1.667vw;
    left: -1.927vw;
    width: 4.531vw;
    height: 2.135vw;
}
.download-box{
    position: relative;
    width:33.906vw;
    height: 8.6vw;
    margin: 32.552vw auto 0;
}
.download-item-pay{
    position: absolute;
    display: block;
    top: .26vw;
    left: .052vw;
    width: 17.188vw;
    height: 4.531vw;
}
.pay-box-1{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-0.521vw * 0.8291) calc(-0.521vw * 0.84466);
}
.pay-box-2{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-0.521vw * 0.8291) calc(-6.927vw * 0.84466);
}
.pay-box-3{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-0.521vw * 0.8291) calc(-13.333vw * 0.84466);
}
.pay-box-4{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-22.292vw * 0.8291) calc(-0.521vw * 0.84466);
}
.pay-box-5{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-22.292vw * 0.8291) calc(-6.927vw * 0.84466);
}
.pay-box-6{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-22.292vw * 0.8291) calc(-13.333vw * 0.84466);
}
.pay-box-7{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-0.521vw * 0.8291) calc(-19.74vw * 0.84466);
}
.pay-box-8{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-22.292vw * 0.8291) calc(-19.74vw * 0.84466);
}
.pay-box-9{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-0.521vw * 0.8291) calc(-26.146vw * 0.84466);
}
.pay-box-10{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-22.292vw * 0.8291) calc(-26.146vw * 0.84466);
}
.pay-box-11{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-0.521vw * 0.8291) calc(-32.552vw * 0.84466);
}
.pay-box-12{
    background-image: url('../image/sao/en.png');
    background-size: calc(65.313vw * 0.8291) calc(38.438vw * 0.84466); 
    background-position: calc(-22.292vw * 0.8291) calc(-32.552vw * 0.84466);
}
.pay-box img{
    width: 9.948vw;
    height: 8.646vw;
}
.download-item{
    position: absolute;
    width: 16.563vw;
    height: 3.75vw;
    cursor: pointer;
}
.download-item:nth-child(2){
    top: 0.677vw;
    right: 0;
}
.download-item:nth-child(3){
    left: 0.417vw;
    bottom: 0;
}
.download-item:nth-child(4){
    right: 0;
    bottom: 0;
}
.download-item img{
    width: 100%;
}
.download-item-apple{
    width: 16.563vw;
    height: 3.75vw;
    background: url('../image/en/apple.webp') no-repeat;
    background-size: 100% 100%;
}
.download-item-gg{
    width: 16.563vw;
    height: 3.75vw;
    background: url('../image/en/gg.webp') no-repeat;
    background-size: 100% 100%;
}
.download-item-apk{
    width: 16.563vw;
    height: 3.75vw;
    background: url('../image/en/apk-btn-bg.webp') no-repeat;
    background-size: 100% 100%;
}
.banner .drop-down{
    width: 3.75vw;
    height: 3.438vw;
    margin: 0.521vw auto 0;
}
.drop-down img{
    width: 3.75vw;
    height: 3.438vw;
    cursor: pointer;
}
.game{
    width: 100%;
    height: 50vw;
    background: url('../image/en/games-bg.webp') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin-top: -0.133vw;
}
.games-title{
    width: 32.917vw;
    height: 5.365vw;
    margin: 1.719vw auto 0;
}
.games-title img{
    width: 32.917vw;
    height: 5.365vw;
}
.swiper-box{
    width: 64.531vw;
    height: 31.302vw;
    position: relative;
    margin: 1.927vw auto 0;
}
.swiper{
    position: relative;
    width: 64.531vw;
    height: 31.302vw;
    background: url('../image/en/swiper-bg.webp') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.swiper-wrapper{
    width: 64.531vw;
    height: 31.302vw;
}
.swiper-slide{
    width: 64.531vw;
    height: 31.302vw;
}
.swiper-slide-item{
    width: 63.698vw;
    height: 29.427vw;
    margin: 0.833vw auto 0;
}
.swiper-slide-1{
    background: url('../image/en/swiper-1.webp') no-repeat;
    background-size: 100% 100%;
}
.swiper-slide-2{
    background: url('../image/en/swiper-2.webp') no-repeat;
    background-size: 100% 100%;
}
.swiper-slide-3{
    background: url('../image/en/swiper-3.webp') no-repeat;
    background-size: 100% 100%;
}
.swiper-slide-4{
    background: url('../image/en/swiper-4.webp') no-repeat;
    background-size: 100% 100%;
}
.swiper-slide-5{
    background: url('../image/en/swiper-5.webp') no-repeat;
    background-size: 100% 100%;
}
.swiper-slide .mask{
    display: none;
}
.swiper-button{
    width: 3.854vw;
    height: 30.781vw;
}
.swiper-button-prev{
    top: 0.5vw;
    left: -4.375vw;
    background: url('../image/en/swiper-left.webp') no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
}
.swiper-button-next{
    top: 0.5vw;
    right: -4.375vw;
    background: url('../image/en/swiper-right.webp') no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
}
.small-picture-item-l{
    display: none;
}
.small-picture{
    width: 73.385vw;
    height: 6.354vw;
    margin: 0.417vw auto 0;
}
.small-picture-item{
    float: left;
    width: 13.698vw;
    height: 6.354vw;
    margin-left: 1.223vw;
    cursor: pointer;
}
.small-picture-item img{
    width: 13.698vw;
    height: 6.354vw;
}
.small-picture .small-picture-item:first-child{
    margin-left: 0;
}
.small-picture .small-picture-item:first-child .small-picture-item-l{
    display: block;
}
.small-picture .small-picture-item:first-child .small-picture-item-i{
    display: none;
}
.game .drop-down{
    width: 3.75vw;
    height: 3.438vw;
    margin: -0.313vw auto 0;
}
.footer{
    width: 100%;
    height: 15.625vw;
    background:url('../image/en/footer-bg.webp') 100% 100%;
    background-position: center;
    margin-top: -1px;
}
.footer-t{
    width: 73.958vw;
    overflow: hidden;
    margin: 0 auto;
}
.footer-c-b{
    float: left;
    width: 22.448vw;
    margin-left: -2.5vw;
    margin-top: 0.938vw;
    overflow: hidden;
}
.footer-c-t{
    width: 11.979vw;
    height: 2.708vw;
    background: url('../image/en/footer-follow-us.webp') no-repeat;
    background-size: 100% 100%;
}
.footer-c-t img{
    width: 11.979vw;
    height: 2.708vw;
}
.footer-c-media{
    width: 100%;
    margin-top: 0.729vw; 
    overflow: hidden;
}
.footer-c-media a{
    width: 9.167vw;
    height: 1.979vw;;
    float: left;
    margin-left: 1.51vw;
}
.footer-facebook{
    width: 9.167vw; 
    height: 1.979vw;
    background: url('../image/en/footer-fb.webp') no-repeat;
    background-size: 100% 100%;
}
.footer-discord{
    width: 9.167vw; 
    height: 1.979vw;
    background: url('../image/en/footer-discord.webp') no-repeat;
    background-size: 100% 100%;
}
.footer-c-media a:first-child{
    margin-left: 2.604vw;
}
.footer-followus{
    display: none;
    float: left;
    width: 16.146vw;
    margin-top: 0.938vw;
    overflow: hidden;
    margin-left: 3.802vw;
    margin-left: 10.104vw;
}
.footer-f-media{
    margin-top: 0.677vw;
    width: 100%;
    height: 1.979vw;
}
.footer-f-media a{
    margin-left: 1.563vw;
}
.footer-f-media a:first-child{
    margin-left: 2.656vw;
}
.footer-channel{
    display: flex;
    width: 73.958vw;
    height: 2.865vw;
    margin: 2.188vw auto 0;
}
.footer-channel a{
    width: 12.76vw;
    height: 2.865vw;
    margin-left: 0.156vw;
}
.footer-channel-item{
    width: 12.76vw;
    height: 2.865vw;
}
.footer-channel-apple{
    background: url('../image/en/footer-apple.webp') no-repeat;
    background-size: 100% 100%;
}
.footer-channel-gg{
    background: url('../image/en/footer-gg.webp') no-repeat;
    background-size: 100% 100%;
}
.footer-channel-apk{
    background: url('../image/en/footer-apk.webp') no-repeat;
    background-size: 100% 100%;
}
.footer-agreement-box{
    width: 100%;
    height: 2.188vw;
    background: #0C0E12;
}
.footer-agreement{
    display: flex;
    width: 73.385vw;
    height: 2.188vw;
    margin: 2.76vw auto 0;
    align-items: center;
    justify-content: space-between;
    font-size: .729vw;
}
.footer-agreement-l a{
    margin-left: 1.875vw;
    color: #545454;
}
.footer-agreement-l-privacy a{
    width: 4.688vw;
    height: 0.938vw;
    color: #545454;
}
.footer-agreement-l-service a{
    width:6.25vw;
    height: 0.938vw;
}
.footer-agreement-l-cookie a{
    width: 4.688vw;
    height: 0.938vw;
}
.footer-agreement-r{
    width: 21.792vw;
    height: 0.781vw;
    color: #545454;
}
.footer-agreement-l a:first-child{
    margin-left: 0;
}
.dialog{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}
.topup{
    position: absolute;
    top: 7.396vw;
    left: 50%;
    transform: translate(-50%);
    width: 51.25vw;
    height: 34.896vw;
}
.topup-bg{
    width: 51.25vw;
    height: 28.906vw;
    background: url('../image/en/topup-bg.webp') no-repeat;
    background-size: 100% 100%;
}
.topup-close{
    position: absolute;
    top: 0;
    right: -1.719vw;
    width: 1.719vw;
    height: 1.771vw;
    background: url('../image/en/dialog-close.webp') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.topup-btn{
    width: 22.604vw;
    height: 5.99vw;
    background: url('../image/en/topup-btn.webp') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    cursor: pointer;
}
.topup-t{
    position: absolute;
    bottom: 1.354vw;
    right: 11.406vw;
    width: 7.917vw;
    height: 7.917vw;
    background: url('../image/en/topup-ten.webp') no-repeat;
    background-size: 100% 100%;
}
.download-dialog{
    display: none;
    position: absolute;
    top: 13.958vw;
    left: 50%;
    transform: translate(-50%);
    width: 36.354vw;
    height: 21.719vw;
    background: url('../image/en/download-dialog-bg.webp') no-repeat;
    background-size: 100% 100%;
}
.download-dialog-close{
    top: 0.469vw;
    cursor: pointer;
}
.download-dialog-title{
    width: 22.76vw;
    height: 1.979vw;
    background: url('../image/en/download-dialog-title.webp') no-repeat;
    background-size: 100% 100%;
    margin: 2.24vw auto 0;
}
.download-dialog-list{
    margin-top: 0.781vw;
}
.download-dialog-list a{
    display: block;
    float: left;
    margin-top: 0.781vw;
    margin-left: 3.802vw;
    cursor: pointer;
    width: 14.01vw;
    height: 3.177vw;
}
.download-dialog-apple{
    width: 14.01vw;
    height: 3.177vw;
    background: url('../image/en/download-dialog-apple.webp') no-repeat;
    background-size: 100% 100%;
}
.download-dialog-gg{
    width: 14.01vw;
    height: 3.177vw;
    background: url('../image/en/download-dialog-gg.webp') no-repeat;
    background-size: 100% 100%;
}
.download-dialog-ad{
    width: 14.01vw;
    height: 3.177vw;
    background: url('../image/en/download-dialog-ad.webp') no-repeat;
    background-size: 100% 100%;
}
.download-dialog-list a:nth-child(2n){
    margin-left: 0.833vw;
}
.cookie-setBox{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40.052vw;
    min-height: 31.354vw;
    background: url('../image/en/cookie-bg.webp') no-repeat;
    background-size: 100% 100%;
}
.cookie-back{
    width: 100%;
    overflow: hidden;
}
.cookie-back img{
    float: left;
    width: .9vw;
    margin-top: 0.938vw;
    margin-left: 1.823vw;
    cursor: pointer;
}
.cookie-set-item{
    width: 29.323vw;
    overflow: hidden;
    margin: 1.563vw auto 0;
    font-size: 0.833vw;
}
.cookie-s-n{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.cookie-s-n span{
    color: #358AC5;
    font-size: 0.938vw;
    font-family: 'DIN-Bold';
}
.cookie-s-n em{
    display: flex;
    width: 3.958vw;
    height: 2.135vw;
    padding: 0 0.156vw;
    background: #5c5c5c;
    border-radius: 20px;
    align-items: center;
}
.cookie-s-n em i{
    width: 1.667vw;
    height: 1.667vw;
    background: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
}
.cookie-s-c{
    color: #4B7375;
    font-family: 'DIN-Regular';
    line-height: 1.302vw;
}
.switch-check{
    background: #358AC5 !important;
    justify-content: end;
}
.cookie-s-c a{
    color: #10E9F7;
    text-decoration: underline;
}
.cookie-set-btn{
    display: flex;
    width: 15.469vw;
    height: 3.021vw;
    background: #10E9F7;
    color: #1C6074;
    margin: 1.042vw auto;
    align-items: center;
    justify-content: center;
    font-size: 1.042vw;
    font-family: 'DIN-Regular';
    border-radius: 0.156vw;
    cursor: pointer;
}
.cookie-box{
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    z-index: 5;
}
.cookie-c{
    display: flex;
    width: 73.385vw;
    padding: 0.26vw 0;
    overflow: hidden;
    margin: 0 auto;
    color: #545454;
    align-items: center;
    font-size: 0.833vw;
    justify-content: space-between;
}
.cookie-c p a{
    color: #10E9F7;
    text-decoration: underline;
}
.cookie-btnlist{
    display: flex
}
.cookie-c span,.cookie-c em{
    display: flex;
    font-style: normal;
    padding: 0.26vw 0.521vw;
    color: #1C6074;
    background: #10E9F7;
    margin-left: 1.042vw;
    border-radius: 0.156vw;
    cursor: pointer;
    font-size: 0.833vw;
    align-items: center;
}
.cookie-c em{
    color: #1C6074;
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #10E9F7;
}
.nav-web{
    position: relative;
    width: 83.867vw;
    height: 12.4vw;
    margin: 0 auto;
    align-items: center;
    display: none;
}
.nav-web .nav-web-icon{
    width: 10.533vw;
    height: 10.533vw;
}
.nav-web .nav-web-logo{
    width: 21.867vw;
    height: 11.067vw;
    margin-left: 0.667vw;
}
.nav-web .nav-web-pay{
    display: flex;
    width: 27.067vw;
    height: 10.267vw;
    margin-left: 1.391vw;
    background: url('../image/web/en/header-top-up.png') no-repeat;
    background-size: 100% 100%;
}
.nav-web .web-language{
    width: 8.8vw;
    height: 4.267vw;
    background: url('../image/web/en/open-language.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 2.933vw;
}
.nav-web .web-language-active{
    background: url('../image/web/en/close-language.png') no-repeat;
    background-size: 100% 100%;
}
.nav-web .nav-web-line{
    width: 0.267vw;
    height: 5.867vw;
    background: #242527;
    margin-left: 2.667vw;
}
.nav-web .web-meun{
    width: 5.067vw;
    height: 4.267vw;
    background: url('../image/web/en/meun.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 2.667vw;
}
.nav-web .web-meun-active{
    width: 5.067vw;
    height: 4.267vw;
    background: url('../image/web/en/meun-close.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 2.667vw;
}
.nav-web .nav-meun-list{
    display: none;
    position: absolute;
    top: 12.4vw;
    right: -8vw;
    background: rgba(0, 0, 0, 0.95);
    width: 100vw;
    height: 30.267vw;
    z-index: 12;
}
.nav-web .nav-meun-item{
    display: flex;
    width: 100%;
    height: 14.8vw;
    border-top: 0.133vw solid #125C68;
    border-bottom: 0.133vw solid #125C68;
    color: #729FA9;
    font-size: 4vw;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.nav-web .nav-meun-item a{
    color: #729FA9;
    text-decoration: none;
    font-family: "SourceHanSansCN-Normal";
}
.nav-web .nav-meun-item:last-child{
    border-top: none;
    color: #F7F13E;
    font-weight: bold;
    font-family: 'SourceHanSansCN-Bold';
}
.nav-web .web-language-list{
    display: none;
    position: absolute;
    top: 12.4vw;
    right: -8vw;
    width: 100vw;
    height: 106.467vw;
    z-index: 12;
    background: rgba(0, 0, 0, 0.95);
}
.nav-web .web-language-item{
    display: flex;
    width: 100%;
    height: 13.333vw;
    align-items: center;
    justify-content: center;
    font-size: 4vw;
    color: #729FA9;
    border-top: 0.15vw solid #082F31;
    box-sizing: border-box;
    font-family: "SourceHanSansCN-Normal";
}
.nav-web .web-language-item:last-child{
    border-bottom: 0.15vw solid #082F31;
}
.writing-footer{
    width: 100%;
    min-height: 20.333vw;
    padding-bottom: 3vw;
    background: #0C0C0C; 
    overflow: hidden;
}
.writing-footer p{
    margin-top: 5.2vw;
    color: #545454;
    font-size: 2.667vw;
    text-align: center;
}
.writing-footer .web-agreement{
    display: flex;
    width: 72.4vw;
    align-items: center;
    margin: 3.467vw auto 0;
}
.writing-footer .web-agreement a{
    color: #545454;
    font-size: 2.667vw;
    text-decoration: none;
    margin-left: 6.8vw;
}
.writing-footer .web-agreement a:first-child{
    margin-left: 0;
}
.writing-footer .web-agreement a::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #545454;
    margin: 0.3vw auto 0;
}
.web-download-box,.writing-footer,.web-media-item,.swiper-pagination,.web-download-dialog-list{
    display: none;
}

/* 媒体查询IPAD */
@media screen and (min-width:860px) and (max-width: 1366px) {
    .nav{
        position: fixed;
        top: 0;
        height: 12.445vw;
        background: rgba(25, 31, 42, 1);
        z-index: 12;
    }
    .nav-web{
        width: 90.849vw;
    }
    .nav-web .nav-web-icon{
        width: 10.835vw;
        height: 10.835vw;
    }
    .nav-web .nav-web-logo{
        width: 22.474vw;
        height: 11.274vw;
    }
    .nav-web .nav-web-pay{
        width: 22.694vw;
        height: 7.101vw;
        background: url('../image/web/en/ipad-header-top-up.png') no-repeat;
        background-size: 100% 100%;
        margin-left: 5.198vw;
    }
    .web-language{
        width: 9.81vw;
        height: 5.49vw;
        margin-left: 5.344vw;
    }
    .nav-web-line{
        margin-left: 3.66vw;
    }
    .nav-web .web-meun{
        width: 6.955vw;
        height: 5.857vw;
        margin-left: 3.075vw;
    }
    .nav-l,.nav-r{
        display: none;
    }
    .banner{
        width: 100%;
        height: 133.455vw;
    }
    .webp .banner{
        background: url('../image/web/en/webp/ipad-top-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .banner{
        background: url('../image/web/en/ipad-top-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .media-box{
        top: 21.867vw !important;
        z-index: 11;
    }
    .media-list{
        width: 8.712vw;
        height: 29.467vw;
        background: url('../image/web/en/media-shortness-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .download-box,.media-item,.download-box,.small-picture,.media-set,.footer-agreement-box,.download-dialog-title,.download-dialog-list{
        display: none;
    }
    .web-media-item{
        display: flex;
        flex-direction: column;
        width: 7.028vw;
        height: 7.394vw;
        justify-content: center;
        margin-top: 4.5vw;
        font-size: 1.537vw;
        align-items: center;
    }
    .web-media-item a{
        width: 6.296vw;
        height: 5.124vw;
    }
    .web-media-item a img{
        width: 6.296vw;
        height: 5.124vw;
    }
    .web-media-item-n{
        display: flex;
        width: 7.028vw;
        height: 1.903vw;
        background: url('../image/web/en/media-name-bg.png') no-repeat;
        background-size: 100% 100%;
        margin-top: 0.366vw;
        color: #17E7F5;
        align-items: center;
        justify-content: center;
        font-family: 'Oswald-Medium';
        font-weight: 500;
    }
    .web-download-box{
        width: 43.119vw;
        margin: 75.988vw auto 0;
        overflow: hidden;
    }
    .web-pay{
        width: 43.119vw;
        height: 10.761vw;
    }
    .web-pay-1{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-0.732vw * 1.48) calc(-0.732vw * 1.43);
    }
    .web-pay-2{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-0.732vw * 1.48) calc(-9.736vw * 1.43);
    }
    .web-pay-3{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-0.732vw * 1.48) calc(-18.741vw * 1.43);
    }
    .web-pay-4{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-31.332vw * 1.48) calc(-0.732vw * 1.43);
    }
    .web-pay-5{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-31.332vw * 1.48) calc(-9.736vw * 1.43);
    }
    .web-pay-6{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-31.332vw * 1.48) calc(-18.741vw * 1.43);
    }
    .web-pay-7{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-0.732vw * 1.48) calc(-27.745vw * 1.43);
    }
    .web-pay-8{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-31.332vw * 1.48) calc(-27.745vw * 1.43);
    }
    .web-pay-9{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-0.732vw * 1.48) calc(-36.75vw * 1.43);
    }
    .web-pay-10{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-31.332vw * 1.48) calc(-36.75vw * 1.43);
    }
    .web-pay-11{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-0.732vw * 1.48) calc(-45.754vw * 1.43);
    }
    .web-pay-12{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-31.332vw * 1.48) calc(-45.754vw * 1.43);
    }
    .web-pay-13{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-61.933vw * 1.48) calc(-0.732vw * 1.43);
    }
    .web-pay-14{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-61.933vw * 1.48) calc(-9.736vw * 1.43);
    }
    .web-pay-15{
        background-image:  url('../image/sao/en.png');
        background-size: calc(91.801vw * 1.48) calc(54.026vw * 1.43); 
        background-position: calc(-63.25vw * 1.48) calc(-18.741vw * 1.43);
    }
    .web-download-item{
        display: block;
        width: 41.947vw;
        height: 9.444vw;
        margin: 2.562vw auto 0;
    }
    .web-download-box .web-download-item-first{
        margin: 1.903vw auto 0;
    }
    .download-item-apple{
        width: 41.947vw;
        height: 9.444vw;
    }
    .download-item-gg{
        width: 41.947vw;
        height: 9.444vw;
    }
    .download-item-apk{
        width: 41.947vw;
        height: 9.444vw;
        background-size: 100% 100%;
    }
    .game{
        width: 100%;
        height: 60.249vw;
    }
    .webp .game{
        background: url('../image/web/en/webp/games-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .game{
        background: url('../image/web/en/games-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .games-title{
        width: 77.379vw;
        height: 12.665vw;
        margin: 2.562vw auto 0;
    }
    .games-title img{
        width: 77.379vw;
        height: 12.665vw;
    }
    .swiper-box{
        width: 100%;
        height: 42.46vw;
        margin: 3.221vw auto 0;
        overflow: hidden;
    }
    .swiper{
        overflow: initial;
        width: 72.035vw;
        height: 34.919vw;
        margin: 0 auto;
    }
    .webp .swiper{
        background: url('../image/web/en/webp/ipad-swiper-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper{
        background: url('../image/web/en/ipad-swiper-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-slide{
        position: relative;
        width: 71.083vw;
        height: 32.796vw;
        margin: 0.952vw auto 0;
    }
    .swiper-slide .mask{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        display: block;
    }
    .swiper-slide-item{
        width: 71.083vw !important;
        height: 32.796vw;
        margin: 0;
    }
    .swiper-slide-active .mask{
        display: none;
    }
    .swiper-button{
        width: 6.589vw;
        height: 9.883vw;
    }
    .swiper-button-prev{
        left: 2.123vw;
        top: 13.733vw;
        transform: rotate(180deg);
        background-size: 100% 100%;
    }
    .webp .swiper-button-prev{
        background: url('../image/web/en/webp/swiper-left.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-button-prev{
        background: url('../image/web/en/swiper-left.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-button-next{
        right: 2.123vw;
        top: 13.733vw;
    }
    .webp .swiper-button-next{
        background: url('../image/web/en/webp/swiper-left.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-button-next{
        background: url('../image/web/en/swiper-left.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-pagination{
        display: flex;
        align-items: center;
        width: 41.5vw;
        height: 5.067vw;
        overflow: hidden;
        bottom: 1.867vw;
        left: 50%;
        transform: translate(-50%);
    }
    .swiper-pagination-bullet{
        width: 3.001vw;
        height: 3.001vw;
        background: url('../image/web/en/pagination-bullet.png') no-repeat;
        background-size: 100% 100%;
        opacity: 1;
        margin-left: 6.076vw;
    }
    .swiper-pagination-bullet:first-child{
        margin-left: 0;
    }
    .swiper-pagination-bullet-active{
        width: 5.067vw;
        height: 5.067vw;
        background: url('../image/web/en/pagination-bullet-active.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer{
        width: 100%;
        height: 41.435vw;
        overflow: hidden;
    }
    .webp .footer{
        background: url('../image/web/en/webp/footer-bg.webp');
        background-size: 100% 100%;
    }
    .no-webp .footer{
        background: url('../image/web/en/footer-bg.png');
        background-size: 100% 100%;
    }
    .footer-t{
        width: 100%;
    }
    .footer-c-b{
        width: 100%;
        height: 20.205vw;
        margin-top: 1.867vw;
        margin-left: 0;
    }
    .footer-c-t{
        width: 33.455vw;
        height: 8.492vw;
        margin-left: 0;
    }
    .webp .footer-c-t{
        background: url('../image/web/en/webp/ipad-footer-follow-us.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-c-t{
        background: url('../image/web/en/ipad-footer-follow-us.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer-c-media{
        width: 100%;
        height: 8.419vw;
        margin: 1.83vw auto 0;
    }
    .footer-c-media a{
        width: 38.726vw;
        height: 8.419vw;
        margin-left: 6.296vw;
    }
    .footer-c-media a:first-child{
        margin-left: 3.953vw;
    }
    .footer-facebook{
        width: 38.726vw;
        height: 8.419vw;
    }
    .footer-discord{
        width: 38.726vw;
        height: 8.419vw;
    }
    .nav-web{
        display: flex;
    }
    .writing-footer{
        display: block;
    }
    .web-download-box{
        display: block;
    }
    .footer-channel{
        width: 100%;
        height:10.322vw;
        margin: 5.71vw auto 0;
        overflow: hidden;
    }
    .footer-channel a{
        width: 29.502vw;
        height:10.322vw;
        margin-left: 1.83vw;
    }
    .footer-channel a:first-child{
        margin-left: 3.953vw;
    }
    .footer-channel-item{
        width: 29.502vw;
        height:10.322vw;
        background-size: 100% 100%;
    }
    .webp .footer-channel-apple{
        background: url('../image/web/en/webp/web-footer-apple.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-channel-apple{
        background: url('../image/web/en/web-footer-apple.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .footer-channel-gg{
        background: url('../image/web/en/webp/web-footer-gg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-channel-gg{
        background: url('../image/web/en/web-footer-gg.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .footer-channel-apk{
        background: url('../image/web/en/webp/web-footer-apk.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-channel-apk{
        background: url('../image/web/en/web-footer-apk.png') no-repeat;
        background-size: 100% 100%;
    }

    .writing-footer{
        width: 100%;
        height: 18.594vw;
        font-size: 2.928vw;
    }
    .nav-web .web-language-list,.nav-web .nav-meun-list{
        right: -4vw;
    }
    .topup{
        top: 18.228vw;
        width: 60.981vw;
        height: 102.635vw;
    }
    .topup-bg{
        width: 60.981vw;
        height: 88.799vw;
        overflow: hidden;
    }
    .webp .topup-bg{
        background: url('../image/web/en/webp/ipad-topup-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .topup-bg{
        background: url('../image/web/en/ipad-topup-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .topup-btn{
        width: 70.791vw;
        height: 22.255vw;
        margin-top: -8vw;
        margin-left: -1.1vw;
    }
    .webp .topup-btn{
        background: url('../image/web/en/webp/ipad-topup-btn-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .topup-btn{
        background: url('../image/web/en/ipad-topup-btn-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .topup-t{
        display: none;
    }
    .topup-close{
        width: 9.59vw;
        height: 9.59vw;
        right: -9.59vw;
        top: .3vw;
        background: url('../image/web/en/dialog-close.png') no-repeat;
        background-size: 100% 100%;
    }
    .download-dialog{
        top: 39.019vw;
        width: 41.947vw;
        height: 43.2vw;
        background: none;
    }
    .web-download-dialog-list{
        display: block;
    }
    .web-download-dialog-list a{
        display: block;
        margin-top: 2.933vw;
    }
    .web-download-dialog-list div{
        width: 41.947vw;
        height: 9.444vw;
    }
    .webp .download-dialog-apple{
        background: url('../image/en/apple.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .download-dialog-apple{
        background: url('../image/web/en/apple.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .download-dialog-gg{
        background: url('../image/en/gg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .download-dialog-gg{
        background: url('../image/web/en/gg.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .download-dialog-apk{
        background: url('../image/en/apk-btn-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .download-dialog-apk{
        background: url('../image/web/en/apk-btn-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .web-download-dialog-list a:first-child{
        margin-top: 0;
    }
    .download-dialog-close{
        width: 9.37vw;
        height: 9.37vw;
        top: 0;
        right: -11vw;
    }
    .cookie-box{
        z-index: 10;
    }
    .cookie-box,.cookie-c{
        display: block;
        width: 100vw;
    }
    .cookie-c p{
        font-size: 2.196vw;
        width: 90%;
        text-align: left;
        margin: 0 auto;
        padding: 1.333vw 0;
    }
    .cookie-btnlist{
        display: flex;
        width: 90%;
        margin: 0 auto;
    }
    .cookie-btnlist .closeCookie,.cookie-btnlist .cookie-set{
        font-size: 2.196vw !important;
        margin-bottom: 1.667vw;
        margin-left: 17vw !important;
        padding: .667vw !important;
    }
    .cookie-btnlist .closeCookie:first-child{
        margin-left: 0 !important;
    }
    .cookie-setBox{
        width: 82.667vw;
        min-height: 110.667vw;
        padding-bottom: 2.667vw;
    }
    .cookie-back img{
        width: 2.267vw;
        margin-top: 1.333vw;
        margin-left: 1.333vw;
    }
    .cookie-set-item{
        width: 90%;
        font-size: 3.267vw;
    }
    .cookie-s-n span{
        font-size: 3.267vw;
    }
    .cookie-s-c{
        line-height: 5.333vw;
    }
    .cookie-s-n em{
        width: 10.333vw;
        height: 5.333vw;
        padding: 0 0.5vw;
    }
    .changeSwitch{
        width: 4.333vw !important;
        height: 4.333vw !important;
    }
    .cookie-set-btn{
        font-size: 4.333vw;
        width: 66.667vw;
        height: 10vw;
        margin: 4vw auto 0;
    }
}

/* 媒体查询移动端 */
 @media screen and (max-width: 860px) {
    .nav{
        position: fixed;
        top: 0;
        height: 12.4vw;
        background: rgba(25, 31, 42, 1);
        z-index: 12;
    }
    .nav-l,.nav-r{
        display: none;
    }
    .banner{
        width: 100%;
        height: 177.867vw;
    }
    .webp .banner{
        background: url('../image/web/en/webp/web-top-banner.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .banner{
        background: url('../image/web/en/web-top-banner.png') no-repeat;
        background-size: 100% 100%;
    }
    .media-box{
        top: 31.867vw !important;
    }
    .media-list{
        width: 10.533vw;
        height: 29.467vw;
        background: url('../image/web/en/media-shortness-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .download-box,.media-item,.download-box,.small-picture,.media-set,.footer-agreement-box,.download-dialog-title,.download-dialog-list{
        display: none;
    }
    .web-media-item{
        display: flex;
        flex-direction: column;
        width: 8.533vw;
        height: 8.533vw;
        justify-content: center;
        margin-top: 4.5vw;
        font-size: 1.867vw;
        align-items: center;
    }
    .web-media-item a{
        width: 7.733vw;
        height: 6vw;
    }
    .web-media-item a img{
        width: 7.733vw;
        height: 6vw;
    }
    .web-media-item-n{
        display: flex;
        font-family: 'Oswald-Medium';
        width: 8.533vw;
        height: 2.267vw;
        background: url('../image/web/en/media-name-bg.png') no-repeat;
        background-size: 100% 100%;
        margin-top: 0.267vw;
        color: #17E7F5;
        align-items: center;
        justify-content: center;
        font-weight: 500;
    }
    .web-download-box{
        width: 53.067vw;
        height: 69.333vw;
        margin: 108.533vw auto 0;
    }
    .web-pay{
        width: 100%;
        height: 13.733vw;
    }
    .web-pay-1{
        background-image: url('../image/sao/en.png');
        background-position: -1.333vw -1.333vw;
        background-size: 167.2vw 98.4vw;
    }
    .web-pay-2{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -1.333vw -17.733vw;
    }
    .web-pay-3{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -1.333vw -34.133vw;
    }
    .web-pay-4{
        background-image: url('../image/sao/en.png');
        background-position: -57.067vw -1.333vw;
        background-size: 167.2vw 98.4vw;
    }
    .web-pay-5{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -57.067vw -17.733vw;
    }
    .web-pay-6{
        background-image: url('../image/sao/en.png');
        background-position: -57.067vw -34.133vw;
        background-size: 167.2vw 98.4vw;
    }
    .web-pay-7{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -1.333vw -50.533vw;
    }
    .web-pay-8{
        background-image: url('../image/sao/en.png');
        background-position: -57.067vw -50.533vw;
        background-size: 167.2vw 98.4vw;
    }
    .web-pay-9{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -1.333vw -66.933vw;
    }
    .web-pay-10{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -57.067vw -66.933vw;
    }
    .web-pay-11{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -1.333vw -83.333vw;
    }
    .web-pay-12{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -57.067vw -83.333vw;
    }
    .web-pay-13{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -112.8vw -1.333vw;
    }
    .web-pay-14{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -112.8vw -17.733vw;
    }
    .web-pay-15{
        background-image: url('../image/sao/en.png');
        background-size: 167.2vw 98.4vw;
        background-position: -112.8vw -34.133vw;
    }
    .web-download-item{
        display: block;
        width: 50.933vw;
        height: 11.467vw;
        margin: 2.933vw auto 0;
    }
    .web-download-box .web-download-item-first{
        margin: 2.133vw auto 0;
    }
    .download-item-apple{
        width: 50.933vw;
        height: 11.467vw;
    }
    .download-item-gg{
        width: 50.933vw;
        height: 11.467vw;
    }
    .download-item-apk{
        width: 50.933vw;
        height: 11.467vw;
    }
    .game{
        width: 100%;
        height: 75.533vw;
    }
    .webp .game{
        background: url('../image/web/en/webp/games-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .game{
        background: url('../image/web/en/games-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .games-title{
        width: 84.267vw;
        height: 13.733vw;
        margin: 2.4vw auto 0;
    }
    .games-title img{
        width: 84.267vw;
        height: 13.733vw;
    }
    .swiper-box{
        width: 100%;
        height: 50.533vw;
        margin: 5.867vw auto 0;
        overflow: hidden;
    }
    .swiper{
        overflow: initial;
        width: 66.533vw;
        height: 40.8vw;
        margin: 0 auto;
    }
    .webp .swiper{
        background: url('../image/web/en/webp/swiper-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper{
        background: url('../image/web/en/swiper-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-slide{
        position: relative;
        width: 64.667vw;
        height: 36.4vw;
        margin: 1.733vw auto 0;
    }
    .swiper-slide .mask{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        display: block;
    }
    .swiper-slide-item{
        width: 64.667vw !important;
        height: 36.4vw;
        margin: 0;
    }
    .webp .swiper-slide-1{
        background: url('../image/web/en/webp/web-swiper-1.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-slide-1{
        background: url('../image/web/en/web-swiper-1.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .swiper-slide-2{
        background: url('../image/web/en/webp/web-swiper-2.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-slide-2{
        background: url('../image/web/en/web-swiper-2.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .swiper-slide-3{
        background: url('../image/web/en/webp/web-swiper-3.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-slide-3{
        background: url('../image/web/en/web-swiper-3.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .swiper-slide-4{
        background: url('../image/web/en/webp/web-swiper-4.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-slide-4{
        background: url('../image/web/en/web-swiper-4.png') no-repeat;
        background-size: 100% 100%;
    }
    .webp .swiper-slide-5{
        background: url('../image/web/en/webp/web-swiper-5.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-slide-5{
        background: url('../image/web/en/web-swiper-5.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-slide-active .mask{
        display: none;
    }
    .swiper-button{
        width: 8.267vw;
        height: 12vw;
    }
    .swiper-button-prev{
        left: 7.867vw;
        top: 13.733vw;
        transform: rotate(180deg);
        background-size: 100% 100%;
    }
    .webp .swiper-button-prev{
        background: url('../image/web/en/webp/swiper-left.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-button-prev{
        background: url('../image/web/en/swiper-left.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-button-next{
        right: 7.867vw;
        top: 13.733vw;
    }
    .webp .swiper-button-next{
        background: url('../image/web/en/webp/swiper-left.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .swiper-button-next{
        background: url('../image/web/en/swiper-left.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-pagination{
        display: flex;
        align-items: center;
        width: 39vw;
        height: 5.067vw;
        overflow: hidden;
        bottom: 1.867vw;
        left: 50%;
        transform: translate(-50%);
    }
    .swiper-pagination-bullet{
        width: 3.6vw;
        height: 3.6vw;
        background: url('../image/web/en/pagination-bullet.png') no-repeat;
        background-size: 100% 100%;
        opacity: 1;
        margin-left: 4.8vw;
    }
    .swiper-pagination-bullet:first-child{
        margin-left: 0;
    }
    .swiper-pagination-bullet-active{
        width: 5.067vw;
        height: 5.067vw;
        background: url('../image/web/en/pagination-bullet-active.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer{
        width: 100%;
        height: 40.2vw;
        overflow: hidden;
        background: url('../image/web/en/footer-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer-t{
        width: 100%;
    }
    .footer-c-b{
        width: 100%;
        height: 15.067vw;
        margin-top: 1.867vw;
        margin-left: 0;
    }
    .footer-c-t{
        width: 30.667vw;
        height: 6.933vw;
        margin-left: 1.067vw;
    }
    .webp .footer-c-t{
        background: url('../image/web/en/webp/web-followus.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-c-t{
        background: url('../image/web/en/web-followus.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer-c-media{
        width: 100%;
        height: 6.267vw;
        margin: 1.6vw auto 0;
    }
    .footer-c-media a{
        width: 28.133vw;
        height: 6.267vw;
        margin-left: 4.933vw;
    }
    .footer-c-media a:first-child{
        margin-left: 8vw;
    }
    .footer-facebook,.footer-discord{
        width: 28.133vw;
        height: 6.267vw;
    }
    .nav-web{
        display: flex;
    }
    .writing-footer{
        display: block;
    }
    .web-download-box{
        display: block;
    }
    .footer-channel{
        width: 100%;
        height: 9.333vw;
        margin: 6.533vw auto 0;
        overflow: hidden;
    }
    .footer-channel a{
        width: 26.8vw;
        height: 9.333vw;
        margin-left: 1.867vw;
    }
    .footer-channel a:first-child{
        margin-left: 8vw
    }
    .footer-channel-apple{
        width: 26.8vw;
        height: 9.333vw;
    }
    .webp .footer-channel-apple{
        background: url('../image/web/en/webp/web-footer-apple.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-channel-apple{
        background: url('../image/web/en/web-footer-apple.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer-channel-gg{
        width: 26.8vw;
        height: 9.333vw;
    }
    .webp .footer-channel-gg{
        background: url('../image/web/en/webp/web-footer-gg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-channel-gg{
        background: url('../image/web/en/web-footer-gg.png') no-repeat;
        background-size: 100% 100%;
    }
    .footer-channel-apk{
        width: 26.8vw;
        height: 9.333vw;
    }
    .webp .footer-channel-apk{
        background: url('../image/web/en/webp/web-footer-apk.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .footer-channel-apk{
        background: url('../image/web/en/web-footer-apk.png') no-repeat;
        background-size: 100% 100%;
    }
    .topup{
        top: 20.4vw;
        width: 74vw;
        height: 136.667vw;
    }
    .topup-bg{
        width: 74vw;
        height: 107.733vw;
        overflow: hidden;
    }
    .webp .topup-bg{
        background: url('../image/web/en/webp/web-top-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .topup-bg{
        background: url('../image/web/en/web-top-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .topup-btn{
        width: 69.2vw;
        height: 20.933vw;
        margin-top: -8vw;
        margin-left: 7vw;
    }
    .webp .topup-btn{
        background: url('../image/web/en/webp/web-topup-btn-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .topup-btn{
        background: url('../image/web/en/web-topup-btn-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .topup-t{
        display: none;
    }
    .topup-close{
        width: 8.8vw;
        height: 8.8vw;
        right:-8.8vw;
        top: 0;
        background: url('../image/web/vn/dialog-close.png') no-repeat;
        background-size: 100% 100%;
    }
    .download-dialog{
        top: 33.733vw;
        width: 50.933vw;
        height: 43.2vw;
        background: none;
    }
    .web-download-dialog-list{
        display: block;
    }
    .web-download-dialog-list a{
        display: block;
        margin-top: 2.933vw;
    }
    .download-dialog-apple{
        width: 50.933vw;
        height: 11.467vw;
    }
    .webp .download-dialog-apple{
        background: url('../image/en/apple.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .download-dialog-apple{
        background: url('../image/web/en/apple.png') no-repeat;
        background-size: 100% 100%;
    }
    .download-dialog-gg{
        width: 50.933vw;
        height: 11.467vw;
    }
    .webp .download-dialog-gg{
        background: url('../image/en/gg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .download-dialog-gg{
        background: url('../image/web/en/gg.png') no-repeat;
        background-size: 100% 100%;
    }
    .download-dialog-apk{
        width: 50.933vw;
        height: 11.467vw;
    }
    .webp .download-dialog-apk{
        background: url('../image/en/apk-btn-bg.webp') no-repeat;
        background-size: 100% 100%;
    }
    .no-webp .download-dialog-apk{
        background: url('../image/web/en/apk-btn-bg.png') no-repeat;
        background-size: 100% 100%;
    }
    .web-download-dialog-list a:nth-child(1){
        margin-top: 0;
    }
    .download-dialog-close{
        right: -15.464vw;
        top: 0;
        transform: translate(-50%);
    }
    .cookie-box{
        z-index: 10;
    }
    .cookie-box,.cookie-c{
        display: block;
        width: 100vw;
    }
    .cookie-c p{
        font-size: 3.2vw;
        width: 90%;
        text-align: left;
        margin: 0 auto;
        padding: 1.333vw 0;
    }
    .cookie-btnlist{
        display: flex;
        width: 90%;
        margin: 0 auto;
    }
    .cookie-btnlist .closeCookie,.cookie-btnlist .cookie-set{
        font-size: 3.2vw !important;
        margin-bottom: 1.667vw;
        margin-left: 10vw !important;
        padding: 1.667vw !important;
    }
    .cookie-btnlist .closeCookie:first-child{
        margin-left: 0 !important;
    }
    .cookie-setBox{
        width: 82.667vw;
        min-height: 110.667vw;
        padding-bottom: 2.667vw;
    }
    .cookie-back img{
        width: 3.333vw;
        margin-top: 1.333vw;
        margin-left: 1.333vw;
    }
    .cookie-set-item{
        width: 90%;
        font-size: 3.267vw;
    }
    .cookie-s-n span{
        font-size: 3.267vw;
    }
    .cookie-s-c{
        line-height: 5.333vw;
    }
    .cookie-s-n em{
        width: 10.333vw;
        height: 5.333vw;
        padding: 0 0.5vw;
    }
    .changeSwitch{
        width: 4.333vw !important;
        height: 4.333vw !important;
    }
    .cookie-set-btn{
        font-size: 4.333vw;
        width: 66.667vw;
        height: 10vw;
        margin: 4vw auto 0;
    }
}