*{margin: 0;padding: 0;border: 0;list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
img{display: block;width: 100%;}
a{text-decoration: none;}
a,button,select{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/* 两端对齐 */
.spaceBetween{display: flex;justify-content: space-between;flex-wrap: wrap;}
/* 文字垂直居中 */
.alignCenter{display: flex;align-items: center;}

body{width: 100%;font-family: "Arial";font-size: 1rem;-webkit-text-size-adjust: 100% !important; background: #191b12;}
body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/bg.webp) center 0 no-repeat; background-size: cover;}
.wrap{position: relative;width: 100%;background: #191b12; -webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling:touch;}
.bg{ width: 100%; position: relative; overflow: hidden;}
.logo{position: absolute;top: 20%;left: 4%;width: 17%;z-index: 2;}
.home{position: absolute;top: 15%;right: 0;width: 7%;z-index: 2; padding: 2% 3%;}
.nav_bg{ position: absolute;width: 100%; top: 20.5%; z-index: 1; left: 0;}

.nav{position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; z-index: 10;}

/*20250711修改开始*/
/*.google,.apk,.apple{ display: block; position: absolute; width: 29.5%; top: 25%; z-index: 10;}*/
/*.google{ left: 5%;}*/
/*.apple{ left: 35.2%;}*/
/*.apk{ right: 5%;}*/
.google,.apk{ display: block; position: absolute; width: 45%; bottom: 12%; z-index: 10; cursor: pointer;}
.google{ left: 3.5%;}
.apk{ right: 3.5%;}
/*20250711修改结束*/

.swiper-container{width: 100%;height: 100%;}
.intro{position: absolute;top: 76%;left:9%;width: 82%;z-index: 2;}
.ico{position: absolute;top: 65%;left: 41.5%;width: 17%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index: 2;}
.part1_light,.part2_light,.part3_light{ width: 100%; position: absolute; left: 0; z-index: 1; pointer-events: none;}
.part1_light{ top: 0;}
.part2_light{ top: 22%;}
.part3_light{ top: 9.5%;}
.part2_title{ width: 100%; text-align: center; position: absolute; left: 0; top: 0;}
.part2_title img{ width: 40%; margin: 0 auto;}

.video_box{ width: 90%; height: 90%; position: absolute; left: 5%; top: 5%; overflow: hidden; z-index: 3;}
.video-wrap{ width: 100%; height: 100%; display: none;}
.msg-wrap{ position: fixed; top: 0; left: 0; background: #fff; border: 1px solid #000; z-index: -1; opacity: 0;}

#slideStore,#slideStore2{position: absolute; top: 9.5%; left: 0; width: 100%; overflow: hidden; z-index: 1;}
#slideStore .swiper-slide,#slideStore2 .swiper-slide{ width: 100%;}
#slideStore .swiper-slide img,#slideStore2 .swiper-slide img{display: block;width: 100%;}
#slideStore .swiper-slide-prev,#slideStore .swiper-slide-next,#slideStore2 .swiper-slide-prev,#slideStore2 .swiper-slide-next{opacity: 0.6 !important; border: 0;}
#slideStore .swiper-button-prev:after,#slideStore .swiper-button-next:after,#slideStore2 .swiper-button-prev:after,#slideStore2 .swiper-button-next:after{ display: none;}
#slideStore .swiper-button-prev:hover,#slideStore .swiper-button-next:hover,#slideStore2 .swiper-button-prev:hover,#slideStore2 .swiper-button-next:hover{ filter: brightness(120%);}

#slideStore .swiper-button-prev,#slideStore .swiper-button-next{ position: absolute; width: 12%; height: 4%; z-index: 1; top: 46%;}
#slideStore .swiper-button-prev{ left: 2%; background: url("../images/part3/left.png") no-repeat; background-size: 100% 100%; -webkit-animation: fadeInLeft 1s ease-in-out infinite alternate;animation: fadeInLeft 1s ease-in-out infinite alternate;}
#slideStore .swiper-button-next{ right: 2%; background: url("../images/part3/right.png") no-repeat; background-size: 100% 100%; -webkit-animation: fadeInRight 1s ease-in-out infinite alternate;animation: fadeInRight 1s ease-in-out infinite alternate;}

#slideStore2 .swiper-button-prev,#slideStore2 .swiper-button-next{ position: absolute; width: 15%; height: 15%; z-index: 1; top: 41%;}
#slideStore2 .swiper-button-prev{ left: 2%; background: url("../images/part4/left.png") no-repeat; background-size: 100% 100%; -webkit-animation: fadeInLeft 1s ease-in-out infinite alternate;animation: fadeInLeft 1s ease-in-out infinite alternate;}
#slideStore2 .swiper-button-next{ right: 2%; background: url("../images/part4/right.png") no-repeat; background-size: 100% 100%; -webkit-animation: fadeInRight 1s ease-in-out infinite alternate;animation: fadeInRight 1s ease-in-out infinite alternate;}


#slideStore3{position: absolute;top: 0;left: 0; width: 100%;}
#slideStore3 .swiper-slide{ width: 100%;}
#slideStore3 .swiper-slide-prev,#slideStore2 .swiper-slide-next{opacity: 1 !important; border: 0;}

footer{position: absolute;top: 15%;left: 10%;width: 80%;}
.fb,.ytb,.discord{position: absolute;height: 100%; width: 33.33%;top: 0;}
.fb{left: 0;}
.ytb{left: 33.33%;}
.discord{right: 0;}

/*底部信息*/
.bottom{width: 100%; position: absolute; left: 0; top: 35%; color: #ffffff;font-size: 0.8rem; text-align: center;}
.privacyBox{position: absolute;bottom: -3rem;left: 0;width: 100%;}
.privacy,.terms{width: 35%; height: 2.2rem; text-align: center; line-height: 1.5rem; color: #ffffff;}
.privacy{ float: left; margin-left: 15%;}
.terms{ float: right; margin-right: 15%;}


/*人物介绍左右按钮动画*/
@-webkit-keyframes fadeInLeft {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}


/*横屏*/
@media screen and (min-aspect-ratio:13/8){
    .wrap{width: 750px;margin: 0 auto; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
}