* {
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
}

@font-face {
    font-family: font-family-PMZD;
    src: url('../assets/SourceHanSans-Medium.otf');
    /* src: url('../assets/font-family-pmzd.woff');
    src: url('../assets/font-family-pmzd.woff2'); */
}

#page_game {
    position: relative;
    width: 100%;
    height: var(--height, 100vh);
    background-color: #000;
}

.page_container {
    height: 100%;
}

.swiper_pageMob {
    height: var(--height, 100vh);
}

.nav_container.loadingPlay,
.translate_container.loadingPlay,
.link_container.loadingPlay,
.footer_container.loadingPlay,
.tab_switch.loadingPlay {
    opacity: 1;
}

.pageLoading.loadingPlay {
    opacity: 0;
    z-index: 1;
}

.pageLoading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}

.pageLoading #videoLoding_pc {
    width: 100%;
}

.link_container {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    border-left: 1px solid #fff;
    padding-top: 10.4167vw;
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 2.6vw;
    z-index: 10;
    opacity: 0;
    transition: 0.5s all;
}

.link_container .link_items {
    margin-bottom: 2.08vw;
    opacity: 0.7;
    width: 1.04vw;
    height: 1.04vw;
}


/* .link_container .link_items.link_active {
    opacity: 1;
} */

.link_container .link_items:hover {
    opacity: 1;
}

.link_container .link_items img {
    width: 100%;
}

.footer_container {
    opacity: 0;
}

.footer_container .footer_logo_01 {
    position: fixed;
    bottom: 0.5vw;
    right: 6.6vw;
    width: auto;
    z-index: 8;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s all;
}

.footer_container .footer_logo_02 {
    position: fixed;
    bottom: 0.5vw;
    right: 2.6vw;
    width: auto;
    z-index: 7;
}

.footer_container .footer_logo img {
    width: 100%;
}

.copyright_pc {
    position: fixed;
    width: 100%;
    /* transform: translateY(-100%); */
    bottom: -100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 2vw 0;
    z-index: 10;
    transition: 0.5s all;
}

.copyright_pc .copyright_arr01 {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 0.5vw;
    height: 0.5vw;
    position: absolute;
    top: 1vw;
    left: 20vw;
}

.copyright_pc .copyright_arr02 {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 0.5vw;
    height: 0.5vw;
    position: absolute;
    top: 1vw;
    right: 20vw;
}

.copyright_pc .copyright_arr03 {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 0.5vw;
    height: 0.5vw;
    position: absolute;
    bottom: 1vw;
    right: 20vw;
}

.copyright_pc .copyright_arr04 {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 0.5vw;
    height: 0.5vw;
    position: absolute;
    bottom: 1vw;
    left: 20vw;
}

.copyright_pc .copyright_pic {
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright_pc .copyright_pic .copyright_img01 {
    width: 3.5vw;
}

.copyright_pc .copyright_pic .copyright_img02 {
    width: 6vw;
    margin-left: 2vw;
}

.copyright_pc .copyright_text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.833vw;
    line-height: 1vw;
    text-align: center;
    margin-top: 1vw;
}

.copyright_pc .copyright_text a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.copyright_pc .copyright_text br {
    display: none;
}

.nav_container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 5.2vw;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    z-index: 10;
    opacity: 0;
    transition: 0.5s all;
}

.nav_container .home_logo {
    width: 2.6vw;
    height: auto;
    padding-left: 3.125vw;
}

.nav_container .home_logo img {
    width: 100%;
}

.nav_container .nav_wrapper {
    margin-left: 3.125vw;
    display: flex;
}

.nav_container .nav_wrapper a {
    text-decoration: none;
}

.nav_container .nav_wrapper .nav_items {
    margin-right: 4.167vw;
    font-size: 0.833vw;
    line-height: 1.04vw;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
    height: 5.2vw;
    width: max-content;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 4px solid transparent;
}

.nav_container .nav_wrapper a .nav_items {
    margin-right: 0;
}

.nav_container .nav_wrapper .nav_items.nav_active {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 10px #fff;
    border-bottom: 4px solid #0086f5;
}

.nav_container .nav_wrapper .nav_items:hover {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 10px #fff;
    border-bottom: 4px solid #0086f5;
}

.translate_container {
    display: flex;
    align-items: center;
    height: 5.2vw;
    position: absolute;
    top: 0;
    right: 5.2vw;
    z-index: 10;
    opacity: 0;
    transition: 0.5s all;
}

.translate_container .page_jump {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: 4px solid transparent;
}

.translate_container .page_jump a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.833vw;
    line-height: 1.04vw;
}

.translate_container .translate_line {
    margin: 0 1.04vw;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.833vw;
    line-height: 1.04vw;
    border-bottom: 4px solid transparent;
}

.translate_container .page_jump.jump_active {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 10px #fff;
    border-bottom: 4px solid #0086f5;
}

.tab_switch {
    position: absolute;
    top: 4.2375vw;
    right: 1.6775vw;
    color: #0086f5;
    z-index: 10;
    transition: 0.5s all;
    width: 2vw;
    height: 2vw;
    opacity: 0;
    transition: 0.5s all;
}

