* {
    padding: 0;
    margin: 0;
}

html, body {
    position: relative;
    height: 100%;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #daad78;
}

/** 控制垂直滚动，每页面占用一整个屏幕 **/
.swiper-fullpage, .swiper-page-1 {
    height: 100vh !important; /* 确保全屏高度 */
    width: 100vw !important;
    overflow: hidden;
}

.swiper-fullpage .swiper-slide {
    width: 100%;
    height: 100vh;
    text-align: center;
}

/** 控制垂直滚动，每页面占用一整个屏幕 **/


/** 顶部固定栏：导航条 **/
.header-wrapper {
    display: flex;
    justify-content: center; /* 水平居中 */
    gap: 50px; /* 设置元素间距 */

    background-color: #2b2828d9;
    color: #daad78;
}

.header-wrapper .logo {
    align-items: center;
    display: flex;

    gap: 20px;
    /*background-color: salmon;*/
}

.header-wrapper .logo img {
    width: 50px;
}

.header-wrapper .logo .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 70px;
}

.header-wrapper .nav-list {
    display: flex;
    justify-content: center; /* 水平居中 */

    /*background-color: #00F7DE;*/
}


.download-box {
    /*background: url("../img/download.png") no-repeat 50% / contain;*/
    /*background-repeat: no-repeat;*/
    position: absolute;
    top: 40%;
    right: 0;
    z-index: 999;
    width: 200px;
    height: 100px;
    margin: auto;
}

.nav-list .nav-item {
    width: 160px;
    display: flex;
    flex-direction: column; /* 垂直排列 */
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中（可选） */
    /*line-height: 28px;*/
}

.nav-list .nav-item:hover, .nav-list .active {
    color: white;
    background-color: #daad78;
    cursor: pointer;
}

.nav-list .nav-item .nav-title-en {
    font-size: 12px;
}

/** 顶部固定栏：导航条 **/


/** 右侧浮动下载按钮 **/
.download-box .android-btn {
    margin: 40px auto;
    width: 100%;
    text-align: center;
    margin-left: calc(50% - 45px);
}

.download-box img {
    display: block;
}

/** 右侧浮动下载按钮 **/


.page2, .page3 {
    background-image: url("../img/page2-3-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}


.page2 .swiper-slide-prev, .page3 .swiper-slide-prev {
    transform: translateX(27px) scale(0.866667) !important;
}

.page2 .swiper-slide-next, .page3 .swiper-slide-next {
    transform: translateX(-27px) scale(0.866667) !important;
}


.page2 {
    margin: auto;
}


.swiper-page2 {
    /*border: 1px solid red;*/
    /*position: relative;*/
    width: 600px;
    height: 100%;
    margin: auto;
}

.swiper-page2 .swiper-slide {
    width: 400px;
    height: 100%;
    /*background: #fff;*/

    margin: auto;
}

.swiper-page2 .swiper-slide img {
    display: block;
    width: 400px;
    margin: 30% auto;
}

.page4 {
    background-color: #2b1e19;
    height: 400px !important;
}

.page4 .footer {
    margin: auto;
    width: 100%;

    margin-top: 50px;
    color: #daad78;
    height: 400px !important;
    font-size: 14px;
}