/* 图片样式 */
.goods-section .backgroundPicture img {
  width: 100% !important;
  margin-left: 0 !important;
  margin: 0;
}

@font-face {
  font-style: normal;
  font-family: "Open Sans";
  src: url("./opensans.ttf") format("truetype");
}

body {
  font-family: "Open Sans";
}

:root {
  --font-20: clamp(17px, 3vw, 20px);
  --font-24: clamp(12px, 3.2vw, 24px);
  --font-28: clamp(14px, 3.6vw, 28px);
  --font-32: clamp(16px, 4vw, 32px);
  --font-36: clamp(18px, 4.2vw, 36px);
  --font-60: clamp(30px, 7.6vw, 60px);
  --font-72: clamp(36px, 8.4vw, 72px);
  --font-125: clamp(62.5px, 12vw, 125px);

  --color-ffffff: #ffffff;
  --color-000000: #000000;
  --color-393c42: #393c42;
  --color-393939: #393939;
  --color-737373: #737373;
  --color-F9FAFB: #f9fafb;
  --color-4788ff: #4788ff;
}

/* 商品描述 */
#product_desc,
.product_desc {
  padding: 0;
}

/* 商品区域 */
.goods-section {
  background-size: cover;
  line-height: normal;
  position: relative;
}
.section-con {
  position: absolute;
  z-index: 4;
  top: 0;
  width: 100%;
}

.section-1 .section-con {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  padding-top: 22%;
  padding-left: 10%;
  padding-right: 5%;
}

.section-1 .section-con-text1 {
  font-size: var(--font-36);
  color: var(--color-393939);
  line-height: 1;
}

.section-1 .section-con-text2 {
  font-size: var(--font-125);
  color: var(--color-393c42);
  font-weight: bold;
  line-height: 1;
}

.section-1 .section-con-text3 {
  font-size: var(--font-36);
  color: var(--color-393939);
  line-height: 1.5;
}

:lang(zh).section-1 .section-con-text3,
:lang(zh).section-1 .section-con-text2 {
  letter-spacing: 6px;
}

.section-1 .section-con-text4 {
  font-size: var(--font-32);
  color: var(--color-393939);
}

.section-1 .section-con-line {
  height: 2px;
  width: 6vw;
  background-color: var(--color-393939);
  margin: 1.5vw 0;
  min-width: 65px;
}

.section-2 {
  background-color: var(--color-ffffff);
}

.section-2 .goods-point img {
  max-height: 50px;
  width: auto;
}

.section-2 .goods-point {
  display: flex;
  padding: 0 10%;
  width: 100%;
  justify-content: space-around;
  align-items: baseline;
  padding-top: 3vw;
}

.section-2 .goods-point-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.8vw;
}

.section-2 .goods-point-item-text-title {
  font-size: var(--font-28);
  text-align: center;
  line-height: 1;
}

.section-2 .goods-parameter {
  display: flex;
  flex-direction: column;
  gap: 5vw;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8vw 0;
}

.section-2 .goods-main-box {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 90%;
  border: 5px solid #d4d6d6;
  border-radius: 20px;
  padding: 1.8vw 2vw;
  box-shadow: inset 0 5px 15px rgba(0, 0, 0, 0.1);
}

.section-2 .goods-title {
  font-size: var(--font-60);
  font-weight: bold;
  color: var(--color-000000);
}

.section-2 .goods-subtitle {
  font-size: var(--font-24);
  color: var(--color-737373);
}

.section-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--color-F9FAFB);
  padding: 9vw 0;
}

.section-3 .section-detail-top-box {
  display: flex;
  gap: 3vw;
  padding: 5.5vw 0 4vw 0;
}

.section-3 .section-detail-box {
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}

.v_basicTitle {
  font-size: var(--font-72);
  font-weight: bold;
  color: var(--color-000000);
}

:lang(zh).v_basicTitle {
  letter-spacing: 3vw;
}

.section-3 .bottomBoxText {
  font-size: var(--font-60);
  font-weight: bold;
  color: var(--color-4788ff);
}

.section-3 .bottomBoxSubText {
  font-size: var(--font-24);
  color: var(--color-737373);
}

.section-3 .noline {
  font-size: var(--font-24);
}

.vlink_img img {
  width: 100%;
}

.vlink_textbox {
  padding: 0 5%;
  color: #171d22;
}

.vlink_content,
.vlink_libox {
  font-size: var(--font-20);
  padding-top: 2vw;
}

.vlink_boldContent {
  font-size: var(--font-20);
  font-weight: bold;
  padding-top: 2vw;
}

.vlink_bold {
  font-weight: bold;
}

:lang(zh).vlink_textbox {
  line-height: 1.7;
}

@media screen and (max-width: 940px) {
  :lang(zh).section-1 .section-con-text3,
  :lang(zh).section-1 .section-con-text2 {
    letter-spacing: 2px;
  }

  .section-1 .section-con-line {
    margin: 16px 0 20px 0;
  }
  .section-3 .section-detail-top-box {
    flex-direction: column;
  }

  .section-1 .section-con {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-2 .goods-parameter {
    gap: 12vw;
    padding: 15vw 0;
  }
  .section-3 {
    padding: 15vw 0;
  }
  .section-3 .section-detail-top-box {
    gap: 5vw;
    padding: 15vw 0 11vw 0;
  }
  .section-3 .section-detail-box {
    display: flex;
    gap: 5vw;
  }

  .vlink_content,
  .vlink_libox {
    padding-top: 8vw;
  }

  .vlink_boldContent {
    padding-top: 8vw;
  }
}

@media screen and (max-width: 768px) {
  .section-1 .section-con {
    padding-top: 32%;
  }
  .section-2 .goods-point {
    padding: 0 5%;
  }
  .section-2 .goods-point img {
    max-height: 40px;
  }
  .section-2 .goods-point-item-text-title {
    line-height: 2;
  }
}
