/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/youtube/index.less ***!
  \*****************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-youtube {
  margin: 0 0.4267rem;
}
.component-youtube .youtube-title {
  padding: 0.64rem 0.32rem;
  text-align: center;
  line-height: 0.48rem;
  font-size: 0.427rem;
  font-weight: 600;
}
.component-youtube .carousel-3d-container {
  margin: 0 auto!important;
  height: calc(min(100vw, 750px) * (360 / 750) + 0.64rem) !important;
  transition: height 0.3s linear;
}
.component-youtube .carousel-3d-container.expand {
  height: calc((100vw - 0.853rem) * 9 / 16) !important;
  transition: height 0.3s linear;
}
.component-youtube .carousel-3d-container.expand .carousel-3d-slider,
.component-youtube .carousel-3d-container.expand .carousel-3d-slide {
  width: calc(100vw - 0.853rem) !important;
  height: calc((100vw - 0.853rem) * 9 / 16) !important;
  transition: width, height 0.3s linear;
}
.component-youtube .carousel-3d-container.expand .carousel-3d-slide.current iframe {
  height: calc((100vw - 0.853rem) * 9 / 16) !important;
  transition: height 0.3s linear;
}
.component-youtube .carousel-3d-container.expand .carousel-3d-slide.current .youtube-slide-title {
  height: 0;
  opacity: 0;
  transition: height, opacity 0.3s linear;
}
.component-youtube .carousel-3d-container.expand .carousel-3d-controls {
  display: none;
}
.component-youtube .carousel-3d-slide {
  display: flex;
  flex-direction: column;
  border-radius: 0.16rem;
  background-color: #fff;
  box-shadow: 0 0 0.64rem 0 rgba(0, 0, 0, 0.1);
  filter: blur(4px);
}
.component-youtube .carousel-3d-slide.current {
  filter: blur(0);
}
.component-youtube .youtube-slide-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding: 0 0.533rem;
  text-align: center;
  font-size: 0.267rem;
  background-color: #fff;
  font-weight: 400;
}
.component-youtube .youtube-slide-title span {
  display: block;
  max-height: 0.747rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-youtube .carousel-3d-controls {
  display: block;
  margin-top: -0.427rem !important;
  z-index: 0!important;
}
.component-youtube .carousel-3d-controls .prev,
.component-youtube .carousel-3d-controls .next {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  width: 0.853rem !important;
  height: 0.853rem !important;
  line-height: 0.853rem !important;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}
.component-youtube .carousel-3d-controls .prev:hover,
.component-youtube .carousel-3d-controls .next:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.component-youtube .carousel-3d-controls .prev span,
.component-youtube .carousel-3d-controls .next span,
.component-youtube .carousel-3d-controls .prev img,
.component-youtube .carousel-3d-controls .next img {
  display: block;
  width: 0.427rem;
  height: 0.427rem;
}
.component-youtube .carousel-3d-controls .prev {
  left: 0;
}
.component-youtube .carousel-3d-controls .next {
  right: 0;
}
@media screen and (min-width: 1280px) {
  .component-youtube {
    margin: 0 auto;
    padding: 0 45px;
    max-width: 1360px;
    width: calc(100% - 90px);
  }
  .component-youtube .youtube-title {
    padding: 48px 0;
    line-height: 36px;
    font-size: 32px;
  }
  .component-youtube .carousel-3d-container {
    margin: 0 auto!important;
    height: calc(525px + 48px) !important;
  }
  .component-youtube .carousel-3d-slide {
    border-radius: 12px;
    box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.1);
  }
  .component-youtube .youtube-slide-title {
    padding: 0 48px;
    font-size: 20px;
    font-weight: 600;
  }
  .component-youtube .youtube-slide-title span {
    max-height: 56px;
  }
  .component-youtube .carousel-3d-controls {
    margin-top: -24px !important;
  }
  .component-youtube .carousel-3d-controls .prev,
  .component-youtube .carousel-3d-controls .next {
    width: 48px!important;
    height: 48px!important;
    line-height: 48px!important;
  }
  .component-youtube .carousel-3d-controls .prev span,
  .component-youtube .carousel-3d-controls .next span,
  .component-youtube .carousel-3d-controls .prev img,
  .component-youtube .carousel-3d-controls .next img {
    width: 24px;
    height: 24px;
  }
  .component-youtube .carousel-3d-controls .prev {
    left: 50%;
    margin-left: -480px;
  }
  .component-youtube .carousel-3d-controls .next {
    right: 50%;
    margin-right: -480px;
  }
}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/title/index.less ***!
  \***************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-title {
  margin: 0 0.4267rem;
  text-align: center;
}
.component-title h1 {
  line-height: 0.72rem;
  font-size: 0.6rem;
  color: #191919;
  font-weight: 600;
}
.component-title a {
  text-decoration: underline;
  line-height: 0.6rem;
  font-size: 0.48rem;
  color: #191919;
}
@media screen and (min-width: 1280px) {
  .component-title {
    margin: 0 auto;
    max-width: 1360px;
    width: calc(100% - 90px);
  }
  .component-title h1 {
    line-height: 48px;
    font-size: 40px;
  }
  .component-title a {
    line-height: 42px;
    font-size: 36px;
  }
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/tips/index.less ***!
  \**************************************************************************************************************/
.component-tips {
  margin: 0.2667rem 0.4267rem;
  height: 1.12rem;
  background-color: #f8f8f8;
  border-radius: 0.2133rem;
}
@media screen and (min-width: 1280px) {
  .component-tips {
    margin: 30px auto;
    max-width: 1360px;
    width: calc(100% - 90px);
    height: 85px;
    background-color: #fafafa;
    border-radius: 10px;
  }
}
.component-tips .component-tips-mobile {
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.32rem;
  color: #111;
}
.component-tips .component-tips-mobile img {
  display: inline-block;
  vertical-align: middle;
  width: 0.7467rem;
}
.component-tips .component-tips-desktop {
  display: flex;
  height: 85px;
  line-height: 85px;
  color: #111;
  text-align: center;
}
.component-tips .component-tips-desktop > span {
  flex: 1 1 auto;
  font-size: 16px;
}
.component-tips .component-tips-desktop img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  width: 40px;
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/tab-goods-list/index.less ***!
  \************************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.0667rem);
}
.site-product.sold-out h3,
.site-product.sold-out .product-points,
.site-product.sold-out .product-price {
  opacity: 0.4;
}
.site-product.sold-out .product-learn-more {
  font-weight: 600;
}
.site-product .product-tag-new {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0.24rem;
  z-index: 1;
  padding: 1px;
  border: 1px solid var(--theme-color);
  border-radius: calc(0.24rem + 2px);
}
.site-product .product-tag-new-content {
  display: inline-block;
  padding: 0.0667rem 0.2667rem;
  line-height: 0.24rem;
  font-size: 0.1867rem;
  color: #fff;
  border-radius: 0.1867rem;
  background-color: var(--theme-color);
}
.site-product .product-tag-deal {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0.16rem;
  z-index: 1;
  padding: 0 0.48rem;
  line-height: 0.48rem;
  font-size: 0.1867rem;
  color: #fff;
}
.site-product .product-tag-deal img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.site-product .product-tag-deal span {
  position: relative;
  z-index: 1;
}
.site-product .product-img {
  position: relative;
  display: block;
  background-color: #f8f8f8;
  border-radius: 0.16rem;
}
.site-product .product-picture {
  display: block;
  max-width: calc(375px - 0.2667rem);
  width: calc(50vw - 0.2667rem);
  max-height: calc(375px - 0.2667rem);
  height: calc(50vw - 0.2667rem);
  border-radius: 0.16rem;
}
.site-product .product-gift-container {
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
  width: 1.28rem;
  height: 1.6rem;
  background: #82E600;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
}
.site-product .product-gift-container > div {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.21333334rem;
  color: white;
  text-align: center;
}
.site-product .product-gift-container .product-gift {
  width: 1.28rem;
  height: 1.28rem;
  background-color: white;
  border: 0.02666666rem solid #82E600;
  box-sizing: border-box;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
  object-fit: contain;
}
.site-product .v-sold-out {
  font-size: 0.4267rem;
  border-radius: 0.16rem;
}
.site-product h3 {
  margin: 0.1467rem 0 0;
  height: 1.0933rem;
  font-size: 0.3733rem;
  letter-spacing: 0.3px;
  color: #000;
  white-space: normal;
  font-weight: 400;
}
.site-product h3 a {
  display: block;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product .product-points {
  margin-top: 0.1333rem;
  height: 1.5333rem;
}
.site-product .product-point {
  padding: calc(0.1333rem + 0.125em) 0 calc(0.1333rem - 0.125em);
  border-bottom: 1px solid #eee;
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-product .product-point:first-child {
  border-top: 1px solid #eee;
}
.site-product .product-point img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.0667rem;
  height: 0.32rem;
  transform: translateY(-0.125em);
}
.site-product .product-review {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0.16rem;
  bottom: 0.16rem;
  padding: 0.08rem 0.16rem;
  font-size: 0.32rem;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.16rem;
}
.site-product .review-score {
  color: #000;
  font-weight: 600;
}
.site-product .review-star {
  margin: 0 0.0533rem;
  width: 0.32rem;
  height: 0.32rem;
}
.site-product .review-count {
  color: #999;
  font-weight: 300;
}
.site-product .product-price span {
  display: block;
  margin-top: 0.24rem;
  font-size: 0.3733rem;
  color: #000;
  font-weight: 600;
}
.site-product .product-price del {
  display: block;
  color: #666;
  font-size: 0.32rem;
  text-decoration: line-through;
  font-weight: 300;
}
.site-product .product-picture-wrap {
  position: relative;
  display: inline-block;
}
.site-product .product-picture-wrap .product-bundle {
  position: absolute;
  bottom: 0.10666667rem;
  right: 0.10666667rem;
  display: flex;
  height: 0.90666667rem;
}
.site-product .product-picture-wrap .product-bundle .product-left,
.site-product .product-picture-wrap .product-bundle .product-middle,
.site-product .product-picture-wrap .product-bundle .product-right {
  display: block;
  height: 100%;
}
.site-product .product-picture-wrap .product-bundle .product-left {
  width: 0.98222223rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-left.png');
  background-size: auto 100%;
}
.site-product .product-picture-wrap .product-bundle .product-middle {
  width: auto;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-middle.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  font-size: 0.21333333rem;
  color: #fff;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  margin-left: -0.4rem;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: 0.26666667rem;
  margin-right: 0.05333333rem;
  margin-bottom: 0.10666667rem;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
  flex: 1;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
  color: #ddd;
  font-size: 0.21333333rem;
  margin-top: 0.05rem;
  text-decoration: line-through;
  text-align: right;
  font-weight: 300;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
  position: relative;
  top: -0.03rem;
  font-size: 0.42666667rem;
  line-height: normal;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-right {
  width: 0.20148148rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-right.png');
  background-size: auto 100%;
}
@media screen and (min-width: 1280px) {
  .site-product {
    width: 348px;
  }
  .site-product:hover .product-btn {
    opacity: 1;
    transition: opacity 0.3s ease-in;
  }
  .site-product .product-picture-wrap .product-bundle {
    bottom: 2.27272727%;
    right: 2.27272727%;
    height: 62px;
  }
  .site-product .product-picture-wrap .product-bundle .product-left {
    width: 67px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle {
    font-size: 14px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
    padding: 4px;
    margin-left: -38px;
    margin-right: -10px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
    font-size: 19px;
    margin-right: 5px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
    margin-bottom: 4px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
    font-size: 14px;
    font-weight: 300;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-right {
    width: 13px;
  }
  .site-product .product-tag-new {
    top: 12px;
    left: 12px;
    border-radius: 12px;
  }
  .site-product .product-tag-new-content {
    padding: 3px 12px 0;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
  }
  .site-product .product-tag-deal {
    left: 6px;
    padding: 0 25px ;
    line-height: 24px;
    font-size: 12px;
    border-radius: 12px;
  }
  .site-product .product-img {
    text-align: center;
    border-radius: 6px;
  }
  .site-product .product-picture {
    max-width: none;
    width: 100%;
    max-height: none;
    height: auto;
    border-radius: 6px;
  }
  .site-product .product-gift-container {
    bottom: 12px;
    right: 12px;
    width: 72px;
    height: 90px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container > div {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-align: center;
  }
  .site-product .product-gift-container .product-gift {
    width: 72px;
    height: 72px;
    background-color: white;
    border: 1px solid #82E600;
    box-sizing: border-box;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container .product-gift img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .site-product .v-sold-out {
    font-size: 32px;
    border-radius: 6px;
  }
  .site-product h3 {
    margin: 24px 0 0;
    height: 24px;
    font-size: 18px;
    font-weight: 400;
  }
  .site-product h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-product .product-desc {
    position: relative;
  }
  .site-product .product-points {
    margin-top: 10px;
    height: 80px;
  }
  .site-product .product-point {
    padding: calc(10px + 0.125em) 0 calc(10px - 0.125em);
    line-height: 18px;
    font-size: 12px;
  }
  .site-product .product-point img {
    margin-left: 5px;
    height: 18px;
  }
  .site-product .product-review {
    left: 12px;
    bottom: 12px;
    padding: 4px 12px;
    font-size: 18px;
    border-radius: 15px;
  }
  .site-product .review-star {
    margin: 0 4px;
    width: 18px;
    height: 18px;
  }
  .site-product .product-price {
    margin: 12px 0 16px;
    line-height: 28px;
  }
  .site-product .product-price span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
  }
  .site-product .product-price del {
    display: inline-block;
    margin-top: 0;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 300;
  }
  .site-product .product-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 0;
    background-color: #fff;
    transition: opacity 0.2s ease-out;
    text-align: center;
  }
  .site-product .product-btn a {
    display: inline-block;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background-color: #111;
    border-radius: 18px;
    color: #fff;
  }
  .site-product .product-btn a:first-child {
    margin-right: 20px;
    border: 1px solid #111;
    color: #111;
    background-color: #fff;
  }
  .site-product .product-btn a.product-learn-more {
    display: block;
    margin-right: 0;
  }
}
[lang="ar"] .site-product .product-price del {
  margin-left: 0;
  margin-right: 0.1333rem;
}
[lang="ar"] .site-product .product-bundle-left {
  order: 2;
}
[lang="ar"] .site-product .product-bundle-right {
  order: 1;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-left {
  order: 3;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-middle {
  order: 2;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-right {
  order: 1;
}
@media screen and (min-width: 1280px) {
  [lang="ar"] .site-product .product-price del {
    margin-right: 25px;
  }
  [lang="ar"] .site-product .product-btn a:first-child {
    margin-left: 20px;
    margin-right: 0;
  }
}
.component-tab-goods-list {
  font-size: 0;
}
.component-tab-goods-list .tab-header {
  padding: 0 0.2667rem;
  text-align: center;
}
.component-tab-goods-list .tab-header ul {
  list-style-type: none;
  text-align: center;
  max-width: 710px;
  display: inline-block;
  width: 100%;
}
.component-tab-goods-list .tab-header li {
  display: inline-block;
  margin: 0 0.6667rem;
  padding: 0.3333rem 0;
  font-size: 0.32rem;
  color: #999;
  cursor: pointer;
}
.component-tab-goods-list .tab-header li.empty {
  padding: 0;
}
.component-tab-goods-list .tab-header li.active {
  color: #111;
  font-weight: 600;
}
.component-tab-goods-list .tab-title {
  display: block;
}
.component-tab-goods-list .tab-sub-title {
  display: block;
  margin-top: 0.16rem;
  font-size: 0.24rem;
  color: #999;
}
.component-tab-goods-list[data-fixed="true"] .tab-header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #f0f2f5;
}
.component-tab-goods-list[data-fixed="true"] .tab-content {
  padding-top: 1.0667rem;
}
.component-tab-goods-list[data-withad="true"] .tab-header {
  top: var(--header-max-height-mobile);
}
.component-tab-goods-list[data-withad="false"] .tab-header {
  top: var(--header-main-height-mobile);
}
.component-tab-goods-list .tab-content {
  overflow: hidden;
  position: relative;
  padding: 0 0.4267rem;
}
.component-tab-goods-list .tab-block {
  display: none;
  font-size: 0;
}
.component-tab-goods-list .tab-block.active {
  display: block;
}
.component-tab-goods-list .site-product {
  position: relative;
  display: inline-block;
  margin-bottom: 0.32rem;
  width: calc(50% - 0.0667rem);
}
.component-tab-goods-list .site-product:nth-child(2n + 1) {
  margin-right: 0.1333rem;
}
@media screen and (min-width: 1280px) {
  .component-tab-goods-list {
    margin: 40px auto 0;
    max-width: 1360px;
    width: calc(100% - 90px);
  }
  .component-tab-goods-list .tab-header {
    margin-bottom: 24px;
    padding: 0;
  }
  .component-tab-goods-list .tab-header ul {
    max-width: none;
  }
  .component-tab-goods-list .tab-header li {
    margin: 0 80px;
    font-size: 20px;
    color: #666;
  }
  .component-tab-goods-list .tab-sub-title {
    margin-top: 8px;
    font-size: 14px;
  }
  .component-tab-goods-list .tab-content {
    padding: 0;
  }
  .component-tab-goods-list .site-product {
    margin: 0 20px 20px;
    max-width: 310px;
    width: calc(25% - 30px);
  }
  .component-tab-goods-list .site-product:nth-child(4n + 1) {
    margin-left: 0;
  }
  .component-tab-goods-list .site-product:nth-child(4n + 4) {
    margin-right: 0;
  }
  .component-tab-goods-list .site-product:nth-child(2n + 1) {
    margin-right: 20px;
  }
}
[lang="ar"] .component-tab-goods-list .site-product:nth-child(2n + 1) {
  margin-left: 0.1333rem;
  margin-right: 0;
}
@media screen and (min-width: 1280px) {
  [lang="ar"] .component-tab-goods-list .site-product:nth-child(2n + 1) {
    margin-left: 20px;
    margin-right: 20px;
  }
  [lang="ar"] .component-tab-goods-list .site-product:nth-child(4n + 1) {
    margin-left: 20px;
    margin-right: 0;
  }
  [lang="ar"] .component-tab-goods-list .site-product:nth-child(4n + 4) {
    margin-left: 0;
    margin-right: 20px;
  }
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/tab-goods-carousel/index.less ***!
  \****************************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.0667rem);
}
.site-product.sold-out h3,
.site-product.sold-out .product-points,
.site-product.sold-out .product-price {
  opacity: 0.4;
}
.site-product.sold-out .product-learn-more {
  font-weight: 600;
}
.site-product .product-tag-new {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0.24rem;
  z-index: 1;
  padding: 1px;
  border: 1px solid var(--theme-color);
  border-radius: calc(0.24rem + 2px);
}
.site-product .product-tag-new-content {
  display: inline-block;
  padding: 0.0667rem 0.2667rem;
  line-height: 0.24rem;
  font-size: 0.1867rem;
  color: #fff;
  border-radius: 0.1867rem;
  background-color: var(--theme-color);
}
.site-product .product-tag-deal {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0.16rem;
  z-index: 1;
  padding: 0 0.48rem;
  line-height: 0.48rem;
  font-size: 0.1867rem;
  color: #fff;
}
.site-product .product-tag-deal img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.site-product .product-tag-deal span {
  position: relative;
  z-index: 1;
}
.site-product .product-img {
  position: relative;
  display: block;
  background-color: #f8f8f8;
  border-radius: 0.16rem;
}
.site-product .product-picture {
  display: block;
  max-width: calc(375px - 0.2667rem);
  width: calc(50vw - 0.2667rem);
  max-height: calc(375px - 0.2667rem);
  height: calc(50vw - 0.2667rem);
  border-radius: 0.16rem;
}
.site-product .product-gift-container {
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
  width: 1.28rem;
  height: 1.6rem;
  background: #82E600;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
}
.site-product .product-gift-container > div {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.21333334rem;
  color: white;
  text-align: center;
}
.site-product .product-gift-container .product-gift {
  width: 1.28rem;
  height: 1.28rem;
  background-color: white;
  border: 0.02666666rem solid #82E600;
  box-sizing: border-box;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
  object-fit: contain;
}
.site-product .v-sold-out {
  font-size: 0.4267rem;
  border-radius: 0.16rem;
}
.site-product h3 {
  margin: 0.1467rem 0 0;
  height: 1.0933rem;
  font-size: 0.3733rem;
  letter-spacing: 0.3px;
  color: #000;
  white-space: normal;
  font-weight: 400;
}
.site-product h3 a {
  display: block;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product .product-points {
  margin-top: 0.1333rem;
  height: 1.5333rem;
}
.site-product .product-point {
  padding: calc(0.1333rem + 0.125em) 0 calc(0.1333rem - 0.125em);
  border-bottom: 1px solid #eee;
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-product .product-point:first-child {
  border-top: 1px solid #eee;
}
.site-product .product-point img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.0667rem;
  height: 0.32rem;
  transform: translateY(-0.125em);
}
.site-product .product-review {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0.16rem;
  bottom: 0.16rem;
  padding: 0.08rem 0.16rem;
  font-size: 0.32rem;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.16rem;
}
.site-product .review-score {
  color: #000;
  font-weight: 600;
}
.site-product .review-star {
  margin: 0 0.0533rem;
  width: 0.32rem;
  height: 0.32rem;
}
.site-product .review-count {
  color: #999;
  font-weight: 300;
}
.site-product .product-price span {
  display: block;
  margin-top: 0.24rem;
  font-size: 0.3733rem;
  color: #000;
  font-weight: 600;
}
.site-product .product-price del {
  display: block;
  color: #666;
  font-size: 0.32rem;
  text-decoration: line-through;
  font-weight: 300;
}
.site-product .product-picture-wrap {
  position: relative;
  display: inline-block;
}
.site-product .product-picture-wrap .product-bundle {
  position: absolute;
  bottom: 0.10666667rem;
  right: 0.10666667rem;
  display: flex;
  height: 0.90666667rem;
}
.site-product .product-picture-wrap .product-bundle .product-left,
.site-product .product-picture-wrap .product-bundle .product-middle,
.site-product .product-picture-wrap .product-bundle .product-right {
  display: block;
  height: 100%;
}
.site-product .product-picture-wrap .product-bundle .product-left {
  width: 0.98222223rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-left.png');
  background-size: auto 100%;
}
.site-product .product-picture-wrap .product-bundle .product-middle {
  width: auto;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-middle.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  font-size: 0.21333333rem;
  color: #fff;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  margin-left: -0.4rem;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: 0.26666667rem;
  margin-right: 0.05333333rem;
  margin-bottom: 0.10666667rem;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
  flex: 1;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
  color: #ddd;
  font-size: 0.21333333rem;
  margin-top: 0.05rem;
  text-decoration: line-through;
  text-align: right;
  font-weight: 300;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
  position: relative;
  top: -0.03rem;
  font-size: 0.42666667rem;
  line-height: normal;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-right {
  width: 0.20148148rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-right.png');
  background-size: auto 100%;
}
@media screen and (min-width: 1280px) {
  .site-product {
    width: 348px;
  }
  .site-product:hover .product-btn {
    opacity: 1;
    transition: opacity 0.3s ease-in;
  }
  .site-product .product-picture-wrap .product-bundle {
    bottom: 2.27272727%;
    right: 2.27272727%;
    height: 62px;
  }
  .site-product .product-picture-wrap .product-bundle .product-left {
    width: 67px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle {
    font-size: 14px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
    padding: 4px;
    margin-left: -38px;
    margin-right: -10px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
    font-size: 19px;
    margin-right: 5px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
    margin-bottom: 4px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
    font-size: 14px;
    font-weight: 300;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-right {
    width: 13px;
  }
  .site-product .product-tag-new {
    top: 12px;
    left: 12px;
    border-radius: 12px;
  }
  .site-product .product-tag-new-content {
    padding: 3px 12px 0;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
  }
  .site-product .product-tag-deal {
    left: 6px;
    padding: 0 25px ;
    line-height: 24px;
    font-size: 12px;
    border-radius: 12px;
  }
  .site-product .product-img {
    text-align: center;
    border-radius: 6px;
  }
  .site-product .product-picture {
    max-width: none;
    width: 100%;
    max-height: none;
    height: auto;
    border-radius: 6px;
  }
  .site-product .product-gift-container {
    bottom: 12px;
    right: 12px;
    width: 72px;
    height: 90px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container > div {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-align: center;
  }
  .site-product .product-gift-container .product-gift {
    width: 72px;
    height: 72px;
    background-color: white;
    border: 1px solid #82E600;
    box-sizing: border-box;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container .product-gift img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .site-product .v-sold-out {
    font-size: 32px;
    border-radius: 6px;
  }
  .site-product h3 {
    margin: 24px 0 0;
    height: 24px;
    font-size: 18px;
    font-weight: 400;
  }
  .site-product h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-product .product-desc {
    position: relative;
  }
  .site-product .product-points {
    margin-top: 10px;
    height: 80px;
  }
  .site-product .product-point {
    padding: calc(10px + 0.125em) 0 calc(10px - 0.125em);
    line-height: 18px;
    font-size: 12px;
  }
  .site-product .product-point img {
    margin-left: 5px;
    height: 18px;
  }
  .site-product .product-review {
    left: 12px;
    bottom: 12px;
    padding: 4px 12px;
    font-size: 18px;
    border-radius: 15px;
  }
  .site-product .review-star {
    margin: 0 4px;
    width: 18px;
    height: 18px;
  }
  .site-product .product-price {
    margin: 12px 0 16px;
    line-height: 28px;
  }
  .site-product .product-price span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
  }
  .site-product .product-price del {
    display: inline-block;
    margin-top: 0;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 300;
  }
  .site-product .product-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 0;
    background-color: #fff;
    transition: opacity 0.2s ease-out;
    text-align: center;
  }
  .site-product .product-btn a {
    display: inline-block;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background-color: #111;
    border-radius: 18px;
    color: #fff;
  }
  .site-product .product-btn a:first-child {
    margin-right: 20px;
    border: 1px solid #111;
    color: #111;
    background-color: #fff;
  }
  .site-product .product-btn a.product-learn-more {
    display: block;
    margin-right: 0;
  }
}
[lang="ar"] .site-product .product-price del {
  margin-left: 0;
  margin-right: 0.1333rem;
}
[lang="ar"] .site-product .product-bundle-left {
  order: 2;
}
[lang="ar"] .site-product .product-bundle-right {
  order: 1;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-left {
  order: 3;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-middle {
  order: 2;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-right {
  order: 1;
}
@media screen and (min-width: 1280px) {
  [lang="ar"] .site-product .product-price del {
    margin-right: 25px;
  }
  [lang="ar"] .site-product .product-btn a:first-child {
    margin-left: 20px;
    margin-right: 0;
  }
}
.component-tab-goods-carousel {
  font-size: 0;
}
.component-tab-goods-carousel .tab-header {
  padding: 0 0.2667rem;
}
.component-tab-goods-carousel .tab-header ul {
  list-style-type: none;
  text-align: center;
  max-width: 710px;
  display: inline-block;
  width: 100%;
}
.component-tab-goods-carousel .tab-header li {
  display: inline-block;
  margin: 0 0.6667rem;
  padding: 0.3333rem 0;
  font-size: 0.32rem;
  color: #999;
  cursor: pointer;
}
.component-tab-goods-carousel .tab-header li.empty {
  padding: 0;
}
.component-tab-goods-carousel .tab-header li.active {
  color: #111;
  font-weight: 600;
}
.component-tab-goods-carousel .tab-title {
  display: block;
}
.component-tab-goods-carousel .tab-sub-title {
  display: block;
  margin-top: 0.16rem;
  font-size: 0.24rem;
  color: #999;
}
.component-tab-goods-carousel[data-fixed="true"] .tab-header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #f0f2f5;
}
.component-tab-goods-carousel[data-fixed="true"] .tab-content {
  padding-top: 1.0667rem;
}
.component-tab-goods-carousel[data-withad="true"] .tab-header {
  top: var(--header-max-height-mobile);
}
.component-tab-goods-carousel[data-withad="false"] .tab-header {
  top: var(--header-main-height-mobile);
}
.component-tab-goods-carousel .tab-banner {
  font-size: 0;
}
.component-tab-goods-carousel .tab-banner img {
  width: 100%;
}
.component-tab-goods-carousel .tab-block {
  display: none;
}
.component-tab-goods-carousel .tab-block.active {
  display: block;
}
.component-tab-goods-carousel .swiper-box {
  padding: 0.2667rem 0.4267rem 0;
}
.component-tab-goods-carousel .swiper-container {
  padding-bottom: 0.6667rem;
}
.component-tab-goods-carousel .site-product {
  width: 100%;
}
.component-tab-goods-carousel .swiper-prev,
.component-tab-goods-carousel .swiper-next {
  display: none;
}
.component-tab-goods-carousel .swiper-pagination {
  font-size: 0;
}
.component-tab-goods-carousel .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1333rem;
  padding: 0;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.08rem;
  background-color: rgba(103, 106, 108, 0.3);
  transition: width 0.5s linear;
}
.component-tab-goods-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.5333rem;
  border-radius: 6px;
  background-color: var(--theme-color);
  transition: width 0.5s linear;
}
@media screen and (min-width: 1280px) {
  .component-tab-goods-carousel {
    margin: 0 auto;
  }
  .component-tab-goods-carousel .tab-header {
    margin: 40px auto;
    max-width: 1360px;
    width: calc(100% - 90px);
    padding: 0 45px;
  }
  .component-tab-goods-carousel .tab-header ul {
    max-width: none;
  }
  .component-tab-goods-carousel .tab-header li {
    margin: 0 80px;
    font-size: 20px;
    line-height: 20px;
    color: #666;
  }
  .component-tab-goods-carousel .tab-sub-title {
    margin-top: 8px;
    font-size: 14px;
  }
  .component-tab-goods-carousel .tab-item {
    margin-bottom: 3px;
    border-radius: 8px;
  }
  .component-tab-goods-carousel .swiper-box {
    position: relative;
    margin: 40px auto 0;
    max-width: 1360px;
    width: calc(100% - 90px);
    padding: 0 40px;
  }
  .component-tab-goods-carousel .swiper-container {
    padding-bottom: 50px;
  }
  .component-tab-goods-carousel .site-product {
    width: 100%;
  }
  .component-tab-goods-carousel .swiper-prev,
  .component-tab-goods-carousel .swiper-next {
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: calc(50% - 21px);
    background-color: rgba(17, 17, 17, 0.2);
    border-radius: 21px;
    width: 42px;
    height: 42px;
  }
  .component-tab-goods-carousel .swiper-prev span,
  .component-tab-goods-carousel .swiper-next span {
    font-size: 42px;
  }
  .component-tab-goods-carousel .swiper-prev {
    left: 54px;
  }
  .component-tab-goods-carousel .swiper-next {
    right: 54px;
  }
  .component-tab-goods-carousel .swiper-pagination {
    font-size: 0;
  }
  .component-tab-goods-carousel .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    padding: 0;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: rgba(103, 106, 108, 0.3);
    transition: width 0.5s linear;
  }
  .component-tab-goods-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 40px;
    border-radius: 6px;
    background-color: var(--theme-color);
    transition: width 0.5s linear;
  }
}
@media screen and (min-width: 1716px) {
  .component-tab-goods-carousel .swiper-prev {
    left: -42px;
  }
  .component-tab-goods-carousel .swiper-next {
    right: -42px;
  }
}

/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./component/vue-product/index.less ***!
  \***************************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vue-product {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.0667rem);
}
.vue-product .product-gift-container {
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
  width: 1.28rem;
  height: 1.6rem;
  background: #82E600;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
}
.vue-product .product-gift-container > div {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.21333334rem;
  color: white;
  text-align: center;
}
.vue-product .product-gift-container .product-gift {
  width: 1.28rem;
  height: 1.28rem;
  background-color: white;
  border: 0.02666666rem solid #82E600;
  box-sizing: border-box;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
  object-fit: contain;
}
.vue-product.sold-out .product-title,
.vue-product.sold-out .product-points,
.vue-product.sold-out .product-price {
  opacity: 0.4;
}
.vue-product.starting .product-progress-progress {
  background-color: #ffe7d1;
}
.vue-product.starting .product-progress-text {
  display: inline-block;
}
.vue-product .product-tag {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0.24rem;
  z-index: 1;
  padding: 1px;
  border: 1px solid var(--theme-color);
  border-radius: calc(0.24rem + 2px);
}
.vue-product .product-tag-content {
  display: inline-block;
  padding: 0.0667rem 0.2667rem;
  line-height: 0.24rem;
  font-size: 0.1867rem;
  color: #fff;
  border-radius: 0.1867rem;
  background-color: var(--theme-color);
}
.vue-product .product-picture-container {
  position: relative;
  display: block;
  background-color: #f8f8f8;
  border-radius: 0.16rem;
}
.vue-product .product-picture-wrap {
  position: relative;
  display: inline-block;
}
.vue-product .product-picture-wrap .product-bundle {
  position: absolute;
  bottom: 0.10666667rem;
  right: 0.10666667rem;
  display: flex;
  height: 0.90666667rem;
}
.vue-product .product-picture-wrap .product-bundle .product-left,
.vue-product .product-picture-wrap .product-bundle .product-middle,
.vue-product .product-picture-wrap .product-bundle .product-right {
  display: block;
  height: 100%;
}
.vue-product .product-picture-wrap .product-bundle .product-left {
  width: 0.98222223rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-left.png');
  background-size: auto 100%;
}
.vue-product .product-picture-wrap .product-bundle .product-middle {
  width: auto;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-middle.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  font-size: 0.21333333rem;
  color: #fff;
}
.vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  margin-left: -0.4rem;
}
.vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: 0.26666667rem;
  margin-right: 0.05333333rem;
  margin-bottom: 0.10666667rem;
  font-weight: 600;
}
.vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
  flex: 1;
}
.vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
  color: #ddd;
  font-size: 0.21333333rem;
  margin-top: 0.05rem;
  text-decoration: line-through;
  text-align: right;
  font-weight: 300;
}
.vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
  position: relative;
  top: -0.03rem;
  font-size: 0.42666667rem;
  line-height: normal;
  font-weight: 600;
}
.vue-product .product-picture-wrap .product-bundle .product-right {
  width: 0.20148148rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-right.png');
  background-size: auto 100%;
}
.vue-product .product-picture {
  display: block;
  width: 100%;
}
.vue-product .product-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vue-product .v-sold-out {
  font-size: 0.4267rem;
  border-radius: 0.16rem;
}
.vue-product .product-title {
  margin: 0.1467rem 0 0;
  height: 1.0933rem;
  line-height: 0.5467rem;
  font-size: 0.3733rem;
  letter-spacing: 0.3px;
  color: #000;
  white-space: normal;
}
.vue-product .product-title a {
  display: block;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vue-product .product-progress {
  position: relative;
  margin-top: 0.32rem;
  padding: 0 0.16rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background-color: #eee;
  border-radius: 0.053rem;
}
.vue-product .product-progress-text {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  font-size: 0.267rem;
}
.vue-product .product-progress-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.32rem;
  background-color: #fc7a03;
  border-radius: 0.053rem;
}
.vue-product .product-points {
  list-style-type: none;
  margin-top: 0.1333rem;
  height: 1.5333rem;
}
.vue-product .product-point {
  padding: calc(0.1333rem + 0.125em) 0 calc(0.1333rem - 0.125em);
  border-bottom: 1px solid #eee;
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vue-product .product-point:first-child {
  border-top: 1px solid #eee;
}
.vue-product .product-point img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.0667rem;
  height: 0.32rem;
}
.vue-product .product-review {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0.16rem;
  bottom: 0.16rem;
  padding: 0.08rem 0.16rem;
  font-size: 0.32rem;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.16rem;
}
.vue-product .product-review-score {
  color: #000;
  font-weight: 600;
}
.vue-product .product-review-star {
  margin: 0 0.0533rem;
  width: 0.32rem;
  height: 0.32rem;
}
.vue-product .product-review-count {
  color: #999;
}
.vue-product .product-price span {
  display: block;
  margin-top: 0.24rem;
  font-size: 0.3733rem;
  color: #000;
  font-weight: 600;
}
.vue-product .product-price span.flash-sale {
  color: #fc7a03;
}
.vue-product .product-price del {
  display: block;
  color: #666;
  font-size: 0.32rem;
  text-decoration: line-through;
}
@media screen and (min-width: 1280px) {
  .vue-product {
    width: 348px;
  }
  .vue-product .product-gift-container {
    bottom: 12px;
    right: 12px;
    width: 72px;
    height: 90px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .vue-product .product-gift-container > div {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-align: center;
  }
  .vue-product .product-gift-container .product-gift {
    width: 72px;
    height: 72px;
    background-color: white;
    border: 1px solid #82E600;
    box-sizing: border-box;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .vue-product .product-gift-container .product-gift img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .vue-product .product-picture-wrap .product-bundle {
    bottom: 2.27272727%;
    right: 2.27272727%;
    height: 62px;
  }
  .vue-product .product-picture-wrap .product-bundle .product-left {
    width: 67px;
  }
  .vue-product .product-picture-wrap .product-bundle .product-middle {
    font-size: 14px;
  }
  .vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
    padding: 4px;
    margin-left: -38px;
    margin-right: -10px;
  }
  .vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
    font-size: 19px;
    margin-right: 5px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
    margin-bottom: 4px;
  }
  .vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
    font-size: 14px;
    font-weight: 300;
  }
  .vue-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
  }
  .vue-product .product-picture-wrap .product-bundle .product-right {
    width: 13px;
  }
  .vue-product .product-tag {
    top: 12px;
    left: 12px;
    border-radius: 12px;
  }
  .vue-product .product-tag-content {
    padding: 3px 12px 0;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
  }
  .vue-product .product-picture-container {
    text-align: center;
    border-radius: 6px;
  }
  .vue-product .v-sold-out {
    font-size: 32px;
    border-radius: 6px;
  }
  .vue-product .product-title {
    margin: 24px 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
  }
  .vue-product .product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .vue-product .product-progress {
    margin-top: 16px;
    padding: 0 6px;
    height: 12px;
    line-height: 12px;
    border-radius: 2px;
  }
  .vue-product .product-progress-text {
    font-size: 10px;
  }
  .vue-product .product-progress-block {
    height: 12px;
    border-radius: 2px;
  }
  .vue-product .product-points {
    margin-top: 10px;
    height: 80px;
  }
  .vue-product .product-point {
    padding: calc(10px + 0.125em) 0 calc(10px - 0.125em);
    line-height: 18px;
    font-size: 12px;
  }
  .vue-product .product-point img {
    margin-left: 5px;
    height: 18px;
  }
  .vue-product .product-review {
    left: 12px;
    bottom: 12px;
    padding: 4px 12px;
    font-size: 18px;
    border-radius: 15px;
  }
  .vue-product .product-review-star {
    margin: 0 4px;
    width: 18px;
    height: 18px;
  }
  .vue-product .product-price {
    margin: 12px 0 16px;
  }
  .vue-product .product-price span {
    line-height: 28px;
    font-size: 18px;
    font-weight: 600;
  }
  .vue-product .product-price del {
    margin-top: 8px;
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
  }
}
[lang="ar"] .vue-product .product-price del {
  margin-left: 0;
  margin-right: 0.1333rem;
}
[lang="ar"] .vue-product .product-bundle-left {
  order: 2;
}
[lang="ar"] .vue-product .product-bundle-right {
  order: 1;
}
[lang="ar"] .vue-product .product-picture-wrap .product-bundle .product-left {
  order: 3;
}
[lang="ar"] .vue-product .product-picture-wrap .product-bundle .product-middle {
  order: 2;
}
[lang="ar"] .vue-product .product-picture-wrap .product-bundle .product-right {
  order: 1;
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/good-list/index.less ***!
  \*******************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-good-list {
  font-size: 0;
}
.component-good-list .title-container {
  margin-top: 0.64rem;
  text-align: center;
  font-size: 0.48rem;
  font-weight: 600;
}
.component-good-list .countdown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.213rem;
  font-size: 0.32rem;
}
.component-good-list .countdown-text {
  margin: 0 0.053rem;
}
.component-good-list .countdown-number {
  margin: 0 0.053rem;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  color: #fff;
  background-color: #000;
}
.component-good-list .product-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0.16rem 0.32rem;
}
.component-good-list .product-item {
  margin: 0.32rem 0.16rem 0.267rem;
  width: calc(50% - 0.32rem);
}
@media screen and (min-width: 1280px) {
  .component-good-list .title-container {
    margin-top: 60px;
    font-size: 36px;
  }
  .component-good-list .countdown-container {
    margin-top: 16px;
    font-size: 24px;
  }
  .component-good-list .countdown-text {
    margin: 0 4px;
  }
  .component-good-list .countdown-number {
    margin: 0 4px;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .component-good-list .product-container {
    margin: 40px auto 0;
    max-width: 1360px;
    width: calc(100% - 50px);
  }
  .component-good-list .product-item {
    margin: 0 20px 52px;
    width: calc(25% - 40px);
  }
}
[lang="ar"] .component-good-list .countdown-container {
  direction: ltr;
}
[lang="ar"] .component-good-list .countdown-text {
  direction: rtl;
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/flash-sale/index.less ***!
  \********************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-flash-sale {
  font-size: 0;
}
.component-flash-sale .title-container {
  margin-top: 0.64rem;
  text-align: center;
  font-size: 0.48rem;
  color: #fc7a03;
  font-weight: 600;
}
.component-flash-sale .countdown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.213rem;
  font-size: 0.32rem;
}
.component-flash-sale .countdown-text {
  margin: 0 0.053rem;
}
.component-flash-sale .countdown-number {
  margin: 0 0.053rem;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  color: #fff;
  background-color: #000;
}
.component-flash-sale .product-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0.427rem 0.16rem 0.32rem;
}
.component-flash-sale .product-item {
  margin: 0.32rem 0.16rem 0.267rem;
  width: calc(50% - 0.32rem);
}
@media screen and (min-width: 1280px) {
  .component-flash-sale .title-container {
    margin-top: 60px;
    font-size: 36px;
  }
  .component-flash-sale .countdown-container {
    margin-top: 16px;
    font-size: 24px;
  }
  .component-flash-sale .countdown-text {
    margin: 0 4px;
  }
  .component-flash-sale .countdown-number {
    margin: 0 4px;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .component-flash-sale .product-container {
    margin: 40px auto 0;
    max-width: 1360px;
    width: calc(100% - 50px);
  }
  .component-flash-sale .product-item {
    margin: 0 20px 52px;
    width: calc(25% - 40px);
  }
}
[lang="ar"] .component-flash-sale .countdown-container {
  direction: ltr;
}
[lang="ar"] .component-flash-sale .countdown-text {
  direction: rtl;
}

/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/faq/index.less ***!
  \*************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-faq {
  margin: 0 0.4267rem;
}
.component-faq .faq-title {
  line-height: 0.72rem;
  font-size: 0.6rem;
  font-weight: 600;
}
.component-faq .faq-item {
  padding: 0.56rem 0;
  border-bottom: 1px solid #eee;
}
.component-faq .faq-item.opened .faq-btn img {
  transform: rotate(90deg);
}
.component-faq .faq-question {
  display: flex;
  align-items: center;
  line-height: 0.56rem;
  font-size: 0.373rem;
  cursor: pointer;
  font-weight: 600;
}
.component-faq .faq-question-title {
  flex: 1 1 auto;
}
.component-faq .faq-btn {
  flex: 0 0 auto;
  border: 0;
  background-color: transparent;
}
.component-faq .faq-btn img {
  margin-left: 0.32rem;
  height: 0.373rem;
  transform: rotate(-90deg);
}
.component-faq .faq-answer {
  padding-top: 0.373rem;
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: #666;
}
@media screen and (min-width: 1280px) {
  .component-faq {
    display: flex;
    margin: 0 auto;
    max-width: 1360px;
    width: calc(100% - 90px);
  }
  .component-faq .faq-title {
    flex: 0 0 auto;
    width: 426px;
    line-height: 48px;
    font-size: 40px;
  }
  .component-faq .faq-content {
    flex: 1 1 auto;
  }
  .component-faq .faq-item {
    padding: 18px 0;
  }
  .component-faq .faq-question {
    line-height: 24px;
    font-size: 18px;
  }
  .component-faq .faq-btn img {
    margin-left: 24px;
    height: 18px;
  }
  .component-faq .faq-answer {
    margin-top: 24px;
    line-height: 18px;
    font-size: 16px;
  }
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/carousel-4/index.less ***!
  \********************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.0667rem);
}
.site-product.sold-out h3,
.site-product.sold-out .product-points,
.site-product.sold-out .product-price {
  opacity: 0.4;
}
.site-product.sold-out .product-learn-more {
  font-weight: 600;
}
.site-product .product-tag-new {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0.24rem;
  z-index: 1;
  padding: 1px;
  border: 1px solid var(--theme-color);
  border-radius: calc(0.24rem + 2px);
}
.site-product .product-tag-new-content {
  display: inline-block;
  padding: 0.0667rem 0.2667rem;
  line-height: 0.24rem;
  font-size: 0.1867rem;
  color: #fff;
  border-radius: 0.1867rem;
  background-color: var(--theme-color);
}
.site-product .product-tag-deal {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0.16rem;
  z-index: 1;
  padding: 0 0.48rem;
  line-height: 0.48rem;
  font-size: 0.1867rem;
  color: #fff;
}
.site-product .product-tag-deal img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.site-product .product-tag-deal span {
  position: relative;
  z-index: 1;
}
.site-product .product-img {
  position: relative;
  display: block;
  background-color: #f8f8f8;
  border-radius: 0.16rem;
}
.site-product .product-picture {
  display: block;
  max-width: calc(375px - 0.2667rem);
  width: calc(50vw - 0.2667rem);
  max-height: calc(375px - 0.2667rem);
  height: calc(50vw - 0.2667rem);
  border-radius: 0.16rem;
}
.site-product .product-gift-container {
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
  width: 1.28rem;
  height: 1.6rem;
  background: #82E600;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
}
.site-product .product-gift-container > div {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.21333334rem;
  color: white;
  text-align: center;
}
.site-product .product-gift-container .product-gift {
  width: 1.28rem;
  height: 1.28rem;
  background-color: white;
  border: 0.02666666rem solid #82E600;
  box-sizing: border-box;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
  object-fit: contain;
}
.site-product .v-sold-out {
  font-size: 0.4267rem;
  border-radius: 0.16rem;
}
.site-product h3 {
  margin: 0.1467rem 0 0;
  height: 1.0933rem;
  font-size: 0.3733rem;
  letter-spacing: 0.3px;
  color: #000;
  white-space: normal;
  font-weight: 400;
}
.site-product h3 a {
  display: block;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product .product-points {
  margin-top: 0.1333rem;
  height: 1.5333rem;
}
.site-product .product-point {
  padding: calc(0.1333rem + 0.125em) 0 calc(0.1333rem - 0.125em);
  border-bottom: 1px solid #eee;
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-product .product-point:first-child {
  border-top: 1px solid #eee;
}
.site-product .product-point img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.0667rem;
  height: 0.32rem;
  transform: translateY(-0.125em);
}
.site-product .product-review {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0.16rem;
  bottom: 0.16rem;
  padding: 0.08rem 0.16rem;
  font-size: 0.32rem;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.16rem;
}
.site-product .review-score {
  color: #000;
  font-weight: 600;
}
.site-product .review-star {
  margin: 0 0.0533rem;
  width: 0.32rem;
  height: 0.32rem;
}
.site-product .review-count {
  color: #999;
  font-weight: 300;
}
.site-product .product-price span {
  display: block;
  margin-top: 0.24rem;
  font-size: 0.3733rem;
  color: #000;
  font-weight: 600;
}
.site-product .product-price del {
  display: block;
  color: #666;
  font-size: 0.32rem;
  text-decoration: line-through;
  font-weight: 300;
}
.site-product .product-picture-wrap {
  position: relative;
  display: inline-block;
}
.site-product .product-picture-wrap .product-bundle {
  position: absolute;
  bottom: 0.10666667rem;
  right: 0.10666667rem;
  display: flex;
  height: 0.90666667rem;
}
.site-product .product-picture-wrap .product-bundle .product-left,
.site-product .product-picture-wrap .product-bundle .product-middle,
.site-product .product-picture-wrap .product-bundle .product-right {
  display: block;
  height: 100%;
}
.site-product .product-picture-wrap .product-bundle .product-left {
  width: 0.98222223rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-left.png');
  background-size: auto 100%;
}
.site-product .product-picture-wrap .product-bundle .product-middle {
  width: auto;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-middle.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  font-size: 0.21333333rem;
  color: #fff;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  margin-left: -0.4rem;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: 0.26666667rem;
  margin-right: 0.05333333rem;
  margin-bottom: 0.10666667rem;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
  flex: 1;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
  color: #ddd;
  font-size: 0.21333333rem;
  margin-top: 0.05rem;
  text-decoration: line-through;
  text-align: right;
  font-weight: 300;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
  position: relative;
  top: -0.03rem;
  font-size: 0.42666667rem;
  line-height: normal;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-right {
  width: 0.20148148rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-right.png');
  background-size: auto 100%;
}
@media screen and (min-width: 1280px) {
  .site-product {
    width: 348px;
  }
  .site-product:hover .product-btn {
    opacity: 1;
    transition: opacity 0.3s ease-in;
  }
  .site-product .product-picture-wrap .product-bundle {
    bottom: 2.27272727%;
    right: 2.27272727%;
    height: 62px;
  }
  .site-product .product-picture-wrap .product-bundle .product-left {
    width: 67px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle {
    font-size: 14px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
    padding: 4px;
    margin-left: -38px;
    margin-right: -10px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
    font-size: 19px;
    margin-right: 5px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
    margin-bottom: 4px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
    font-size: 14px;
    font-weight: 300;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-right {
    width: 13px;
  }
  .site-product .product-tag-new {
    top: 12px;
    left: 12px;
    border-radius: 12px;
  }
  .site-product .product-tag-new-content {
    padding: 3px 12px 0;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
  }
  .site-product .product-tag-deal {
    left: 6px;
    padding: 0 25px ;
    line-height: 24px;
    font-size: 12px;
    border-radius: 12px;
  }
  .site-product .product-img {
    text-align: center;
    border-radius: 6px;
  }
  .site-product .product-picture {
    max-width: none;
    width: 100%;
    max-height: none;
    height: auto;
    border-radius: 6px;
  }
  .site-product .product-gift-container {
    bottom: 12px;
    right: 12px;
    width: 72px;
    height: 90px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container > div {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-align: center;
  }
  .site-product .product-gift-container .product-gift {
    width: 72px;
    height: 72px;
    background-color: white;
    border: 1px solid #82E600;
    box-sizing: border-box;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container .product-gift img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .site-product .v-sold-out {
    font-size: 32px;
    border-radius: 6px;
  }
  .site-product h3 {
    margin: 24px 0 0;
    height: 24px;
    font-size: 18px;
    font-weight: 400;
  }
  .site-product h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-product .product-desc {
    position: relative;
  }
  .site-product .product-points {
    margin-top: 10px;
    height: 80px;
  }
  .site-product .product-point {
    padding: calc(10px + 0.125em) 0 calc(10px - 0.125em);
    line-height: 18px;
    font-size: 12px;
  }
  .site-product .product-point img {
    margin-left: 5px;
    height: 18px;
  }
  .site-product .product-review {
    left: 12px;
    bottom: 12px;
    padding: 4px 12px;
    font-size: 18px;
    border-radius: 15px;
  }
  .site-product .review-star {
    margin: 0 4px;
    width: 18px;
    height: 18px;
  }
  .site-product .product-price {
    margin: 12px 0 16px;
    line-height: 28px;
  }
  .site-product .product-price span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
  }
  .site-product .product-price del {
    display: inline-block;
    margin-top: 0;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 300;
  }
  .site-product .product-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 0;
    background-color: #fff;
    transition: opacity 0.2s ease-out;
    text-align: center;
  }
  .site-product .product-btn a {
    display: inline-block;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background-color: #111;
    border-radius: 18px;
    color: #fff;
  }
  .site-product .product-btn a:first-child {
    margin-right: 20px;
    border: 1px solid #111;
    color: #111;
    background-color: #fff;
  }
  .site-product .product-btn a.product-learn-more {
    display: block;
    margin-right: 0;
  }
}
[lang="ar"] .site-product .product-price del {
  margin-left: 0;
  margin-right: 0.1333rem;
}
[lang="ar"] .site-product .product-bundle-left {
  order: 2;
}
[lang="ar"] .site-product .product-bundle-right {
  order: 1;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-left {
  order: 3;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-middle {
  order: 2;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-right {
  order: 1;
}
@media screen and (min-width: 1280px) {
  [lang="ar"] .site-product .product-price del {
    margin-right: 25px;
  }
  [lang="ar"] .site-product .product-btn a:first-child {
    margin-left: 20px;
    margin-right: 0;
  }
}
.component-carousel-4 img {
  width: 100%;
}
.component-carousel-4 .swiper-container {
  padding-bottom: 0.1333rem;
}
.component-carousel-4 .swiper-pagination {
  font-size: 0;
  bottom: 0;
}
.component-carousel-4 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1333rem;
  padding: 0;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.08rem;
  background-color: rgba(17, 17, 17, 0.3);
  transition: width 0.5s linear;
}
.component-carousel-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.5333rem;
  background-color: var(--theme-color);
  transition: width 0.5s linear;
}
@media screen and (min-width: 1280px) {
  .component-carousel-4 {
    margin: 0 auto;
    max-width: 1360px;
    width: calc(100% - 90px);
    padding: 0 45px;
  }
  .component-carousel-4 .swiper-container {
    padding-bottom: 30px;
  }
  .component-carousel-4 .swiper-pagination {
    bottom: 0;
  }
  .component-carousel-4 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    padding: 0;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: rgba(103, 106, 108, 0.3);
    transition: width 0.5s linear;
  }
  .component-carousel-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 6px;
    background-color: var(--theme-color);
    transition: width 0.5s linear;
  }
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/carousel-1/index.less ***!
  \********************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.0667rem);
}
.site-product.sold-out h3,
.site-product.sold-out .product-points,
.site-product.sold-out .product-price {
  opacity: 0.4;
}
.site-product.sold-out .product-learn-more {
  font-weight: 600;
}
.site-product .product-tag-new {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  left: 0.24rem;
  z-index: 1;
  padding: 1px;
  border: 1px solid var(--theme-color);
  border-radius: calc(0.24rem + 2px);
}
.site-product .product-tag-new-content {
  display: inline-block;
  padding: 0.0667rem 0.2667rem;
  line-height: 0.24rem;
  font-size: 0.1867rem;
  color: #fff;
  border-radius: 0.1867rem;
  background-color: var(--theme-color);
}
.site-product .product-tag-deal {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0.16rem;
  z-index: 1;
  padding: 0 0.48rem;
  line-height: 0.48rem;
  font-size: 0.1867rem;
  color: #fff;
}
.site-product .product-tag-deal img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.site-product .product-tag-deal span {
  position: relative;
  z-index: 1;
}
.site-product .product-img {
  position: relative;
  display: block;
  background-color: #f8f8f8;
  border-radius: 0.16rem;
}
.site-product .product-picture {
  display: block;
  max-width: calc(375px - 0.2667rem);
  width: calc(50vw - 0.2667rem);
  max-height: calc(375px - 0.2667rem);
  height: calc(50vw - 0.2667rem);
  border-radius: 0.16rem;
}
.site-product .product-gift-container {
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
  width: 1.28rem;
  height: 1.6rem;
  background: #82E600;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
}
.site-product .product-gift-container > div {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.21333334rem;
  color: white;
  text-align: center;
}
.site-product .product-gift-container .product-gift {
  width: 1.28rem;
  height: 1.28rem;
  background-color: white;
  border: 0.02666666rem solid #82E600;
  box-sizing: border-box;
  border-top-left-radius: 0.32rem;
  border-top-right-radius: 0.32rem;
  border-bottom-left-radius: 0.10666666rem;
  border-bottom-right-radius: 0.10666666rem;
  object-fit: contain;
}
.site-product .v-sold-out {
  font-size: 0.4267rem;
  border-radius: 0.16rem;
}
.site-product h3 {
  margin: 0.1467rem 0 0;
  height: 1.0933rem;
  font-size: 0.3733rem;
  letter-spacing: 0.3px;
  color: #000;
  white-space: normal;
  font-weight: 400;
}
.site-product h3 a {
  display: block;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-product .product-points {
  margin-top: 0.1333rem;
  height: 1.5333rem;
}
.site-product .product-point {
  padding: calc(0.1333rem + 0.125em) 0 calc(0.1333rem - 0.125em);
  border-bottom: 1px solid #eee;
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-product .product-point:first-child {
  border-top: 1px solid #eee;
}
.site-product .product-point img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.0667rem;
  height: 0.32rem;
  transform: translateY(-0.125em);
}
.site-product .product-review {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0.16rem;
  bottom: 0.16rem;
  padding: 0.08rem 0.16rem;
  font-size: 0.32rem;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.16rem;
}
.site-product .review-score {
  color: #000;
  font-weight: 600;
}
.site-product .review-star {
  margin: 0 0.0533rem;
  width: 0.32rem;
  height: 0.32rem;
}
.site-product .review-count {
  color: #999;
  font-weight: 300;
}
.site-product .product-price span {
  display: block;
  margin-top: 0.24rem;
  font-size: 0.3733rem;
  color: #000;
  font-weight: 600;
}
.site-product .product-price del {
  display: block;
  color: #666;
  font-size: 0.32rem;
  text-decoration: line-through;
  font-weight: 300;
}
.site-product .product-picture-wrap {
  position: relative;
  display: inline-block;
}
.site-product .product-picture-wrap .product-bundle {
  position: absolute;
  bottom: 0.10666667rem;
  right: 0.10666667rem;
  display: flex;
  height: 0.90666667rem;
}
.site-product .product-picture-wrap .product-bundle .product-left,
.site-product .product-picture-wrap .product-bundle .product-middle,
.site-product .product-picture-wrap .product-bundle .product-right {
  display: block;
  height: 100%;
}
.site-product .product-picture-wrap .product-bundle .product-left {
  width: 0.98222223rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-left.png');
  background-size: auto 100%;
}
.site-product .product-picture-wrap .product-bundle .product-middle {
  width: auto;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-middle.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  font-size: 0.21333333rem;
  color: #fff;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  margin-left: -0.4rem;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: 0.26666667rem;
  margin-right: 0.05333333rem;
  margin-bottom: 0.10666667rem;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
  flex: 1;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
  color: #ddd;
  font-size: 0.21333333rem;
  margin-top: 0.05rem;
  text-decoration: line-through;
  text-align: right;
  font-weight: 300;
}
.site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
  position: relative;
  top: -0.03rem;
  font-size: 0.42666667rem;
  line-height: normal;
  font-weight: 600;
}
.site-product .product-picture-wrap .product-bundle .product-right {
  width: 0.20148148rem;
  background-image: url('https://cdn-static.oraimo.com/img/bundle-right.png');
  background-size: auto 100%;
}
@media screen and (min-width: 1280px) {
  .site-product {
    width: 348px;
  }
  .site-product:hover .product-btn {
    opacity: 1;
    transition: opacity 0.3s ease-in;
  }
  .site-product .product-picture-wrap .product-bundle {
    bottom: 2.27272727%;
    right: 2.27272727%;
    height: 62px;
  }
  .site-product .product-picture-wrap .product-bundle .product-left {
    width: 67px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle {
    font-size: 14px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price {
    padding: 4px;
    margin-left: -38px;
    margin-right: -10px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-left {
    font-size: 19px;
    margin-right: 5px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right {
    margin-bottom: 4px;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-market-price {
    font-size: 14px;
    font-weight: 300;
  }
  .site-product .product-picture-wrap .product-bundle .product-middle .product-bundle-price .product-bundle-right .product-final-price {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 600;
  }
  .site-product .product-picture-wrap .product-bundle .product-right {
    width: 13px;
  }
  .site-product .product-tag-new {
    top: 12px;
    left: 12px;
    border-radius: 12px;
  }
  .site-product .product-tag-new-content {
    padding: 3px 12px 0;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
  }
  .site-product .product-tag-deal {
    left: 6px;
    padding: 0 25px ;
    line-height: 24px;
    font-size: 12px;
    border-radius: 12px;
  }
  .site-product .product-img {
    text-align: center;
    border-radius: 6px;
  }
  .site-product .product-picture {
    max-width: none;
    width: 100%;
    max-height: none;
    height: auto;
    border-radius: 6px;
  }
  .site-product .product-gift-container {
    bottom: 12px;
    right: 12px;
    width: 72px;
    height: 90px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container > div {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-align: center;
  }
  .site-product .product-gift-container .product-gift {
    width: 72px;
    height: 72px;
    background-color: white;
    border: 1px solid #82E600;
    box-sizing: border-box;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .site-product .product-gift-container .product-gift img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .site-product .v-sold-out {
    font-size: 32px;
    border-radius: 6px;
  }
  .site-product h3 {
    margin: 24px 0 0;
    height: 24px;
    font-size: 18px;
    font-weight: 400;
  }
  .site-product h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-product .product-desc {
    position: relative;
  }
  .site-product .product-points {
    margin-top: 10px;
    height: 80px;
  }
  .site-product .product-point {
    padding: calc(10px + 0.125em) 0 calc(10px - 0.125em);
    line-height: 18px;
    font-size: 12px;
  }
  .site-product .product-point img {
    margin-left: 5px;
    height: 18px;
  }
  .site-product .product-review {
    left: 12px;
    bottom: 12px;
    padding: 4px 12px;
    font-size: 18px;
    border-radius: 15px;
  }
  .site-product .review-star {
    margin: 0 4px;
    width: 18px;
    height: 18px;
  }
  .site-product .product-price {
    margin: 12px 0 16px;
    line-height: 28px;
  }
  .site-product .product-price span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
  }
  .site-product .product-price del {
    display: inline-block;
    margin-top: 0;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 300;
  }
  .site-product .product-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 0;
    background-color: #fff;
    transition: opacity 0.2s ease-out;
    text-align: center;
  }
  .site-product .product-btn a {
    display: inline-block;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background-color: #111;
    border-radius: 18px;
    color: #fff;
  }
  .site-product .product-btn a:first-child {
    margin-right: 20px;
    border: 1px solid #111;
    color: #111;
    background-color: #fff;
  }
  .site-product .product-btn a.product-learn-more {
    display: block;
    margin-right: 0;
  }
}
[lang="ar"] .site-product .product-price del {
  margin-left: 0;
  margin-right: 0.1333rem;
}
[lang="ar"] .site-product .product-bundle-left {
  order: 2;
}
[lang="ar"] .site-product .product-bundle-right {
  order: 1;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-left {
  order: 3;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-middle {
  order: 2;
}
[lang="ar"] .site-product .product-picture-wrap .product-bundle .product-right {
  order: 1;
}
@media screen and (min-width: 1280px) {
  [lang="ar"] .site-product .product-price del {
    margin-right: 25px;
  }
  [lang="ar"] .site-product .product-btn a:first-child {
    margin-left: 20px;
    margin-right: 0;
  }
}
.component-carousel-1 {
  margin: 0 auto;
}
.component-carousel-1.justify-mode {
  width: 9.147rem;
}
.component-carousel-1 .swiper-container {
  font-size: 0;
}
.component-carousel-1 .swiper-slide-img {
  display: block;
  width: 100%;
  height: 0;
}
.component-carousel-1 .swiper-slide-img[src] {
  height: auto;
}
.component-carousel-1 .swiper-prev,
.component-carousel-1 .swiper-next {
  display: none;
}
.component-carousel-1 .swiper-pagination.swiper-pagination-bullets {
  bottom: 0.3733rem;
}
.component-carousel-1 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1333rem;
  padding: 0;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.08rem;
  background-color: rgba(255, 255, 255, 0.3);
  transition: width 0.5s linear;
}
.component-carousel-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.5333rem;
  background-color: var(--theme-color);
  transition: width 0.5s linear;
}
@media screen and (min-width: 1280px) {
  .component-carousel-1.justify-mode {
    max-width: 1360px;
    width: calc(100% - 90px);
  }
  .component-carousel-1 .swiper-prev,
  .component-carousel-1 .swiper-next {
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: calc(50% - 21px);
    width: 40px;
    height: 40px;
  }
  .component-carousel-1 .swiper-prev span,
  .component-carousel-1 .swiper-next span {
    font-size: 42px;
  }
  .component-carousel-1 .swiper-prev {
    left: 24px;
  }
  .component-carousel-1 .swiper-next {
    right: 24px;
  }
  .component-carousel-1 .swiper-pagination.swiper-pagination-bullets {
    bottom: 20px;
  }
  .component-carousel-1 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    padding: 0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: width 0.5s linear;
  }
  .component-carousel-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    background-color: var(--theme-color);
    transition: width 0.5s linear;
  }
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/app-only/index.less ***!
  \******************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-app-only {
  font-size: 0;
}
.component-app-only .title-container {
  margin-top: 0.64rem;
  text-align: center;
  font-size: 0.48rem;
  color: #fc7a03;
  font-weight: 600;
}
.component-app-only .countdown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.213rem;
  font-size: 0.32rem;
}
.component-app-only .countdown-text {
  margin: 0 0.053rem;
}
.component-app-only .countdown-number {
  margin: 0 0.053rem;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  color: #fff;
  background-color: #000;
}
.component-app-only .product-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0.427rem 0.16rem 0.32rem;
}
.component-app-only .product-item {
  margin: 0.32rem 0.16rem 0.267rem;
  width: calc(50% - 0.32rem);
}
@media screen and (min-width: 1280px) {
  .component-app-only .title-container {
    margin-top: 60px;
    font-size: 36px;
  }
  .component-app-only .countdown-container {
    margin-top: 16px;
    font-size: 24px;
  }
  .component-app-only .countdown-text {
    margin: 0 4px;
  }
  .component-app-only .countdown-number {
    margin: 0 4px;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .component-app-only .product-container {
    margin: 40px auto 0;
    max-width: 1360px;
    width: calc(100% - 50px);
  }
  .component-app-only .product-item {
    margin: 0 20px 52px;
    width: calc(25% - 40px);
  }
}
[lang="ar"] .component-app-only .countdown-container {
  direction: ltr;
}
[lang="ar"] .component-app-only .countdown-text {
  direction: rtl;
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/ad-2/index.less ***!
  \**************************************************************************************************************/
.light-font {
  font-weight: 300;
}
.book-font,
.regular-font {
  font-weight: 400;
}
.medium-font {
  font-weight: 500;
}
.black-font,
.semibold-font {
  font-weight: 600;
}
.bold-font {
  font-weight: 700;
}
.one-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.component-ad-2 {
  margin: 0 auto;
  max-width: 1360px;
  font-size: 0;
}
.component-ad-2.single a:first-child {
  margin-right: 0;
  width: calc(100% - 0.8534rem);
}
.component-ad-2.single a:last-child {
  display: none;
}
.component-ad-2 a {
  display: inline-block;
  position: relative;
  width: calc(50% - 0.5333rem);
}
.component-ad-2 a:first-child {
  margin: 0 0.1067rem 0 0.4267rem;
}
.component-ad-2 a:last-child {
  margin: 0 0.4267rem 0 0.1067rem;
}
.component-ad-2 span {
  position: absolute;
  top: 0.1333rem;
  left: 0.1333rem;
  color: #fff;
  font-size: 0.32rem;
  font-weight: 600;
}
.component-ad-2 img {
  width: 100%;
  border-radius: 0.1333rem;
}
@media screen and (min-width: 1280px) {
  .component-ad-2 {
    width: calc(100% - 90px);
  }
  .component-ad-2.single a:first-child {
    width: 100%;
  }
  .component-ad-2 a {
    width: calc(50% - 10px);
  }
  .component-ad-2 a:first-child {
    margin: 0 10px 0 0;
  }
  .component-ad-2 a:last-child {
    margin: 0 0 0 10px;
  }
  .component-ad-2 span {
    top: 20px;
    left: 40px;
    font-size: 20px;
  }
  .component-ad-2 img {
    border-radius: 10px;
  }
}
[lang="ar"] .component-ad-2 a:first-child {
  margin: 0 0.4267rem 0 0.1067rem;
}
[lang="ar"] .component-ad-2 a:last-child {
  margin: 0 0.1067rem 0 0.4267rem;
}
@media screen and (min-width: 1280px) {
  [lang="ar"] .component-ad-2 a {
    width: calc(50% - 10px);
  }
  [lang="ar"] .component-ad-2 a:first-child {
    margin: 0 0 0 10px;
  }
  [lang="ar"] .component-ad-2 a:last-child {
    margin: 0 10px 0 0;
  }
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/ad-1/index.less ***!
  \**************************************************************************************************************/
.component-ad-1 img {
  display: block;
  width: 100%;
}