/*! Build Date: 2023/5/19 14:15:08 */
@charset "UTF-8";html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: middle;
    text-size-adjust: none
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    font-size: 100%
}

address,caption,cite,code,dfn,em,th,var {
    font-weight: 400;
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img,abbr,acronym {
    border: 0
}

input,textarea,select {
    font-size: .14rem;
    font-family: Segoe UI,Helvetica,Arial,Lucida Grande,Lucida Sans Unicode,sans-serif
}

caption,th {
    text-align: left
}

q:before,q:after {
    content: ""
}

ul,ol,dl {
    list-style: none
}

.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: "."
}

.clearfix {
    display: inline-block
}

.clearfix {
    display: block
}

a {
    text-decoration: none;
    outline: none
}

html {
    font-size: 100PX
}

*,div,a,img,button,input,textarea {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

::input-placeholder {
    color: #fff
}

:placeholder {
    color: #fff
}

::placeholder {
    color: #fff
}

:input-placeholder {
    color: #fff
}

::-webkit-scrollbar {
    width: .06rem
}

::-webkit-scrollbar-track-piece {
    background-color: #ccc;
    border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
    height: 0;
    background-color: #534024;
    border-radius: 0
}

body {
    position: relative;
    font: 13PX/1.5 Helvetica Neue,Helvetica,STHeiTi,Roboto,Arial,MS\30b4\30b7\30c3\30af,Helvetica,sans-serif;
    background: #000;
    visibility: hidden
}

body.arb {
    direction: rtl
}

body.arb #igg-footer,body.arb #igg-footer * {
    direction: ltr!important
}

* {
    box-sizing: border-box
}

#app {
    position: relative;
    width: 100%
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%
}

.loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    font-size: .25rem;
    background-color: #ccc;
    background-color: #0009;
    border-radius: .2rem;
    transform: translate(-50%,-50%);
    content: ""
}

.loading:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    font-size: .25rem;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    animation: loadAnimation 1.1s infinite ease;
    content: ""
}

@keyframes loadAnimation {
    0%,to {
        box-shadow: 0 -2.6em #fff,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #ffffff80,-1.8em -1.8em #ffffffb3
    }

    12.5% {
        box-shadow: 0 -2.6em #ffffffb3,1.8em -1.8em #fff,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #ffffff80
    }

    25% {
        box-shadow: 0 -2.6em #ffffff80,1.8em -1.8em #ffffffb3,2.5em 0 #fff,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3
    }

    37.5% {
        box-shadow: 0 -2.6em #fff3,1.8em -1.8em #ffffff80,2.5em 0 #ffffffb3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3
    }

    50% {
        box-shadow: 0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #ffffff80,1.75em 1.75em #ffffffb3,0 2.5em #fff,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3
    }

    62.5% {
        box-shadow: 0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #ffffff80,0 2.5em #ffffffb3,-1.8em 1.8em #fff,-2.6em 0 #fff3,-1.8em -1.8em #fff3
    }

    75% {
        box-shadow: 0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #ffffff80,-1.8em 1.8em #ffffffb3,-2.6em 0 #fff,-1.8em -1.8em #fff3
    }

    87.5% {
        box-shadow: 0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #ffffff80,-2.6em 0 #ffffffb3,-1.8em -1.8em #fff
    }
}

.chs .store__item.google {
    background-image: url(../img/download-google-store--chs.png)
}

.cht .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--cht.png)
}

.deu .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--deu.png)
}

.eng .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--eng.png)
}

.esn .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--esn.png)
}

.fra .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--fra.png)
}

.ind .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--ind.png)
}

.ita .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--ita.png)
}

.jpn .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--jpn.png)
}

.kor .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--kor.png)
}

.ptb .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--ptb.png)
}

.rus .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--rus.png)
}

.tha .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--tha.png)
}

.trk .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--trk.png)
}

.vit .store__item.google {
    background-image: url(/resource/wp-content/uploads/game_1/download-google-store--vit.png)
}

.ara .store__item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--arb.png)
}

.chs .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--chs.png)
}

.cht .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--cht.png)
}

.deu .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--deu.png)
}

.eng .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--eng.png)
}

.esn .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--esn.png)
}

.fra .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--fra.png)
}

.ind .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--ind.png)
}

.ita .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--ita.png)
}

.jpn .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--jpn.png)
}

.kor .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--kor.png)
}

.ptb .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--ptb.png)
}

.rus .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--rus.png)
}

.tha .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--tha.png)
}

.trk .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--trk.png)
}

.vit .head-mobile__store-item.google {
    background-image: url(/resource/wp-content/uploads/game_1/download-google-store--vit.png)
}

.ara .head-mobile__store-item.google {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-google-store--arb.png)
}

.chs .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--chs.png)
}

.cht .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--cht.png)
}

.deu .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--deu.png)
}

.eng .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--eng.png)
}