.tab_switch .tab_switch_01 {
    height: 4px;
    width: 2vw;
    background-color: #0086f5;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.tab_switch .tab_switch_02 {
    height: 2vw;
    width: 4px;
    background-color: #0086f5;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.slide_container {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide_container .slide_items {
    position: relative;
    display: none;
    overflow: hidden;
}

.slide_container .slide_items.items_active {
    display: block;
}

.slide_container .slide_items_01 .item_bg_video {
    opacity: 0;
    transition: 0.5s all;
}

.slide_container .slide_items_01 .item_bg_video.loadingPlay {
    opacity: 1;
    transition: 0.5s all;
}

.slide_container .slide_items_01 .item_bg_video video {
    width: 100%;
}

.slide_container .items_excessive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    display: none;
}

.slide_container .items_excessive.items_show {
    display: block;
}

.slide_container .items_excessive img {
    width: 100%;
    height: 100vh;
}

.slide_container .slide_items_01 .item_home_content {
    position: absolute;
    top: 18.5vw;
    left: 4.6875vw;
    width: 31.25vw;
    display: flex;
    flex-flow: column;
    justify-content: left;
    z-index: 9;
    opacity: 0;
    transition: 0.5s all;
}

.slide_container .slide_items_01 .item_home_content.loadingPlay {
    opacity: 1;
}

.slide_container .slide_items_01 .item_home_content .cont_title img {
    width: 100%;
}

