@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family: PingFang SC;
  font-weight: 500;
  color: #222222;
}

body {
  width: 100vw;
  overflow-x: hidden;
}

:root {
  --main-color: #ea5a32;
}

.message-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(0, 0, 0);
  color: #fff;
  padding: 20px 30px;
  border-radius: 4px;
}

#message-text {
  color: #fff;
}

.container {
  width: 92.2%;
  margin: 0 3.9% 0 3.9%;
}

.online-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.52vw; /* 图片和文字之间的间距 */
  width: 8.02vw;
  height: 2.81vw;
  line-height: 0.52vw;
  text-align: center;
  background: linear-gradient(90deg, #3038e6, #d972e1);
  border-radius: 1.4vw;
  font-size: clamp(8px, 0.94vw, 18px);
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.online-btn img {
  width: 0.78vw;
  height: 0.57vw;
}

.online-pur-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.52vw; /* 图片和文字之间的间距 */
  width: 8.02vw;
  height: 2.81vw;
  line-height: 0.52vw;
  text-align: center;
  background: white;
  border-radius: 1.4vw;
  font-size: clamp(8px, 0.94vw, 18px);
  font-weight: bold;
  color: #5035c5;
  text-decoration: none;
  cursor: pointer;
}
.online-pur-btn img {
  width: 0.78vw;
  height: 0.57vw;
}

.section-title {
  color: #1d222d;
  font-size: clamp(14px, 1.88vw, 36px);
  font-weight: bold;
}