.esn .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--esn.png)
}

.fra .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--fra.png)
}

.ind .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--ind.png)
}

.ita .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--ita.png)
}

.jpn .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--jpn.png)
}

.kor .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--kor.png)
}

.ptb .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--ptb.png)
}

.rus .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--rus.png)
}

.tha .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--tha.png)
}

.trk .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--trk.png)
}

.vit .store__item.ios {
    background-image: url(/resource/wp-content/uploads/game_1/download-apple-store--vit.png)
}

.ara .store__item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--arb.png)
}

.chs .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--chs.png)
}

.cht .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--cht.png)
}

.deu .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--deu.png)
}

.eng .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--eng.png)
}

.esn .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--esn.png)
}

.fra .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--fra.png)
}

.ind .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--ind.png)
}

.ita .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--ita.png)
}

.jpn .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--jpn.png)
}

.kor .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--kor.png)
}

.ptb .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--ptb.png)
}

.rus .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--rus.png)
}

.tha .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--tha.png)
}

.trk .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--trk.png)
}

.vit .head-mobile__store-item.ios {
    background-image: url(/resource/wp-content/uploads/game_1/download-apple-store--vit.png)
}

.ara .head-mobile__store-item.ios {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/download-apple-store--arb.png)
}

.store__item.huawei {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/huawei--eng.png)
}

.head-mobile__store-item.huawei {
    background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/huawei--eng.png)
}

.store__item.pc {
    background-image: url(/resource/wp-content/uploads/game_1/pc--eng.png)
}