.slide_container .slide_items_01 .item_home_content .cont_btn {
    width: 100%;
    background-color: rgb(212, 212, 212);
    font-size: 1.04vw;
    line-height: 1.25vw;
    color: #000;
    font-weight: 600;
    padding: .8vw 0;
    text-align: center;
    cursor: pointer;
    transition: 0.3s all;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide_container .slide_items_01 .item_home_content a {
    text-decoration: none;
}

.slide_container .slide_items_01 .item_home_content .cont_btn_link {
    margin-left: .8vw;
    margin-top: .8vw;
}

.slide_container .slide_items_01 .item_home_content .cont_btn:hover {
    background-color: #0053c5;
    color: #fff;
}

.slide_container .slide_items_01 .item_home_content .cont_btn_add {
    background-image: url('../assets/cont_btn.png');
    background-size: 100% 100%;
    margin-left: .5vw;
    width: 1.04vw;
    height: 1.04vw;
    margin-bottom: 0.1vw;
}

.slide_container .slide_items_01 .item_home_content .cont_btn:hover .cont_btn_add {
    background-image: url('../assets/cont_btn_hover.png');
    background-size: 100% 100%;
}

.slide_container .slide_items_01 .item_home_content .cont_btn .cont_btn_arr {
    border-top: 0.5vw solid transparent;
    border-right: 0.5vw solid #765c59;
    border-bottom: 0.5vw solid transparent;
    border-left: 0.5vw solid transparent;
    transform: rotate(135deg);
    position: absolute;
    top: -0.2vw;
    right: -0.2vw;
}

.slide_items.slide_items_02 .item_bg_pic img {
    width: 100%;
}

.slide_items.slide_items_02 .item_outpost_content {
    position: absolute;
    top: 9.375vw;
    left: 6.51vw;
    width: 35.15625vw;
    z-index: 9;
    opacity: 0;
    transition: 0.5s all;
}

.slide_items.slide_items_02 .item_outpost_content.items_show {
    opacity: 1;
}

.slide_items.slide_items_02 .cont_title {
    width: 18.489vw;
}

.slide_items.slide_items_02 .cont_title img {
    width: 100%;
}

.slide_items.slide_items_02 .cont_title .text_mask {
    position: absolute;
    top: 0;
    left: 0;
}

.slide_items.slide_items_02 .cont_title .text_mask img {
    width: 100%;
}

.slide_items.slide_items_02 .cont_module {
    margin-top: 4vw;
    display: flex;
}

.slide_items.slide_items_02 .cont_sign {
    width: 0.5vw;
    height: 0.5vw;
    background-color: #0086f5;
    margin-right: 1vw;
    margin-top: 0.25vw;
}

.slide_items.slide_items_02 .cont_text {
    color: #fff;
    font-size: 0.833vw;
    line-height: 1.25vw;
    width: 33vw;
    font-family: font-family-PMZD;
}

.slide_items_02 .cont_title {
    position: relative;
    width: 100% !important;
    height: 8vw;
}

.slide_items_02 .cont_title .glitch {
    color: #fff;
    font-size: 3vw;
    line-height: 4vw;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    overflow: hidden;
    color: #fff;
    width: 18vw !important;
}

.slide_items_02 .cont_title .glitch {
    animation: glitch 0.5s linear;
}

.slide_items_02 .cont_title .glitch {
    animation: glitch 0.5s linear;
}

@-moz-keyframes glitch {
    0% {
        clip: rect(41px, 9999px, 54px, 0);
    }
    5% {
        clip: rect(72px, 9999px, 44px, 0);
    }
    /* 10% {
        clip: rect(41px, 9999px, 44px, 0);
    } */
    15% {
        clip: rect(39px, 9999px, 51px, 0);
    }
    /* 20% {
        clip: rect(28px, 9999px, 55px, 0);
    } */
    25% {
        clip: rect(81px, 9999px, 63px, 0);
    }
    /* 30% {
        clip: rect(35px, 9999px, 30px, 0);
    } */
    35% {
        clip: rect(39px, 9999px, 23px, 0);
    }
    /* 40% {
        clip: rect(36px, 9999px, 30px, 0);
    } */
    45% {
        clip: rect(24px, 9999px, 45px, 0);
    }
    /* 50% {
        clip: rect(35px, 9999px, 63px, 0);
    } */
    55% {
        clip: rect(81px, 9999px, 80px, 0);
    }
    /* 60% {
        clip: rect(25px, 9999px, 19px, 0);
    } */
    65% {
        clip: rect(21px, 9999px, 15px, 0);
    }
    /* 70% {
        clip: rect(73px, 9999px, 35px, 0);
    } */
    75% {
        clip: rect(42px, 9999px, 44px, 0);
    }
    /* 80% {
        clip: rect(76px, 9999px, 95px, 0);
    } */
    85% {
        clip: rect(45px, 9999px, 60px, 0);
    }
    /* 90% {
        clip: rect(56px, 9999px, 45px, 0);
    } */
    95% {
        clip: rect(60px, 9999px, 81px, 0);
    }
    100% {
        clip: rect(61px, 9999px, 81px, 0);
    }
}

@-webkit-keyframes glitch {
    0% {
        clip: rect(41px, 9999px, 54px, 0);
    }
    5% {
        clip: rect(72px, 9999px, 44px, 0);
    }
    /* 10% {
        clip: rect(41px, 9999px, 44px, 0);
    } */
    15% {
        clip: rect(39px, 9999px, 51px, 0);
    }
    /* 20% {
        clip: rect(28px, 9999px, 55px, 0);
    } */
    25% {
        clip: rect(81px, 9999px, 63px, 0);
    }
    /* 30% {
        clip: rect(35px, 9999px, 30px, 0);
    } */
    35% {
        clip: rect(39px, 9999px, 23px, 0);
    }
    /* 40% {
        clip: rect(36px, 9999px, 30px, 0);
    } */
    45% {
        clip: rect(24px, 9999px, 45px, 0);
    }
    /* 50% {
        clip: rect(35px, 9999px, 63px, 0);
    } */
    55% {
        clip: rect(81px, 9999px, 80px, 0);
    }
    /* 60% {
        clip: rect(25px, 9999px, 19px, 0);
    } */
    65% {
        clip: rect(21px, 9999px, 15px, 0);
    }
    /* 70% {
        clip: rect(73px, 9999px, 35px, 0);
    } */
    75% {
        clip: rect(42px, 9999px, 44px, 0);
    }
    /* 80% {
        clip: rect(76px, 9999px, 95px, 0);
    } */
    85% {
        clip: rect(45px, 9999px, 60px, 0);
    }
    /* 90% {
        clip: rect(56px, 9999px, 45px, 0);
    } */
    95% {
        clip: rect(60px, 9999px, 81px, 0);
    }
    100% {
        clip: rect(61px, 9999px, 81px, 0);
    }
}

@-o-keyframes glitch {
    0% {
        clip: rect(41px, 9999px, 54px, 0);
    }
    5% {
        clip: rect(72px, 9999px, 44px, 0);
    }
    /* 10% {
        clip: rect(41px, 9999px, 44px, 0);
    } */
    15% {
        clip: rect(39px, 9999px, 51px, 0);
    }
    /* 20% {
        clip: rect(28px, 9999px, 55px, 0);
    } */
    25% {
        clip: rect(81px, 9999px, 63px, 0);
    }
    /* 30% {
        clip: rect(35px, 9999px, 30px, 0);
    } */
    35% {
        clip: rect(39px, 9999px, 23px, 0);
    }
    /* 40% {
        clip: rect(36px, 9999px, 30px, 0);
    } */
    45% {
        clip: rect(24px, 9999px, 45px, 0);
    }
    /* 50% {
        clip: rect(35px, 9999px, 63px, 0);
    } */
    55% {
        clip: rect(81px, 9999px, 80px, 0);
    }
    /* 60% {
        clip: rect(25px, 9999px, 19px, 0);
    } */
    65% {
        clip: rect(21px, 9999px, 15px, 0);
    }
    /* 70% {
        clip: rect(73px, 9999px, 35px, 0);
    } */
    75% {
        clip: rect(42px, 9999px, 44px, 0);
    }
    /* 80% {
        clip: rect(76px, 9999px, 95px, 0);
    } */
    85% {
        clip: rect(45px, 9999px, 60px, 0);
    }
    /* 90% {
        clip: rect(56px, 9999px, 45px, 0);
    } */
    95% {
        clip: rect(60px, 9999px, 81px, 0);
    }
    100% {
        clip: rect(61px, 9999px, 81px, 0);
    }
}

@keyframes glitch {
    0% {
        clip: rect(41px, 9999px, 54px, 0);
    }
    5% {
        clip: rect(72px, 9999px, 44px, 0);
    }
    /* 10% {
        clip: rect(41px, 9999px, 44px, 0);
    } */
    15% {
        clip: rect(39px, 9999px, 51px, 0);
    }
    /* 20% {
        clip: rect(28px, 9999px, 55px, 0);
    } */
    25% {
        clip: rect(81px, 9999px, 63px, 0);
    }
    /* 30% {
        clip: rect(35px, 9999px, 30px, 0);
    } */
    35% {
        clip: rect(39px, 9999px, 23px, 0);
    }
    /* 40% {
        clip: rect(36px, 9999px, 30px, 0);
    } */
    45% {
        clip: rect(24px, 9999px, 45px, 0);
    }
    /* 50% {
        clip: rect(35px, 9999px, 63px, 0);
    } */
    55% {
        clip: rect(81px, 9999px, 80px, 0);
    }
    /* 60% {
        clip: rect(25px, 9999px, 19px, 0);
    } */
    65% {
        clip: rect(21px, 9999px, 15px, 0);
    }
    /* 70% {
        clip: rect(73px, 9999px, 35px, 0);
    } */
    75% {
        clip: rect(42px, 9999px, 44px, 0);
    }
    /* 80% {
        clip: rect(76px, 9999px, 95px, 0);
    } */
    85% {
        clip: rect(45px, 9999px, 60px, 0);
    }
    /* 90% {
        clip: rect(56px, 9999px, 45px, 0);
    } */
    95% {
        clip: rect(60px, 9999px, 81px, 0);
    }
    100% {
        clip: rect(61px, 9999px, 81px, 0);
    }
}

.slide_items_03 .swiper-father {
    position: absolute;
    width: max-content;
    top: 8.51vw;
    left: 9.854vw;
    padding-bottom: 2vw;
    padding-top: 2vw;
    opacity: 0;
    transition: 0.5s all;
    height: max-content;
}

.slide_items_03 .swiper-father.items_show {
    opacity: 1;
}

.slide_items_03 .swiper_left {
    z-index: 9;
    height: 18.5vw;
    max-height: 22vw;
    overflow: hidden;
    width: 9.8vw;
    /* padding-bottom: 1vw; */
}

.slide_items_03 .swiper_left img {
    border: 2px solid #fff;
    width: 9.5vw;
}

.slide_items_03 .swiper_left .swiper-slide {
    /* opacity: 0.5;
    width: 100%;
    height: 100%; */
    z-index: 10;
}


/* .slide_items_03 .swiper_left .swiper-slide-active {
    opacity: 1;
} */

.slide_items_03 .swiper_left .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 9;
}

