main {
  max-width: unset !important;
  padding-bottom: 67px;
}

.index .index-bg-img {
  display: block;
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  max-height: 620px;
  -o-object-fit: contain;
     object-fit: contain;
}
.index .joy-goods-list {
  padding-top: clamp(2rem, 0.816rem + 4.86vw, 5.188rem);
  padding-bottom: clamp(1.5rem, 0.548rem + 3.9vw, 4.063rem);
}
.index .joy-goods-list .title-box {
  padding: 0 clamp(1.5rem, 0.432rem + 4.38vw, 4.375rem);
  display: flex;
  justify-content: space-between;
}
.index .joy-goods-list .title-box .title {
  font-family: AppleMyungjo;
  font-size: clamp(1.125rem, 0.661rem + 1.9vw, 2.375rem);
  color: #404247;
  line-height: 139%;
}
.index .joy-goods-list .title-box .all-btn {
  width: clamp(5.338rem, 4.488rem + 3.49vw, 7.625rem);
  height: clamp(1.969rem, 1.655rem + 1.29vw, 2.813rem);
  background: #FFFFFF;
  border-radius: 4px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.782rem + 0.38vw, 1.125rem);
  color: #404247;
  line-height: 138%;
}
.index .joy-goods-list .joy-goods-swiper-container {
  margin-top: clamp(1rem, 0.164rem + 3.43vw, 3.25rem);
  position: relative;
}
.index .joy-goods-list .goods-list li {
  border-radius: 8px;
  width: clamp(20.3rem, 18.415rem + 7.73vw, 25.375rem);
  height: clamp(30.2rem, 27.396rem + 11.5vw, 37.75rem);
  background: #F3F0ED;
}
.index .joy-goods-list .goods-list li .img {
  width: clamp(20.3rem, 18.415rem + 7.73vw, 25.375rem);
  height: clamp(20.1rem, 18.234rem + 7.66vw, 25.125rem);
  -o-object-fit: contain;
     object-fit: contain;
}
.index .joy-goods-list .goods-list li .other {
  padding: clamp(0.719rem, 0.452rem + 1.1vw, 1.438rem) clamp(0.656rem, 0.412rem + 1vw, 1.313rem) clamp(1.313rem, 0.825rem + 2vw, 2.625rem) clamp(0.656rem, 0.412rem + 1vw, 1.313rem);
}
.index .joy-goods-list .goods-list li .other .title {
  font-family: AppleMyungjo;
  font-size: 20px;
  color: #414348;
  line-height: 28px;
}
.index .joy-goods-list .goods-list li .other .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #D9D6D5;
  margin: clamp(0.5rem, 0.314rem + 0.76vw, 1rem) 0 clamp(0.313rem, 0.196rem + 0.48vw, 0.625rem) 0;
}
.index .joy-goods-list .goods-list li .other .price-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index .joy-goods-list .goods-list li .other .price-box .price {
  font-size: 16px;
  color: #414348;
  line-height: 26px;
}
.index .joy-goods-list .goods-list li .other .price-box .start-icon {
  width: 88px;
  height: 14px;
}
.index .joy-goods-list .goods-list li .other .info {
  margin-top: 12px;
  font-size: 14px;
  color: #46484D;
  line-height: 22px;
}
.index .photo-wall {
  padding: clamp(1rem, -0.254rem + 5.14vw, 4.375rem) clamp(1rem, -0.254rem + 5.14vw, 4.375rem);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 0.471rem + 1.14vw, 1.5rem);
  position: relative;
}
.index .photo-wall::after {
  content: "";
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100vw;
  background: #F3F0ED;
  z-index: -1;
}
.index .photo-wall .img {
  width: calc(25.4% - clamp(0.75rem, 0.471rem + 1.14vw, 1.5rem));
}
.index .ideas-box {
  padding: clamp(0.875rem, -0.193rem + 4.38vw, 3.75rem) clamp(1rem, -0.254rem + 5.14vw, 4.375rem);
}
.index .ideas-box .img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.index .tested-goods-list .title-box {
  padding: 0 clamp(1.5rem, 0.432rem + 4.38vw, 4.375rem);
  display: flex;
  justify-content: space-between;
}
.index .tested-goods-list .title-box .title {
  font-family: AppleMyungjo;
  font-size: clamp(1.125rem, 0.661rem + 1.9vw, 2.375rem);
  color: #404247;
  line-height: 139%;
}
.index .tested-goods-list .title-box .all-btn {
  width: clamp(5.338rem, 4.488rem + 3.49vw, 7.625rem);
  height: clamp(1.969rem, 1.655rem + 1.29vw, 2.813rem);
  background: #FFFFFF;
  border-radius: 4px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.782rem + 0.38vw, 1.125rem);
  color: #404247;
  line-height: 138%;
}
.index .tested-goods-list .goods-list {
  margin-top: clamp(1rem, 0.257rem + 3.05vw, 3rem);
  padding: 0 clamp(1.5rem, 0.432rem + 4.38vw, 4.375rem);
  display: flex;
  justify-content: space-between;
}
.index .tested-goods-list .goods-list li {
  width: 32%;
  max-width: 412px;
  max-height: 526px;
  background: #F3F0ED;
  border-radius: 8px;
}
.index .tested-goods-list .goods-list li .img {
  width: 100%;
  max-width: 412px;
  max-height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}
