@charset "utf-8";

/* 标题字体 */
@font-face {
  font-family: 'NotoSerifSC';
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  src: url('./fonts/NotoSerifSC-SemiBold.ttf') format('truetype');
}

/* 卡通字体 */
@font-face {
  font-family: 'ZCOOLKuaiLe';
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src: url('./fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');
}

/* 正文字体 */
@font-face {
  font-family: 'NotoSans';
  font-display: swap;
  font-weight: 200;
  font-style: normal;
  src: url('./fonts/NotoSans-Thin.ttf') format('truetype');
}

html[lang="zh-cn"] body {
  font-family: Inter, Arial, Helvetica, sans-serif, "NotoSans";
  font-size: 2rem;
}


html[lang="zh-cn"] .luxfont {
  font-family: "NotoSerifSC";
  font-size: 6rem;
}

html[lang="zh-cn"] .luxfont_en {
  font-family: LuxuriousScript;
}

html[lang="zh-cn"] .bannerbg .luxfont_en {
  font-size: 9rem;
}

html[lang="zh-cn"] .onepiece {
  font-family: "ZCOOLKuaiLe";
}

html[lang="zh-cn"] .banbot .authentic {
  padding-top: 2rem;
}

html[lang="zh-cn"] .part1 h2 {
  line-height: 7rem;
}

html[lang="zh-cn"] .luxtitle {
  font-family: "ZCOOLKuaiLe";
  font-size: 6rem;
}

html[lang="zh-cn"] .story-text h3 {
  font-family: "ZCOOLKuaiLe", "NotoSans", sans-serif;
  font-size: 3rem;
}

html[lang="zh-cn"] .story-text p {
  font-size: 2.2rem;
}

html[lang="zh-cn"] .part4 .bottext {
  font-size: 3rem;
  font-family: "ZCOOLKuaiLe", "NotoSans", sans-serif;
  font-weight: normal;
}

/* vendor page start  */
.mbt30 {
  margin-bottom: 3rem;
}

html[lang="zh-cn"] .proud-mid .luxtitle {
  font-size: 3rem;
}

html[lang="zh-cn"] .proud-mid p {
  padding-right: 3rem;
  padding-top: 0rem;
  line-height: 2.2rem;
  font-size: 1.6rem;
}

.info_box {
  padding: 15rem 0 20rem 0;
}

.info_box .container {
  max-width: 70rem !important;
  margin-left: auto;
  margin-right: auto;
}

.info_box p {
  font-size: 2.4rem;
  line-height: 4rem;
  padding: 1rem 0 3rem 0;
}

.info_box h3.luxtitle {
  font-size: 3rem !important;
}

/* vendor page end */

/* product detail page  */
html[lang="zh-cn"] .prodesc-content .luxfont_en {
  font-family: LuxuriousScript;
  font-size: 6rem;
}

/* product detail page  */

/* checkout page  */
.delivery_city select {
  height: 50px;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.delivery_city .arrow {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1.8rem;
  color: #888;
}

/* checkout page  */

@media (max-width: 992px) {
  html[lang="zh-cn"] .banbot .luxfont {
    font-size: 3rem;
  }

  html[lang="zh-cn"] .banbot .authentic {
    font-size: 1.8rem;
  }

  .promise-content p {
    font-size: 1.8rem;
  }

  .promise-content p.first {
    padding-bottom: 3rem;
  }

  .about_box .left p {
    font-size: 1.8rem;
  }

  .part6 .promise-content p {
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {

  /* home page  */
  html[lang="zh-cn"] body {
    font-size: 1.8rem;
  }

  html[lang="zh-cn"] .bannerbg .luxfont_en {
    font-size: 7rem;
  }

  html[lang="zh-cn"] .luxtitle {
    font-size: 4rem;
  }

  html[lang="zh-cn"] .prodesc-content .luxtitle,
  .prodesc-content .luxtitle {
    font-size: 3rem;
  }

  html[lang="zh-cn"] .part1 h2 {
    line-height: 4rem;
  }

  html[lang="zh-cn"] .luxfont {
    font-family: "NotoSerifSC";
    font-size: 4rem;
  }

  .part3 .bottext {
    font-size: 1.8rem;
  }

  html[lang="zh-cn"] .part4 .stories p {
    font-size: 2rem;
  }

  html[lang="zh-cn"] .part4 .bottext p {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  html[lang="zh-cn"] .story-text h3 {
    font-size: 2.4rem;
  }

  .part6 ul li img {
    width: 30%;
  }

  /*vendor page*/
  html[lang="zh-cn"] .artist_desc {
    padding-top: 7rem;
  }

  html[lang="zh-cn"] .proud-mid .luxtitle {
    font-size: 2rem;
  }

  html[lang="zh-cn"] .proud-mid p {
    padding-right: 2rem;
    padding-left: 1rem;
    padding-top: 1rem;
  }

  html[lang="zh-cn"] .prodesc-content .luxfont_en {
    font-family: LuxuriousScript;
    font-size: 5rem;
  }

  .info_box p {
    font-size: 2.2rem;
    line-height: 3.6rem;
    padding: 3rem 0 3rem 0;
  }

  html[lang="zh-cn"] .about_box {
    padding-top: 7rem;
  }

  /*vendor page end*/
  .articlemenu>ul>li>a {
    font-size: 2rem;
    font-weight: normal;
  }

  .articlecon h1 {
    font-size: 2rem;
  }

  footer .footmenu ul li {
    font-size: 1.6rem;
  }
}

@media (max-width: 480px) {
  .bannerbg {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  html[lang="zh-cn"] .bannerbg .luxfont_en {
    font-size: 5rem;
  }



  html[lang="zh-cn"] .luxtitle {
    font-size: 3.4rem;
  }

  html[lang="zh-cn"] .luxfont_en {
    line-height: 4rem;
  }

  .part6 ul li img {
    width: 35%;
  }



}