* {
  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% 100%;
  width: 750px;
  height: 2700px;
  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/logo.webp) no-repeat;
  background-size: 100% 100%;
  margin: auto 14px auto 40px;
}

.title .logo {
  margin: auto auto auto 0px;
  color: #fff;
  font-weight: bold;
  font-size: 1.82rem;
}

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

.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: -40px;
}

.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/download2.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: 80px;
  border-radius: 20px;
  border: 1px solid #fedb00;
}

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

/* 手机端适配 - 使用响应式单位 */
@media (max-width: 768px) {
  .bg {
    background-size: cover;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    padding-bottom: 20vw;
    /* 给底部留一些空间 */
  }

  .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 {
    font-size: 1.2rem;
  }

  .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 */
  }

  .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: 10.67vw;
    /* 80/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: 20vw;
    /* 添加底部间距，为固定底栏留空间 */
    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;
  }
}

/* 小屏手机进一步优化 */
@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;
  }
}