.product-detail {}

.product-detail .base-img {
  width: 100%;
  height: auto;
  display: block;
}

.product-detail .params {
  padding: 8vw;
  background-color: #000;
}

.product-detail .description p {
  margin: 0;
}

.product-detail .description img {
  max-width: 100%;
}

.case {
  padding: 16vw 9.3333vw;
  background-color: #fff;
}

.case .en-title {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 6.4vw;
  color: #000000;
  text-align: center;
}

.case .cn-title {
  margin-top: 2.8vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 4.8vw;
  color: #000000;
  text-align: center;
}

.case .list {
  padding-top: 10.6667vw;
  display: flex;
  flex-direction: column;
  gap: 6vw 0;
}

.case .list .item .img img {
  width: 100%;
  aspect-ratio: 610px / 480px;
}

.case .list .item .name {
  padding: 4vw 0;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 3.7333vw;
  color: #272828;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adv {
  position: relative;
}

.adv>img {
  width: 100%;
}

.adv .adv-title {
  position: absolute;
  z-index: 1;
  top: 16vw;
  left: 5.6vw;
  right: 5.6vw;
  color: #fff;
}

.adv .adv-title .title {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 6.5333vw;
  color: #ffffff;
}

.adv .adv-title .subtitle {
  margin-top: 3.2vw;
  /* font-family: Source Han Sans CN; */
  font-weight: 200;
  font-size: 5.6vw;
  color: #ffffff;
}

.adv .props {
  position: absolute;
  left: 5.6vw;
  top: 80vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 9vw 0;
}

.adv .props .name {
  font-family: SourceHanSansSC;
  font-weight: 200;
  font-size: 6.4vw;
  color: #FFFFFF;
}

.adv .props .desc {
  margin-top: 2vw;
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: 3.4667vw;
  color: #FFFFFF;
}

.adv .description {
  position: absolute;
  right: 8vw;
  color: #fff;
  top: 48vw;
  display: flex;
  flex-direction: column;
  gap: 4vw 0;
}

.adv .description .p {
  font-family: Source Han Sans CN;
  font-weight: 300;
  font-size: 2.9333vw;
  color: #ffffff;
  line-height: 6.4vw;
  margin-bottom: 8vw;
}

.adv .description .p p {
  margin: 0;
}

.params {
  background: #000000;
  padding: 16vw 4vw;
  color: #fff;
}

.params .title {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 6.4vw;
  text-align: center;
}

.params .subtitle {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 4.8vw;
  padding-top: 3.2vw;
  text-align: center;
}

.params .box {
  padding-top: 10.6667vw;
  display: flex;
  font-family: Microsoft YaHei;
}

.params .box .left .row {
  display: flex;
  flex-direction: column;
}

.params .box .row .col {
  width: 26.6667vw;
  height: 14.6667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #292929;
  flex-shrink: 0;
  flex-direction: column;
  margin-bottom: 0.6667vw;
  font-size: 3.2vw;
}

.params .box .row .col.th {
  background: #494949;
}

.params .box .row .col .cn {
  padding-top: 1.6667vw;
}

.params .box .right {
  display: flex;
  overflow-x: scroll;
}

.params .box .right .row {
  margin-left: 0.6667vw;
}