.border-line {
  width: 100%;
  height: 1px;
  background-color: #b7d7ea;
}
.body-container {
  padding-bottom: 0px;
  background-color: #f4f4f4;
}
.mobile-title {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-title {
    display: block;
  }
}
.mobile-title .border-line {
  margin: 24px 0px 32px;
}
.mobile-title .full-goods-title {
  color: #676767;
  font-size: 18px;
  font-family: pingfang_heavy;
  letter-spacing: 0.04em;
  line-height: 1em;
}
.mobile-title .short-goods-title {
  margin: 12px 0px 24px;
  color: #666;
  font-size: 14px;
  letter-spacing: 0.09em;
  line-height: 1em;
}
.base-content-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.base-content-div .text-div {
  width: 60%;
  flex-grow: 1;
  flex-shrink: 1;
  padding-right: clamp(24px, 6.25vw, 120px);
}
.base-content-div .text-div .full-goods-title {
  color: #676767;
  font-size: clamp(18px, 2.29vw, 44px);
  font-family: pingfang_heavy;
  letter-spacing: 0.04em;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  .base-content-div .text-div .full-goods-title {
    display: none;
  }
}
.base-content-div .text-div .short-goods-title {
  margin: clamp(10px, 1.3vw, 25px) 0px clamp(72px, 11.66vw, 224px);
  color: #666;
  font-size: clamp(14px, 2.18vw, 42px);
  letter-spacing: 0.09em;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  .base-content-div .text-div .short-goods-title {
    display: none;
  }
}
.base-content-div .text-div .parent-goods-content,
.base-content-div .text-div .parent-goods-content p,
.base-content-div .text-div .parent-goods-content p span {
  color: #6f6f6f;
  font-size: clamp(12px, 1.04vw, 20px);
  letter-spacing: 1px;
  line-height: 1.9em;
  font-family: pingfang_light;
  text-wrap: wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-all;
  white-space: pre-wrap;
}
.base-content-div .image-div {
  width: 40%;
  height: clamp(238px, 36.45vw, 700px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.tabs-section {
  padding: clamp(68px, 16.04vw, 308px) 0px 0px;
}
@media screen and (max-width: 768px) {
  .tabs-section .child-nav {
    display: block !important;
  }
}
.tabs-section .tabs-body-div .child-title-div {
  margin-top: clamp(60px, 10.41vw, 200px);
  margin-bottom: clamp(40px, 5.2vw, 100px);
  color: #e96006;
  font-size: clamp(18px, 2.5vw, 45px);
  letter-spacing: 0.08em;
  font-family: pingfang_heavy;
  line-height: 1em;
}
.tabs-section .tabs-body-div .child-desc-div {
  padding-bottom: clamp(80px, 13.8vw, 265px);
}
.tabs-section .tabs-body-div .child-desc-div,
.tabs-section .tabs-body-div .child-desc-div p,
.tabs-section .tabs-body-div .child-desc-div p span {
  color: #6f6f6f;
  font-size: clamp(12px, 1.04vw, 20px);
  letter-spacing: 0.1em;
  line-height: 2em;
  font-family: pingfang_light;
  text-wrap: wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-all;
  white-space: pre-wrap;
}
.child-content-div {
  padding: clamp(50px, 9.63vw, 185px) 0px clamp(78px, 10.41vw, 200px);
  background-color: #fff;
}
.child-content-div .goods-title-div {
  margin-bottom: clamp(28px, 5.2vw, 100px);
  color: #676767;
  font-size: clamp(18px, 2.29vw, 44px);
  font-family: pingfang_heavy;
  letter-spacing: 0.14em;
  line-height: 1em;
}
.child-content-div .goods-content-div img {
  max-width: 100%;
  width: 100%;
  height: auto;
}