*{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: #161727;}
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: #161727; -webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling:touch;}
.bg{ width: 100%; position: relative; overflow: hidden;}
.logo{position: absolute;top: 15%;left: 3%;width: 24%;z-index: 2;}
.pc{position: absolute;top: 15.5%;right: 13%;width: 6.94%;z-index: 2;padding: 2% 3%;}
.home{position: absolute;top: 15%;right: 0;width: 7%;z-index: 2; padding: 2% 3%;}
.nav_bg{ position: absolute;width: 100%; top: 20.6%; z-index: 1; left: 0;}

.nav{position: -webkit-sticky; position: sticky; width: 96%; display: flex;flex-wrap: wrap; justify-content: space-evenly; top: 0;background-color: rgba(17,18,28,.66); z-index: 5; padding: 0.8rem 2% 0.1rem;}
.nav a{display: block;width: 33.3%;margin-bottom: 0.7rem;}
.intro{position: absolute;top: 76%;left: 8.53%;width: 82.94%;z-index: 2;}
.about{ position: absolute; right: 9%; bottom: 2%; font-size: 1rem; color: #ffffff; cursor: pointer;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{ width: 100%; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none;}

.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;}


.part3_title{position: absolute;top: 1%;left: 17.27%;width: 65.46%;}
.part3_light{position: absolute; top: 0%;left: 0;width: 100%;z-index: 3;pointer-events: none;}
.part3_slide{position: absolute;top: 0;left: 0;width: 100%;}
.part3_slide .swiper-button-next,.part3_slide .swiper-button-prev{width: 10.8%;}
.part3_slide .swiper-button-next:after,.part3_slide .swiper-button-prev:after{content: "";}
.part3_nav{position: absolute;top: 7.6%;left: 5.2%;width: 89.6%;display: flex;justify-content: space-around;z-index: 3;}
.part3_nav li{position: relative; width: 19.34%;cursor: pointer;}
.part3_nav li.on img{-webkit-animation: quan 1.2s infinite linear alternate-reverse;animation: quan 1.2s infinite linear alternate-reverse;}

.part4_title{position: absolute;top: 3%;left: 8%;width: 84%;}
.part4_light{position: absolute; top: 0%;left: 0;width: 100%;z-index: 3;pointer-events: none;}
.part4_slide{position: absolute;top: 0;left: 0;width: 100%;}
.part4_slide .swiper-button-next,.part4_slide .swiper-button-prev{width: 9.3%;}
.part4_slide .swiper-button-next:after,.part4_slide .swiper-button-prev:after{content: "";}
.part4_nav{position: absolute;top: 18%;left: 4%;width: 92%;display: flex;justify-content: space-between;z-index: 3;}
.part4_nav li{position: relative;cursor: pointer;}
.part4_nav li img:last-child,.part4_nav li.on img:first-child{display: none;}
.part4_nav li.on img:last-child,.part4_nav li img:first-child{display: block;}
.part4_nav li:first-child{width: 9.13%;}
.part4_nav li:nth-child(2){width: 10.15%;}
.part4_nav li:nth-child(3){width: 9.57%;}
.part4_nav li:nth-child(4){width: 6.09%;}
.part4_nav li:nth-child(5){width: 21.3%;}
.part4_nav li:nth-child(6){width: 18.12%;}


.part5_box{position: absolute;top: 1.9%;left: 9.07%; width: 81.86%;z-index: 2;pointer-events: none;}
#slideStore{position: absolute;top: 3%;width: 100%;}
#slideStore .swiper-slide{position: relative; width: 77.6%;}



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,.bot_website{width: 100%; position: absolute; left: 0; top: 35%; color: #ffffff;font-size: 0.8rem; text-align: center;}
.bot_website{top: 10%;text-decoration: underline;font-size: 1rem;}
.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%;}

/*弹窗*/
.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; opacity: 0.7; z-index: 20; display: none;}
.pop{ width: 90%; height: 70vh; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #11121c; color: #ffffff; z-index: 21; text-align: center;}
.pop_txt{ width: 90%; height: 90%; margin: 9% auto 0 auto; font-size: 1rem; box-sizing: border-box; text-align: left; overflow: auto;}
.pop_close { width: 2rem; height: 2rem; position: absolute; top: 1%; right: 2%;}


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

@-webkit-keyframes quan{
    to{
       -webkit-transform: scale(0.9);
    }
}
@keyframes quan{
    to{
        transform: scale(0.9);
    }
}