@media all and (min-aspect-ratio: 13/9) {
    .language {
        position:relative;
        z-index: 9;
        width: 2.06rem;
        height: .47rem;
        margin: 0 .35rem;
        color: #e2cc9f;
        font-size: .21rem;
        text-align: center;
        cursor: pointer
    }

    .language__current {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.06rem;
        height: .47rem;
        line-height: .47rem;
        text-align: center;
        background-color: #000;
        border: .01rem solid #e2cc9f
    }

    .language:after {
        position: absolute;
        top: .18rem;
        right: .06rem;
        width: 0;
        height: 0;
        border-top: .14rem solid #e2cc9f;
        border-right: .14rem solid transparent;
        border-left: .14rem solid transparent;
        content: "";
        pointer-events: none
    }

    .language__list {
        position: absolute;
        top: .47rem;
        left: 0;
        display: none;
        width: 2.06rem;
        height: 2.92rem;
        overflow: hidden;
        overflow-y: auto;
        border: .01rem solid #e2cc9f
    }

    .language__select {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 2.08rem;
        height: .49rem;
        line-height: .49rem;
        text-align: center;
        opacity: 0
    }

    .language__item {
        display: block;
        width: 2.06rem;
        height: .47rem;
        color: #e2cc9f;
        line-height: .47rem;
        text-align: center;
        background-color: #000;
        border-bottom: .01rem solid #85878b;
        cursor: pointer
    }

    .language__item:last-child {
        border-bottom: none
    }

    .language__item:hover {
        color: #fff;
        background: #534024
    }

    .head .logo {
        width: 3rem;
        height: .93rem;
        margin-left: .2rem;
        background: url(/resource/wp-content/uploads/game_1/logo-eng.png) no-repeat center center;
        background-size: auto 1.5rem;
        pointer-events: none
    }

    .cht .head .logo {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/logo-cht.png);
        background-size: auto .6rem
    }

    .jpn .head .logo {
        width: 3.2rem;
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/logo-jpn.png)
    }

    .kor .head .logo {
        width: 2.2rem;
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/logo-kor.png)
    }

    .popup-more {
        display: none!important
    }

    .popup-temporary {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        background-color: #0000004d
    }

    .popup-temporary__content {
        position: fixed;
        top: 50%;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 2rem;
        padding: .1rem .5rem;
        color: #fff;
        font-size: .3rem;
        text-align: center;
        background-color: #000000b3;
        border-radius: .1rem;
        transform: translate(-50%,-50%)
    }

    .popup-video {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
        width: 100%;
        height: 100%;
        background-color: #000c
    }

    .popup-video__box {
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 12rem;
        height: 6.75rem;
        margin: -3.38rem 0 0 -6rem
    }

    .popup-video__box-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000 url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/loading.gif) no-repeat center center
    }

    .popup-video__box-content video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .popup-video__box-close {
        position: absolute;
        top: 0;
        right: -.6rem;
        z-index: 2;
        width: .6rem;
        height: .6rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/popup-close.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .index {
        position: relative;
        width: 100%;
        height: 9.41rem;
        padding-top: 1PX;
        overflow: display;
        background: url(/resource/wp-content/uploads/game_1/background.png) no-repeat top center;
        background-size: 19.2rem 9.41rem
    }

    .index:after {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 19.2rem;
        height: 1.48rem;
        background: url(/resource/wp-content/uploads/game_1/index-mask.png) no-repeat center center;
        background-size: 100% 100%;
        content: ""
    }

    .index .video {
        position: absolute;
        top: .9rem;
        left: 0;
        width: 100%;
        height: 9.1rem;
        overflow: hidden
    }
     .index .video .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 19.2rem;
        height: 9.1rem;
        background: url(/resource/wp-content/uploads/game_1/background.png) no-repeat 0 0 / cover;
    }
    .index .video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 19.2rem;
        height: 9.1rem
    }

    .index .video-button {
        position: relative;
        width: 1.38rem;
        height: 1.38rem;
        margin: 3.8rem auto 0;
        background: url(/resource/wp-content/uploads/game_1/video-button.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .index .download {
        display: none
    }

    .index .store {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.2rem auto 0
    }

    .index .store__item {
        width: 3rem;
        height: 1rem;
        margin: 0 .2rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .index .store__item.roll {
        transform: translate(0);
        opacity: 1;
        transition: .7s .3s
    }

    [is-pc] .index {
        background: #000
    }

    .method {
        position: relative;
        width: 100%;
        min-height: 6rem;
        padding-top: 1PX;
        padding-bottom: .5rem;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/page2.jpg) no-repeat top center;
        background-size: 19.2rem 100%
    }

    .method__title {
        width: 100%;
        margin: .5rem auto 0;
        text-align: center;
        pointer-events: none
    }

    .method__title span {
        position: relative;
        height: .82rem;
        padding: 0 1.6rem 0 1.4rem;
        overflow: hidden;
        color: #e7ca9c;
        font-size: .56rem;
        background: url(/resource/wp-content/uploads/game_1/method-title-bg.png) no-repeat right bottom;
        background-size: 5.39rem .23rem
    }

    .method__title span:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: .85rem;
        height: .79rem;
        margin-top: -.5rem;
        background: url(/resource/wp-content/uploads/game_1/method-title-icon.png) no-repeat center center;
        background-size: 100% 100%;
        content: ""
    }

    .method__main {
        position: relative;
        width: 14rem;
        margin: .5rem auto 0
    }

    .method .swiper-container {
        position: relative;
        width: 14rem
    }

    .method .swiper-slide {
        width: 4.3rem;
        height: 100%;
        margin: 0 .2rem;
        padding: .1rem 0 .5rem
    }

    .method .swiper-slide__image {
        position: relative;
        width: 4.3rem;
        height: 2.7rem;
        font-size: 0
    }

    .method .swiper-slide__image:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: .08rem solid #fff;
        opacity: .5;
        content: ""
    }

    .method .swiper-slide__image img {
        width: 100%;
        height: 100%
    }

    .method .swiper-slide__title {
        margin-top: .1rem;
        padding: .1rem 0 .2rem;
        overflow: hidden;
        color: #d3ccc9;
        font-size: .34rem;
        line-height: 1.2;
        background: url(/resource/wp-content/uploads/game_1/line.png) no-repeat left bottom;
        background-size: 100% .06rem;
        user-select: none;
        pointer-events: none
    }

    .method .swiper-slide__details {
        margin-top: .1rem;
        color: #d3ccc9;
        font-size: .16rem
    }

    .method .swiper-button-prev,.method .swiper-button-next {
        position: absolute;
        top: -.7rem;
        right: 1.2rem;
        left: initial;
        width: 1.14rem;
        height: .66rem;
        background: url(/resource/wp-content/uploads/game_1/arrow-left.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .method .swiper-button-prev.swiper-button-disabled,.method .swiper-button-next.swiper-button-disabled {
        cursor: no-drop;
        opacity: 1;
        filter: grayscale(100%)
    }

    .method .swiper-button-next {
        top: -.7rem;
        right: 0;
        background-image: url(/resource/wp-content/uploads/game_1/arrow-right.png)
    }

    .head-mobile {
        display: none
    }

    .head {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 20;
        display: flex;
        align-items: center;
        width: 100%;
        height: .9rem;
        background-color: #000
    }

    .nav {
        display: flex;
        flex: 1;
        height: 100%;
        margin-right: .5rem
    }

    .nav__item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 100%;
        padding: 0 .2rem;
        color: #9f9e98;
        font-size: .28rem;
        cursor: pointer
    }

    .nav__item.is-active:before {
        opacity: 1
    }

    .nav__item.is-active span {
        color: #f7dfac;
        font-weight: 700;
        font-size: .34rem
    }

    .nav__item span {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        height: 100%;
        cursor: pointer
    }

    .nav__item:before {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 3.1rem;
        height: 100%;
        margin-left: -1.45rem;
        background: url(/resource/wp-content/uploads/game_1/nav-active.png) no-repeat bottom center;
        background-size: 100% 100%;
        opacity: 0;
        content: "";
        pointer-events: none
    }

    .top-up {
        height: .47rem;
        padding: 0 .2rem 0 .8rem;
        color: #e2cc9f;
        font-size: .24rem;
        line-height: .47rem;
        text-align: center;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/car.png) no-repeat .1rem center;
        background-color: #000;
        background-size: .53rem .5rem;
        border: .01rem solid #e2cc9f;
        cursor: pointer
    }

    .hero {
        position: relative;
        width: 100%;
        height: 10.32rem;
        padding-top: 1PX;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/page3.jpg) no-repeat top center;
        background-size: 19.2rem 10.32rem
    }

    .hero__title {
        width: 100%;
        margin: 1rem auto 0;
        text-align: center;
        pointer-events: none
    }

    .hero__title span {
        position: relative;
        height: .82rem;
        padding: 0 1.6rem 0 1.4rem;
        overflow: hidden;
        color: #000;
        font-size: .56rem;
        background: url(/resource/wp-content/uploads/game_1/hero-title-bg.png) no-repeat right bottom;
        background-size: 5.39rem .23rem
    }

    .hero__title span:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: .85rem;
        height: .79rem;
        margin-top: -.5rem;
        background: url(/resource/wp-content/uploads/game_1/hero-title-icon.png) no-repeat center center;
        background-size: 100% 100%;
        content: ""
    }

    .hero__main {
        position: relative;
        display: flex;
        width: 14rem;
        margin: 0 auto
    }

    .hero__tabs {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.27rem;
        height: 7.48rem;
        background: url(/resource/wp-content/uploads/game_1/tabs-bg.png) no-repeat center center;
        background-size: 100% 100%
    }

    .hero .swiper-container {
        position: relative;
        width: 1.6rem;
        height: 6rem;
        text-align: center
    }

    .hero .swiper-wrapper {
        width: 1.6rem
    }

    .hero .swiper-slide {
        position: relative;
        flex-shrink: 0;
        width: 1.4rem;
        height: 1.2rem;
        margin: 0 auto;
        font-size: 0
    }

    .hero .swiper-slide img {
        position: absolute;
        top: 5%;
        left: 5%;
        width: 90%;
        height: 90%;
        box-shadow: 0 .05rem .05rem #000
    }

    .hero .swiper-slide.is-active:after {
        position: absolute;
        top: 5%;
        left: 5%;
        width: calc(90% - .06rem);
        height: calc(90% - .06rem);
        border: .03rem solid #fff;
        content: ""
    }

    .hero .swiper-button-prev,.hero .swiper-button-next {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 2;
        width: 1.14rem;
        height: .66rem;
        margin-left: -.57rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-top.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .hero .swiper-button-prev.swiper-button-disabled,.hero .swiper-button-next.swiper-button-disabled {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-top-disable.png);
        cursor: no-drop;
        opacity: 1
    }

    .hero .swiper-button-next {
        top: initial;
        bottom: -.2rem;
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-bottom.png)
    }

    .hero .swiper-button-next.swiper-button-disabled {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-bottom-disable.png)
    }

    .hero__body {
        display: none
    }

    .hero__body.is-active {
        display: flex;
        flex: 1
    }

    .hero__left {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 7rem;
        height: 100%
    }

    .hero__left-tag {
        position: relative;
        display: flex;
        width: 6rem;
        margin: 0 auto;
        padding: .2rem .3rem .4rem .5rem;
        color: #fff;
        font-size: .3rem;
        line-height: 1;
        background: url(/resource/wp-content/uploads/game_1/tag-bg.png) no-repeat center center;
        background-size: 100% 100%
    }

    .hero__left-tag:after {
        position: absolute;
        top: .1rem;
        left: .1rem;
        z-index: 2;
        width: .3rem;
        height: .22rem;
        background: url(/resource/wp-content/uploads/game_1/tag-left.png) no-repeat center center;
        background-size: 100% 100%;
        content: "";
        pointer-events: none
    }

    .hero__left-tag:before {
        position: absolute;
        right: .1rem;
        bottom: .3rem;
        z-index: 2;
        width: .3rem;
        height: .22rem;
        background: url(/resource/wp-content/uploads/game_1/tag-right.png) no-repeat center center;
        background-size: 100% 100%;
        content: "";
        pointer-events: none
    }

    .hero__left-image {
        width: 7rem;
        height: 6rem;
        font-size: 0
    }

    .hero__left-image img {
        width: 100%;
        height: 100%
    }

    .hero__right {
        display: flex;
        flex: 1;
        flex-direction: column
    }

    .hero__right-summary {
        color: #000;
        font-size: .3rem;
        line-height: 1
    }

    .hero__right-name {
        margin-top: .1rem;
        padding: .1rem .2rem;
        color: #fff;
        font-weight: 700;
        font-size: .36rem;
        line-height: 1;
        background: url(/resource/wp-content/uploads/game_1/hero-name-bg.png) no-repeat bottom center;
        background-size: 100% 100%
    }

    .hero__right-details {
        display: flex;
        max-height: 3.6rem;
        margin-top: .2rem;
        overflow: hidden;
        overflow-y: auto;
        color: #000;
        font-size: .24rem
    }

    .hero__right-skill {
        display: flex;
        justify-content: space-between;
        margin-top: .2rem
    }

    .hero__right-skill-item {
        width: .8rem;
        height: .8rem;
        margin: 0 .05rem;
        font-size: 0
    }

    .hero__right-skill-item img {
        width: 100%;
        height: 100%
    }

    .hero.special-handle .swiper-container {
        height: 100%
    }

    .hero.special-handle .swiper-container .swiper-wrapper {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-evenly;
        box-sizing: border-box;
        padding: .2rem 0
    }

    .hero.special-handle .swiper-container .swiper-wrapper .swiper-slide {
        height: 1rem
    }

    .hero.special-handle .swiper-container .swiper-wrapper .swiper-slide img {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .hero.special-handle .swiper-container .swiper-wrapper .swiper-slide:after {
        top: 0;
        left: 0;
        width: calc(100% - .06rem);
        height: calc(100% - .06rem)
    }

    .share {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3.19rem;
        padding-top: 1PX;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/page4.jpg) no-repeat top center;
        background-size: 19.2rem 3.19rem
    }

    .share__item {
        position: relative;
        width: 1.55rem;
        height: 1.83rem;
        margin: 0 .5rem;
        background: no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .share__item.roll {
        transform: translate(0);
        opacity: 1;
        transition: .7s .3s
    }

    .share .tiktok {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-tiktok.png)
    }

    .share .facebook {
        background-image: url(/resource/wp-content/uploads/game_1/share-facebook.png)
    }

    .share .discord {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-discord.png)
    }

    .share .instagram {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-instagram.png)
    }

    .share .twitter {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-twitter.png)
    }

    .share .youtube {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-youtube.png)
    }

    .share .bahamute {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-bahamute.png)
    }

    .share .naver {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-naver.png)
    }

    .share .vk {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-vk.png)
    }

    .footer {
        background-color: #000
    }

    .footer #igg-footer {
        padding: .15rem 0!important
    }

    .footer #igg-footer .igg_logo {
        padding: initial!important
    }

    .footer #igg-footer .igg_logo img {
        width: .9rem!important;
        height: auto!important
    }

    .footer #igg-footer .copyright p {
        margin: 0!important;
        color: #fff!important;
        font-size: .18rem!important
    }

    .footer #igg-footer .copyright p a {
        color: #fff!important
    }
}