.section1 {
  width: 100%;
  height: 31.25vw;
  background: url("../img/s1-back.png") no-repeat;
  background-size: contain;
}
.section1 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.section1 .container .left {
  margin-left: 9.16vw;
}
.section1 .container .left .title {
  color: #1d222d;
  font-size: clamp(12px, 2.4vw, 46px);
  font-weight: bold;
  margin-bottom: 1.51vw;
}
.section1 .container .left .title-span {
  font-weight: bold;
  font-size: clamp(12px, 2.4vw, 46px);
  color: #333333;
  background: linear-gradient(0deg, #3038e6 0%, #d972e1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section1 .container .left .desc {
  color: #575b6a;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
}
.section1 .container .left .msgbtn {
  margin-top: 3.12vw;
}
.section1 .container .right {
  width: 37.08vw;
  max-width: 100%;
  height: auto;
  margin-top: 4.68vw;
}

.section2 {
  padding: 6.25vw 0 4.95vw 0;
  text-align: center;
}
.section2 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section2 .container .bottom {
  display: flex;
  flex-direction: row;
  position: relative;
  background: url("../img/s2-back.png") no-repeat;
  background-size: contain;
  margin-top: 4.17vw;
  height: 19.95vw;
  width: 74.06vw;
}
.section2 .container .bottom .left {
  width: 23.12vw;
  height: 5.72vw;
  position: absolute;
  left: 3.22vw;
  top: 2.65vw;
}
.section2 .container .bottom .left .icon {
  position: absolute;
  width: 2.97vw;
  height: 3.7vw;
  left: 1.25vw;
  top: 0;
  z-index: 1;
}
.section2 .container .bottom .left .icon1 {
  width: 23.12vw;
  height: 4.42vw;
  position: absolute;
  top: 1.4vw;
  left: 0;
}
.section2 .container .bottom .left .desc {
  color: #ffffff;
  font-size: clamp(6px, 0.94vw, 18px);
  font-weight: bold;
  position: absolute;
  left: 5.36vw;
  top: 2.08vw;
}
.section2 .container .bottom .center {
  width: 32.91vw;
  height: 7.08vw;
  position: absolute;
  left: 18.22vw;
  top: 8.7vw;
}
.section2 .container .bottom .center .icon {
  position: absolute;
  width: 3.64vw;
  height: 4.53vw;
  left: 2.65vw;
  top: 0;
  z-index: 1;
}
.section2 .container .bottom .center .icon1 {
  width: 32.91vw;
  height: 5.1vw;
  position: absolute;
  top: 1.98vw;
  left: 0;
}
.section2 .container .bottom .center .desc {
  color: #ffffff;
  font-size: clamp(10px, 1.25vw, 24px);
  font-weight: bold;
  position: absolute;
  left: 8.22vw;
  top: 2.6vw;
}
.section2 .container .bottom .right {
  width: 22.45vw;
  height: 6.35vw;
  position: absolute;
  right: 1.4vw;
  top: 3.33vw;
}
.section2 .container .bottom .right .icon {
  position: absolute;
  width: 3.43vw;
  height: 4.21vw;
  left: 1.98vw;
  top: 0;
  z-index: 1;
}
.section2 .container .bottom .right .icon1 {
  width: 22.45vw;
  height: 4.37vw;
  position: absolute;
  top: 1.98vw;
  left: 0;
}
.section2 .container .bottom .right .desc {
  color: #ffffff;
  font-size: clamp(6px, 1.04vw, 20px);
  font-weight: bold;
  position: absolute;
  left: 6.66vw;
  top: 2.6vw;
}

.section3 {
  background-color: #f3f7fd;
  padding: 6.67vw 0 6.04vw 0;
}
.section3 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.section3 .container .left {
  margin-left: 9.16vw;
  margin-right: 5.78vw;
}
.section3 .container .left .section-title {
  color: #1d222d;
  font-size: clamp(14px, 1.88vw, 36px);
  font-weight: bold;
  margin-bottom: 1.04vw;
}
.section3 .container .left .top {
  margin-bottom: 2.81vw;
}
.section3 .container .left .title {
  color: #6a6a6a;
  font-size: clamp(6px, 1.04vw, 20px);
  font-weight: bold;
}
.section3 .container .left .desc {
  color: #333333;
  font-size: clamp(6px, 0.83vw, 16px);
  line-height: 1.5;
}
.section3 .container .left .msgbtn {
  margin-top: 2.44vw;
}
.section3 .container .right {
  width: 34.95vw;
  height: 16.92vw;
  margin-right: 6.09vw;
}

.section4 {
  padding-top: 6.25vw;
  text-align: center;
}
.section4 .bottom {
  margin-top: 3.65vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
}
.section4 .bottom .s4-tab {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: #f3f2ff;
  border: 2px solid #f0efff;
  width: 73.96vw;
  height: 3.96vw;
  border-radius: 1.67vw;
}
.section4 .bottom .s4-tab .tab-item {
  color: #1d222d;
  cursor: pointer;
  width: 11.98vw;
  height: 2.91vw;
  border-radius: 0.52vw;
  font-size: clamp(8px, 1.04vw, 20px);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.section4 .bottom .s4-tab .tab-item.active {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
  background: linear-gradient(90deg, #3038e6, #d972e1);
  border-radius: 10px;
}
.section4 .bottom .s4-content {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 28.13vw;
  background: #e6e4ff;
  border-radius: 1.04vw;
  margin-top: 1.77vw;
  margin-bottom: 5.2vw;
  overflow: hidden;
}
.section4 .bottom .s4-content.active {
  display: flex;
}
.section4 .bottom .s4-content .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  flex: 1;
  background-color: #4e31c4;
  padding: 2.5vw 2.08vw 2.6vw 1.98vw;
  height: 100%;
  width: 19.8vw;
}
.section4 .bottom .s4-content .left .top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.section4 .bottom .s4-content .left .top .top-back-icon {
  background: url("../img/s4-back-icon.png") no-repeat;
  margin-right: 0.88vw;
  width: 2.7vw;
  height: 2.6vw;
  position: relative;
}
.section4 .bottom .s4-content .left .top .top-back-icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.99vw;
  height: 0.94vw;
}
.section4 .bottom .s4-content .left .top .top-back-text .title {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
}
.section4 .bottom .s4-content .left .top .top-back-text .desc {
  color: #937ef8;
  font-size: clamp(6px, 0.62vw, 12px);
  margin-top: 0.26vw;
}
.section4 .bottom .s4-content .left .line {
  background-color: #7f75e6;
  height: 1px;
  width: 100%;
  position: relative;
  margin-top: 1.97vw;
  margin-bottom: 2.81vw;
}
.section4 .bottom .s4-content .left .center {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2.18vw 0;
  text-align: left;
}
.section4 .bottom .s4-content .left .center .item .title {
  color: #cabfff;
  font-size: clamp(10px, 0.73vw, 14px);
  margin-bottom: 16px;
}
.section4 .bottom .s4-content .left .center .item .desc {
  color: #ffffff;
  font-size: clamp(10px, 0.73vw, 14px);
  background: #6d5de3;
  border-radius: 6px;
  text-align: center;
  padding: 10px;
}
.section4 .bottom .s4-content .left .msgbtn {
  margin-top: 3.12vw;
}
.section4 .bottom .s4-content .right {
  margin-left: 1.82vw;
  margin-right: 1.82vw;
}
.section4 .bottom .s4-content .right img {
  width: 50.67vw;
  height: 25.1vw;
}

.section5 {
  width: 100%;
  height: 42.97vw;
  background: url("../img/s5-back.png") no-repeat;
  background-size: contain;
}
.section5 .s5-back {
  padding: 6.25vw 0;
  margin: 0 13.02vw;
}
.section5 .s5-back .title {
  color: #ffffff;
  font-size: clamp(10px, 1.88vw, 36px);
  font-weight: bold;
}
.section5 .s5-back .title-dec {
  color: #cdceff;
  font-size: clamp(10px, 1.88vw, 36px);
  font-weight: bold;
}
.section5 .s5-back .center {
  background: url("../img/s5-back1.png") no-repeat;
  background-size: cover;
  width: 100%;
  height: 13.02vw;
  margin-top: 2.6vw;
}
.section5 .s5-back .center .center-back {
  width: 11.46vw;
  height: 2.6vw;
  background: linear-gradient(90deg, #5f30e6, #bb72e1);
  border-radius: 1.04vw 0px 1.04vw 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section5 .s5-back .center .center-back .center-title {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
}
.section5 .s5-back .center .center-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1.66vw 2.6vw 0;
}
.section5 .s5-back .center .center-bottom .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section5 .s5-back .center .center-bottom .item .item-hint {
  color: #ffffff;
  font-size: clamp(6px, 0.83vw, 16px);
}
.section5 .s5-back .center .center-bottom .item .title {
  margin-top: 1.3vw;
  font-family: MiSans;
  font-weight: 600;
  font-size: clamp(6px, 1.66vw, 32px);
  color: #ffffff;
  background: linear-gradient(0deg, #cebdf5 0%, #ad88f0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section5 .s5-back .center .center-bottom .item .desc {
  margin-top: 0.72vw;
  font-size: clamp(10px, 0.73vw, 14px);
  color: #94939a;
}
.section5 .s5-back .bottom {
  background: url("../img/s5-back2.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 11.97vw;
  margin-top: 2.6vw;
}
.section5 .s5-back .bottom .bottom-back {
  width: 6.25vw;
  height: 2.6vw;
  background: linear-gradient(90deg, #565270, #342f4e);
  border-radius: 1.04vw 0px 1.04vw 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section5 .s5-back .bottom .bottom-back .bottom-title {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
}
.section5 .s5-back .bottom .bottom-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1.66vw 5.2vw 0 2.6vw;
}
.section5 .s5-back .bottom .bottom-bottom .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section5 .s5-back .bottom .bottom-bottom .item .item-hint {
  color: #ffffff;
  font-size: clamp(6px, 0.83vw, 16px);
}
.section5 .s5-back .bottom .bottom-bottom .item .title {
  margin-top: 1.3vw;
  font-family: MiSans;
  font-weight: 600;
  font-size: clamp(6px, 1.66vw, 32px);
  color: #ffffff;
  background: linear-gradient(0deg, #cebdf5 0%, #ad88f0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section5 .s5-back .bottom .bottom-bottom .item .desc {
  margin-top: 0.72vw;
  font-size: clamp(10px, 0.73vw, 14px);
  color: #94939a;
}

.section6 {
  padding-top: 6.2vw;
  padding-bottom: 3.96vw;
  text-align: center;
}
.section6 .s6-back {
  margin: 0 13.02vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section6 .s6-back .bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 5.67vw;
}
.section6 .s6-back .bottom .item:first-child {
  margin-right: 1.09vw;
}
.section6 .s6-back .bottom .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #f6f1fe;
  border-radius: 1.04vw;
}
.section6 .s6-back .bottom .item .item-left {
  text-align: left;
}
.section6 .s6-back .bottom .item .item-left .title {
  color: #1d222d;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
  margin-left: 2.24vw;
  margin-top: 2.76vw;
  margin-bottom: 0.42vw;
}
.section6 .s6-back .bottom .item .item-left .desc-list li {
  color: #6a6a6a;
  font-size: clamp(6px, 0.83vw, 16px);
  margin-left: 2.08vw;
  margin-top: 0.93vw;
}
.section6 .s6-back .bottom .item .item-left .desc-list li::marker {
  color: #5037c6;
}
.section6 .s6-back .bottom .item .item-right {
  margin-left: 5.62vw;
  margin-top: -1.35vw;
  margin-bottom: 0.83vw;
}
.section6 .s6-back .bottom .item .item-right img {
  width: 10.94vw;
  height: 10.94vw;
}
.section6 .s6-back .msgbtn {
  margin-top: 3.12vw;
}

.section7 {
  background: url("../img/s7-back.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 40.1vw;
  text-align: center;
}
.section7 .s7-back {
  padding-top: 6.25vw;
  padding-bottom: 6.77vw;
}
.section7 .s7-back .bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 4.17vw 13.02vw 0;
}
.section7 .s7-back .bottom .item {
  background-size: contain;
  width: 22.97vw;
  height: 21.09vw;
  display: flex;
  flex-direction: column;
  position: relative;
}
.section7 .s7-back .bottom .item:nth-child(1) {
  background: url("../img/s7-back1.png") no-repeat;
}
.section7 .s7-back .bottom .item:nth-child(2) {
  background: url("../img/s7-back2.png") no-repeat;
}
.section7 .s7-back .bottom .item:nth-child(3) {
  background: url("../img/s7-back3.png") no-repeat;
}
.section7 .s7-back .bottom .item .item-back {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 2.4vw;
  background: rgba(111, 111, 111, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 1.04vw;
}
.section7 .s7-back .bottom .item .item-back .item-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 1.56vw;
  margin-top: 1.3vw;
}
.section7 .s7-back .bottom .item .item-back .item-title img {
  width: 2.55vw;
  height: 2.55vw;
  margin-right: 0.73vw;
}
.section7 .s7-back .bottom .item .item-back .item-title p {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
}
.section7 .s7-back .bottom .item .item-center {
  height: 1px;
  background-color: #ffffff;
  margin: 1.19px 1.56vw 1.4vw;
}
.section7 .s7-back .bottom .item .item-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.section7 .s7-back .bottom .item .item-bottom .item-left .title {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
  margin-bottom: 0.62vw;
}
.section7 .s7-back .bottom .item .item-bottom .item-left .desc {
  color: #dfdfdf;
  font-size: clamp(10px, 0.73vw, 14px);
}
.section7 .s7-back .bottom .item .item-bottom .item-right .title {
  color: #ffffff;
  font-size: clamp(8px, 1.04vw, 20px);
  font-weight: bold;
  margin-bottom: 0.62vw;
}
.section7 .s7-back .bottom .item .item-bottom .item-right .desc {
  color: #dfdfdf;
  font-size: clamp(10px, 0.73vw, 14px);
}

.section8 {
  background: url("../img/s8-back.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 14.58vw;
}
.section8 .container {
  padding-top: 1.98vw;
  padding-bottom: 1.4vw;
}
.section8 .container .section-title {
  color: #1d222d;
  font-size: clamp(12px, 1.46vw, 28px);
  font-weight: bold;
  margin-left: 9.11vw;
}
.section8 .container .bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.3vw 1.3vw;
  margin: 0 9.11vw 1.2vw 9.11vw;
}
.section8 .container .bottom .item {
  width: 23.44vw;
  height: 5.83vw;
}
.section8 .container .bottom .item .title {
  color: #1d222d;
  font-size: clamp(10px, 0.94vw, 18px);
  margin-bottom: 0.73vw;
  margin-top: 1.4vw;
}
.section8 .container .bottom .item .title span {
  color: #ff0000;
  font-size: clamp(10px, 0.94vw, 18px);
}
.section8 .container .bottom .item .desc-input {
  width: 23.44vw;
  height: 2.81vw;
  background: #ffffff;
  border-radius: 0.52vw;
  border: 1px solid #d1d1d1;
  padding-left: 0.78vw;
  font-size: clamp(8px, 0.94vw, 18px);
}
.section8 .container .bottom .item .desc-input:focus {
  outline: none; /* 移除默认外边框 */
  border: 1px solid #5183f6; /* 自定义边框颜色（可选） */
  box-shadow: none; /* 移除阴影 */
}
.section8 .container .bottom .item .desc-input::-moz-placeholder {
  color: #575b6a;
  font-size: clamp(8px, 0.94vw, 18px);
}
.section8 .container .bottom .item .desc-input::placeholder {
  color: #575b6a;
  font-size: clamp(8px, 0.94vw, 18px);
}
.section8 .container .msgbtn {
  width: 100%;
  text-align: center;
}

/* 平板适配 */
/* 手机适配 */
@media (max-width: 768px) {
  .section1 {
    background-size: 100% 100%;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .section1 .container .left {
    margin-left: 1vw;
  }
  .section1 .container .left .title {
    margin-bottom: 1vw;
  }
  .section1 .container .left .desc {
    margin-bottom: 1vw;
  }
  .section1 .container .left .msgbtn {
    margin-top: 1vw;
  }
  .section1 .container .left .msgbtn .online-btn {
    width: 60px;
    height: 21px;
    border-radius: 10px;
  }
  .section2 .container .section-title {
    font-size: clamp(10px, 1.04vw, 20px);
  }
  .section2 .container .bottom .left .desc {
    font-size: clamp(3.5px, 0.62vw, 12px);
  }
  .section2 .container .bottom .center .desc {
    font-size: clamp(4.5px, 0.62vw, 12px);
  }
  .section2 .container .bottom .right .desc {
    font-size: clamp(4px, 0.62vw, 12px);
  }
  .section3 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .section3 .container .left .section-title {
    font-size: clamp(10px, 1.04vw, 20px);
  }
  .section3 .container .left .title {
    font-size: clamp(6px, 0.83vw, 16px);
  }
  .section3 .container .left .desc {
    font-size: clamp(6px, 0.72vw, 14px);
  }
  .section3 .container .left .msgbtn .online-btn {
    width: 50px;
    height: 20px;
    font-size: 8px;
    border-radius: 10px;
    display: flex;
    align-items: center;
  }
  .section3 .container .right {
    width: 80%;
    height: auto;
    margin-right: 0;
    margin-top: 20px;
    margin-left: 10%;
  }
  .section4 .section-title {
    font-size: clamp(10px, 1.04vw, 20px);
  }
  .section4 .bottom {
    margin-top: 3.65vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
  }
  .section4 .bottom .s4-tab .tab-item {
    font-size: clamp(6px, 0.83vw, 16px);
  }
  .section4 .bottom .s4-tab .tab-item.active {
    font-size: clamp(6px, 0.83vw, 16px);
  }
  .section4 .bottom .s4-content .left {
    width: auto;
  }
  .section4 .bottom .s4-content .left .top .top-back-text .title {
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section4 .bottom .s4-content .left .top .top-back-text .desc {
    font-size: clamp(6px, 0.62vw, 12px);
    margin-top: 0.2vw;
  }
  .section4 .bottom .s4-content .left .line {
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
  }
  .section4 .bottom .s4-content .left .center .item .title {
    font-size: clamp(6px, 0.62vw, 12px);
    margin-bottom: 1px;
  }
  .section4 .bottom .s4-content .left .center .item .desc {
    font-size: clamp(6px, 0.62vw, 12px);
    padding: 1px 2px;
  }
  .section4 .bottom .s4-content .left .msgbtn {
    margin-top: 1vw;
  }
  .section4 .bottom .s4-content .left .msgbtn .online-pur-btn {
    width: 70px;
    height: 20px;
    font-size: 8px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-items: center;
  }
  .section4 .bottom .s4-content .left .msgbtn .online-pur-btn img {
    width: 6px;
    height: 3px;
  }
  .section5 .s5-back {
    padding: 0 0;
    margin: 0 12%;
  }
  .section5 .s5-back .title {
    font-size: clamp(8px, 0.93vw, 18px);
  }
  .section5 .s5-back .title-dec {
    font-size: clamp(8px, 0.93vw, 18px);
  }
  .section5 .s5-back .center {
    margin-top: 1vw;
  }
  .section5 .s5-back .center .center-back {
    width: 18vw;
  }
  .section5 .s5-back .center .center-back .center-title {
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section5 .s5-back .center .center-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1vw 2.6vw 0;
  }
  .section5 .s5-back .center .center-bottom .item .item-hint {
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section5 .s5-back .center .center-bottom .item .title {
    margin-top: 0.5vw;
    font-size: clamp(6px, 0.72vw, 14px);
  }
  .section5 .s5-back .center .center-bottom .item .desc {
    margin-top: 0.5vw;
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section5 .s5-back .bottom {
    margin-top: 1vw;
  }
  .section5 .s5-back .bottom .bottom-back {
    width: 10vw;
  }
  .section5 .s5-back .bottom .bottom-back .bottom-title {
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section5 .s5-back .bottom .bottom-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1vw 5.2vw 0 2.6vw;
  }
  .section5 .s5-back .bottom .bottom-bottom .item .item-hint {
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section5 .s5-back .bottom .bottom-bottom .item .title {
    margin-top: 0.5vw;
    font-size: clamp(6px, 0.72vw, 14px);
  }
  .section5 .s5-back .bottom .bottom-bottom .item .desc {
    margin-top: 0.5vw;
    font-size: clamp(6px, 0.62vw, 12px);
  }
  .section6 .section-title {
    font-size: clamp(10px, 1.04vw, 20px);
  }
  .section6 .s6-back .bottom .item:first-child {
    margin-right: 2vw;
  }
  .section6 .s6-back .bottom .item .item-left .title {
    font-size: clamp(6px, 0.83vw, 16px);
    margin-top: 1vw;
  }
  .section6 .s6-back .bottom .item .item-left .desc-list li {
    font-size: clamp(6px, 0.62vw, 12px);
    margin-left: 5.2vw;
    margin-top: 0.5vw;
  }
  .section6 .s6-back .bottom .item .item-right {
    margin-left: 1.62vw;
  }
  .section6 .s6-back .msgbtn {
    margin-top: 3.12vw;
  }
  .section6 .s6-back .msgbtn .online-btn {
    width: 50px;
    height: 20px;
    font-size: 8px;
    border-radius: 10px;
    display: flex;
    align-items: center;
  }
  .section7 .section-title {
    font-size: clamp(10px, 1.04vw, 20px);
  }
  .section7 .s7-back .bottom .item .item-back .item-title img {
    margin-right: 0.5vw;
  }
  .section7 .s7-back .bottom .item .item-back .item-title p {
    font-size: clamp(6px, 0.83vw, 16px);
  }
  .section7 .s7-back .bottom .item .item-center {
    height: 1px;
    background-color: #ffffff;
    margin: 1.19px 1.56vw 1.4vw;
  }
  .section7 .s7-back .bottom .item .item-bottom .item-left .title {
    font-size: clamp(6px, 0.62vw, 12px);
    margin-bottom: 0.5vw;
  }
  .section7 .s7-back .bottom .item .item-bottom .item-left .desc {
    color: #dfdfdf;
    font-size: clamp(6px, 0.52vw, 10px);
  }
  .section7 .s7-back .bottom .item .item-bottom .item-right .title {
    font-size: clamp(6px, 0.62vw, 12px);
    margin-bottom: 0.5vw;
  }
  .section7 .s7-back .bottom .item .item-bottom .item-right .desc {
    font-size: clamp(6px, 0.52vw, 10px);
  }
  .section8 {
    background-size: 100% 100%;
    height: 60vw;
  }
  .section8 .container .section-title {
    margin-bottom: 10px;
  }
  .section8 .container .bottom {
    grid-template-columns: repeat(1, 1fr);
  }
  .section8 .container .bottom .item {
    width: 100%;
    height: 12vw;
    gap: 0 0;
  }
  .section8 .container .bottom .item .title {
    margin-bottom: 1vw;
    margin-top: 0vw;
  }
  .section8 .container .bottom .item .desc-input {
    width: 90%;
    height: 5vw;
    border-radius: 2.5vw;
    margin-left: -1vw;
    padding-left: 2vw;
  }
  .section8 .container .msgbtn .online-btn {
    width: 50px;
    height: 20px;
    font-size: 8px;
    border-radius: 10px;
  }
}/*# sourceMappingURL=index.css.map */