.index .tested-goods-list .goods-list li .other {
  padding: clamp(0.5rem, 0.314rem + 0.76vw, 1rem) clamp(0.688rem, 0.432rem + 1.05vw, 1.375rem) clamp(0.969rem, 0.609rem + 1.48vw, 1.938rem) clamp(0.688rem, 0.432rem + 1.05vw, 1.375rem);
  font-size: clamp(0.75rem, 0.657rem + 0.38vw, 1rem);
  color: #46484D;
  line-height: 162.5%;
}
.index .tested-goods-list .goods-list li .other .start-icon {
  display: block;
  margin-bottom: clamp(0.75rem, 0.587rem + 0.67vw, 1.188rem);
  width: clamp(5rem, 4.095rem + 3.71vw, 7.438rem);
  -o-object-fit: contain;
     object-fit: contain;
}
.index .tested-goods-list .goods-list li .other .info {
  height: 102px;
  margin-bottom: 12px;
}
.index .index-bg-img-2 {
  width: 100%;
  height: clamp(10.313rem, 1.375rem + 36.67vw, 34.375rem);
  -o-object-fit: cover;
     object-fit: cover;
}
.index .exclusively {
  padding-top: clamp(1.5rem, 0.664rem + 3.43vw, 3.75rem);
  padding-bottom: clamp(2.5rem, 1.386rem + 4.57vw, 5.5rem);
}
.index .exclusively .c-title {
  font-weight: 400;
  font-size: clamp(1rem, 0.335rem + 2.73vw, 1.75rem);
  color: #3E2B2E;
  line-height: clamp(1.125rem, -0.094rem + 5vw, 2.5rem);
}
.index .classify {
  padding-bottom: clamp(2rem, 1.211rem + 3.24vw, 4.125rem);
  display: flex;
  justify-content: space-between;
}
.index .classify li .img {
  width: clamp(7.125rem, -1.188rem + 21.11vw, 17.813rem);
  height: clamp(11.5rem, -1.917rem + 34.07vw, 28.75rem);
  -o-object-fit: cover;
     object-fit: cover;
}
.index .recommended {
  display: flex;
  justify-content: space-between;
  padding-bottom: clamp(2.625rem, 1.627rem + 4.1vw, 5.313rem);
}
.index .recommended li {
  width: clamp(14.579rem, -1.121rem + 44.86vw, 39.25rem);
  height: 100%;
}
.index .recommended li .img {
  width: clamp(14.579rem, -1.121rem + 44.86vw, 39.25rem);
  height: clamp(9.47rem, -0.731rem + 29.15vw, 25.5rem);
  -o-object-fit: cover;
     object-fit: cover;
}
.index .recommended li .other {
  padding-top: clamp(0.75rem, 0.239rem + 2.1vw, 2.125rem);
  height: clamp(7.5rem, 6.339rem + 4.76vw, 10.625rem);
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.index .recommended li .other h3 {
  font-weight: 400;
  font-size: clamp(1.125rem, 0.893rem + 0.95vw, 1.75rem);
  line-height: clamp(1.375rem, 0.957rem + 1.71vw, 2.5rem);
}
.index .recommended li .other h3,
.index .recommended li .other p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .recommended li .other .btn {
  border: unset;
  width: clamp(5.688rem, 4.782rem + 3.71vw, 8.125rem);
  height: clamp(2.188rem, 1.839rem + 1.43vw, 3.125rem);
  background: #3E2B2E;
  color: #FFFFFF;
}
.index .index-bg-img-3 {
  width: 100%;
  height: clamp(12.45rem, 5.514rem + 28.46vw, 31.125rem);
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 780px) {
  .photo-wall {
    justify-content: space-between;
  }
  .photo-wall .img {
    width: 48% !important;
  }
  .tested-goods-list .goods-list {
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .tested-goods-list .goods-list li {
    width: 48% !important;
  }
}
@media screen and (max-width: 390px) {
  .tested-goods-list .goods-list {
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .tested-goods-list .goods-list li {
    width: 100% !important;
  }
}/*# sourceMappingURL=index.css.map */