.slide_items_03 .swiper_left .swiper-slide-active .mask {
    width: 100%;
    background-color: transparent;
}

.slide_items_03 .swiper-button-prev {
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 2vw;
    border-top: 0.5vw solid transparent;
    border-right: 0.5vw solid transparent;
    border-bottom: 0.5vw solid #fff;
    border-left: 0.5vw solid transparent;
    width: 0;
    height: 0;
}

.slide_items_03 .swiper-button-prev::after,
.slide_items_03 .swiper-button-next::after {
    content: none;
}

.slide_items_03 .swiper-button-next {
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0;
    border-top: 0.5vw solid #fff;
    border-right: 0.5vw solid transparent;
    border-bottom: 0.5vw solid transparent;
    border-left: 0.5vw solid transparent;
    width: 0;
    height: 0;
    top: auto;
}

.slide_items_03 .swiper_bg img {
    width: 100%;
}

.slide_items_03 .swiper_bg video {
    width: 100%;
}

.slide_items_03 .video_play {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    cursor: pointer;
    z-index: 9;
}

.slide_items_03 .video_play a {
    display: block;
}

.slide_items_03 .video_play img {
    width: 100%;
}

.slide_items_03 .decorate_module {
    z-index: 9;
    position: absolute;
    top: 10.2vw;
    left: 5vw;
    display: flex;
    opacity: 0;
    transition: 0.5s all;
}

.slide_items_03 .decorate_module.items_show {
    opacity: 1;
}

.slide_items_03 .decorate_02 {
    margin-top: 3vw;
}

.slide_items_03 .download_module {
    z-index: 9;
    position: fixed;
    left: 2vw;
    bottom: 1vw;
    opacity: 0;
    transition: 0.5s all;
}

.slide_items_03 .download_module.items_show {
    opacity: 1;
}

.slide_items_04 {
    position: relative;
}

.slide_items_04 .slide_items_04_bg img {
    width: 100%;
}

.slide_items_04 .scale {
    position: fixed;
    bottom: 0;
    left: 2vw;
    width: 100%;
}

.slide_items_04 .items_email {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 20vw;
    width: auto;
    z-index: 9;
    opacity: 0;
    transition: 0.5s all;
}

.slide_items_04 .items_email.items_show {
    opacity: 1;
}

.slide_items_04 .items_email .title {
    width: 13.54vw;
    border-bottom: 1px solid #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 4vw;
}

.slide_items_04 .items_email .title h2 {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
    color: #fff;
    font-weight: bold;
    padding-bottom: 0.2vw;
}

.slide_items_04 .items_email .title .email_line {
    width: 2.8vw;
    height: 4px;
    background-color: #0086f5;
    margin: 0 auto;
}

.slide_items_04 .email_address {
    border: 1px solid #fff;
    padding: 1vw 0;
    width: 41.67vw;
    text-align: center;
    font-size: 0.933vw;
    line-height: 1.25vw;
    margin-bottom: 1vw;
    color: #fff;
    font-weight: 500;
    font-family: font-family-PMZD;
}

.slide_items_04 .email_address a {
    color: #0086f5;
}