@media all and (max-aspect-ratio: 13/9) {
    .popup-more {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #000000e6
    }

    .popup-more__nav {
        margin-top: 1rem
    }

    .popup-more__nav-item {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.2rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/nav-line-mobile.png) no-repeat bottom center;
        background-size: 100% .06rem
    }

    .popup-more__nav-item:last-child {
        display: none
    }

    .popup-more__nav-item.is-active a {
        color: #e2cc9f
    }

    .popup-more__nav-item a {
        color: #717076;
        font-weight: 700;
        font-size: .5rem;
        line-height: 1
    }

    .popup-more__top-up {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.2rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/nav-line-mobile.png) no-repeat bottom center;
        background-size: 100% .06rem
    }

    .popup-more__top-up a {
        display: flex;
        align-items: center;
        height: 1.2rem;
        padding: 0 1.2rem 0 2rem;
        color: #e2cc9f;
        font-size: .6rem;
        line-height: 1;
        text-align: center;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/car.png) no-repeat .6rem center;
        background-color: #000;
        background-size: .94rem .89rem;
        border: .01rem solid #e2cc9f;
        cursor: pointer
    }

    .popup-more__creatorspace {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.2rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/nav-line-mobile.png) no-repeat bottom center;
        background-size: 100% .06rem
    }

    .popup-more__creatorspace a {
        color: #717076;
        font-weight: 700;
        font-size: .5rem;
        line-height: 1
    }

    .popup-more__share {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3.19rem
    }

    .popup-more__share-item {
        width: 1.18rem;
        height: 1.39rem;
        margin: 0 .25rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        cursor: pointer;
        filter: grayscale(60%)
    }

    .popup-more__close {
        position: absolute;
        top: .2rem;
        right: .2rem;
        display: flex;
        align-items: center;
        height: .7rem;
        padding: 0 .4rem;
        color: #eacb7f;
        font-weight: 700;
        font-size: .34rem;
        line-height: 1;
        border: .02rem solid #eacb7f;
        cursor: pointer
    }

    .popup-temporary {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        background-color: #0000004d
    }

    .popup-temporary__content {
        position: fixed;
        top: 50%;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 2rem;
        padding: .1rem .5rem;
        color: #fff;
        font-size: .3rem;
        text-align: center;
        background-color: #000000b3;
        border-radius: .1rem;
        transform: translate(-50%,-50%)
    }

    .popup-video {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
        width: 100%;
        height: 100%;
        background-color: #000c
    }

    .popup-video__box {
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 9.96rem;
        height: 5.6rem;
        margin: -2.8rem 0 0 -4.98rem
    }

    .popup-video__box-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000 url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/loading.gif) no-repeat center center
    }

    .popup-video__box-content video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .popup-video__box-close {
        position: absolute;
        top: -.8rem;
        right: 0;
        z-index: 2;
        width: .8rem;
        height: .8rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/popup-close.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .index .logo {
        height: 1.6rem;
        margin: 1.6rem auto 0;
        /* background: url(/resource/wp-content/uploads/game_1/logo-mobile.png) no-repeat center center; */
        background-size: auto 100%;
        pointer-events: none
    }

    .cht .index .logo {
        height: 1.4rem;
        margin: 1.8rem auto 0;
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/logo-cht.png)
    }

    .jpn .index .logo {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/logo-jpn.png)
    }

    .kor .index .logo {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/logo-kor.png)
    }

    .index {
        position: relative;
        width: 100%;
        height: 12rem;
        padding-top: 1PX;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/background-mobile.png) no-repeat top center;
        background-size: 10.8rem 100%
    }

    .index .video-button {
        width: 1.6rem;
        height: 1.6rem;
        margin: 0 auto;
        background: url(/resource/wp-content/uploads/game_1/video-button.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .index .download {
        display: block;
        width: 8.2rem;
        height: 1.3rem;
        margin: 5rem auto 0;
        background: url(/resource/wp-content/uploads/game_1/download-mobile-eng.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer;
        animation: 2s fluctuate infinite linear
    }

    @keyframes fluctuate {
        0% {
            transform: scale(.95)
        }

        50% {
            transform: scale(1)
        }

        to {
            transform: scale(.95)
        }
    }

    .index .shop {
        position: relative;
        display: none;
        align-items: center;
        justify-content: center;
        margin: 1.8rem auto 0
    }

    .index .shop__item {
        width: 3rem;
        height: 1rem;
        margin: 0 .5rem;
        background: no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .head {
        display: none
    }

    .head-mobile {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        height: 1.2rem;
        background-color: #000
    }

    .head-mobile__dooms {
        position: absolute;
        top: .3rem;
        left: .3rem;
        width: 1.6rem;
        height: 1.6rem;
        background: url(/resource/wp-content/uploads/game_1/logo-mobile.png) no-repeat center center;
        background-size: 1.6rem 1.6rem;
        border-radius: .08rem
    }

    .head-mobile__store {
        position: absolute;
        top: 0;
        left: 2rem;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 .1rem
    }

    .head-mobile__store-item {
        display: none;
        width: 2.4rem;
        height: .8rem;
        margin: 0 .2rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .head-mobile__topup {
        width: .78rem;
        height: .78rem;
        margin: 0 .12rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/top-up-mobile.png) no-repeat center center;
        background-size: 100% 100%
    }

    .head-mobile__language {
        position: relative;
        width: .78rem;
        height: .78rem;
        margin: 0 .1rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/earth-mobile.png) no-repeat center center;
        background-size: 100% 100%
    }

    .head-mobile__language-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 0
    }

    .head-mobile__language-list select,.head-mobile__language-list option {
        width: 100%;
        height: 100%;
        font-size: .3rem
    }

    .head-mobile__more {
        width: .78rem;
        height: .78rem;
        margin: 0 .1rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/more-mobile.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .cht .head-mobile__dooms {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/dooms--cht.jpg)
    }

    .kor .head-mobile__dooms {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/dooms--kor.jpg)
    }

    .jpn .head-mobile__dooms {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/dooms--jpn.jpg)
    }

    .ios .head-mobile__store-item.ios,.android .head-mobile__store-item.google,.huawei .head-mobile__store-item.huawei {
        display: block
    }

    .method {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 1PX;
        padding-bottom: 1rem;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/page2-mobile.jpg) no-repeat top center;
        background-size: 10.8rem 100%
    }

    .method__title {
        width: 100%;
        margin: .8rem auto 0;
        text-align: center;
        pointer-events: none
    }

    .method__title span {
        position: relative;
        height: .82rem;
        padding: 0 1.6rem 0 1.4rem;
        overflow: hidden;
        color: #e7ca9c;
        font-size: .56rem;
        background: url(/resource/wp-content/uploads/game_1/method-title-bg.png) no-repeat right bottom;
        background-size: 5.39rem .23rem
    }

    .method__title span:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: .85rem;
        height: .79rem;
        margin-top: -.5rem;
        background: url(/resource/wp-content/uploads/game_1/method-title-icon.png) no-repeat center center;
        background-size: 100% 100%;
        content: ""
    }

    .method__main {
        position: relative;
        width: 8.6rem;
        margin: .5rem auto 0
    }

    .method .swiper-container {
        position: relative;
        width: 8.6rem
    }

    .method .swiper-slide {
        width: 8.6rem
    }

    .method .swiper-slide__image {
        position: relative;
        width: 8.6rem;
        height: 5.3rem;
        font-size: 0
    }

    .method .swiper-slide__image img {
        width: 100%;
        height: 100%
    }

    .method .swiper-slide__image:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        border: .15rem solid #fff;
        opacity: .5;
        content: ""
    }

    .method .swiper-slide__title {
        margin-top: .4rem;
        padding: .1rem 0 .2rem;
        overflow: hidden;
        color: #d3ccc9;
        font-size: .34rem;
        line-height: 1.2;
        text-align: center;
        background: url(/resource/wp-content/uploads/game_1/line.png) no-repeat left bottom;
        background-size: 100% .06rem;
        user-select: none;
        pointer-events: none
    }

    .method .swiper-slide__details {
        margin-top: .2rem;
        color: #d3ccc9;
        font-size: .24rem
    }

    .method .swiper-button-prev,.method .swiper-button-next {
        position: absolute;
        top: 2.6rem;
        left: -.9rem;
        width: .66rem;
        height: 1.14rem;
        background: url(/resource/wp-content/uploads/game_1/arrow-left-mobile.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .method .swiper-button-prev.swiper-button-disabled,.method .swiper-button-next.swiper-button-disabled {
        cursor: no-drop;
        opacity: 1;
        filter: grayscale(100%)
    }

    .method .swiper-button-next {
        right: -.9rem;
        left: initial;
        background-image: url(/resource/wp-content/uploads/game_1/arrow-right-mobile.png)
    }

    .hero {
        position: relative;
        width: 100%;
        height: 14.32rem;
        padding: 1PX 0 1rem;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/page3-mobile.jpg) no-repeat top center;
        background-size: 10.8rem 100%
    }

    .hero__title {
        width: 100%;
        margin: 1rem auto 0;
        text-align: center;
        pointer-events: none
    }

    .hero__title span {
        position: relative;
        height: .82rem;
        padding: 0 1.6rem 0 1.4rem;
        overflow: hidden;
        color: #000;
        font-size: .56rem;
        background: url(/resource/wp-content/uploads/game_1/hero-title-bg.png) no-repeat right bottom;
        background-size: 5.39rem .23rem
    }

    .hero__title span:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: .85rem;
        height: .79rem;
        margin-top: -.5rem;
        background: url(/resource/wp-content/uploads/game_1/hero-title-icon.png) no-repeat center center;
        background-size: 100% 100%;
        content: ""
    }

    .hero__main {
        position: relative;
        display: flex;
        width: 9rem;
        margin: 0 auto
    }

    .hero__tabs {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.27rem;
        height: 7.48rem;
        background: url(/resource/wp-content/uploads/game_1/tabs-bg.png) no-repeat center center;
        background-size: 100% 100%
    }

    .hero .swiper-container {
        position: relative;
        width: 1.6rem;
        height: 6rem;
        text-align: center
    }

    .hero .swiper-wrapper {
        width: 1.6rem
    }

    .hero .swiper-slide {
        position: relative;
        width: 1.4rem;
        height: 1rem;
        margin: .1rem auto;
        font-size: 0;
        box-shadow: 0 .05rem .05rem #000
    }

    .hero .swiper-slide img {
        width: 100%;
        height: 100%
    }

    .hero .swiper-slide.is-active:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: .03rem solid #fff;
        content: ""
    }

    .hero .swiper-button-prev,.hero .swiper-button-next {
        position: absolute;
        top: .4rem;
        left: 50%;
        z-index: 2;
        width: 1.14rem;
        height: .66rem;
        margin-left: -.57rem;
        background: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-top.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .hero .swiper-button-prev.swiper-button-disabled,.hero .swiper-button-next.swiper-button-disabled {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-top-disable.png);
        cursor: no-drop;
        opacity: 1
    }

    .hero .swiper-button-next {
        top: initial;
        bottom: -.2rem;
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-bottom.png)
    }

    .hero .swiper-button-next.swiper-button-disabled {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/arrow-bottom-disable.png)
    }

    .hero__body {
        display: none
    }

    .hero__body.is-active {
        display: flex;
        flex: 1
    }

    .hero__left {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 7rem;
        height: 100%
    }

    .hero__left-tag {
        position: relative;
        display: flex;
        width: 6.5rem;
        margin: 0 0 0 .5rem;
        padding: .4rem .5rem .7rem;
        color: #fff;
        font-size: .34rem;
        line-height: 1;
        background: url(/resource/wp-content/uploads/game_1/tag-bg.png) no-repeat center center;
        background-size: 100% 100%
    }

    .hero__left-tag:after {
        position: absolute;
        top: .15rem;
        left: .15rem;
        z-index: 2;
        width: .3rem;
        height: .22rem;
        background: url(/resource/wp-content/uploads/game_1/tag-left.png) no-repeat center center;
        background-size: 100% 100%;
        content: "";
        pointer-events: none
    }

    .hero__left-tag:before {
        position: absolute;
        right: .15rem;
        bottom: .5rem;
        z-index: 2;
        width: .3rem;
        height: .22rem;
        background: url(/resource/wp-content/uploads/game_1/tag-right.png) no-repeat center center;
        background-size: 100% 100%;
        content: "";
        pointer-events: none
    }

    .hero__left-image {
        width: 7rem;
        height: 6rem;
        margin-top: .2rem;
        font-size: 0
    }

    .hero__left-image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .hero__right {
        position: absolute;
        top: 8rem;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 4rem
    }

    .hero__right-summary {
        color: #000;
        font-size: .32rem;
        line-height: 1
    }

    .hero__right-name {
        width: 4.3rem;
        padding: .1rem .2rem;
        color: #fff;
        font-weight: 700;
        font-size: .28rem;
        line-height: 1;
        background: url(/resource/wp-content/uploads/game_1/hero-name-bg.png) no-repeat bottom left;
        background-size: 100% 100%;
        pointer-events: none
    }

    .hero__right-details {
        display: flex;
        max-height: 3.6rem;
        margin-top: .4rem;
        overflow: hidden;
        overflow-y: auto;
        color: #000;
        font-size: .32rem
    }

    .hero__right-skill {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        margin-top: .2rem
    }

    .hero__right-skill-item {
        width: .9rem;
        height: .9rem;
        margin: 0 .05rem;
        font-size: 0
    }

    .hero__right-skill-item img {
        width: 100%;
        height: 100%
    }

    .hero.special-handle .swiper-container {
        height: 100%
    }

    .hero.special-handle .swiper-container .swiper-wrapper {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-evenly;
        box-sizing: border-box;
        padding: .2rem 0
    }

    .share {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3.19rem;
        padding-top: 1PX;
        overflow: hidden;
        background: url(/resource/wp-content/uploads/game_1/page4-mobile.jpg) no-repeat top center;
        background-size: 10.8rem 100%
    }

    .share__item {
        width: 1.34rem;
        height: 1.57rem;
        margin: 0 .25rem;
        background: no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .share .tiktok {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-tiktok.png)
    }

    .share .facebook {
        background-image: url(/resource/wp-content/uploads/game_1/share-facebook.png)
    }

    .share .discord {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-discord.png)
    }

    .share .instagram {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-instagram.png)
    }

    .share .twitter {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-twitter.png)
    }

    .share .youtube {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-youtube.png)
    }

    .share .bahamute {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-bahamute.png)
    }

    .share .naver {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-naver.png)
    }

    .share .vk {
        background-image: url(//statics.igg.com/assets/dls/res/events/2023/home/default/img/share-vk.png)
    }

    .footer {
        background-color: #000
    }

}
.footer .container .site-info {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    border: none;
    text-align: left;
    display: flex;
    align-items: center;
   
  }
  .footer .container .site-info .clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 10px;
  }
  
  .footer .container .site-info .clients a {
    display: block;
    max-width: 200px;
  }
  
  .footer .container .site-info .clients a img {
    max-width: 100%;
    height: auto;
  }
  
  .footer .container .site-info .copyright {
    text-align: center !important;
    width: 100%;
    color: #fff;
    font-size:16px;
    margin-bottom: 10px;
  }
  .footer .container .site-info .copyright .inner-ft {
    padding: 0 30px;
  }
  
  .footer .container .site-info .copyright a {
    color: #fff;
  }
  
  .footer .container .site-info .logo18 {
    text-align: center;
  }
  
  .footer .container .site-info .logo18 img {
    max-width: 100px;
  }


@media (max-width:991px) {
    .footer .container .site-info {
        max-width: 700px;
        padding: 20px 0;
        flex-direction: column;
    }
    .footer .container .site-info .clients a {
        max-width:200px;
    }
    .footer .container .site-info .copyright {
        font-size: 13px;
    }
    .footer .container .site-info .copyright .inner-ft {
        padding: 0 20px;
        margin: 10px 0;
    }
}
.vn18 {
    background: url(https://ahxd.gamota.com/wp-content/themes/webgame-child/assets/images/vng-18.jpg) no-repeat 0 0/100%;
    height: 90px;
    left: 10px;
    position: fixed;
    top: 15%;
    width: 150px;
    z-index: 99
}

@media (max-width: 991px) {
    .vn18 {
        top:20%;
        left: 0;
        width: 90px;
        height: 55px
    }
}