* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #080401;
}

/* 桌面端默认样式 - 保持原始固定尺寸 */
.bg {
    background: url(../picture/img_bj.png) no-repeat center center;
    background-size: 100% 2700px;
    width: 750px;
    height: 2050px;
    margin: auto;
}

.title {
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
    background: #080401;
    height: 136px;
    display: flex;
    z-index: 1000;
}

.title .anquanImg {
    width: 70px;
    height: 70px;
    background: url(../picture/anquan.png) no-repeat;
    background-size: 100% 100%;
    margin: auto 14px auto 40px;
}

.title .logo {
    width: 209px;
    height: 57px;
    background: url(../picture/LOGO.png) no-repeat;
    background-size: 100% 100%;
    margin: auto auto auto 0px;
}

.title .downloadBtn {
    width: 260px;
    height: 52px;
    background: url(../picture/download2.png) no-repeat;
    background-size: 100% 100%;
    margin: auto 40px auto auto;
    cursor: pointer;
}

.newTopImg {
    width: 750px;
    height: 1079px;
    background: url(../picture/1.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
}

.topImg {
    width: 750px;
    height: 750px;
    background: url(../picture/img_rw.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 100px;
}

.centerImg {
    width: 750px;
    height: 400px;
    background: url(../picture/img_yuansu.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: -40px;
}

.text1 {
    color: #E4E4E4;
    font-family: "Bai Jamjuree";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 0px;
}

.text1.text3 {
    margin-top: 0px;
}

.text2 {
    width: 620px;
    height: 148px;
    background: url(../picture/text.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 15px;
}

.downloadBtn2 {
    margin: auto;
    width: 480px;
    height: 96px;
    background: url(../picture/dl.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 44px;
    cursor: pointer;
}

.img_tt {
    width: 690px;
    height: 361px;
    background: url(../picture/img_tt.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 10px;
    border-radius: 20px;
}

.img_pay {
    background: url(../picture/img_pay.png) no-repeat;
    background-size: 100% 100%;
    width: 750px;
    height: 150px;
    margin: auto;
    margin-top: 40px;
}

.img_icon {
    width: 750px;
    height: 150px;
    background: url(../picture/img_logo.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 20px;
}

.textBox {
    width: 730px;
    margin: auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
}

.textBox .text3 {
    margin: auto;
    color: #FFF;
    font-family: "Bai Jamjuree";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor: pointer;
}

.bottomFlex {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
    height: 108px;
    background: #080401;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1000;
}

.bottomFlex .textBox2 {
    width: 380px;
    margin: auto;
}

.bottomFlex .textBox2 .textBox2Text1 {
    color: #FFF;
    text-align: center;
    font-family: "Bai Jamjuree";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bottomFlex .textBox2 .textBox2Text1.textBox2Text2 {
    font-size: 30px;
}

.bottomFlex .downloadBtn3 {
    width: 342px;
    height: 68px;
    background: url(../picture/download2.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    cursor: pointer;
}

.topimg1 {
    width: 750px;
    height: 772px;
    background: url(../picture/1.jpg) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 110px;
}

.topimg2 {
    width: 750px;
    height: 723px;
    background: url(../picture/2.jpg) no-repeat;
    background-size: 100% 100%;
    margin: auto;
}

.topimg3 {
    width: 750px;
    height: 822px;
    background: url(../picture/3.jpg) no-repeat;
    background-size: 100% 100%;
    margin: auto;
}

/* 手机端适配 - 使用响应式单位 */
@media (max-width: 768px) {
    .bg {
        background-size: 100% auto;
        width: 100vw;
        height: auto;
        min-height: 100vh;
        padding-bottom: 14.4vw;
        /* 108/750*100 为底部固定栏留空 */
    }

    .title {
        left: 0;
        transform: none;
        width: 100vw;
        height: 18.13vw;
        /* 136/750*100 */
    }

    .title .anquanImg {
        width: 9.33vw;
        /* 70/750*100 */
        height: 9.33vw;
        background-size: contain;
        background-position: center;
        margin: auto 1.87vw auto 5.33vw;
        /* 14/750*100, 40/750*100 */
    }

    .title .logo {
        width: 27.87vw;
        /* 209/750*100 */
        height: 7.6vw;
        /* 57/750*100 */
        background-size: contain;
        background-position: center;
    }

    .title .downloadBtn {
        width: 34.67vw;
        /* 260/750*100 */
        height: 6.93vw;
        /* 52/750*100 */
        background-size: contain;
        background-position: center;
        margin: auto 5.33vw auto auto;
        /* 40/750*100 */
    }

    .newTopImg {
        width: 100vw;
        height: 143.87vw;
        /* 1079/750*100 */
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .topImg {
        width: 100vw;
        height: 100vw;
        /* 750/750*100 */
        background-size: contain;
        background-position: center;
        margin-top: 13.33vw;
        /* 100/750*100 */
    }

    .centerImg {
        width: 100vw;
        height: 53.33vw;
        /* 400/750*100 */
        background-size: contain;
        background-position: center;
        margin-top: -5.33vw;
        /* -40/750*100 */
    }

    .text1 {
        font-size: 4.8vw;
        /* 36/750*100 */
        letter-spacing: 0.27vw;
        /* 2/750*100 */
        margin-top: -5.33vw;
        /* -40/750*100 */
    }

    .text2 {
        width: 82.67vw;
        /* 620/750*100 */
        height: 19.73vw;
        /* 148/750*100 */
        background-size: contain;
        background-position: center;
        margin-top: 2vw;
        /* 15/750*100 */
    }

    .downloadBtn2 {
        width: 64vw;
        /* 480/750*100 */
        height: 12.8vw;
        /* 96/750*100 */
        background-size: contain;
        background-position: center;
        margin-top: 5.87vw;
        /* 44/750*100 */
    }

    .img_tt {
        width: 92vw;
        /* 690/750*100 */
        height: 48.13vw;
        /* 361/750*100 */
        background-size: contain;
        background-position: center;
        margin-top: 1.33vw;
        /* 10/750*100 */
        border-radius: 2.67vw;
        /* 20/750*100 */
        border: 0.13vw solid #FEDB00;
        /* 1/750*100 */
    }

    .img_pay {
        background-size: contain;
        background-position: center;
        width: 100vw;
        height: 20vw;
        /* 150/750*100 */
        margin-top: 5.33vw;
        /* 40/750*100 */
    }

    .img_icon {
        width: 100vw;
        height: 20vw;
        /* 150/750*100 */
        background-size: contain;
        background-position: center;
        margin-top: 2.67vw;
        /* 20/750*100 */
    }

    .textBox {
        width: 97.33vw;
        /* 730/750*100 */
        margin-top: 2.67vw;
        /* 20/750*100 */
        margin-bottom: 6vw;
        /* 添加底部间距，为固定底栏留空间 */
        gap: 2.67vw;
        /* 20/750*100 */
    }

    .textBox .text3 {
        font-size: 2.93vw;
        /* 22/750*100 */
    }

    .bottomFlex {
        left: 0;
        transform: none;
        width: 100vw;
        height: 14.4vw;
        /* 108/750*100 */
    }

    .bottomFlex .textBox2 {
        width: 50.67vw;
        /* 380/750*100 */
    }

    .bottomFlex .textBox2 .textBox2Text1 {
        font-size: 5.33vw;
        /* 40/750*100 */
    }

    .bottomFlex .textBox2 .textBox2Text1.textBox2Text2 {
        font-size: 4vw;
        /* 30/750*100 */
    }

    .bottomFlex .downloadBtn3 {
        width: 45.6vw;
        /* 342/750*100 */
        height: 9.07vw;
        /* 68/750*100 */
        background-size: contain;
        background-position: center;
    }

    .topimg1 {
        width: 100vw;
        height: 102.93vw;
        /* 772/750*100 */
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 14.67vw;
        /* 110/750*100 */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .topimg2 {
        width: 100vw;
        height: 96.4vw;
        /* 723/750*100 */
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .topimg3 {
        width: 100vw;
        height: 109.6vw;
        /* 822/750*100 */
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }
}

/* 小屏手机进一步优化 */
@media (max-width: 480px) {
    .text1 {
        font-size: 5.5vw;
        letter-spacing: 0.3vw;
    }

    .textBox .text3 {
        font-size: 3.5vw;
    }

    .bottomFlex .textBox2 .textBox2Text1 {
        font-size: 6vw;
    }

    .bottomFlex .textBox2 .textBox2Text1.textBox2Text2 {
        font-size: 4.5vw;
    }
}