.slide_items_04 .email_address:hover {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
}

.slide_items_01_mob,
.mob_tab,
.mob_tab_module,
.slide_items_03_title,
.download_module_mob,
.slide_items_05,
.videoLoding_mob,
.swiper_mob,
.cont_title_pic_mob {
    display: none;
}

@media screen and (max-width: 835px) {
    .slide_items_01_mob,
    .mob_tab,
    .mob_tab_module,
    .slide_items_03_title,
    .download_module_mob,
    .slide_items_05,
    .videoLoding_mob,
    .swiper_mob,
    .cont_title_pic_mob {
        display: block;
    }
    .slide_items_01_pc,
    .footer_container,
    .tab_switch,
    .mob_tab_pc,
    .br_mob,
    .download_module_pc,
    .videoLoding_pc,
    /* .swiper_pc, */
    .cont_title_pic_pc {
        display: none;
    }
    .pageLoading #videoLoding_mob {
        width: 100%;
    }
    .pageLoading img {
        width: auto;
        height: var(--height, 100vh);
    }
    .mob_tab {
        opacity: 0;
        transition: 0.5s all;
    }
    .mob_tab.loadingPlay {
        opacity: 1;
    }
    .mob_tab_module {
        transform: translate(-100%, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--height, 100vh);
        transition: 0.5s all;
        z-index: 99;
    }
    .mob_tab_module .backGround {
        background-color: #000;
        opacity: 0.8;
        width: 100%;
        height: 100%;
        filter: alpha(Opacity=60);
        -moz-opacity: 0.6;
    }
    .mob_tab_box {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 80%;
    }
    .mob_tab {
        position: absolute;
        top: 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        background-color: transparent;
        height: 60px;
        z-index: 10;
        display: flex;
        align-items: center;
    }
    .mob_tab_btn {
        margin-left: 5vw;
        display: flex;
        flex-flow: column;
    }
    .mob_tab_btn_line {
        width: 6vw;
        height: 2px;
        background-color: #fff;
        margin-bottom: 1.5vw;
    }
    .mob_tab_btn_line:nth-child(3) {
        margin-bottom: 0;
    }
    .nav_container {
        position: relative;
        width: 100%;
        display: flex;
        flex-flow: column;
        margin: 0 auto;
        height: auto;
        border-bottom: none;
        display: flex;
        align-items: center;
        z-index: 10;
        opacity: 1;
    }
    .nav_container .nav_wrapper {
        flex-flow: column;
        margin-left: 0;
        width: 100%;
    }
    .nav_container .nav_wrapper .nav_items:hover {
        color: rgba(255, 255, 255, 1);
        text-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .nav_container .nav_wrapper .nav_items {
        font-size: 4.44vw;
        line-height: 8.88vw;
        font-weight: 600;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        margin-bottom: 15vw;
        margin-right: 0;
        height: auto;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .nav_container .nav_wrapper .nav_items.nav_active {
        text-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .nav_container .nav_wrapper .nav_items .nav_items_box {
        width: max-content;
        border-bottom: 2px solid transparent;
        padding-bottom: 1.2vw;
    }
    .nav_container .nav_wrapper .nav_items .nav_items_box a {
        color: #fff;
    }
    .nav_container .nav_wrapper .nav_items.nav_active .nav_items_box {
        width: max-content;
        border-bottom: 2px solid #0086f5;
        padding-bottom: 1.2vw;
    }
    .translate_container {
        display: flex;
        align-items: center;
        height: auto;
        position: relative;
        right: 0;
        z-index: 10;
        width: 60%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        opacity: 1;
    }
    .translate_container .page_jump a {
        font-size: 4.44vw;
        line-height: 8.88vw;
        font-weight: 600;
        color: #fff;
    }
    .translate_container .page_jump.jump_active {
        text-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .translate_container .page_jump.jump_active a {
        width: max-content;
        border-bottom: 2px solid #0086f5;
    }
    .translate_container .translate_line {
        margin: 0 3vw;
        color: #fff;
        font-size: 4.44vw;
        line-height: 8.88vw;
        border-bottom: 4px solid transparent;
    }
    .link_container {
        position: fixed;
        height: max-content;
        transform: translateX(-50%);
        left: 50%;
        top: auto;
        right: auto;
        bottom: 6vw;
        background-color: transparent;
        border-left: none;
        padding-top: 0;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        width: 80%;
        z-index: 10;
        opacity: 1;
    }
    .link_container .link_items {
        margin-bottom: 0;
        opacity: 0.7;
        width: 5.5vw;
        height: 5.5vw;
    }
    .link_container .link_items:hover {
        opacity: 0.7;
    }
    .link_container .link_items a {
        display: inline-block;
    }
    .link_container .link_items img {
        width: 5.5vw;
        height: 5.5vw;
    }
    .mob_tab_module_close {
        position: absolute;
        width: 80%;
        transform: translateX(-50%);
        left: 50%;
        top: 15vw;
    }
    .mob_tab_module_close img {
        width: 6vw;
        height: 6vw;
    }
    .slide_items.slide_items_01 {
        /* height: 100vh; */
    }
    #page_game {
        height: auto;
        overflow: hidden;
    }
    .slide_container {
        /* height: 500vh; */
        transition: 0.5s all;
        position: absolute;
        top: 0;
        opacity: 0;
        transition: 0.5s all;
        transition-duration: 0.5s !important;
    }
    .slide_container.loadingPlay {
        opacity: 1;
    }
    .slide_container .slide_items {
        display: block;
    }
    .swiper_pageMob {
        height: var(--height, 100vh);
    }
    .slide_container .slide_items_01 .item_bg_video img {
        width: 100%;
    }
    .slide_container .slide_items_01 .item_home_content {
        position: absolute;
        top: auto;
        left: 2.6875vw;
        bottom: 15vw;
        width: 80%;
        display: flex;
        flex-flow: column;
        justify-content: left;
        z-index: 9;
        opacity: 0;
        transition: 0.5s all;
    }
    .slide_container .slide_items_01 .item_home_content.loadingPlay {
        opacity: 1;
    }
    .slide_container .slide_items_01 .item_home_content .cont_btn {
        width: 100%;
        background-color: rgb(212, 212, 212);
        font-size: 3.33vw;
        line-height: 4.44vw;
        color: #000;
        font-weight: 600;
        padding: 1.8vw 0;
        text-align: center;
        cursor: pointer;
        transition: 0.3s all;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .slide_container .slide_items_01 .item_home_content .cont_btn:hover {
        background-color: rgb(212, 212, 212);
        color: #000;
    }
    .slide_container .slide_items_01 .item_home_content .cont_btn_link {
        margin-left: 2.8vw;
        margin-top: 0.8vw;
    }
    .slide_container .slide_items_01 .item_home_content .cont_btn img {
        margin-left: 2.5vw;
        width: 3.04vw;
        height: 3.04vw;
        margin-bottom: 0.3vw;
    }
    .slide_container .slide_items_01 .item_home_content .cont_btn_add {
        width: 3vw;
        height: 3vw;
        margin-left: 2vw;
    }
    .slide_container .slide_items_01 .item_home_content .cont_btn .cont_btn_arr {
        border-top: 1.5vw solid transparent;
        border-right: 1.5vw solid rgba(0, 0, 0, 0.5);
        border-bottom: 1.5vw solid transparent;
        border-left: 1.5vw solid transparent;
        transform: rotate(135deg);
        position: absolute;
        top: -1vw;
        right: -1vw;
    }
    /* .slide_items.slide_items_02 {
        height: 100vh;
    } */
    .slide_items.slide_items_02 .item_outpost_content {
        position: absolute;
        top: 23.375vw;
        left: 5.51vw;
        width: 90%;
        z-index: 9;
        opacity: 1;
        transition: 0.5s all;
    }
    .slide_items_02 .cont_title {
        height: auto;
    }
    .slide_items_02 .cont_title .cont_title_pic_mob {
        color: #fff;
        font-size: 6.66vw;
        line-height: 6.66vw;
        position: relative;
        font-weight: 700;
        overflow: hidden;
        color: #fff;
        width: 75% !important;
        opacity: 1;
    }
    .slide_items.slide_items_02 .cont_text {
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        width: 95%;
        -webkit-text-size-adjust: none;
    }
    .slide_items.slide_items_02 .cont_sign {
        width: 1.5vw;
        height: 1.5vw;
        background-color: #0086f5;
        margin-right: 2vw;
        margin-top: 2vw;
    }
    .slide_container .slide_items.slide_items_03 {
        background-image: url('../assets/slide_items_bg_mob.jpg');
        background-size: 100% 100%;
        /* height: 100vh; */
    }
    .slide_items_03_module {
        z-index: 8;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: transparent;
    }
    .slide_items_03 .swiper_pc {
        position: relative;
    }
    .slide_items_03 .swiper-father {
        position: absolute;
        width: max-content;
        width: 100%;
        top: auto;
        bottom: -40vw;
        left: auto;
        padding-bottom: 2vw;
        padding-top: 2vw;
        opacity: 1;
        transition: 0.5s all;
    }
    .slide_items_03 .swiper_left {
        z-index: 9;
        height: 20.5vw;
        max-height: 22vw;
        overflow: hidden;
        width: 85%;
        padding-bottom: 0;
        padding-right: 1vw;
    }
    .slide_items_03 .swiper_left img {
        border: 1px solid #fff;
        width: 100%;
    }
    .slide_items_03 .swiper-button-prev {
        color: #fff;
        transform: translate(-50%, -50%);
        left: 3.8vw;
        top: 65%;
        border-top: 1.5vw solid transparent;
        border-right: 1.5vw solid #fff;
        border-bottom: 1.5vw solid transparent;
        border-left: 1.5vw solid transparent;
        width: 0;
        height: 0;
    }
    .slide_items_03 .swiper-button-next {
        color: #fff;
        transform: translateY(-50%);
        left: auto;
        right: 1.8vw;
        top: 65%;
        bottom: auto;
        border-top: 1.5vw solid transparent;
        border-right: 1.5vw solid transparent;
        border-bottom: 1.5vw solid transparent;
        border-left: 1.5vw solid #fff;
        width: 0;
        height: 0;
    }
    .slide_items_03 .swiper-slide-mob {
        display: none;
    }
    .slide_items_03 .swiper_left .swiper-slide-next .mask {
        width: 100%;
        background-color: transparent;
    }
    .slide_items_03 .swiper_left .swiper-slide-active .mask {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .slide_items_03 .swiper_bg {
        margin-top: 25vw;
        z-index: 9;
    }
    .slide_items_03 .video_play {
        width: 10vw;
        height: 10vw;
    }
    .slide_items_03 .slide_items_03_title {
        position: absolute;
        width: 100%;
        top: 13vw;
        font-size: 6.66vw;
        line-height: 6.66vw;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .slide_items_03 .slide_items_03_title img {
        width: 25vw;
    }
    .slide_items_03 .decorate_module {
        z-index: 5;
        position: absolute;
        top: auto;
        left: 50%;
        display: flex;
        opacity: 1;
        transition: 0.5s all;
        transform: translateX(-50%) rotate(-90deg);
        bottom: 0;
    }
    .slide_items_03 .decorate_module .decorate_01 {
        height: 100vw;
    }
    .slide_items_03 .decorate_module .decorate_01 img {
        height: 100%;
    }
    .slide_items_03 .decorate_02 {
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .slide_items_03 .decorate_02 img {
        width: 8vw;
        height: 8vw;
    }
    .slide_items_03 .download_module {
        position: absolute;
        left: auto;
        bottom: 5vw;
        top: auto;
        opacity: 1;
        width: 80%;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 2vw 0;
        transform: translateX(-50%);
        left: 50%;
        text-align: center
    }
    .slide_items_03 .download_module a {
        color: #000;
        font-size: 2.22vw;
        line-height: 2.22vw;
        font-weight: bold;
        text-decoration: none;
    }
    .slide_items_03 .download_module a .download_module_mob img {
        width: 6vw;
        margin-left: 4vw;
    }
    .slide_items_03 .download_module a .download_module_mob {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .slide_items_03 .download_module .download_module_mob_arr {
        border-top: 1.5vw solid transparent;
        border-right: 1.5vw solid #000;
        border-bottom: 1.5vw solid transparent;
        border-left: 1.5vw solid transparent;
        transform: rotate(135deg);
        position: absolute;
        top: -1vw;
        right: -1vw;
    }
    .slide_items.slide_items_04 {
        /* height: 100vh; */
    }
    .slide_items_04 .scale {
        display: none;
    }
    .slide_items_04 .items_email {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 80%;
        opacity: 1;
    }
    .slide_items_04 .items_email .title {
        width: 33.54vw;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        margin-bottom: 13vw;
    }
    .slide_items_04 .items_email .title h2 {
        font-size: 5.55vw;
        line-height: 5.55vw;
        padding-bottom: 1.2vw;
    }
    .slide_items_04 .items_email .title .email_line {
        width: 8.8vw;
        height: 2px;
    }
    .slide_items_04 .email_address {
        border: 1px solid rgba(255, 255, 255, 0.7);
        padding: 6vw 0;
        width: 100%;
        font-size: 3.33vw;
        line-height: 8.88vw;
        margin-bottom: 5vw;
        display: flex;
        flex-flow: column;
        -webkit-text-size-adjust: none;
    }
    .slide_items_04 .email_address:hover {
        background-color: rgba(255, 255, 255, 0.9);
        color: #000;
    }
    .slide_items.slide_items_05 {
        /* height: 100vh; */
        position: relative;
    }
    .slide_items_05 .slide_items_05_bg_mob {
        width: 100%;
    }
    .slide_items_05 .slide_items_05_bg_mob img {
        width: 100%;
    }
    .slide_items_05 .copyright_module {
        position: absolute;
        width: 100%;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        background-color: #000;
        padding: 15vw 0;
    }
    .slide_items_05 .copyright_module .copyright_arr01 {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        width: 1.2vw;
        height: 1.2vw;
        position: absolute;
        top: 4vw;
        left: 4vw;
    }
    .slide_items_05 .copyright_module .copyright_arr02 {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        width: 1.2vw;
        height: 1.2vw;
        position: absolute;
        top: 4vw;
        right: 4vw;
    }
    .slide_items_05 .copyright_module .copyright_arr03 {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        width: 1.2vw;
        height: 1.2vw;
        position: absolute;
        bottom: 4vw;
        right: 4vw;
    }
    .slide_items_05 .copyright_module .copyright_arr04 {
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        width: 1.2vw;
        height: 1.2vw;
        position: absolute;
        bottom: 4vw;
        left: 4vw;
    }
    .slide_items_05 .copyright_module .copyright_pic {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .slide_items_05 .copyright_module .copyright_pic .copyright_img01 {
        width: 15vw;
    }
    .slide_items_05 .copyright_module .copyright_pic .copyright_img02 {
        width: 25vw;
        margin-left: 5vw;
    }
    .slide_items_05 .copyright_module .copyright_text {
        color: rgba(255, 255, 255, 0.8);
        font-size: 1.5vw;
        line-height: 8.88vw;
        text-align: center;
        margin-top: 10vw;
    }
    .slide_items_05 .copyright_module .copyright_text a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
    }
}

@media (min-width: 361px) and (max-width: 767px) {
    .pageLoading {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: auto;
    }
    .pageLoading #videoLoding_mob {
        width: auto !important;
        height: var(--height, 100vh) !important;
    }
    .pageLoading img {
        width: auto;
        height: var(--height, 100vh);
    }
    .slide_container .slide_items_01 .item_bg_video video,
    .slide_items.slide_items_02 .item_bg_pic img,
    .slide_items_04 .slide_items_04_bg img,
    .slide_container .slide_items_01 .item_bg_video img,
    .slide_items_05 .slide_items_05_bg_mob img {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 110%;
    }
}

@media (min-width: 836px) and (max-width: 1439px) {
    .slide_container .slide_items {
        height: 100vh;
    }
    .footer_container .footer_logo_01 {
        right: 8.6vw;
    }
    .pageLoading {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: auto;
        height: 100vh;
    }
    .pageLoading #videoLoding_pc {
        width: auto;
        height: 100vh;
    }
    .pageLoading img {
        width: auto;
        height: var(--height, 100vh);
    }
    .slide_container .slide_items_01 .item_bg_video video {
        width: auto;
        height: 100vh;
    }
    .slide_container .slide_items_01 .item_home_content {
        top: 28.5vw;
    }
    .slide_container .slide_items_02 .item_bg_pic {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: auto;
        height: 100vh;
    }
    .slide_items.slide_items_02 .item_bg_pic img {
        width: auto;
        height: 100vh;
    }
    .slide_items.slide_items_02 .cont_text {
        line-height: 2.25vw;
    }
    .slide_items_03 .swiper_bg video {
        width: auto;
        height: 100vh;
    }
    .slide_items_03 .swiper_bg img {
        width: auto;
        height: 100vh;
    }
    .slide_items_03 .video_play img {
        width: 10vw;
        height: 10vw;
    }
    .slide_items_03 .swiper_left {
        z-index: 9;
        height: 24vw;
        max-height: 24vw;
        overflow: hidden;
        width: 9.8vw;
    }
    .slide_items_03 .swiper-button-next {
        border-top: 1vw solid #fff;
        border-right: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
        border-left: 1vw solid transparent;
        bottom: -0.8vw;
    }
    .slide_items_03 .swiper-button-prev {
        border-top: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-bottom: 1vw solid #fff;
        border-left: 1vw solid transparent;
    }
    .slide_items_04 .slide_items_04_bg img {
        width: auto;
        height: 100vh;
    }
    .slide_items_04 .items_email {
        top: 30vw;
    }
    .slide_items_03 .download_module {
        width: 10vw;
    }
    .slide_items_03 .download_module img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 835px) {
    .pageLoading {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
    }
    .pageLoading #videoLoding_mob {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
    }
    .pageLoading img {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
        height: auto;
    }
    .slide_container .slide_items {
        height: var(--height, 100vh);
        overflow: hidden;
    }
    .nav_container .nav_wrapper .nav_items {
        margin-bottom: 5vw;
    }
    .slide_container .slide_items_02 .item_bg_pic {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 45%;
        left: 50%;
        width: 100%;
    }
    .slide_items.slide_items_02 .cont_text {
        font-size: 16px;
        line-height: 30px;
    }
    .slide_items_03 .slide_items_03_title {
        top: 14%;
    }
    .slide_items_03 .swiper_bg {
        padding-top: 0;
    }
    .slide_items_03 .swiper-father {
        bottom: -28vw;
    }
    .slide_items_03 .download_module {
        bottom: 2vw;
        height: max-content;
        top: 90vh;
    }
    .slide_items_03 .decorate_module {
        bottom: -30vw;
    }
    .slide_items_03 .swiper-button-prev,
    .slide_items_03 .swiper-button-next {
        top: 55%;
    }
}

@media (min-width: 500px) and (max-width: 835px) {
    .slide_items_03 .decorate_module {
        bottom: -25vw;
    }
    .slide_items_03 .swiper-father {
        bottom: -24vw;
    }
    /* .slide_items_03 .download_module.unMobile {
        top: 90vh;
    }
    .slide_items_03 .decorate_module.unMobile {
        bottom: -20vw;
    }
    .slide_items_03 .swiper-father.unMobile {
        bottom: -24vw;
    }
    .mob_tab.unMobile {
        height: 65px;
    }
    .slide_items_03 .slide_items_03_title.unMobile {
        top: 10%;
    }
    .slide_items_03 .swiper_bg.unMobile {
        margin-top: 28vw;
    }
    .slide_items_03 .swiper-father.unMobile {
        z-index: 9;
    } */
}

@media (min-width: 700px) and (max-width: 835px) {
    .slide_items_03 .download_module.unMobile {
        top: 90vh;
    }
    .slide_items_03 .decorate_module.unMobile {
        bottom: auto;
        top: 48vw;
    }
    .mob_tab.unMobile {
        height: 65px;
    }
    .slide_items_03 .slide_items_03_title.unMobile {
        top: 10%;
    }
    .slide_items_03 .swiper_bg.unMobile {
        /* padding-top: 23%; */
        margin-top: 23vw;
    }
    .slide_items_03 .swiper-father.unMobile {
        bottom: -19vw;
        top: auto;
        width: 75%;
        transform: translateX(-50%);
        left: 50%;
        z-index: 9;
    }
    .slide_items_03 .swiper_left.unMobile {
        height: 15vw;
    }
    .slide_items_03 .swiper-button-prev.unMobile {
        left: 2.8vw;
    }
}