* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
}
ul,
li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
p {
  margin-bottom: 0px;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: none;
}
:root,
element {
  --color-white:#fff;
  --color-black:#000;
  --theme-color-primary: #0071E3;
  --promotion-color-primary: #FFA033;
  --coupon-color-primary: #F2E8D5;
  --coupon-color-regular: #F8F1E4;
  --coupon-color-disabled: #F5F3EF;
  --success-icon-color: #52C41A;


  /* checkbox */
  --checkbox-color-primary: #1e1e1e;
  --checkbox-size: 20px;
  --checkbox-checked-background-color:var(--theme-color-primary);

  /* font */
  --font-color-primary: rgba(0, 0, 0, 0.8);
  --font-color-regular: rgba(0, 0, 0, 0.7);
  --font-color-secondary: rgba(0, 0, 0, 0.45);
  --font-color-placeholder: rgba(0, 0, 0, 0.2);
  --font-color-default: var(--font-color-primary);
  --font-color-price: #d43232;
  --font-color-error: #E40613;
  --font-size-secondary-title: 20px;
  --font-size-main: 18px;
  --font-size-primary: 16px;
  --font-size-defalut: 14px;
  --font-size-info: 12px;
  --font-weight-bold: 600;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-lighter: 300;
  --font-weight-thin: 200;

  /* border */
  --border-color-primary: var(--theme-color-primary);
  --border-color-regular: rgba(0, 0, 0, 0.12);
  --border-color-default: var(--border-color-regular);
  --border-color-lighter:rgba(0, 0, 0, 0.08);
  --border-size-small: 1px;
  --border-size-medium: 2px;
  --border-small-default: 1px solid var(--border-color-default);
  --border-medium-default: 2px solid var(--border-color-default);
  --border-small-lighter:1px solid var(--border-color-lighter);

  /* border radius */
  --border-radius-default: 0px;
  --border-radius-small: 2px;
  --border-radius-medium: 4px;

  /* button */
  --btn-color-primary: var(--theme-color-primary);
  --btn-color-default: #1e1e1e;
  --btn-color-pay: #990000;
  --btn-color-pay-hover: #C1002D;
  --btn-border-radius: var(--border-radius-medium);
  --btn-mini-height: 28px;
  --btn-mini-font-size: 12px;
  --btn-small-height: 32px;
  --btn-small-font-size: 14px;
  --btn-large-height: 40px;
  --btn-large-font-size: 16px;

  /*默认button 字体颜色 */
  --btn-font-color: #fff;
  --btn-background-color: #0071E3;
  --btn-border-color: #0071E3;

  /* 默认button hover状态 */
  --btn-font-color-hover: var(--btn-font-color);
  --btn-border-color-hover: var(--btn-border-color);
  --btn-background-color-hover: var(--btn-background-color);

  /*  默认button 选中状态 */
  --btn-font-color-active: var(--btn-border-color);
  --btn-border-color-active: #c6e2ff;
  --btn-background-color-active: #ecf5ff;
  /*  button disable状态 */
  --btn-border-color-disabled: #a0cfff;
  --btn-background-color-disabled: #a0cfff;

  /*朴素按钮 button 字体颜色 */
  --btn-isplain-font-color: var(--font-color-default);
  --btn-isplain-background-color: #fafafa;
  --btn-isplain-border-color: var(--theme-color-primary);
  /* 朴素按钮 hover状态 */
  --btn-isplain-font-color-hover: var(--btn-isplain-font-color);
  --btn-isplain-border-color-hover: var(--btn-isplain-border-color);
  --btn-isplain-background-color-hover: var(--btn-isplain-background-color);

  /* 朴素按钮 active状态 */
  --btn-isplain-font-color:var(--btn-border-color);
  --btn-isplain-border-color: var(--btn-border-color);
  --btn-isplain-font-color-active: #fff;
  --btn-isplain-border-color-active: var(--btn-border-color);
  --btn-isplain-background-color-active: var(--btn-border-color);

  /*checkout */
  --checkbox-default-size: 16px;
  --checkbox-default-icon-size: 4px;
  --checkbox-accept-terms-font-size: var(--btn-small-font-size);
  --checkbox-accept-terms-font-color: var(--font-color-primary);
  --checkbox-accept-terms-a-font-color: var(--font-color-secondary);
  --checkbox-accept-terms-a-text-decoration-color: var(--font-color-secondary);

  /* page */
  --page-max-width: 1380px;
  --page-pc-margin: 20px;
  --page-pc-padding: 20px;

  /*header*/  
  --header-logo-pc-height:60px;
  --header-logo-mobile-height:60px;
  --header-nav-pc-height:38px;
  --header-pc-height: calc( var(--header-logo-pc-height) + var(--header-nav-pc-height) + 20px);
  --header-mobile-height: calc( var(--header-logo-mobile-height) + 16px);
  --header-background-color:#fff;
  --header-font-color:#000;
  --header-bottom-border:var(--border-small-default);
  --header-nav-active-color:var(--color-black);
  --header-nav-active-underline: 2px solid var(--color-black);
  --header-sub-nav-active-underline-color:2px solid var(--color-black);
  --header-icon-font-size:20px;

   /* header my 个人中心小icon */
   --header-my-padding:0;
   --header-my-first-word-background-color:rgba(255, 255, 255, 0.35);
   --header-my-first-word-font-color:#fff;
   --header-my-first-word-font-size:12px;
   --header-my-first-word-font-weight:400;
   --header-my-first-word-background-width:18px;
   --header-my-first-word-background-height:18px;
   --header-my-first-word-border-radius:50%;
   --header-my-name-font-size:12px;
   --header-my-name-font-weight:400;
   --header-my-name-font-color:#fff;


  /*pdp*/
  --pdp-attr-active-color: var(--btn-font-color-active);
  --pdp-attr-border: 1px solid var(--border-color-default);
  --pdp-attr-active-border: 1px solid var(--pdp-attr-active-color);
  --pdp-attr-width: 120px;
  --pdp-attr-active--radius:50%;
  --pdp-attr-item-gap-width: 12px;
  --pdp-ipi-font-size: 14px;
  --pdp-attr-height: auto;
  --pdp-left-width: 496px;
  --pdp-right-width: auto;
  --pdp-left-image-width: 496px;
  --pdp-left-image-height: 496px;
  --pdp-left-image-small-width: 88px;
  --pdp-attr-item-active-color:var(--btn-background-color);
  --pdp-attr-disabled-color:var(--font-color-regular);
  --pdp-attr-disabled-border-color:var(--font-color-secondary);
  --pdp-button-color: var(--btn-background-color);
  --pdp-photo-zoom-border:1px solid var(--color-black);

  /*shop-cart*/
  --cart--page-max-width: 916px;
  --cart-sku-right-txt-align: right;
  --cart-mobile-sku-info-txt-align: left;
  --cart-sku-right-product-price-font-size: 14px;
  --cart-sku-right-product-price-font-color: rgba(0, 0, 0, 0.45);
  --cart-sku-right-product-price-line-height: 18px;
  --cart-sku-right-product-price-font-weight: 300;
  --cart-sku-right-product-price-text-decoration: line-through;
  --cart-sku-right-price-font-size: 16px;
  --cart-sku-right-price-font-weight: var(--font-weight-medium);

  /* store */
  --store--left-width: 388px;
  --store--left-bgcolor: #f6f6f6;
  --store--font-primary: rgba($color: #000000, $alpha: 0.85);
  --store--font-des: rgba($color: #000000, $alpha: 0.65);

  /* footer */
  --footer-background-color: #fff;
  --footer-font-color: #000;
  --footer-padding-left-right: 108px;
  --footer-font-mini: 12px;
  --footer-right-width: 260px;
  --footer-border-color: rgba(0, 0, 0, 0.08);
  --footer-top-border:var(--border-small-default);
  --footer-subscribe-border-color: #000;
  --footer-nav-text-underline:underline;

  /* login register */
  --login-border-color: rgba(0, 0, 0, 0.08);
  --login-erroor-box-background-color: #fff2f0;
  --login-erroor-box-border-color: #ffccc6;
  --login-button-color: var(--btn-border-color);
  --login-font-color: var(--font-color-primary);
  --login-button-background-disabled-color: rgba(0, 0, 0, 0.03);

  /* plp */
  --plp-filter-bg-color:#f5f5f7;
  --plp-filter-bg-height:64px;
  --plp-sale-price-display:none;
  --plp-min-price-display:block;
  --productprice-not-equal-saleprice-display:none;
  --productprice-not-equal-minprice-display:block;

  /* order */
  /* order 左侧 nav */
  --order-nav-width:280px;
  --order-nav-bg-color:#fafafa;
  --order-nav-name-font-color:var(--font-color-primary);
  --order-nav-item-font-color:var(--font-color-primary);
  --order-nav-item-text-decoration-color:var(--font-color-primary);
  --order-nav-name-font-size:18px;
  --order-nav-item-font-size:18px;
  --order-nav-name-font-weight:500;
  --order-nav-item-font-weight:400;
  /* order 订单状态  */
  --order-status-tab-font-size:14px;
  --order-status-tab-font-color:var(--font-color-secondary);
  --order-status-tab-active-font-color:var(--theme-color-primary);
  --order-status-tab-active-bar-color:var(--theme-color-primary);
  /* order 物流选择 */
  --order-select-delivery-button-font-color:#fff;
  --order-select-delivery-button-backgroundColor:#000;
  --order-select-delivery-button-border-color:#000;
  /* order 订单列表 */
  --order-background-color:#fff;  
  --order-list-button-border-color:#111;
  --order-list-button-width:146px;
  --order-list-item-padding:16px;

  /* --checkout-total-border-top */
  --checkout-total-border-top:var(--border-small-lighter);


  /*landing page*/
  --landingpage-button-bg-color:#fff;
  --landingpage-button-font-color:var(--font-color-primary);
  --landingpage-button-border:1px solid #ddd;
  --landingpage-button-hover-font-color:#000;
  --landingpage-button-hover-bg-color:#fff;
  --landingpage-button-hover-border:1px solid #ddd;

  /* header */
  --header-nav-hover-background-color:rgba(0, 0, 0, 0.05);

  /* empty page */
    --empty-font-size:var(--font-size-secondary-title);
    --empty-max-width:var(--font-size-secondary-title);
    --empty-content-min-width:var(--page-max-width);
    --empty-content-min-height:70vh;

    /* gt-switch-lang */
    --switch-lang-font-color:var(--font-color-primary);
    --switch-lang-font-size:var(--font-size-defalut);
    --switch-lang-background-color:#fff;
    --switch-lang-hover-border-color:var(--btn-border-color);    
    --switch-lang-black-font-color:#fff;
    --switch-lang-black-font-size:var(--font-size-defalut);
    --switch-lang-black-background-color:#000;
    --switch-lang-black-hover-border-color:#000;

     /* plp end */
     --plp-no-more-text-color:var(--font-color-placeholder);
     --plp-no-more-text-padding:50px 0 50px 0;
     --plp-no-more-text-border-top:1px solid rgba(0, 0, 0, 0.06);
 
     /* plp card */
     --plp-card-margin:10px 0px 10px;
     --plp-card-text-align: center;
     --plp-card-product-name-margin: 10px 0 12px;
     --plp-card-product-name-font-size: var(--font-size-primary);
     --plp-card-product-name-font-color: var(--font-color-secondary);
     --plp-card-product-name-font-weight: 300;
     --plp-card-product-name-line-height: 20px;
     --plp-card-product-name-height: 40px;
     --plp-card-price-display:block;
     --plp-card-product-price-padding:0 7px;
     --plp-card-product-price-display: block;
     --plp-card-product-price-font-size: var(--font-size-primary);
     --plp-card-product-price-font-color: var(--font-color-primary);
     --plp-card-product-price-font-weight: 300;
     --plp-card-product-price-line-height: 20px;
     --plp-card-product-price-height: 20px;
     --plp-card-product-price-text-decoration: line-through;
     --plp-card-sale-price-font-size: var(--font-size-main);
     --plp-card-sale-price-font-color: var(--font-color-price);
     --plp-card-sale-price-font-weight: 400;
     --plp-card-sale-price-line-height: 22px;
     --plp-card-mobile-margin:0 0 20px;
     --plp-card-mobile-name-font-size: var(--font-size-defalut);
     --plp-card-mobile-product-price-font-size: var(--font-size-defalut);
     --plp-card-mobile-sale-price-font-size: var(--font-size-defalut);
     --productprice-not-equal-saleprice-display:none;
     --productprice-not-equal-minprice-display:block;

     /* sale label */
     --plp-card-sale-label-width: 52px;
     --plp-card-sale-label-height: 28px;
     --plp-card-sale-label-bg-color:  var(--promotion-color-primary);
     --plp-card-sale-label-font-size:  var(--btn-small-font-size);
     --plp-card-sale-label-font-weight: var(--font-weight-medium);
     --plp-card-sale-label-font-color: var(--color-white);
     --plp-card-sale-label-line-height: 28px;
     --plp-card-sale-label-left: 0;
     --plp-card-sale-label-top: 0;
     --plp-card-sale-label-bottom: auto;
     --plp-card-sale-label-right: auto;
     --plp-card-sale-label-display:block;
     --plp-card-sale-label-transform:none; 
 
 }

.el-message-box .el-button--primary{
  background-color:var(--btn-background-color);
  border-color:var(--btn-border-color);
}

.page-pdp_content {
  margin: 0px var(--page-pc-margin);
}
.page-pdp_content__main {
  display: flex;
  max-width: var(--page-max-width);
  width: 100%;
  margin: 0px auto;
  justify-content: space-between;
}
.page-pdp_content .left {
  width: var(--pdp-left-width, 496px);
  margin-bottom: 40px;
}
.page-pdp_content .left-wrapper {
  position: sticky;
  top: calc(var(--header-pc-height) + 116px);
}
.page-pdp_content .left-image {
  margin: 0px auto;
  width: 100%;
}
.page-pdp_content .left-bottom {
  width: 100%;
}
.page-pdp_content .left-bottom-wrapper {
  width: 100%;
  max-width: var(--pdp-left-image-width);
  overflow: hidden;
  margin: 0px auto;
}
.page-pdp_content .right {
  width: var(--pdp-right-width);
  max-width: 780px;
  padding-left: 20px;
  margin-bottom: 40px;
  flex-grow: 1;
  margin-left: 96px;
}
.page-pdp_content .right .page-pdp_flashSale {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.page-pdp_content .right .page-pdp_flashSale .label {
  font-size: 20px;
  font-weight: var(--font-weight-medium);
}
.page-pdp_content .right .product-name {
  padding-bottom: 20px;
  font-size: 32px;
  font-weight: var(--font-weight-medium);
}
.page-pdp_content .right .product-price {
  padding-bottom: 24px;
}
.page-pdp_content .right .product-price .price {
  text-decoration: line-through;
  font-size: 16px;
  font-weight: var(--font-weight-lighter);
}
.page-pdp_content .right .product-price .current-price {
  font-size: 22px;
  color: var(--font-color-price);
  font-weight: var(--font-weight-medium);
}
.page-pdp_content .right .product-attr {
  padding-top: 14px;
  border-top: var(--border-small-default);
}
.page-pdp_content .right .product-attr_item {
  padding: 12px 0px 12px;
}
.page-pdp_content .right .product-attr .attr-name {
  font-size: 17px;
  font-weight: var(--font-weight-bold);
  margin-bottom: 16px;
}
.page-pdp_content .right .product-attr ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.page-pdp_content .right .product-attr .attr-item {
  min-width: var(--pdp-attr-width);
  height: var(--pdp-attr-height);
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  font-weight: var(--font-weight-lighter);
  margin-right: var(--pdp-attr-item-gap-width);
}
.page-pdp_content .right .product-attr .attr-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.03);
}
.page-pdp_content .right .product-attr .attr-item.isImage {
  width: auto;
  min-width: auto;
}
.page-pdp_content .right .product-attr .attr-item.isImage.disabled {
  cursor: not-allowed;
  pointer-events: none;
  position: relative;
  background: none;
}
.page-pdp_content .right .product-attr .attr-item.isImage.disabled::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.65);
}
.page-pdp_content .right .product-attr .attr-item .attr-item-img {
  border-radius: var(--pdp-attr-active--radius);
  padding: 2px;
}
.page-pdp_content .right .product-attr .attr-item .attr-item-text {
  border: 1px solid var(--border-color-default);
  padding: 8px 29px;
  border-radius: var(--border-radius-medium);
  width: 100%;
}
.page-pdp_content .right .product-attr .attr-item.active .attr-item-img {
  border: var(--pdp-attr-active-border);
  color: var(--pdp-attr-item-active-color);
}
.page-pdp_content .right .product-attr .attr-item.active .attr-item-text {
  background-color: var(--pdp-button-color);
  color: #fff;
}
.page-pdp_content .right .product-attr .attr-item .gt-image {
  margin-right: 0 !important;
}
.page-pdp_content .right .action-box {
  margin-top: 8px;
  display: inline-flex;
  width: 100%;
}
.page-pdp_content .right .action-box div {
  width: 50%;
}
.page-pdp_content .right .action-box div .add-btn {
  width: calc(100% - 6px);
  margin-bottom: 20px;
}
.page-pdp_content .right .action-box div .add-btn.sold-out {
  color: var(--pdp-attr-disabled-color);
  border: 1px solid var(--pdp-attr-disabled-border-color);
}
.page-pdp_content .right .action-box .gt-button.el-button.is-disabled {
  color: var(--pdp-attr-disabled-color);
  border: 1px solid var(--pdp-attr-disabled-border-color);
}
.page-pdp_content .right .action-box .gt-button.el-button.is-disabled span {
  font-weight: 300;
  color: var(--pdp-attr-disabled-color);
}
.page-pdp_content .right .action-box .gt-button.el-button.is-disabled.remind {
  cursor: pointer;
}

.pdp .page-layout_mobile .page-pdp_top {
  font-size: 18px;
}
.pdp .page-layout_mobile .page-pdp_content {
  margin: 0px;
}
.pdp .page-layout_mobile .page-pdp_content__main {
  display: block;
}
.pdp .page-layout_mobile .page-pdp_content__main .left {
  width: 100%;
}
.pdp .page-layout_mobile .page-pdp_content__main .right {
  width: 100%;
  max-width: 100%;
  padding: 0px var(--page-pc-padding);
  margin-left: 0px;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .product-name {
  font-size: 22px;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box {
  margin-top: 8px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div {
  width: 50%;
  position: relative;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div .add-btn {
  width: 50%;
  margin-bottom: 0px;
  position: fixed;
  left: 0;
  bottom: 0;
  border-radius: 0;
  z-index: 99;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div .add-btn.sold-out {
  width: 50%;
  border: 1px solid var(--pdp-attr-disabled-border-color);
  border-right: none;
  border-bottom: none;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div .add-btn.only-guest-no-stock {
  width: 100%;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div .add-btn.pickup {
  border: none;
  border-bottom: 1px solid var(--btn-isplain-background-color);
  border-top: 1px solid var(--btn-isplain-border-color);
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div .add-btn.add {
  left: auto;
  right: 0;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box div .add-btn.remind {
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.pdp .page-layout_mobile .page-pdp_content__main .right .action-box .is-disabled {
  color: var(--pdp-attr-disabled-color);
  border: 1px solid var(--pdp-attr-disabled-border-color);
}
.pdp .page-layout_mobile .footer-terms {
  padding-bottom: 48px;
}
.el-image-viewer__wrapper .el-image-viewer__canvas img {
  max-height: 70vh !important;
  max-width: 90vw !important;
}

.gt-pdp-image {
  width: 100%;
  overflow: hidden;
  max-width: var(--pdp-left-width);
  position: relative;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}
.gt-pdp-image_left {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.gt-pdp-image .mini-image-swiper {
  margin-top: var(--pdp-left-small-image-top);
  max-height: var(--pdp-left-image-height);
  overflow: hidden;
}
.gt-pdp-image .mini-image-swiper .mini-image-item {
  width: var(--pdp-left-image-small-width);
  height: var(--pdp-left-image-small-width);
  opacity: 0.2;
  cursor: pointer;
  overflow: hidden;
}
.gt-pdp-image .mini-image-swiper .mini-image-item img,
.gt-pdp-image .mini-image-swiper .mini-image-item video {
  width: var(--pdp-left-image-small-width);
}
.gt-pdp-image .mini-image-swiper .mini-image-item.swiper-slide-thumb-active {
  opacity: 1;
}
.gt-pdp-image .gt-photo-zoom .selector {
  width: 142px;
  height: 142px;
  border: var(--pdp-photo-zoom-border);
}
.gt-pdp-image .pdp-image-preview .el-image__preview {
  cursor: zoom-in;
}
.gt-pdp-image .sp-swiper-container {
  width: 100%;
  max-width: var(--pdp-left-image-width);
  overflow: hidden;
  margin: 0px auto;
}
.gt-pdp-image .sp-swiper-container .vue-photo-zoom-pro {
  min-width: 100%;
}
.gt-pdp-image .sp-swiper-container .swiper-wrapper {
  max-height: var(--pdp-left-image-height);
}
.gt-pdp-image .sp-swiper-container .swiper-wrapper .vue-photo-zoom-pro {
  width: 100%;
}
.gt-pdp-image .sp-swiper-container .swiper-wrapper .pdp-image_item,
.gt-pdp-image .sp-swiper-container .swiper-wrapper .pdp-video_item {
  width: 100%;
  max-width: var(--pdp-left-image-width);
  height: var(--pdp-left-image-height);
  max-height: 100vw;
  transition: all 0.3s;
}
.gt-pdp-image .sp-swiper-container .swiper-pagination {
  position: relative;
  bottom: 0px;
  text-align: left;
  min-width: var(--pdp-left-image-small-width);
}
.gt-pdp-image .sp-swiper-container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0px;
}
.gt-pdp-image .sp-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
}
.gt-pdp-image_left .mini-image-swiper {
  width: var(--pdp-left-image-small-width);
}
.gt-pdp-image_left .mini-image-swiper .mini-image-item {
  height: var(--pdp-left-image-small-width);
}
.gt-pdp-image_left .swiper-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}
.gt-pdp-image_left .swiper-container .swiper-wrapper {
  flex-grow: 1;
  width: calc(var(--pdp-left-width) - var(--pdp-left-image-small-width));
  max-width: var(--pdp-left-image-width);
  height: calc(var(--pdp-left-width) - var(--pdp-left-image-small-width));
  max-height: var(--pdp-left-image-height);
}
.gt-pdp-image_left .swiper-container .swiper-pagination {
  flex-shrink: 0;
  top: 0px;
  width: var(--pdp-left-image-small-width);
  min-width: var(--pdp-left-image-small-width);
  transform: translate3d(0px, 0, 0);
}

.page-layout_mobile .gt-pdp-image .sp-swiper-container {
  height: var(--pdp-left-image-height);
  max-height: 100vw;
  flex: 1;
}
.page-layout_mobile .gt-pdp-image .sp-swiper-container .swiper-wrapper {
  height: var(--pdp-left-image-height);
  max-height: 100vw;
}
.page-layout_mobile .gt-pdp-image .sp-swiper-container .swiper-wrapper .pdp-image_item,
.page-layout_mobile .gt-pdp-image .sp-swiper-container .swiper-wrapper .pdp-video_item {
  height: var(--pdp-left-image-height);
  max-height: 100vw;
}
.page-layout_mobile .gt-pdp-image .sp-swiper-container .swiper-pagination {
  position: absolute;
  text-align: center;
}
.page-layout_mobile .gt-pdp-image .sp-swiper-container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 100%;
}
.page-layout_mobile .gt-pdp-image .sp-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: none;
  background-color: #0071e3;
}
.gt-button.el-button.el-button--primary {
  background-color: var(--btn-background-color);
  color: var(--btn-font-color);
  border-color: var(--btn-border-color);
}

.gt-button.el-button.gt-button {
  border-radius: var(--btn-border-radius);
}
.gt-button.el-button.gt-button.el-button--text {
  color: var(--btn-background-color);
}
.gt-button.el-button.gt-button.el-button--primary {
  background-color: var(--btn-background-color);
  color: var(--btn-font-color);
  border-color: var(--btn-border-color);
}
.gt-button.el-button.gt-button.el-button--primary.el-button--text {
  color: var(--btn-background-color);
}
.gt-button.el-button.gt-button.el-button--primary:hover {
  background-color: var(--btn-background-color-hover);
  color: var(--btn-font-color-hover);
  border-color: var(--btn-border-color-hover);
}
.gt-button.el-button.gt-button.el-button--primary.is-disabled {
  background-color: var(--btn-background-color-disabled);
  color: var(--btn-font-color);
  border-color: var(--btn-background-color-disabled);
}
.gt-button.el-button.gt-button.el-button--plain {
  background-color: var(--btn-isplain-background-color);
  border-color: var(--btn-isplain-border-color);
  color: var(--btn-isplain-font-color);
}
.gt-button.el-button.gt-button.el-button--plain:hover {
  background-color: var(--btn-isplain-background-color-hover);
  color: var(--btn-isplain-font-color-hover);
  border-color: var(--btn-isplain-border-color-hover);
}
@charset "UTF-8";
.gt-image {
  max-width: 100%;
  opacity: 0.5;
}
.gt-image.gt-img-loaded {
  opacity: 1;
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gt-image .el-image__error {
  opacity: 1;
}
.gt-image .el-image__error svg {
  fill: #dcdde0;
  width: 22%;
  height: 22%;
}
.gt-image .image-slot_error {
  opacity: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.gt-image .image-slot_error svg {
  fill: #dcdde0;
  width: 22%;
  height: 22%;
}

.gt-image_loading .el-image__placeholder {
  /* 以下代码实现背景动画效果 */
}
@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.gt-input_number {
  border-radius: var(--border-radius-default);
  overflow: hidden;
}
.gt-input_number .el-input-number__decrease,
.gt-input_number .el-input-number__increase {
  background: #fff;
  border-radius: 0px;
}
.gt-input_number .el-input-number__decrease {
  border-right: var(--border-small-default);
}
.gt-input_number .el-input-number__increase {
  border-left: var(--border-small-default);
}
.gt-input_number .el-input__inner {
  border: var(--border-small-default);
  border-radius: var(--border-radius-default);
}

.gt-input_number.el-input-number--medium .el-input__inner {
  height: var(--input-medium-height);
  line-height: var(--input-medium-height);
}

.gt-input_number.el-input-number--small .el-input__inner {
  height: var(--input-small-height);
  line-height: var(--input-small-height);
}

.gt-input_number.el-input-number--large .el-input__inner {
  height: var(--input-large-height);
  line-height: var(--input-large-height);
}
.svg-icon {
  width: 16px;
  height: 16px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.gt-icon {
  fill: currentColor;
  overflow: hidden;
  width: 16px;
  height: 16px;
}
.gt-input .el-input__inner,
.gt-input .el-textarea__inner {
  border-radius: var(--border-radius-default) !important;
  border: var(--border-small-default) !important;
  border-color: var(--border-color-default) !important;
}

.gt-radius-small > .el-input__inner,
.gt-radius-small > .el-textarea__inner {
  border-radius: var(--border-radius-small) !important;
}

.gt-radius-medium > .el-input__inner,
.gt-radius-medium > .el-textarea__inner {
  border-radius: var(--border-radius-medium) !important;
}

.gt-border-small > .el-input__inner,
.gt-border-small > .el-textarea__inner {
  border: var(--border-small-default) !important;
}

.gt-border-medium > .el-input__inner,
.gt-border-medium > .el-textarea__inner {
  border: var(--border-medium-default) !important;
}

.gt-borderColor-primary > .el-input__inner,
.gt-borderColor-primary > .el-textarea__inner {
  border-color: var(--border-color-primary) !important;
}

.gt-borderColor-regular > .el-input__inner,
.gt-borderColor-regular > .el-textarea__inner {
  border-color: var(--border-color-regular) !important;
}
.gt-form-item .el-form-item__error {
  color: var(--font-color-error);
  padding-top: 2px;
}
.gt-nav__sub-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  min-height: 100px;
  max-height: 600px;
  width: auto;
  margin: auto;
}
.gt-nav__sub-container .img-nav {
  margin-right: 20px;
}
.gt-nav__sub-container .gt-nav__sub-label {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.gt-nav__sub-container .gt-nav__sub-item {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 12px;
}
.gt-nav__sub-container .gt-nav__sub-item:last-child {
  margin-bottom: 0;
}
.gt-nav__sub-container .gt-nav__sub-item-label,
.gt-nav__sub-container .gt-nav__sub-link-label {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: var(--font-weight-lighter);
  color: var(--font-color-default);
  line-height: 21px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid transparent;
}
.gt-nav__sub-container .gt-nav__sub-item-label:hover,
.gt-nav__sub-container .gt-nav__sub-link-label:hover {
  color: var(--header-nav-active-color);
  border-bottom: var(--header-sub-nav-active-underline-color);
}
.gt-nav__sub-container .gt-nav__sub-item::after,
.gt-nav__sub-container .gt-nav__sub-link::after {
  content: " ";
  flex: auto;
}

.sub-nav__wrap {
  margin: auto;
  width: 1200px;
  padding: 0 0 30px;
  display: flex;
  justify-content: flex-start;
}
.sub-nav__wrap .sub-nav__wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  align-items: flex-start;
}
.sub-nav__wrap .sub-nav__list {
  display: flex;
  justify-content: flex-start;
}
.sub-nav__wrap .sub-nav__list-align {
  margin-top: 7px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.sub-nav__wrap .sub-nav__item {
  min-width: 175px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.sub-nav__wrap .sub-nav__item .nav-icon {
  width: 128px;
  display: block;
}
.sub-nav__wrap .sub-nav__item-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: var(--font-color-primary);
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.sub-nav__wrap .sub-nav__item-title:hover {
  font-weight: 500;
}

.page-layout_mobile .sub-nav__wrap {
  width: auto;
  padding-bottom: 0;
}
.page-layout_mobile .sub-nav__wrap .sub-nav__item {
  width: 128px;
  min-width: unset;
}
.gt-nav {
  position: relative;
  z-index: 10;
  height: 38px;
  flex-basis: 100%;
  border-top: var(--border-base);
  border-bottom: var(--border-base);
  max-width: var(--page-max-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-width: 600px;
}
.gt-nav__sub {
  position: absolute;
  top: 95%;
  left: 50%;
  z-index: 13;
  padding: 20px 36px 20px;
  min-width: 100%;
  width: auto;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  cursor: default;
  visibility: hidden;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s, transform 0.3s;
  -webkit-user-select: none;
  -webkit-appearance: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.gt-nav__sub-wrap {
  transform: translateY(-30px);
  transition: transform 0.3s;
}
.gt-nav__item {
  position: relative;
  height: 105%;
  display: flex;
  cursor: pointer;
  flex: 1 auto;
  justify-content: center;
}
.gt-nav__item-label {
  cursor: pointer;
  text-align: center;
  font-size: var(--font-size-large);
  font-weight: 500;
  color: var(--color-text-primary);
  line-height: 38px;
  letter-spacing: 1px;
  border-bottom: 2px solid transparent;
}
.gt-nav__item-label:hover {
  transform: translateX(0px);
  color: var(--header-nav-active-color);
}
.gt-nav__item-label:hover span {
  border-bottom: var(--header-nav-active-underline);
  padding-bottom: 3px;
}
.gt-nav__item-label.is-active {
  transform: translateX(0px);
  color: var(--header-nav-active-color);
}
.gt-nav__item-label.is-active span {
  padding-bottom: 3px;
  border-bottom: var(--header-nav-active-underline);
}
.gt-nav__item .gt-nav__sub {
  transform: translateX(-50%);
}
.gt-nav__item.gt-nav__item__children.active:hover > .gt-nav__sub {
  opacity: 1;
  visibility: visible;
  margin-top: 1px;
  transform: translateX(-50%);
}
.gt-nav__item.gt-nav__item__children.active:hover > .gt-nav__sub .gt-nav__sub-wrap {
  transform: translateY(0);
}
.gt-nav__item .gt-nav__sub.hidden {
  visibility: hidden;
}
.gt-nav .gt-nav__item:first-child {
  padding-left: 0;
}
.gt-nav__line {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 0;
  height: 3px;
  z-index: -1;
  background-color: var(--theme-color);
  transition: all 0.3s;
}

@media screen and (min-width: 800px) and (max-width: 1600px) {
  .gt-nav {
    position: relative;
    z-index: 10;
    height: 38px;
    flex-basis: 100%;
    border-top: var(--border-base);
    border-bottom: var(--border-base);
    max-width: var(--page-max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-width: 760px;
  }
  .gt-nav__sub {
    position: absolute;
    top: 95%;
    left: 50%;
    z-index: 13;
    padding: 20px 36px 20px;
    min-width: 100%;
    width: auto;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    cursor: default;
    visibility: hidden;
    transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s, transform 0.3s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gt-nav__sub-wrap {
    transform: translateY(-30px);
    transition: transform 0.3s;
  }
  .gt-nav__item {
    position: relative;
    height: 105%;
    display: flex;
    cursor: pointer;
  }
  .gt-nav__item a span {
    word-break: keep-all;
  }
  .gt-nav__item-label {
    cursor: pointer;
    text-align: center;
    font-size: var(--font-size-large);
    font-weight: 500;
    color: var(--color-text-primary);
    line-height: 38px;
    letter-spacing: 1px;
    border-bottom: 2px solid transparent;
  }
  .gt-nav__item-label:hover {
    transform: translateX(0px);
    color: var(--header-nav-active-color);
  }
  .gt-nav__item-label:hover span {
    border-bottom: var(--header-nav-active-underline);
    padding-bottom: 3px;
  }
  .gt-nav__item-label.is-active {
    transform: translateX(0px);
    color: var(--header-nav-active-color);
  }
  .gt-nav__item-label.is-active span {
    padding-bottom: 3px;
    border-bottom: var(--header-nav-active-underline);
  }
  .gt-nav__item.gt-nav__item__children:hover > .gt-nav__sub {
    opacity: 1;
    margin-top: 1px;
  }
  .gt-nav__item.gt-nav__item__children:hover > .gt-nav__sub .gt-nav__sub-wrap {
    transform: translateY(0);
  }
  .gt-nav__item:nth-child(1) {
    padding-left: 0;
  }
  .gt-nav__item:nth-child(1).active:hover {
    width: -moz-max-content;
    width: max-content;
  }
  .gt-nav__item:nth-child(1).active:hover .gt-nav__sub {
    left: 0%;
    transform: translateX(0%);
  }
  .gt-nav__item:last-child {
    padding-right: 0;
  }
  .gt-nav__item:last-child.active:hover {
    width: -moz-max-content;
    width: max-content;
  }
  .gt-nav__item:last-child.active:hover .gt-nav__sub {
    right: 0;
    transform: translateX(0%);
  }
  .gt-nav .gt-nav__item:first-child {
    padding-left: 0;
  }
  .gt-nav .gt-nav__item:first-child .gt-nav__sub {
    left: 0%;
    transform: translateX(0%);
  }
  .gt-nav__line {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 0;
    height: 3px;
    z-index: -1;
    background-color: var(--theme-color);
    transition: all 0.3s;
  }
}
@media screen and (max-width: 800px) {
  .gt-nav {
    display: none;
  }
}
.page-layout_mobile .gt-nav {
  display: none;
}
.gt-drawer {
  color: var(--font-color-regular);
}
.gt-drawer .el-drawer__header {
  color: var(--font-color-regular);
}
.gt-nav-mobile-drawer {
  width: 95%;
}
.gt-nav-mobile-drawer .el-drawer {
  width: 100% !important;
}
.gt-nav-mobile-drawer .el-drawer .el-collapse-item__header {
  border-bottom: none;
  padding: 0 10px 0 20px;
  font-size: 15px;
  font-weight: 400;
  color: var(--header-font-color);
  line-height: 22px;
}
.gt-nav-mobile-drawer .el-drawer .el-drawer__header {
  justify-content: space-between;
  padding-bottom: 12px;
  padding-top: 12px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color-regular);
  margin-bottom: 0;
}
.gt-nav-mobile-drawer .el-drawer .el-drawer__header .gt-header-mb-logo a {
  display: block;
  height: 100%;
}
.gt-nav-mobile-drawer .el-drawer .el-drawer__header .gt-header-mb-logo a img {
  max-width: 120px !important;
  height: 32px;
  width: auto;
  vertical-align: middle;
}
.gt-nav-mobile-drawer .el-drawer .el-drawer__header > :first-child {
  flex: none;
}
.gt-nav-mobile-drawer .el-drawer .el-collapse {
  padding: 10px 0;
  border-top: none;
}
.gt-nav-mobile-drawer .el-drawer .el-collapse-item.is-mb-active .el-collapse-item__header {
  color: var(--header-font-color);
}
.gt-nav-mobile-drawer .el-drawer .el-collapse-item.is-mb-active .sub-item.current {
  font-weight: var(--font-weight-medium);
}
.gt-nav-mobile-drawer .el-drawer .el-collapse-item__content {
  padding-bottom: 0px;
}
.gt-nav-mobile-drawer .el-drawer .el-collapse-item__wrap {
  border-bottom: none;
}
.gt-nav-mobile-drawer .el-drawer .el-collapse .el-collapse-item__arrow {
  transform: rotate(90deg);
}
.gt-nav-mobile-drawer .el-drawer .el-collapse .el-collapse-item__arrow.is-active {
  transform: rotate(-90deg);
}
.gt-nav-mobile-drawer .el-drawer .nav-item {
  padding: 10px 0px;
}
.gt-nav-mobile-drawer .el-drawer .sub-item {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 20px;
}
.gt-nav-mobile-drawer .el-drawer .gt-header-mybasic {
  margin: 0;
}
.gt-nav-mobile-drawer .el-drawer .mb-title-title {
  height: 100%;
  line-height: 100%;
}
.gt-nav-mobile-drawer .el-drawer .mb-title-title a {
  height: 100%;
  line-height: 100%;
}
.gt-nav-mobile-drawer .el-drawer .mb-title-title a span {
  display: flex;
  height: 100%;
  line-height: 100%;
  justify-content: flex-start;
  align-items: center;
}

.gt-collapse-item .el-collapse-item__arrow {
  transform: rotate(90deg);
}
.gt-collapse-item .el-collapse-item__arrow.is-active {
  transform: rotate(-90deg);
}
.sp-swiper-container .swiper-slide {
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.sp-swiper-container .swiper-slide * {
  transform: translate3d(0, 0, 0);
}
.sp-swiper-container .swiper-button-prev,
.sp-swiper-container .swiper-button-next {
  width: 40px;
  height: 40px;
  opacity: 0.6;
  transition: all 0.3s;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
}
.sp-swiper-container .swiper-button-prev.swiper-button-disabled,
.sp-swiper-container .swiper-button-next.swiper-button-disabled {
  pointer-events: visible;
}
.sp-swiper-container .swiper-button-prev::after,
.sp-swiper-container .swiper-button-next::after {
  font-size: 20px;
  color: #f5f8fa;
}
.sp-swiper-container .swiper-button-hidden {
  display: none;
}
.sp-swiper-container .swiper-pagination img {
  -o-object-fit: contain;
     object-fit: contain;
}
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.gt-checkbox .el-checkbox__inner {
  height: var(--checkbox-default-size);
  width: var(--checkbox-default-size);
}
.gt-checkbox .el-checkbox__inner:after {
  width: var(--checkbox-default-icon-size);
  height: 8px;
  left: 5px;
}
.gt-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--checkbox-checked-background-color);
  border-color: var(--checkbox-checked-background-color);
}

.gt-radio .el-radio__input.is-checked .el-radio__inner {
  color: var(--btn-background-color);
  border-color: var(--btn-background-color);
  background: var(--btn-background-color);
}
.gt-simple-form {
  display: flex;
  flex-wrap: wrap;
}
.gt-simple-form .width_fill {
  width: 100%;
}
.gt-select .el-input__inner {
  border: var(--border-small-default);
  border-radius: var(--border-radius-default);
}

.el-select-dropdown.el-popper {
  height: auto !important;
  z-index: 99;
}

.gt-place_select {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gt-place_select .width_fill {
  width: 100%;
}
.store-select-wrap .el-select {
  width: 100%;
}
.iframe-block-wrap {
  width: 100%;
}
.iframe-block-wrap iframe {
  display: block;
}
.iframe-block-wrap iframe body {
  font-family: montserrat, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.iframe-block-wrap iframe body::-webkit-scrollbar {
  width: 0;
  display: none;
}
.footer-wrap {
  background-color: var(--footer-background-color);
  border-top: var(--footer-top-border);
}
.footer-wrap__inner {
  max-width: calc(var(--page-max-width) + 40px);
  margin: 0 auto;
  width: 100%;
  padding: 0px 20px;
}
.footer-wrap .footer-content {
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
}
.footer-wrap .footer-nav {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  flex-grow: 1;
  color: var(--footer-font-color);
  margin-bottom: 38px;
}
.footer-wrap .footer-nav-block {
  font-size: var(--font-size-main);
  line-height: 22px;
  width: 20%;
  padding-right: 20px;
}
.footer-wrap .footer-nav-block__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-wrap .footer-nav-block-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
  font-weight: var(--font-weight-regular);
}
.footer-wrap .footer-nav-block-title .iconfont {
  display: none;
}
.footer-wrap .footer-nav-item {
  margin-bottom: 6px;
  font-size: var(--font-size-defalut);
}
.footer-wrap .footer-nav-item a {
  font-weight: var(--font-weight-lighter);
}
.footer-wrap .footer-nav-item a:hover {
  -webkit-text-decoration: var(--footer-nav-text-underline);
          text-decoration: var(--footer-nav-text-underline);
}
.footer-wrap .footer-nav-item:last-child {
  margin-bottom: 0;
}
.footer-wrap .footer-nav-icon-mob {
  display: none;
}
.footer-wrap .is-pc {
  display: block;
}
.footer-wrap .is-mb {
  display: none;
}

@media screen and (min-width: 960px) and (max-width: 1380px) {
  .footer-wrap .footer-nav {
    justify-content: space-between;
  }
}
.page-layout_mobile .is-pc {
  display: none;
}
.page-layout_mobile .is-mb {
  display: block;
}
.page-layout_mobile .footer-wrap {
  padding: 0;
}
.page-layout_mobile .footer-top {
  padding: 20px 0;
  line-height: 20px;
  font-size: var(--font-size-primary);
  border: 0;
  margin: 0;
}
.page-layout_mobile .footer-content {
  padding: 0 20px;
}
.page-layout_mobile .footer-nav {
  display: block;
  border-top: 1px solid #fff;
  padding: 0;
  margin-bottom: 15px;
}
.page-layout_mobile .footer-nav-block {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid var(--border-color-lighter);
}
.page-layout_mobile .footer-nav-block.is-show .footer-nav-icon-mob {
  transform: rotate(-180deg);
}
.page-layout_mobile .footer-nav-block.is-show .footer-nav-block-list {
  height: auto;
  padding: 4px 0px 16px;
}
.page-layout_mobile .footer-nav-block:nth-child(1) {
  width: 100%;
}
.page-layout_mobile .footer-nav-block .footer-nav-block-title {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
.page-layout_mobile .footer-nav-block .footer-nav-block-title .iconfont {
  display: block;
}
.page-layout_mobile .footer-nav-block-list {
  padding: 0px;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s;
  color: var(--font-color-primary);
}
.page-layout_mobile .footer-nav-item {
  display: flex;
  align-items: center;
  height: 33px;
  padding: 0;
  line-height: 18px;
  font-size: var(--font-size-defalut);
  margin-bottom: 0;
  font-weight: 300;
}
.page-layout_mobile .footer-content {
  display: block;
}
.page-layout_mobile .footer-nav-block-title {
  height: 44px;
  margin-bottom: 0;
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-lighter);
  border-bottom: 1px solid #fff;
}
.page-layout_mobile .footer-nav-icon-mob {
  display: block;
  transition: all 0.3s;
  font-weight: 500;
  font-size: var(var(--font-size-primary));
}
.gt-switch-lang {
  position: relative;
}
.gt-switch-lang .gt-select .el-input .el-input__inner {
  border-radius: 22px;
  padding-left: 40px;
  max-width: 160px;
  color: var(--font-color-primary);
}
.gt-switch-lang .gt-select .el-input.is-focus .el-input__inner {
  border-color: var(--switch-lang-hover-border-color);
}
.gt-switch-lang .pre-icon {
  position: absolute;
  transform: translateY(0%);
  left: 15px;
  z-index: 9;
  height: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gt-switch-lang.theme-black .gt-select .el-input .el-input__inner {
  border-radius: 22px;
  padding-left: 40px;
  max-width: 160px;
  color: var(--switch-lang-black-font-color);
  font-size: var(--switch-lang-black-font-size);
  background-color: var(--switch-lang-black-background-color);
}
.gt-switch-lang.theme-black .gt-select .el-input.is-focus .el-input__inner {
  border-color: var(--switch-lang-black-hover-border-color);
}
.subscribe-wrap .subscribe-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.subscribe-wrap .el-input__inner {
  height: 42px;
}
.subscribe-wrap .subscribe-submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 76px;
  padding: 0 14px;
  height: 42px;
  border: 2px solid #fff;
  font-size: --font-size-primary;
  font-weight: var(--font-weight-thin);
  line-height: 22px;
  color: var(--footer-font-color);
  cursor: pointer;
}

.success_dialog .el-dialog {
  max-width: 500px !important;
  width: 90% !important;
}
.success_dialog .el-dialog__header {
  border-bottom: none !important;
}
.success_dialog .el-dialog__footer {
  border-top: none !important;
}
.success_dialog .icon {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--success-icon-color);
}
.success_dialog .text {
  font-size: 16px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.success_dialog .main_text {
  padding-left: 40px;
}
.success_dialog .hello {
  margin-left: 16px;
}

.el-message-box {
  max-width: 420px !important;
  width: 90% !important;
}
.sp-dialog .el-dialog__header {
  padding: 44px 64px 20px;
}
.sp-dialog .el-dialog__header h1 {
  padding: 0;
  font-size: var(--font-size-secondary-title);
  font-weight: var(--font-weight-medium);
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  margin-top: 14px;
}
.sp-dialog .el-dialog__body {
  padding: 24px 64px 24px;
  overflow-y: auto;
  max-height: 60vh;
}
.sp-dialog .el-dialog__footer {
  padding: 20px 64px 64px;
  display: inline-flex;
  width: 100%;
}
.sp-dialog .el-dialog__footer .dialog-footer {
  width: 100%;
  display: flex;
}
.sp-dialog .el-dialog__footer .gt-button {
  width: 100%;
}

.page-layout_mobile .sp-dialog .el-dialog__header {
  padding: 44px 20px 20px;
}
.page-layout_mobile .sp-dialog .el-dialog__header h1 {
  padding: 0;
  font-size: var(--font-size-secondary-title);
  font-weight: var(--font-weight-medium);
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  margin-top: 14px;
}
.page-layout_mobile .sp-dialog .el-dialog__body {
  padding: 24px 20px 24px;
  overflow-y: auto;
  max-height: 60vh;
}
.page-layout_mobile .sp-dialog .el-dialog__footer {
  padding: 20px 20px 64px;
  display: inline-flex;
  width: 100%;
}
.page-layout_mobile .sp-dialog .el-dialog__footer .dialog-footer {
  width: 100%;
  display: flex;
}
.page-layout_mobile .sp-dialog .el-dialog__footer .gt-button {
  width: 100%;
}
.sp-payment-methods {
  border-radius: var(--border-radius-medium);
  border: 1px solid transparent;
  background: var(--order-nav-bg-color);
  border-radius: 4px;
}
.sp-payment-methods__error {
  border: 1px solid var(--font-color-error);
}
.sp-payment-methods__item-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--btn-color-default);
}
.sp-payment-methods__item-top .gt-radio {
  margin-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sp-payment-methods__item-top .el-radio__input.is-checked + .el-radio__label {
  color: var(--btn-color-default);
}
.sp-payment-methods__item {
  background: var(--color-white);
  border-radius: 4px;
  padding: 10px 16px;
}
.sp-payment-methods__item:last-child {
  border: none;
}
.sp-payment-methods__item-c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-payment-methods__item-c .el-image {
  height: 28px;
  display: flex;
}
.sp-payment-methods__item-c .el-image img {
  width: 28px;
  height: auto;
  margin: 0px;
}
.sp-payment-methods__item-c .sp-payment-methods__item-name {
  margin-left: 8px;
  white-space: break-spaces;
  word-break: break-word;
}
.sp-payment-methods__item-children {
  margin-top: 16px;
  border-top: 1px solid var(--border-color-regular);
  padding-top: 6px;
}
.sp-payment-methods__item-children-error {
  border: 1px solid var(--font-color-error);
  padding: 0px 10px 0 0;
  margin: 10px;
}
.sp-payment-methods__item-children .children-item {
  border: 1px solid var(--border-color-regular);
  margin-bottom: 10px;
  margin-top: 12px;
  padding: 10px 13px;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.sp-payment-methods__item-children .children-item-focus {
  border: 1px solid var(--btn-border-color);
}
.sp-payment-methods__item-children .children-item-img,
.sp-payment-methods__item-children .children-item .gt-image {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.sp-payment-methods__item-children .children-item-img img,
.sp-payment-methods__item-children .children-item .gt-image img {
  width: 100%;
}
.sp-payment-methods__item-children .children-item-disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
  cursor: not-allowed;
  border: 1px solid var(--border-color-regular);
  background: var(--login-button-background-disabled-color);
}
.sp-payment-methods__item-children .children-item-disabled .el-image {
  filter: opacity(0.5);
}
.sp-payment-methods__item-children .children-item .m-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-payment-methods__item-children .children-item .m-item .el-radio {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-payment-methods__item + .sp-payment-methods__item {
  margin-top: 12px;
}
.sp-payment-methods__item-third {
  width: 100%;
  padding-top: 16px;
}
.sp-payment-methods__second-item {
  width: 100%;
}
.sp-payment-methods__third-item {
  width: calc(100% - 10px - 34px);
  padding: 10px 13px 10px 0px;
  margin-left: 34px;
  border-top: 1px solid var(--border-color-lighter);
}
.sp-payment-methods__third-item-error {
  border: 1px solid var(--font-color-error);
}

.page-layout_mobile .sp-payment-methods__item-children .image-slot_error {
  min-width: 30px;
}
.page-layout_mobile .sp-payment-methods__item-children .gt-image {
  min-width: 30px;
}
.page-layout_mobile .sp-payment-methods__item-children .children-item {
  padding: 10px;
}
.page-layout_mobile .sp-payment-methods__item-children .children-item .gt-image {
  width: 20px;
  min-width: 20px;
}
.page-layout_mobile .sp-payment-methods__item-children .children-item p {
  width: calc(100% - 30px);
}
.sp-countdown {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-countdown-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-countdown-content__hidden {
  display: none;
}
.sp-countdown__text {
  font-size: var(--font-size-primary);
  font-weight: var(--font-weight-lighter);
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  margin-right: 8px;
  margin-left: 10px;
}
.sp-countdown__time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  position: relative;
}
.sp-countdown__time-main {
  position: relative;
  padding: 0px 6px;
}
.sp-countdown__time-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sp-countdown__time-item .top {
  position: absolute;
  bottom: 0;
  top: -13px;
  font-size: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 300;
  width: auto;
  word-break: keep-all;
  min-width: 100%;
}
.sp-countdown__time i {
  font-style: normal;
  display: inline-block;
  min-width: 8px;
  text-align: center;
}
.sp-countdown__time.has-background span {
  line-height: 28px;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.sp-countdown__time.has-background .sp-countdown__time-main {
  position: relative;
  padding: 0px 6px;
  border-radius: var(--border-radius-small);
  font-weight: var(--font-weight-lighter);
  background-color: var(--font-color-price);
}
.sp-countdown__time.has-background .divider-bg .sp-countdown__time-main {
  background-color: transparent;
}
.sp-countdown__time.has-background .divider-bg .sp-countdown__time-main .number-one {
  padding: 0 4px;
  background-color: var(--font-color-price);
  border-radius: var(--border-radius-small);
}
.sp-countdown__time.has-background .divider-bg .sp-countdown__time-main .number-one + .number-one {
  margin-left: 2px;
}
.sp-countdown .over-text {
  margin-left: 12px;
}

.gt-plp-falshsale .sp-container {
  padding: 0;
}
.gt-plp-falshsale .sp-row {
  max-width: var(--page-max-width);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gt-plp-falshsale__wrapper {
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 16px;
}
.gt-plp-falshsale__name {
  font-size: var(--font-size-secondary-title);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 28px;
  padding-top: 10px;
}
.gt-plp-falshsale__name span:nth-child(1) {
  display: inline-block;
  line-height: 60px;
}
.gt-plp-falshsale__name span:nth-child(1).has-border-bottom {
  border-bottom: 4px solid #000;
}
.gt-plp-falshsale__name span:nth-child(2) {
  font-size: var(--font-size-primary);
  font-weight: var(--font-weight-lighter);
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  margin-right: 8px;
  margin-left: 10px;
}
.gt-plp-falshsale__time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
}
.gt-plp-falshsale__time i {
  font-style: normal;
  display: inline-block;
  width: 8px;
  text-align: center;
}
.gt-plp-falshsale__time span {
  padding: 0px 6px;
  line-height: 28px;
  display: inline-block;
  font-weight: var(--font-weight-lighter);
  background-color: var(--font-color-price);
  color: #fff;
  vertical-align: middle;
  text-align: center;
  border-radius: var(--border-radius-small);
}

.page-layout_mobile .sp-container {
  padding: 0 !important;
}
.page-layout_mobile .gt-plp-falshsale .sp-row {
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.page-layout_mobile .gt-plp-falshsale__wrapper {
  flex-wrap: wrap;
  height: auto;
}
.page-layout_mobile .gt-plp-falshsale__wrapper .sp-countdown__text {
  margin-left: 0;
}
.page-layout_mobile .gt-plp-falshsale__name {
  font-size: var(--font-size-main);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 24px;
}
.page-layout_mobile .gt-plp-falshsale__name span:nth-child(1) {
  display: inline-block;
  line-height: 60px;
}
.page-layout_mobile .gt-plp-falshsale__name span:nth-child(1) .has-border-bottom {
  border-bottom: 4px solid #000;
}
.page-layout_mobile .gt-plp-falshsale__name span:nth-child(2) {
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-lighter);
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  margin-right: 2px;
  margin-left: 4px;
}
.sp-row {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.sp-container {
  max-width: var(--page-max-width);
  width: 100%;
  margin: 0px auto;
  position: relative;
}
.page-layout_mobile .sp-container {
  min-width: 280px;
  width: 100%;
  padding: 0 20px;
  position: relative;
}


.sp-container {
  max-width: var(--page-max-width);
  width: 100%;
  margin: 0px auto;
  position: relative;
}

.page-layout_mobile {
  .sp-container {
    min-width: 280px;
    width: 100%;
    padding: 0 20px;
    position: relative;
  }
}

.gt-header {
  background: var(--header-background-color);
  color: var(--header-font-color);
  position: sticky;
  top: 0px;
  z-index: 100;
  border-bottom: var(--header-bottom-border);
}
.gt-header_container {
  display: flex;
  justify-content: space-between;
  max-width: calc(var(--page-max-width) + 40px);
  margin: 0 auto;
  padding: 0 20px;
}
.gt-header_container .center a {
  display: block;
}
.gt-header .gt-header_container_right,
.gt-header .gt-header_container_left {
  width: 30%;
  display: flex;
  transition: all 0.2s ease 0s;
  align-items: center;
}
.gt-header .gt-header_container_right .iconfont,
.gt-header .gt-header_container_left .iconfont {
  font-size: var(--header-icon-font-size);
}
.gt-header .gt-header_container_right {
  justify-content: flex-end;
}
.gt-header .gt-header_container_right .gt-header-right__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: all 0.3s ease 0s;
}
.gt-header .gt-header_container_right .gt-header-right__wrapper > div {
  margin-left: 20px;
  padding-top: 10px;
}
.gt-header .gt-header_container_right .gt-header-right__wrapper > div .iconfont {
  font-size: var(--header-icon-font-size);
}
.gt-header .gt-header_container_right .gt-header-right__wrapper .shop-cart {
  position: relative;
}
.gt-header .gt-header_container_right .gt-header-right__wrapper .shop-cart .cart-num {
  position: absolute;
  background: var(--font-color-price);
  font-size: 12px;
  line-height: 12px;
  min-width: 24px;
  text-align: center;
  color: var(--color-white);
  padding: 4px;
  border-radius: 50%;
  bottom: 10px;
  right: -12px;
  transform: scale(0.8);
}
.gt-header .header-logo {
  display: block;
  width: auto;
  height: var(--header-logo-pc-height);
  margin: 15px 0 5px;
}
.gt-header .is-mb {
  display: none;
}
.gt-header .is-pc {
  display: block;
}

.page-layout_mobile .gt-header_container {
  padding: 15px 16px 15px;
}
.page-layout_mobile .gt-header_container .gt-header_container_right .gt-header-right__wrapper > div {
  margin-left: 12px;
  padding-top: 0px;
}
.page-layout_mobile .gt-header_container .header-logo {
  height: var(--header-logo-mobile-height);
  margin: 0px;
}
.page-layout_mobile .gt-header_container .is-mb {
  display: block;
}
.page-layout_mobile .gt-header_container .is-pc {
  display: none;
}
.gt-header-search {
  transition: all 0s ease 0s;
  width: auto;
  width: 18px;
  padding-right: 20px;
  margin-left: 10px;
}
.gt-header-search .highlights-text {
  font-weight: 500;
}
.gt-header-search__wrapper {
  position: relative;
  width: 18px;
  height: 18px;
  width: 100%;
}
.gt-header-search__icon {
  position: absolute;
  top: -2px;
  left: 1px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 101;
}
.gt-header-search__input {
  top: -33%;
  z-index: 100;
  width: 100%;
  height: 40px;
  position: absolute !important;
  right: 0px;
}
.gt-header-search__input.gt-input.el-input--small {
  display: none;
}
.gt-header-search__input.gt-input.el-input--small .el-input__inner {
  padding-left: 0;
  padding-right: 0;
  border: none !important;
  border-color: #fff;
}
.gt-header-search__list {
  display: none;
  margin-top: 28px;
  background: #ffffff;
  border-radius: 0px 0px 4px 4px;
  border: var(--font-color-placeholder);
  z-index: 999;
  width: 100%;
  max-height: 50vh;
  position: absolute;
  overflow-y: scroll;
}
.gt-header-search__list ul > li a {
  padding: 14px 21px;
  font-size: 16px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 24px;
  cursor: pointer;
  display: block;
}
.gt-header-search .pop-mask {
  width: 0;
  left: 0;
  bottom: 0;
  background: var(--font-color-placeholder);
}
.gt-header-search.focus {
  flex-grow: 1;
  margin-left: 30px;
}
.gt-header-search.focus .el-input__inner {
  padding-left: 46px;
  padding-right: 21px;
  background: var(--header-background-color);
  border-radius: 2px;
  border: 1px solid var(--font-color-regular);
  display: block;
}
.gt-header-search.focus .el-input__inner:focus {
  border: 1px solid var(--theme-color-primary) !important;
}
.gt-header-search.focus .pop-mask {
  position: fixed;
  width: 100%;
}
.gt-header-search.focus .gt-header-search__list {
  display: block;
}
.gt-header-search.focus .gt-header-search__icon {
  left: 10px;
  top: -2px;
}
.gt-header-search.focus .gt-header-search__input.gt-input.el-input--small {
  display: block;
}
.gt-header-search.focus .gt-header-search__input.gt-input.el-input--small .el-input__inner {
  padding-left: 0;
  padding-right: 0;
  padding-left: 43px;
  border-radius: 4px 4px 0px 0px !important;
  border: 1px solid var(--font-color-placeholder) !important;
}

.gt-header-search-drawer {
  width: 100% !important;
}
.gt-header-search-drawer .gt-header-search__drawer {
  width: 100%;
}
.gt-header-search-drawer .gt-header-search__drawer-list {
  margin-top: 14px;
}
.gt-header-search-drawer .gt-header-search__drawer-list ul > li {
  padding: 14px 0px;
  font-size: 16px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 24px;
}
.gt-header-search-drawer .gt-header-search__drawer-list ul > li .highlights-text {
  font-weight: 500;
}
.gt-header-search-drawer .el-drawer {
  width: 100% !important;
}
.gt-header-search-drawer .gt-header-search__drawer-top img {
  max-width: 102px;
  height: auto;
}
.gt-header-search-drawer .el-drawer__header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
}
.gt-header-search-drawer .el-drawer__header img {
  max-width: 120px;
}
.gt-header-search-drawer .el-drawer__body {
  padding: 0 20px;
}
.gt-header-search-drawer .gt-header-search__drawer-input {
  position: sticky;
  top: 0;
  padding-bottom: 10px;
  background-color: #fff;
}
.gt-header-search-drawer .gt-header-search__drawer-input-icon {
  position: absolute;
  top: 9px;
  left: 11px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 101;
}
.gt-header-search-drawer .gt-header-search__drawer-input .el-input__inner {
  padding-left: 33px;
}

.page-layout_mobile .gt-header-search__icon {
  top: -2px;
}



.el-dropdown-menu.gt-dropdown-menu {
  padding: 10px 14px;
}



.gt-voucher-comp .gt-checkbox-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 12px);
  height: 126px;
  max-width: 49%;
  margin-bottom: 24px;
  color: var(--font-color-primary);
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card .overe {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__save {
  font-weight: 600;
  line-height: 28px;
  font-size: 18px;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__desc span {
  text-decoration: underline;
  cursor: pointer;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__left {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 80%;
  background: radial-gradient(circle at top right, transparent 15px, var(--coupon-color-primary) 15px) top left, radial-gradient(circle at bottom right, transparent 15px, var(--coupon-color-primary) 15px) bottom left;
  background-size: 100% 51%;
  background-repeat: no-repeat;
  height: 100%;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__left::before {
  display: block;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: -3px;
  width: 6px;
  border-left: 6px dotted #fff;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__left-inner {
  width: 100%;
  height: 100%;
  padding: 0px 10px 0px 20px;
  border-right: 2px dashed var(--color-white);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right {
  width: 20%;
  padding: 25px 20px 25px 10px;
  background: radial-gradient(circle at top left, transparent 15px, var(--coupon-color-primary) 15px) top left, radial-gradient(circle at bottom left, transparent 15px, var(--coupon-color-primary) 15px) bottom left;
  background-size: 100% 51%;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout {
  border-radius: 50%;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__input {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__input .el-checkbox__inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__input .el-checkbox__inner::after {
  left: 7px;
  top: 4px;
  height: 8px;
  border-width: 2px;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__label {
  display: none;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right::after {
  display: block;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  border-right: 6px dotted #fff;
}
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card.is-disabled .gt-voucher-card__left,
.gt-voucher-comp .gt-checkbox-group .gt-voucher-card.is-disabled .gt-voucher-card__right {
  background: var(--coupon-color-disabled);
  color: var(--font-color-secondary);
}

.page-layout_mobile .gt-voucher-comp {
  width: 100%;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 126px;
  background: var(--color-white);
  margin-bottom: 24px;
  width: calc(100% - 32px);
  height: 126px;
  max-width: 96%;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__title {
  font-size: 12px;
  font-weight: 500;
  color: var(--font-color-primary);
  line-height: 20px;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__save {
  font-weight: 600;
  color: var(--font-color-primary);
  line-height: 28px;
  font-size: 16px;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__desc {
  font-size: 12px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 20px;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__desc span {
  text-decoration: underline;
  cursor: pointer;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__left {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 80%;
  background-size: 100% 51%;
  background-repeat: no-repeat;
  height: 100%;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__left-inner {
  width: 100%;
  height: 100%;
  padding: 0px 10px 0px 20px;
  border-right: 1px dashed rgba(0, 113, 227, 0.3);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right {
  border-radius: 0 8px 8px 0;
  width: 20%;
  padding: 25px 20px 25px 10px;
  background: radial-gradient(circle at top left, transparent 15px, var(--coupon-color-primary) 16px) top left, radial-gradient(circle at bottom left, transparent 15px, var(--coupon-color-primary) 16px) bottom left;
  background-size: 100% 51%;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout {
  border-radius: 50%;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__input {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__input .el-checkbox__inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group .gt-voucher-card__right .gt-checkout .el-checkbox__input .el-checkbox__inner::after {
  left: 7px;
  top: 4px;
  height: 8px;
  border-width: 2px;
}

.gt-tag {
  height: auto !important;
  z-index: 99;
}

.sp-plp-card {
  width: auto;
  height: auto;
  cursor: pointer;
}
.sp-plp-card__wrapper {
  width: 100%;
  text-align: var(--plp-card-text-align);
  position: relative;
  margin: var(--plp-card-margin);
}
.sp-plp-card__wrapper .sp-plp-card__img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.sp-plp-card__wrapper .sp-plp-card__img .el-image {
  width: 100%;
  height: 100%;
}
.sp-plp-card__wrapper .sp-plp-card__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon {
  position: absolute;
  z-index: 2;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon.upper-left {
  top: 0px;
  left: 0px;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon.upper-right {
  top: 0px;
  right: 0px;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon.bottom-left {
  bottom: 0px;
  left: 0px;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon.bottom-right {
  bottom: 0px;
  right: 0px;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon.top {
  top: 0px;
  left: 0px;
  right: 0px;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon.bottom {
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.sp-plp-card__wrapper .sp-plp-card__img .ribbon img {
  max-height: 88px;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sp-plp-card__wrapper .sp-plp-card__img .image-slot_error {
  background-color: #fff;
  min-height: 246px;
}
.sp-plp-card__wrapper .sp-plp-card__name .product-name {
  font-size: var(--plp-card-product-name-font-size);
  color: var(--plp-card-product-name-font-color);
  font-weight: var(--plp-card-product-name-font-weight);
  line-height: var(--plp-card-product-name-line-height);
  margin: var(--plp-card-product-name-margin);
  line-height: var(--plp-card-product-name-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: var(--plp-card-product-name-height);
  -webkit-box-orient: vertical;
  text-align: var(--plp-card-text-align);
}
.sp-plp-card__wrapper .sp-plp-card__price p {
  margin-bottom: 0;
  display: var(--plp-card-price-display);
}
.sp-plp-card__wrapper .sp-plp-card__price .productprice-not-equal-saleprice {
  display: var(--productprice-not-equal-saleprice-display);
}
.sp-plp-card__wrapper .sp-plp-card__price .productprice-not-equal-minprice {
  display: var(--productprice-not-equal-minprice-display);
}
.sp-plp-card__wrapper .sp-plp-card__price .product-price {
  padding: var(--plp-card-product-price-padding);
  padding: var(--plp-card-product-price-padding);
  display: var(--plp-card-product-price-display);
  font-size: var(--plp-card-product-price-font-size);
  color: var(--plp-card-product-price-font-color);
  -webkit-text-decoration: var(--plp-card-product-price-text-decoration);
          text-decoration: var(--plp-card-product-price-text-decoration);
  line-height: var(--plp-card-product-price-line-height);
  height: var(--plp-card-product-price-height);
  font-weight: var(--plp-card-product-price-font-weight);
}
.sp-plp-card__wrapper .sp-plp-card__price .sale-price {
  display: var(--plp-sale-price-display);
  font-size: var(--plp-card-sale-price-font-size);
  color: var(--plp-card-sale-price-font-color);
  font-weight: var(--plp-card-sale-price-font-weight);
  line-height: var(--plp-card-sale-price-line-height);
}
.sp-plp-card__wrapper .sp-plp-card__price .min-price {
  display: var(--plp-min-price-display);
  font-size: var(--font-size-main);
  color: var(--font-color-price);
  line-height: 22px;
}
.sp-plp-card__wrapper .sp-plp-card__sale-label {
  position: absolute;
  text-align: center;
  display: var(--plp-card-sale-label-display);
  transform: var(--plp-card-sale-label-transform);
  width: var(--plp-card-sale-label-width);
  height: var(--plp-card-sale-label-height);
  background-color: var(--plp-card-sale-label-bg-color);
  left: var(--plp-card-sale-label-left);
  top: var(--plp-card-sale-label-top);
  right: var(--plp-card-sale-label-right);
  bottom: var(--plp-card-sale-label-bottom);
  z-index: 1;
  font-size: var(--plp-card-sale-label-font-size);
  font-weight: var(--plp-card-sale-label-font-weight);
  color: var(--plp-card-sale-label-font-color);
  line-height: var(--plp-card-sale-label-line-height);
}

.page-layout_mobile .sp-plp-card {
  width: auto;
  height: auto;
}
.page-layout_mobile .sp-plp-card__wrapper {
  width: 100%;
  text-align: var(--plp-card-text-align);
  margin: var(--plp-card-mobile-margin);
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__img {
  width: 100%;
  height: auto;
  min-height: 126px;
  overflow: hidden;
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__img .el-image {
  width: 100%;
  height: auto;
  min-height: 142px;
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__img .ribbon img {
  height: auto;
  max-height: 64px;
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__img .image-slot_error {
  background-color: #fff;
  min-height: 126px;
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__name .product-name {
  font-size: var(--plp-card-mobile-product-name-font-size);
  color: var(--plp-card-product-name-font-color);
  font-weight: var(--plp-card-product-name-font-weight);
  line-height: var(--plp-card-product-name-line-height);
  margin: var(--plp-card-product-name-margin);
  line-height: var(--plp-card-product-name-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: var(--plp-card-product-name-height);
  -webkit-box-orient: vertical;
  text-align: var(--plp-card-text-align);
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__price p {
  margin-bottom: 0;
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__price .product-price {
  display: var(--plp-card-product-price-display);
  font-size: var(--plp-card-mobile-product-price-font-size);
  color: var(--plp-card-product-price-font-color);
  -webkit-text-decoration: var(--plp-card-product-price-text-decoration);
          text-decoration: var(--plp-card-product-price-text-decoration);
  line-height: var(--plp-card-product-price-line-height);
  height: var(--plp-card-product-price-height);
  font-weight: var(--plp-card-product-price-font-weight);
}
.page-layout_mobile .sp-plp-card__wrapper .sp-plp-card__price .sale-price {
  font-size: var(--plp-card-mobile-sale-price-font-size);
  color: var(--plp-card-sale-price-font-color);
  font-weight: var(--plp-card-sale-price-font-weight);
  line-height: var(--plp-card-sale-price-line-height);
}
.gt-empty {
  margin: 20px;
  width: calc(100% - 40px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.gt-empty__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: var(--empty-content-min-width);
}
.gt-empty__header .title {
  font-size: var(--empty-font-size);
  font-weight: 400;
  color: #000000;
  line-height: 28px;
}
.gt-empty__wrapper {
  font-size: var(--empty-font-size);
  min-height: var(--empty-content-min-height);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}
.gt-empty__wrapper .text {
  font-size: var(--empty-font-size);
  color: var(--font-color-secondary);
  text-align: center;
}
.gt-empty.custom .gt-empty__wrapper {
  min-height: 100%;
}

.page-layout_mobile .gt-empty {
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 16px;
}
.page-layout_mobile .gt-empty__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.page-layout_mobile .gt-empty__header .title {
  font-size: var(--empty-font-size);
  font-weight: 400;
  color: #000000;
  line-height: 28px;
}
.page-layout_mobile .gt-empty__wrapper {
  font-size: var(--empty-font-size);
  min-height: var(--empty-content-min-height);
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-layout_mobile .gt-empty__wrapper .text {
  font-size: var(--empty-font-size);
  color: var(--font-color-secondary);
}
.gt-advertisement {
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  color: white;
  background-color: transparent;
  opacity: 0.9;
  height: 0;
  transition: all 0.2s;
}
.gt-advertisement a {
  text-decoration: underline !important;
}
.gt-advertisement__content {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
}
.gt-advertisement__show {
  opacity: 1;
  height: auto;
}

.page-layout_mobile .gt-advertisement__content {
  padding: 8px 20px;
  height: auto !important;
  text-align: center;
}
.sp-page-cardt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
.sp-page-cardt__main {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-page-cardt__main-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 16px;
}
.sp-page-cardt__main-t {
  font-size: 16px;
  font-weight: 500;
  color: var(--font-color-dark-grey);
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 24px;
  line-height: 32px;
}
.sp-page-cardt__main-sub-t {
  font-size: var(--font-size-defalut);
  font-weight: 500;
  color: var(--font-color-dark-grey);
  line-height: 16px;
}
.sp-page-cardt-small .sp-page-cardt__main-t {
  font-size: 16px;
}
.sp-page-cardt-small .sp-page-cardt__main-sub-t {
  font-size: 12px;
}
.sp-page-cardt .other {
  border-left: 1px solid #eee;
  padding-left: 16px;
}

.page-layout_mobile .sp-page-cardt {
  flex-wrap: wrap;
}
.page-layout_mobile .sp-page-cardt__op {
  margin-top: 17px;
}
.page-layout_mobile .sp-page-cardt__main-t {
  font-size: 16px;
}
.page-layout_mobile .sp-page-cardt__main-sub-t {
  font-size: 12px;
}
.sp-breadcrumb {
  padding: 17px 0;
}
.sp-breadcrumb .el-breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-breadcrumb .el-breadcrumb__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gt-plp-card-switch {
  margin-bottom: 20px;
}
.gt-plp-card-switch__bottom {
  width: 100%;
  height: auto;
  height: 50px;
  overflow: hidden;
  padding: 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gt-plp-card-switch__bottom .color-picker {
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--border-color-lighter);
}
.gt-plp-card-switch__bottom .color-picker + .color-picker {
  margin-left: 4px;
  color: var(--font-color-secondary);
}
.gt-plp-card-switch__bottom .color-picker .el-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.gt-plp-card-switch__bottom .color-picker .el-image img {
  border-radius: 50%;
  transform: scale(2.5);
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.gt-plp-card-switch .more-color {
  cursor: pointer;
  margin-left: 4px;
}
.gt-plp-card-switch .no-color {
  width: 100%;
  height: auto;
  height: 50px;
  overflow: hidden;
  padding: 16px 0;
  font-size: var(--font-size-secondary);
  font-weight: 300;
  color: var(--font-color-secondary);
}

.gt-tooltip {
}

.gt-header-my .el-dropdown .icon-account {
  color: #000;
  cursor: pointer;
}
.gt-header-my__dropdown-hidden {
  display: none;
}
.gt-header-my__user {
  font-size: var(--font-size-primary);
  font-weight: var(--font-weight-medium);
  line-height: 30px;
  padding-bottom: 10px;
  width: auto;
  word-break: keep-all;
  white-space: nowrap;
  max-width: 600px;
  margin: 0px 20px;
  color: var(--font-color-primary);
  border-bottom: 1px solid var(--border-color-lighter);
}
.gt-header-my__wrapper {
  display: flex;
  justify-content: flex-start;
  padding: var(--header-my-padding);
  cursor: pointer;
}
.gt-header-my__wrapper .gt-header-my__fw {
  border-radius: var(--header-my-first-word-border-radius);
  width: var(--header-my-first-word-background-width);
  height: var(--header-my-first-word-background-height);
  text-align: center;
  background: var(--header-my-first-word-background-color);
  font-size: var(--header-my-first-word-font-size);
  font-weight: var(--header-my-first-word-font-weight);
  color: var(--header-my-first-word-font-color);
  line-height: 18px;
  margin-right: 8px;
  min-width: var(--header-my-first-word-background-width);
}
.gt-header-my__wrapper .gt-header-my__name {
  font-size: 12px;
  font-weight: var(--header-my-name-font-weight);
  color: var(--header-my-name-font-color);
  line-height: 18px;
}
.gt-header-mybasic {
  min-width: 164px;
  margin-top: 12px;
}
.gt-header-mybasic__item {
  cursor: pointer;
  padding: 10px 20px;
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 20px;
}
.gt-header-mybasic__item .gt-button {
  padding: 0;
}
.gt-header-mybasic__item a,
.gt-header-mybasic__item .el-button.gt-button.el-button--text {
  font-size: 15px;
  font-weight: 400;
  color: var(--font-color-primary);
  line-height: 22px;
}
.gt-header-mybasic__item a:hover,
.gt-header-mybasic__item .el-button.gt-button.el-button--text:hover {
  color: var(--font-color-primary);
}
.gt-header-mybasic__item:hover {
  background-color: var(--header-nav-hover-background-color);
  color: var(--font-color-primary);
}

.gt-nav-mobile-drawer .gt-header-mybasic__item {
  font-weight: 300;
}
.gt-nav-mobile-drawer .gt-header-mybasic__item.is-active {
  font-weight: 400;
}
.gt-nav-mobile-drawer .gt-header-mybasic__item button {
  padding: 0;
}
.gt-nav-mobile-drawer .gt-header-mybasic__item a,
.gt-nav-mobile-drawer .gt-header-mybasic__item button {
  font-size: 15px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 22px;
}
.gt-nav-mobile-drawer .gt-header-mybasic__item:hover {
  background-color: transparent;
  color: var(--font-color-primary);
}
.gt-header-mybasic-enter {
  min-width: 164px;
}
.gt-header-mybasic-enter__item {
  cursor: pointer;
  padding: 10px 20px;
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 20px;
}
.gt-header-mybasic-enter__item .gt-button {
  padding: 0;
}
.gt-header-mybasic-enter__item a,
.gt-header-mybasic-enter__item .el-button.gt-button.el-button--text {
  font-size: 15px;
  font-weight: 400;
  color: var(--font-color-primary);
  line-height: 22px;
}
.gt-header-mybasic-enter__item a:hover,
.gt-header-mybasic-enter__item .el-button.gt-button.el-button--text:hover {
  color: var(--font-color-primary);
}
.gt-header-mybasic-enter__item:hover {
  background-color: var(--header-nav-hover-background-color);
  color: var(--font-color-primary);
}

.gt-nav-mobile-drawer .gt-header-mybasic-enter {
  min-width: 164px;
}
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item {
  cursor: pointer;
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 48px;
  height: 48px;
  margin-bottom: 40px;
}
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item .gt-button {
  padding: 0;
}
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item a,
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item .el-button.gt-button.el-button--text {
  font-size: 15px;
  font-weight: 400;
  color: var(--font-color-primary);
  line-height: 22px;
}
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item a:hover,
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item .el-button.gt-button.el-button--text:hover {
  color: var(--font-color-primary);
}
.gt-nav-mobile-drawer .gt-header-mybasic-enter__item:hover {
  background-color: transparent;
  color: var(--font-color-primary);
}
.gt-header-mobile-my .el-collapse-item__header {
  padding: 10px 20px;
}
.gt-header-track-order .el-dropdown .iconfont {
  color: #000;
  cursor: pointer;
}

.gt-header-track-order__item {
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-medium);
  line-height: 30px;
  margin: 0px 20px;
  color: var(--font-color-primary);
}
.mask[data-v-728c6195]{background-color:rgba(0,0,0,.4);bottom:0;font-size:0;left:0;position:absolute;right:0;top:0;z-index:1}.block[data-v-728c6195]{background:inherit;height:50px;width:30%}.block.left[data-v-728c6195]{float:left}.block.right[data-v-728c6195]{float:right}.block.bottom[data-v-728c6195]{clear:both}.zoomer[data-v-9dd5af42]{overflow:hidden}.zoomer .custom-zoomer[data-v-9dd5af42]{transform-origin:left top}.selector[data-v-2bf22088]{background-color:rgba(0,0,0,.4);background-repeat:no-repeat;cursor:crosshair;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.selector.circle[data-v-2bf22088]{border-radius:50%}.vue-photo-zoom-pro[data-v-2fc2bc82]{display:inline-block;font-size:0;position:relative}.vue-photo-zoom-pro .out-zoomer[data-v-2fc2bc82]{background-repeat:no-repeat;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;position:absolute;right:-8px;transform:translate(100%)}
.page-pdp_perfect_companion .perfect-companion_list_item {
  display: flex;
  margin-bottom: 10px;
}
.page-pdp_perfect_companion .perfect-companion_list_item .item-image {
  width: 156px;
}
.page-pdp_perfect_companion .perfect-companion_list_item .item-center {
  padding: 8px 24px;
  flex-grow: 1;
}
.page-pdp_perfect_companion .perfect-companion_list_item .item-center .name {
  font-weight: var(--font-weight-lighter);
  font-size: 16px;
  margin-bottom: 8px;
}
.page-pdp_perfect_companion .perfect-companion_list_item .item-center .price {
  text-decoration: line-through;
  font-size: 14px;
}
.page-pdp_perfect_companion .perfect-companion_list_item .item-center .current-price {
  font-size: 16px;
  color: var(--font-color-price);
}
.page-pdp_perfect_companion .perfect-companion_list_item .item-right {
  padding: 8px 0px;
}

.page-layout_mobile .page-pdp_perfect_companion .perfect-companion_list_item {
  padding: 20px 0px;
  border-bottom: var(--border-small-default);
  align-items: flex-end;
}
.page-layout_mobile .page-pdp_perfect_companion .perfect-companion_list_item:first-child {
  padding-top: 0px;
}
.page-layout_mobile .page-pdp_perfect_companion .perfect-companion_list_item .item-image {
  width: 76px;
  flex-shrink: 0;
}
.page-layout_mobile .page-pdp_perfect_companion .perfect-companion_list_item .item-center {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-layout_mobile .page-pdp_perfect_companion .perfect-companion_list_item .icon-cart {
  font-size: 20px;
  cursor: pointer;
}
.page-layout_mobile .page-pdp_perfect-companion_dialog .el-dialog {
  width: 90vw !important;
}
.page-layout_mobile .page-pdp_perfect-companion_dialog .el-dialog .el-dialog__header {
  padding: 20px;
  border-bottom: var(--border-small-default);
}
.page-layout_mobile .page-pdp_perfect-companion_dialog .el-dialog .el-dialog__header h1 {
  padding: 0px;
  margin: 0px;
}
.page-layout_mobile .page-pdp_perfect-companion_dialog .el-dialog .el-dialog__body {
  padding: 30px 20px;
}
.page-layout_mobile .page-pdp_perfect-companion_dialog .el-dialog .el-dialog__footer {
  padding: 20px;
  border-top: var(--border-small-default);
}
.gt-pdp_recommend {
  width: 100%;
  max-width: var(--page-max-width40px);
  margin: 0px auto 40px auto;
  padding: 0px 20px;
}
.gt-pdp_recommend .sp-swiper-container {
  position: relative;
  overflow: hidden;
}
.gt-pdp_recommend__title {
  margin: 30px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
}
.gt-pdp_recommend .recommend-product_item {
  padding-bottom: 40px;
}

.page-layout_mobile .gt-pdp_recommend__title {
  font-size: 24px;
  text-align: left;
  padding: 0px var(--page-pc-padding);
}
.page-layout_mobile .gt-pdp_recommend .sp-swiper-container .swiper-slide {
  width: 100%;
}
.page-layout_mobile .gt-pdp_recommend .sp-swiper-container .swiper-slide .sp-plp-card {
  width: 100%;
}
.page-layout_mobile .gt-pdp_recommend .sp-swiper-container .swiper-button-prev,
.page-layout_mobile .gt-pdp_recommend .sp-swiper-container .swiper-button-next {
  display: none;
}
.gt-pdp_descripition {
  padding: 20px;
  max-width: var(--page-max-width);
  width: 100%;
  margin: 0px auto;
}
.gt-pdp_descripition_content img {
  max-width: 100%;
}

.page-layout_mobile .gt-pdp_descripition {
  padding: 20px 0px;
}
.gt-pdp__discount-info {
  padding: 0px 0px 20px;
}
.gt-pdp__discount-info-ipi {
  width: 54%;
  height: 0;
  overflow: hidden;
  border-radius: var(--border-radius-medium);
}
.gt-pdp__discount-info-ipi .ipi-methods {
  display: none;
}
.gt-pdp__discount-info-ipi.show {
  padding: 20px 12px 18px 16px;
  margin-bottom: 20px;
  margin-top: 10px;
  min-height: 20px;
  border: 1px solid var(--border-color-default);
  height: auto;
  display: block;
}
.gt-pdp__discount-info-ipi.show .ipi-methods {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.gt-pdp__discount-info-ipi.show .ipi-methods-p {
  font-size: var(--pdp-ipi-font-size);
  margin-bottom: 10px;
  margin-left: 5px;
  font-weight: var(--font-weight-regular);
}
.gt-pdp__discount-info-ipi.show .ipi-methods-item {
  border-radius: var(--border-radius-medium);
  cursor: pointer;
  border: 1px solid var(--font-color-placeholder);
  text-align: center;
  width: 22%;
  height: 36px;
  padding: 5px 3px;
  margin: 5px;
  margin-bottom: 12px;
}
.gt-pdp__discount-info-ipi.show .ipi-methods-item:hover {
  border: 1px solid var(--pdp-attr-active-color);
}
.gt-pdp__discount-info-ipi.show .ipi-methods-item.active {
  border: 1px solid var(--pdp-attr-active-color);
}
.gt-pdp__discount-info-ipi.show .ipi-methods-item img {
  width: auto;
  height: 100%;
  max-width: 100%;
}
.gt-pdp__discount-info-ipi.show .ipi-item-tax {
  font-size: 11px;
  line-height: 12px;
  text-align: right;
  color: #aaa;
  margin-bottom: 2px;
}
.gt-pdp__discount-info .ipi-content {
  display: flex;
  justify-content: space-between;
  line-height: 20px;
  margin: 5px;
  font-size: var(--pdp-ipi-font-size);
  font-weight: 300;
}
.gt-pdp__discount-info .ipi-content-title {
  font-weight: var(--font-weight-regular);
}
.gt-pdp__discount-info .gt-button {
  padding: 2px 0;
  font-weight: 300;
  color: var(--pdp-button-color);
}
.gt-pdp__discount-info-item {
  margin-top: 18px;
}

.gt-activity-details-dialog .el-dialog__body {
  padding-top: 0;
  padding-bottom: 40px;
}

.page-layout_mobile .gt-pdp__discount-info-ipi {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: height 0.2s linear;
  border-radius: var(--border-radius-medium);
}
.page-layout_mobile .gt-pdp__discount-info-ipi.show {
  padding: 24px 12px 18px 12px;
  margin-bottom: 20px;
  margin-top: 10px;
  min-height: 20px;
  border: var(--pdp-attr-border);
  height: auto;
}
.page-layout_mobile .gt-pdp__discount-info-ipi .ipi-methods {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.page-layout_mobile .gt-pdp__discount-info-ipi .ipi-methods-p {
  margin-bottom: 10px;
  margin-left: 3px;
}
.page-layout_mobile .gt-pdp__discount-info-ipi .ipi-methods-item {
  cursor: pointer;
  border: 1px solid var(--font-color-placeholder);
  text-align: center;
  width: 23%;
  height: 36px;
  padding: 10px 3px;
  margin: 3px;
  margin-bottom: 12px;
}
.page-layout_mobile .gt-pdp__discount-info-ipi .ipi-methods-item.active {
  border: 1px solid var(--pdp-attr-active-color);
}
.page-layout_mobile .gt-pdp__discount-info-ipi .ipi-methods-item img {
  max-width: 100%;
  width: auto;
  height: 100%;
}
.page-layout_mobile .gt-pdp__discount-info-ipi .ipi-content {
  margin: 3px;
}
.page-layout_mobile .gt-activity-details-dialog .el-dialog__body {
  padding-top: 0;
  padding-bottom: 40px;
}
#nuxt-app {
  overflow-y: auto;
}

.sp-plp-page {
  height: auto;
  min-height: 80vh;
  width: 100%;
  background-color: #fff;
  padding: 0 15px;
}
.sp-plp-page .gt-skeleton {
  margin: 20px auto 20px;
  width: 100%;
  max-width: var(--page-max-width);
}
.sp-plp-page .gt-skeleton .gt-skeleton-item {
  width: 100%;
  height: 264px;
  margin-bottom: 20px;
}
.sp-plp-page .gt-skeleton .gt-skeleton-item.el-skeleton__p {
  height: 20px;
}
.sp-plp-page .gt-skeleton.gt-page-plp_skeleton_product {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0px auto;
}
.sp-plp-page .gt-skeleton.gt-page-plp_skeleton_product .el-skeleton {
  display: flex;
  flex-wrap: wrap;
}
.sp-plp-page .gt-skeleton.gt-page-plp_skeleton_product .el-skeleton .skeleton-product_item {
  width: 20%;
  padding: 20px 15px;
  background: #fff;
}
.sp-plp-page .gt-skeleton.filter {
  margin-bottom: 0;
}
.sp-plp-page .gt-skeleton.filter .el-skeleton__p.el-skeleton__paragraph.is-last {
  margin: 0;
}
.sp-plp-page .sp-plp-top {
  position: sticky;
  position: -webkit-sticky;
  background: #fff;
  z-index: 3;
  top: var(--header-pc-height);
}
.sp-plp-page__morebtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  margin-top: 12px;
}
.sp-plp-page__morebtn .no-more-text {
  color: var(--font-color-placeholder);
  padding-top: 30px;
  padding-bottom: 50px;
}
.sp-plp-page__pgin {
  margin-top: 12px;
}
.sp-plp-page .sp-scroll-loading {
  max-width: var(--page-max-width);
  height: auto;
  overflow-y: auto;
  margin: 0 auto;
}
.sp-plp-page .el-loading-mask {
  z-index: 9999;
}

.page-layout_pc .sp-scroll-loading {
  max-width: var(--page-max-width);
}

@media only screen and (max-width: 1200px) {
  .sp-plp-page {
    padding: 0 40px;
  }
  .sp-plp-page .gt-page-plp_skeleton_product .el-skeleton .skeleton-product_item {
    width: 33%;
    padding: 20px;
    background: #fff;
  }
}
.page-layout_mobile .sp-plp-page {
  height: auto;
  padding: 0 16px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton {
  width: 100%;
  margin: 0px auto 16px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton.gt-page-plp_skeleton_product {
  width: 100%;
  margin-top: 36px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton.filter {
  margin-top: 16px;
  height: 50px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .gt-skeleton-item {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .gt-skeleton-item.el-skeleton__p {
  height: 20px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .el-skeleton .skeleton-product_item {
  width: 50%;
  min-width: 140px;
  padding: 0 5px;
  margin-bottom: 10px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .el-skeleton .skeleton-product_item .gt-skeleton-item {
  height: 160px;
  margin-bottom: 0;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .el-skeleton .skeleton-product_item .el-skeleton__p {
  width: 100%;
  height: 100%;
  height: 20px;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .el-skeleton .skeleton-product_item .el-skeleton__imag.el-skeleton__item {
  width: 100%;
  height: 100%;
}
.page-layout_mobile .sp-plp-page .gt-skeleton .sp-plp-top {
  top: var(--header-mobile-height);
}
.page-layout_mobile .sp-plp-page .gt-skeleton .el-loading-mask {
  z-index: 1999;
}

.sp-waterfall {
  /* animation */
}
.sp-waterfall .waterfall__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: v-bind(backgroundColor);
}
.sp-waterfall .waterfall__list.normal {
  margin: 0 auto;
  height: auto !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sp-waterfall .waterfall__item {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}
.sp-waterfall .waterfall__item.normal {
  position: static;
}
.sp-waterfall .waterfall__item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sp-waterfall .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sp-waterfall .fadeIn {
  animation-name: fadeIn;
}
.sp-waterfall__empty {
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-color-placeholder);
}

.page-layout_mobile .sp-waterfall {
  /* animation */
}
.page-layout_mobile .sp-waterfall .waterfall__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: v-bind(backgroundColor);
}
.page-layout_mobile .sp-waterfall .waterfall__list.normal {
  margin: 0 auto;
  height: auto !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.page-layout_mobile .sp-waterfall .waterfall__item {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}
.page-layout_mobile .sp-waterfall .waterfall__item.normal {
  position: static;
  flex: 0 0 49%;
  width: calc((100% - 10px) / 2);
  min-width: calc((100% - 10px) / 2);
  max-width: calc((100% - 10px) / 2);
}
.page-layout_mobile .sp-waterfall .waterfall__item.normal:nth-child(2n) {
  margin-right: 0;
}
.page-layout_mobile .sp-waterfall .waterfall__item img {
  width: 100%;
}
.page-layout_mobile .sp-waterfall .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page-layout_mobile .sp-waterfall .fadeIn {
  animation-name: fadeIn;
}
.page-layout_mobile .sp-waterfall__empty {
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-color-placeholder);
}
.gt-plp-paginator {
  display: flex;
  justify-content: space-around;
}
.gt-plp-filter {
  width: 100%;
  height: auto;
  position: sticky;
  position: -webkit-sticky;
  top: var(--header-pc-height);
  z-index: 99;
}
.gt-plp-filter .filter-mb {
  display: none;
}
.gt-plp-filter__wrapper {
  background-color: #fff;
  width: 100%;
  height: var(--plp-filter-bg-height);
  transition: height 0.5s;
}
.gt-plp-filter__wrapper.gt-plp-filter__dropdown {
  height: auto;
}
.gt-plp-filter__inner {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.gt-plp-filter__left {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-size-secondary-title);
  min-width: 160px;
}
.gt-plp-filter__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 8px;
}
.gt-plp-filter__title {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  line-height: 64px;
  height: 64px;
}
.gt-plp-filter__title.el-button--text {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  line-height: 64px;
  padding: 0;
}
.gt-plp-filter__title.el-button--text:hover {
  color: #000000;
}
.gt-plp-filter__selected {
  display: block;
  margin-bottom: 6px;
}

.page-layout_mobile .gt-plp-filter {
  top: var(--header-mobile-height);
}
.page-layout_mobile .gt-plp-filter .filter-pc {
  display: none;
}
.page-layout_mobile .gt-plp-filter__selected {
  display: none;
}
.gt-plp-filtermobile {
  display: none;
}

.page-layout_mobile .gt-plp-filtermobile {
  display: block;
}
.page-layout_mobile .gt-plp-filtermobile__ficon {
  width: auto;
  height: 50px;
  color: #000000;
}
.page-layout_mobile .gt-plp-filtermobile__ficon .iconfont {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
.page-layout_mobile .gt-plp-filtermobile__ficon .el-button {
  padding: 0;
  border: none;
}

.gt-plp-filtermobile__drawer {
  width: 100%;
  z-index: 9999;
  top: auto !important;
  min-height: 70vh;
  max-height: 90vh;
  bottom: 0 !important;
}
.gt-plp-filtermobile__drawer .el-drawer {
  width: 100% !important;
  position: relative;
  height: 100%;
  padding-bottom: 80px;
}
.gt-plp-filtermobile__drawer .el-drawer__header {
  border-bottom: 1px solid var(--border-color-regular);
  padding-bottom: 18px;
  padding-top: 18px;
  margin-bottom: 0;
}
.gt-plp-filtermobile__drawer .el-drawer__header span {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  line-height: 24px;
}
.gt-plp-filtermobile__drawer .el-drawer__container.el-drawer__open .el-drawer.btt {
  top: auto !important;
  min-height: 70vh;
  max-height: 90vh;
  bottom: 0 !important;
}
.gt-plp-filtermobile__drawer .gt-plp-filtermobile__drawer-ops {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  background: #ffffff;
  box-shadow: 0px -3px 6px 0px var(--border-color-regular);
}
.gt-plp-filtermobile__drawer .gt-plp-filtermobile__drawer-ops .gt-button {
  width: 50%;
  min-width: 100px;
}
.gt-plp-filter__opi-mb {
  padding: 0 20px;
}
.gt-plp-filter__opi-mb .el-collapse:first-child {
  border-top: none;
}
.gt-plp-filter__opi-mb .el-collapse-item__content {
  padding-bottom: 18px;
}
.gt-plp-filter__opi-mb .el-collapse .el-collapse-item__arrow {
  transform: rotate(90deg);
}
.gt-plp-filter__opi-mb .el-collapse .el-collapse-item__arrow.is-active {
  transform: rotate(-90deg);
}
.gt-plp-filter__optiontypes {
  width: 100%;
  padding: 5px 16px;
  overflow-y: auto;
  height: 100%;
  max-height: 280px;
}
.gt-plp-filter__optiontypes .el-checkbox-group .gt-checkbox {
  display: block;
  font-weight: 300;
  line-height: 32px;
  display: block;
}
.gt-plp-filter__optiontypes .el-checkbox-group .gt-checkbox .gt-image {
  width: 20px;
  height: auto;
  vertical-align: bottom;
  padding: 7px 0 0;
  display: inline-block;
  margin-right: 5px;
}
.gt-plp-filter__optiontypes-slider {
  padding: 0 10px 35px;
  min-width: 200px;
}
.gt-plp-filter__optiontypes-slider .el-slider__marks {
  width: 100%;
  position: absolute;
}
.gt-plp-filter__optiontypes-slider .el-slider__marks-text {
  max-width: 150px;
  width: -moz-max-content;
  width: max-content;
  transform: translateX(0%);
  width: 50%;
}
.gt-plp-filter__optiontypes-slider .el-slider__marks .el-slider__marks-text:nth-child(1) {
  left: -20px !important;
}
.gt-plp-filter__optiontypes-slider .el-slider__marks .el-slider__marks-text:nth-child(2) {
  right: 10px !important;
  left: auto !important;
  text-align: right;
}
.gt-plp-filter__opi {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gt-plp-filter__opi > section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.gt-plp-filter__options .gt-plp-filter__title {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  line-height: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 10px 16px;
}
.gt-plp-filter__options .gt-plp-filter__title-hover {
  transition: all 0.3s;
}

.el-dropdown-menu.gt-plp-filter__menulist {
  padding: 5px 0px;
  max-height: 300px;
  top: 100%;
  min-width: 180px;
}
.el-dropdown-menu.gt-plp-filter__menulist .el-checkbox-group .gt-checkout {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 32px;
}
.gt-plp-filter__delete {
  background: var(--color-white);
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  opacity: 0;
  transform: translateY(-30px);
  transition: all 0.3s;
}
.gt-plp-filter__delete .gt-plp-filter__attrs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gt-plp-filter__delete .gt-plp-filter__attrs .gt-button {
  transition: all 0.3s;
  background: var(--color-white);
  border-radius: 16px;
  border: 1px solid var(--border-color-default);
  font-size: 14px;
  font-weight: var(--font-color-regular);
  color: var(--font-color-primary);
  padding: 2px 12px;
  transition: all 0.3s;
  line-height: 20px;
  margin-bottom: 8px;
  opacity: 0;
  transition: all 0.3s;
}
.gt-plp-filter__delete .gt-plp-filter__attrs .gt-image {
  width: 20px;
  height: auto;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 5px;
}
.gt-plp-filter__delete-show {
  opacity: 1;
  transform: translateY(0);
}
.gt-plp-filter__delete-show .gt-plp-filter__attrs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gt-plp-filter__delete-show .gt-plp-filter__attrs .gt-button.el-button.gt-button.el-button--text {
  color: var(--font-color-primary);
}
.gt-plp-filter__delete-show .gt-plp-filter__attrs .gt-button {
  opacity: 1;
  background: var(--color-white);
  border-radius: 16px;
  border: 1px solid var(--border-color-default);
  font-size: 14px;
  font-weight: var(--font-color-regular);
  color: var(--font-color-primary);
  padding: 2px 12px;
  margin-bottom: 8px;
  vertical-align: bottom;
}
.gt-plp-filter__delete-show .gt-plp-filter__attrs .gt-button .iconfont {
  vertical-align: bottom;
  color: #bfbfbf;
  font-size: 14px;
}
.gt-plp-filter__delete .gt-plp-filter__clear-all {
  margin-left: 16px;
  font-size: 14px;
  font-weight: var(--font-color-regular);
  color: var(--font-color-secondary) !important;
  align-self: flex-start;
  padding: 6px;
}
.login-page-index {
  display: flex;
  max-width: var(--page-max-width);
  justify-content: space-around;
  margin: 0 auto;
}
.login-page-index__title {
  font-size: var(--font-size-primary);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 24px;
}
.login-page-index__left {
  max-width: 720px;
}
.login-page-index__right {
  margin: 20px auto;
  padding: 40px;
  width: 382px;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--login-border-color);
}
.login-page-index__right .el-input__icon {
  color: var(--font-color-primary);
  font-weight: 600;
  display: inline-block;
}
.login-page-index__right .login_button {
  width: 100%;
  font-size: 14px;
  background-color: var(--login-button-color);
  border-color: var(--login-button-color);
  margin-bottom: 16px;
}
.login-page-index__right .router-link {
  font-size: 14px;
  font-weight: 300;
  color: --login-font-color;
  line-height: 18px;
}
.login-page-index__right .router-link.router-link__register span {
  text-decoration: underline;
}
.login-page-index__right .el-divider {
  margin-top: 18px;
  margin-bottom: 12px;
}
.login-page-index__right .el-divider__text {
  color: var(--font-color-secondary);
}
.login-page-index__right .sp-login__third-btn {
  margin-top: 20px;
}
.login-page-index__right .forget_link {
  font-size: var(--font-size-defalut);
  font-weight: var(--font-weight-lighter);
  color: var(--font-color-primary);
  line-height: 18px;
  margin-bottom: 18px;
}
.login-page-index__right .el-form .el-form-item {
  margin-bottom: 28px;
}
.login-page-index__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  margin-top: 30px;
}
.login-page-index__error-tips {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  opacity: 0;
}
.login-page-index__error-tips .el-tag {
  width: 100%;
  height: 38px;
  line-height: 36px;
}
.login-page-index__error-tips .el-tag.el-tag--danger {
  color: var(--font-color-primary);
  font-weight: 300;
  background: var(--login-erroor-box-background-color);
  border: 1px solid var(--login-erroor-box-border-color);
}
.login-page-index__error-tips.show {
  opacity: 1;
  min-height: 30px;
  margin-bottom: 20px;
  height: auto;
}

.page-layout_mobile .login-page-index__left {
  max-width: 100%;
}
.page-layout_mobile .login-page-index__left img {
  width: 100%;
}
.page-layout_mobile .login-page-index__right {
  width: 100%;
  min-width: auto;
  max-width: 100%;
}
.sp-login__google-btn {
  position: relative;
  padding: 0 !important;
  width: 100%;
  height: 40px;
}
.sp-login__google-btn .el-icon-loading {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sp-login__google-btn > span {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp-login__google-btn div {
  background: transparent;
  border: none;
}
.sp-login__google-btn div svg {
  width: 16px;
  height: 16px;
  margin-top: -1px;
}
.sp-login__google-btn div:has(svg) {
  height: 18px;
}

.sp-login__google-icon {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  align-self: center;
}

#google-login-btn {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#google-login-btn #google-self-button {
  border: none;
  background-color: transparent;
  opacity: 0;
  top: 0;
  left: auto;
  right: auto;
  bottom: 0;
  position: absolute;
}
#google-login-btn #google-self-button:hover .sp-login__google-btn {
  opacity: 1;
  background-color: var(--btn-background-color-active);
  color: var(--btn-font-color-active);
  border-color: var(--btn-border-color-active);
}
#google-login-btn:hover .sp-login__google-btn {
  opacity: 1;
  background-color: var(--btn-background-color-active);
  color: var(--btn-font-color-active);
  border-color: var(--btn-border-color-active);
}
.sp-login__facebook-btn {
  position: relative;
  padding: 0;
  width: 100%;
  height: 40px;
}
.sp-login__facebook-btn .el-icon-loading {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sp-login__facebook-btn > span {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sp-login__facebook-icon {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  align-self: center;
}
.register-page-index {
  display: flex;
  max-width: var(--page-max-width);
  justify-content: space-around;
  margin: 0 auto;
}
.register-page-index .el-input__icon {
  color: var(--font-color-primary);
  font-weight: 600;
  display: inline-block;
}
.register-page-index .register_button {
  width: 100%;
  font-size: 14px;
  background-color: var(--login-button-color);
  border-color: var(--login-button-color);
  margin-bottom: 16px;
  margin-top: 10px;
}
.register-page-index .router_link {
  font-size: 14px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 18px;
  text-decoration: none;
}
.register-page-index__left {
  max-width: 720px;
}
.register-page-index__right {
  margin: 20px auto;
  padding: 40px;
  width: 382px;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--login-border-color);
}
.register-page-index__right .el-form .el-form-item {
  margin-bottom: 28px;
}

.page-layout_mobile .register-page-index__left {
  max-width: 100%;
}
.page-layout_mobile .register-page-index__left img {
  width: 100%;
}
.page-layout_mobile .register-page-index__right {
  width: 100%;
  min-width: auto;
  max-width: 100%;
}
.reset-password-pages {
  display: flex;
  max-width: var(--page-max-width);
  justify-content: space-around;
  margin: 0 auto;
}
.reset-password-pages .el-input__icon {
  color: var(--font-color-primary);
  font-weight: 600;
  display: inline-block;
}
.reset-password-pages .el-button.gt-button {
  width: 100%;
  margin-left: 0px;
  margin-top: 5px;
}
.reset-password-pages .reset_button {
  margin-bottom: 20px;
}
.reset-password-pages .reset_button.is-disabled {
  background: var(--login-button-background-disabled-color);
}
.reset-password-pages .reset_button.is-disabled:hover {
  background: var(--login-button-background-disabled-color);
}
.reset-password-pages__right {
  margin: 20px auto;
  padding: 40px;
  width: 382px;
  max-width: 800px;
  border: 1px solid var(--login-border-color);
}
.reset-password-pages__right .el-form .el-form-item {
  margin-bottom: 28px;
}

.page-layout_mobile .reset-password-pages__left {
  max-width: 100%;
}
.page-layout_mobile .reset-password-pages__left img {
  width: 100%;
}
.page-layout_mobile .reset-password-pages__right {
  width: 100%;
  min-width: auto;
  max-width: 100%;
}
.page-layout_mobile .reset-password-pages__right .change_button {
  margin-top: 8px;
}
.sp-guest-login {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 40px auto;
}
.sp-guest-login__form {
  width: 100%;
  height: 100%;
  text-align: center;
  border-right: 1px solid var(--border-color-default);
}
.sp-guest-login__form .gt-button {
  width: 100%;
}
.sp-guest-login__form-title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  color: var(--font-color-primary);
  line-height: 36px;
}
.sp-guest-login__form-desc {
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 20px;
  margin: 12px 0 28px 0;
}
.sp-guest-login__form-wrapper {
  min-width: 350px;
  padding: 10px 160px;
  height: 100%;
}
.sp-guest-login__form-wrapper .el-form {
  width: 90%;
  margin: 0 auto;
}
.sp-guest-login .login-page-index__top {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
}
.sp-guest-login .login-page-index__top .login-form__title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  color: var(--font-color-primary);
  line-height: 36px;
}
.sp-guest-login .login-page-index__top .login-form__desc {
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 20px;
  margin: 12px 0;
}
.sp-guest-login .login-page-index__right {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.sp-guest-login__member-tips {
  color: var(--theme-color-primary);
  padding: 0 0 12px;
  transition: all 0.3s;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.sp-guest-login__member-tips.show {
  height: auto;
  opacity: 1;
}

.page-layout_mobile .sp-guest-login {
  width: 100%;
  max-width: 100%;
  margin: 40px auto;
}
.page-layout_mobile .sp-guest-login__form {
  width: 100%;
  height: 100%;
  text-align: center;
  border-right: 1px solid var(--border-color-default);
}
.page-layout_mobile .sp-guest-login__form .gt-button {
  width: 100%;
}
.page-layout_mobile .sp-guest-login__form-title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  color: var(--font-color-primary);
  line-height: 36px;
}
.page-layout_mobile .sp-guest-login__form-desc {
  text-align: center;
  font-size: var(--btn-small-font-size);
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 20px;
  margin: 12px 0 28px 0;
}
.page-layout_mobile .sp-guest-login__form-wrapper {
  min-width: 350px;
  padding: 10px 160px;
  height: 100%;
}
.page-layout_mobile .sp-guest-login__form-wrapper .el-form {
  width: 90%;
  margin: 0 auto;
}
.page-layout_mobile .sp-guest-login .login-page-index {
  flex-wrap: wrap;
}
.page-layout_mobile .sp-guest-login .login-page-index .sp-guest-login__form-wrapper {
  padding: 10px 16px;
  min-width: 100%;
}
.page-layout_mobile .sp-guest-login .login-page-index .sp-guest-login__form-wrapper .el-form {
  width: 100%;
}
.page-layout_mobile .sp-guest-login .login-page-index__top {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
}
.page-layout_mobile .sp-guest-login .login-page-index__top .login-form__title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  color: var(--font-color-primary);
  line-height: 36px;
}
.page-layout_mobile .sp-guest-login .login-page-index__top .login-form__desc {
  text-align: center;
  font-size: var(--btn-small-font-size);
  font-weight: 300;
  color: var(--font-color-primary);
  line-height: 20px;
  margin: 12px 0;
}
.page-layout_mobile .sp-guest-login .login-page-index__right {
  border: none;
  border-top: var(--border-small-lighter);
  padding-left: 0;
  padding-right: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 80px;
}
.page-layout_mobile .sp-guest-login__member-tips {
  color: var(--theme-color-primary);
  padding: 0 0 12px;
  transition: all 0.3s;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.page-layout_mobile .sp-guest-login__member-tips.show {
  height: auto;
  opacity: 1;
}
.gt-page-shop-cart {
  width: 100%;
  max-width: calc(var(--page-max-width) + 40px);
  margin: 0px auto;
  position: relative;
  padding: 0px 20px;
}
.gt-page-shop-cart .page-shopcart_tab .gt-tabs.el-tabs--card > .el-tabs__header {
  border-bottom: 0px;
}
.gt-page-shop-cart .page-shopcart_tab .gt-tabs.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 0px;
  display: flex;
}
.gt-page-shop-cart .page-shopcart_tab .gt-tabs .el-tabs__header {
  display: none;
}
.gt-page-shop-cart .page-shopcart_tab .gt-tabs .el-tabs__content {
  overflow: inherit;
  position: inherit;
}
.gt-page-shop-cart .page-shopcart_tab .tab-label_list {
  padding: 0px 0px 20px 0px;
}
.gt-page-shop-cart .page-shopcart_tab .tab-label_list .el-radio {
  margin-right: 12px;
}
.gt-page-shop-cart .page-shopcart_tab .tab-label_list .el-radio .el-radio__label {
  padding-left: 0px;
}
.gt-page-shop-cart .page-shopcart_tab .tab-item {
  flex-grow: 1;
  padding: 20px;
  background: #fafafa;
  display: flex;
  align-items: baseline;
  font-weight: var(--font-weight-lighter);
}
.gt-page-shop-cart .page-shopcart_tab .tab-item.is-active {
  color: initial;
  background: #f5f5f5;
}
.gt-page-shop-cart .page-shopcart_tab .tab-item .right-content {
  padding-right: 6px;
  cursor: pointer;
}
.gt-page-shop-cart .page-shopcart_tab .tab-item h4 {
  font-size: 15px;
  font-weight: var(--font-weight-medium);
}
.gt-page-shop-cart .page-shopcart_tab .tab-item .des {
  font-size: 13px;
  margin-top: 14px;
  color: var(--font-color-secondary);
}
.gt-page-shop-cart .page-shopcart_tab .tab-item .shopcart-radio {
  margin-right: 20px;
  display: block;
}

.page-layout_mobile .gt-page-shop-cart {
  width: 100%;
  max-width: 100%;
}
.page-layout_mobile .gt-page-shop-cart .tab-label_list {
  padding: 0px 0px 20px 0px;
}
.page-layout_mobile .gt-page-shop-cart .tab-label_list .el-radio__label {
  padding-left: 0px;
}
.page-layout_mobile .gt-page-shop-cart .page-shopcart_tab .tab-item .right-content {
  padding-right: 2px;
}
.gt-page_shopcart .icon-delete {
  font-size: 14px;
  color: #000;
}
.gt-page_shopcart .page-shopCart_container {
  display: flex;
}
.gt-page_shopcart .page-shopCart_container_right {
  width: 400px;
  margin-left: 40px;
  background: #fafafa;
  padding: 0px 28px;
  position: relative;
  min-height: 80vh;
}
.gt-page_shopcart .page-shopCart_container_right .gt-skeleton {
  height: 100%;
}
.gt-page_shopcart .page-shopCart_container_right_content {
  position: sticky;
  top: var(--common-header-height);
  padding: 36px 0px;
}
.gt-page_shopcart .page-shopCart_container_right_content .right-top {
  text-align: left;
  font-weight: 500;
  font-size: 20px;
}
.gt-page_shopcart .page-shopCart_container_right .price-detail {
  padding-top: 20px;
}
.gt-page_shopcart .page-shopCart_container_right .price-detail li {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: var(--font-color-regular);
  margin-top: 8px;
}
.gt-page_shopcart .page-shopCart_container_right .price-detail li*:first-child {
  margin-top: 0px;
}
.gt-page_shopcart .page-shopCart_container_right .price-detail li.total {
  font-size: 18px;
  padding: 28px 0px 20px;
  margin-top: 20px;
  border-top: var(--checkout-total-border-top);
}
.gt-page_shopcart .page-shopCart_container_right .price-detail li.total label {
  font-weight: var(--font-weight-medium);
}
.gt-page_shopcart .page-shopCart_container_right .price-detail li.total span {
  font-weight: var(--font-weight-bold);
}
.gt-page_shopcart .page-shopCart_container_right .checkout-btn {
  width: 100%;
}
.gt-page_shopcart .page-shopCart_container_right .checkout-btn .gt-button {
  width: 100%;
}
.gt-page_shopcart .page-shopCart_container_left {
  flex-grow: 1;
  padding-bottom: 80px;
}
.gt-page_shopcart .page-shopCart_container_left .tab-label_list .el-radio__inner {
  width: 16px;
  height: 16px;
}
.gt-page_shopcart .page-shopCart_container_left .page-title {
  font-weight: var(--font-weight-medium);
  font-size: 24px;
  padding: 40px 20px;
}
.gt-page_shopcart .page-shopCart_container_left .select-all-box {
  border-bottom: var(--border-small-lighter);
  padding: 12px 0 12px var(--page-pc-padding);
  display: flex;
}
.gt-page_shopcart .page-shopCart_container_left .select-all-box .select-all-box_span {
  margin-left: 12px;
  font-weight: var(--font-weight-regular);
}
.gt-page_shopcart .page-shopCart_container_left .select-all-box .clear-invalid-btn {
  cursor: pointer;
}
.gt-page_shopcart .page-shopCart_container_left .select-all-box.invalid-box {
  justify-content: space-between;
}

.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container .page-shopCart_container_left {
  max-width: 100%;
  padding-bottom: 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container .page-shopCart_container_left .select-all-box {
  padding: 12px 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container .page-shopCart_container_left .page-title {
  font-weight: var(--font-weight-medium);
  font-size: 20px;
  padding: 24px 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .el-drawer.btt {
  background: #ffffff;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.12);
  border-radius: 16px 16px 0px 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .el-drawer__header {
  margin-bottom: 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .total {
  border-top: var(--border-small-lighter);
  padding-top: 20px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  line-height: 24px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .mobile-submit_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 68px;
  height: 68px;
  background: #ffffff;
  padding: 0px 16px;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.12);
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .mobile-submit_btn p {
  text-align: left;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .mobile-submit_btn .icon-arrow-down {
  transform: rotate(-180deg);
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .mobile-submit_btn.visible-total .icon-arrow-down {
  transform: rotate(0);
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .detail {
  padding: 0px 20px;
  font-size: 14px;
  font-weight: 400;
  color: var(--font-color-regular);
  line-height: 20px;
  margin-top: 24px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .mobile-submit .detail li {
  display: flex;
  justify-content: space-between;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right {
  width: 100%;
  margin-left: 0px;
  margin-top: 40px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  min-height: auto;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content {
  position: relative;
  top: 0px;
  padding: 36px 0px;
  z-index: 1;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn .gt-button {
  border-radius: 0px;
  width: auto;
  text-align: right;
  padding-right: 0px;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn .gt-button.el-button.is-loading:before {
  display: none;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn.mobile-checkout_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--btn-background-color);
  padding: 8px 16px;
  color: #fff;
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn.mobile-checkout_btn.is-disabled {
  background-color: var(--btn-background-color-disabled);
  border-color: var(--btn-background-color-disabled);
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn.mobile-checkout_btn p {
  text-align: left;
  font-size: 12px;
  flex-grow: 1;
  font-weight: var(--font-weight-medium);
}
.shopCart .page-layout_mobile .gt-page_shopcart .page-shopCart_container_right_content .checkout-btn.mobile-checkout_btn p label {
  display: block;
  font-weight: var(--font-weight-lighter);
  margin-bottom: 4px;
}
.sp-shopcart__product {
  margin-bottom: 40px;
}
.sp-shopcart__product .select-all_box {
  background: #f9f9f9;
  line-height: 48px;
  margin: 36px 0px 20px 0px;
  padding: 0px var(--page-pc-padding);
}
.sp-shopcart__product .shopcart-product__list__item:last-child .page-shopcart_sku {
  border-bottom: 0px;
}
.sp-shopcart__product .shopcart-product__list.disabled {
  opacity: 0.4;
}
.sp-shopcart__product .select-all_box {
  background: #f9f9f9;
  line-height: 48px;
  margin: 36px 0px 20px 0px;
  padding: 0px var(--page-pc-padding);
}
.sp-shopcart__product .shopcart-product__list__item:last-child .page-shopcart_sku {
  border-bottom: 0px;
}
.sp-shopcart__product .shopcart-product__list.disabled {
  opacity: 0.4;
}
.select-store {
  margin-top: 20px;
}
.select-store h4 {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  margin-bottom: 4px;
}
.select-store .select-store_list .store-list-item {
  border: var(--border-small-default);
  margin: 10px 0px;
  padding: 20px;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-default);
}
.select-store .select-store_list .store-list-item.active {
  border-color: var(--border-color-primary);
}
.select-store .select-store_list .store-list-item .store-name {
  color: var(--font-color-primary);
  display: flex;
  align-items: center;
}
.select-store .select-store_list .store-list-item .store-des {
  color: var(--font-color-secondary);
  font-weight: var(--font-weight-regular);
}
.select-store .empty {
  text-align: center;
  padding: 30px 20px;
  color: var(--font-color-secondary);
  font-weight: var(--font-weight-lighter);
}
.page-shopcart_sku {
  padding: 20px 0px 20px var(--page-pc-padding);
  border-bottom: var(--border-small-lighter);
}
.page-shopcart_sku_container {
  display: flex;
  justify-content: space-between;
}
.page-shopcart_sku_container.disabled .left .info,
.page-shopcart_sku_container.disabled .right,
.page-shopcart_sku_container.disabled .center {
  opacity: 0.4;
}
.page-shopcart_sku_container .left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.page-shopcart_sku_container .left .skuName {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  max-width: 500px;
}
.page-shopcart_sku_container .left .attribute {
  font-weight: var(--font-weight-lighter);
  padding: 6px 0px;
}
.page-shopcart_sku_container .left .picture {
  margin: 0px 12px;
  width: 118px;
  height: 118px;
  position: relative;
}
.page-shopcart_sku_container .left .picture .reason-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-lighter);
  font-size: 14px;
  border: 1px dashed var(--border-color-default);
}
.page-shopcart_sku_container .left .picture .el-image .el-image__inner {
  max-height: 118px;
}
.page-shopcart_sku_container .left .action-box {
  display: flex;
  align-items: flex-start;
}
.page-shopcart_sku_container .left .action-box .el-input-number--small {
  line-height: calc(var(--input-small-height) - 2px);
}
.page-shopcart_sku_container .left .action-box .el-input-number--small .el-input-number__decrease,
.page-shopcart_sku_container .left .action-box .el-input-number--small .el-input-number__increase {
  background: transparent;
}
.page-shopcart_sku_container .left .action-box .delete-sku {
  margin-left: 8px;
  border-radius: 4px;
  height: var(--input-small-height);
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: var(--border-small-default);
  cursor: pointer;
}
.page-shopcart_sku_container .right {
  flex-shrink: 0;
  margin-left: 12px;
  text-align: right;
}
.page-shopcart_sku_container .right .price {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
}
.page-shopcart_sku_container .right .product-price {
  text-decoration: line-through;
  color: var(--font-color-secondary);
}

.page-layout_mobile .page-shopCart_container {
  flex-wrap: wrap;
}
.page-layout_mobile .page-shopcart_sku {
  max-width: 100%;
  padding: 20px 0px;
}
.page-layout_mobile .page-shopcart_sku .left {
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.page-layout_mobile .page-shopcart_sku .left .image-slot_error {
  min-height: 100px;
}
.page-layout_mobile .page-shopcart_sku .left .cart-checkbox {
  margin-top: 40px;
}
.page-layout_mobile .page-shopcart_sku .left .picture {
  max-width: 118px;
  min-width: 98px;
  height: auto;
}
.page-layout_mobile .page-shopcart_sku .left .info {
  text-align: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-layout_mobile .page-shopcart_sku .left .info .mobile-price {
  display: block;
  margin: 8px 0px 12px 0px;
}
.page-layout_mobile .page-shopcart_sku .left .info .mobile-price .product-price {
  text-decoration: line-through;
  color: var(--font-color-secondary);
}
.page-checkout {
  display: flex;
  justify-content: space-between;
  padding: var(--page-pc-padding);
  padding-top: 40px;
  margin: 0px auto;
  width: 100%;
  max-width: var(--page-max-width);
  position: relative;
}
.page-checkout_title {
  font-size: 30px;
  border-bottom: var(--border-small-default);
  font-weight: var(--font-weight-medium);
  padding-bottom: var(--page-pc-padding);
}
.page-checkout .page-checkout_sub-title {
  font-size: 20px;
  border-bottom: var(--border-small-default);
  font-weight: var(--font-weight-medium);
  line-height: 68px;
}
.page-checkout .price-detail {
  padding-top: 20px;
}
.page-checkout .price-detail li {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: var(--font-color-regular);
  margin-top: 8px;
}
.page-checkout .price-detail li*:first-child {
  margin-top: 0px;
}
.page-checkout .price-detail li.total {
  font-size: 18px;
  padding: 20px 0px;
  margin-top: 0px;
}
.page-checkout .price-detail li.total label {
  font-weight: var(--font-weight-medium);
}
.page-checkout .price-detail li.total span {
  font-weight: var(--font-weight-bold);
}
.page-checkout .left {
  flex-grow: 1;
}
.page-checkout .right {
  width: 368px;
  margin-left: 28px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.page-checkout .right .right-container {
  position: sticky;
  top: calc(var(--header-pc-height) + 40px);
  z-index: 1;
}
.page-checkout .right .action {
  margin-top: 20px;
}
.page-checkout .right .action .action-btn {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  margin-left: 0px;
}

.page-layout_mobile .page-checkout {
  display: block;
}
.page-layout_mobile .page-checkout .left {
  width: 100%;
}
.page-layout_mobile .page-checkout .right {
  width: 100%;
  margin-left: 0px;
}
.page-layout_mobile .page-checkout .right .right-container {
  position: relative;
  top: 0px;
  z-index: auto;
}
.page-layout_mobile .page-checkout .right .action {
  margin-top: 20px;
}
.page-layout_mobile .page-checkout .right .action .action-btn {
  position: fixed;
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin-left: 0px;
  border-radius: 0;
  z-index: 99;
  margin-bottom: 0;
}
.page-checkout_product {
  margin-bottom: 80px;
}
.page-checkout_product .checkout-product_list__item {
  display: flex;
  justify-content: space-between;
  border-bottom: var(--border-small-default);
  padding: 24px 10px;
}
.page-checkout_product .checkout-product_list__item:last-child {
  border-bottom: 0px;
}
.page-checkout_product .checkout-product_list__item .sku-left .sku-name {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  margin-bottom: 4px;
}
.page-checkout_product .checkout-product_list__item .sku-right {
  flex-shrink: 0;
  margin-left: 20px;
}
.page-checkout_product .checkout-product_list__item .sku-right .price {
  font-weight: var(--font-weight-medium);
}
.page-checkout_product .checkout-product_list__item .product-image {
  margin-right: 20px;
}
.page-layout_mobile .gt-page_checkout__delivery {
  padding: 0px 24px 20px 24px;
}

.gt-page_checkout__delivery {
  margin: 40px 0px;
  background: #fafafa;
  padding: 0px 32px 20px 32px;
  border-radius: var(--border-radius-default);
}
.gt-page_checkout__delivery .page-checkout_sub-title {
  margin-bottom: var(--page-pc-margin);
}
.gt-page_checkout__delivery .store-title,
.gt-page_checkout__delivery .guest-address-title {
  color: var(--font-color-primary);
  font-weight: var(--font-weight-bold);
  margin: 20px 0px;
}
.gt-page_checkout__delivery .store-info {
  border: var(--border-small-default);
  padding: 20px;
  border-color: var(--border-color-default);
  background: #fff;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-default);
}
.gt-page_checkout__delivery .store-info .store-name {
  color: var(--font-color-primary);
  display: flex;
  align-items: center;
}
.gt-page_checkout__delivery .store-info .store-des {
  color: var(--font-color-secondary);
  font-weight: var(--font-weight-regular);
  margin-top: 8px;
}
.gt-page_checkout__delivery .checkout-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gt-page_checkout__delivery .checkout-form .gt-form-item {
  width: calc(50% - 10px);
}

.page-layout_mobile .gt-page_checkout__delivery .checkout-form {
  display: block;
}
.page-layout_mobile .gt-page_checkout__delivery .checkout-form .gt-form-item {
  width: 100%;
}
.page-checkout_coupon .coupon-title {
  padding: 20px 0px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
.page-checkout_coupon .coupon-title span {
  font-size: 18px;
  font-weight: var(--font-weight-medium);
}
.page-checkout_coupon .coupon-input {
  padding: 0px 0px;
  display: flex;
  margin-bottom: 20px;
}
.page-checkout_coupon .coupon-input .add-voucher_btn {
  flex-shrink: 0;
  margin-left: 12px;
}
.gt-voucher {
  margin-bottom: 16px;
}
.gt-voucher .gt-voucher_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background: var(--coupon-color-regular);
  padding: 10px 12px;
  line-height: 20px;
}
.gt-voucher .gt-voucher_block .block_left {
  color: var(--font-color-primary);
  font-weight: var(--font-weight-regular);
}
.gt-voucher .gt-voucher_block .block_right {
  color: var(--font-color-secondary);
}
.gt-voucher .gt-voucher-dialog__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gt-voucher .gt-voucher-dialog__wrapper .gt-voucher-card {
  margin-bottom: 24px;
}

.gt-voucher-details-dialog .el-dialog {
  max-width: 80%;
}
.gt-voucher-details-dialog .el-dialog__body {
  min-height: 200px;
}

.page-layout_mobile .page-checkout_voucher_drawer .el-drawer__header {
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom: var(--border-small-default);
}
.page-layout_mobile .page-checkout_voucher_drawer .el-drawer__header .page-checkout_voucher_drawer_title {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-medium);
  font-size: 20px;
  justify-content: space-between;
  color: var(--font-color-regular);
}
.page-layout_mobile .gt-voucher-comp .gt-checkbox-group {
  justify-content: center;
  padding-top: 24px;
}
.page-checkout_payment {
  margin: 40px 0px;
  background: #fafafa;
  padding: 0px 32px 20px 32px;
}
.page-checkout_payment .page-checkout_sub-title {
  margin-bottom: var(--page-pc-margin);
}
.page-checkout_payment .billing-address_container {
  margin-top: 28px;
}
.page-checkout_payment .billing-address_container_top {
  display: flex;
}
.page-checkout_payment .billing-address_container_top .checkbox {
  margin-right: 12px;
}
.page-checkout_payment .billing-address_container .address-info {
  margin-top: 20px;
  font-weight: var(--font-weight-lighter);
  line-height: 22px;
}
.gt-address_container {
  font-weight: var(--font-weight-lighter);
}
.gt-address_container .gt-address_list .item-title {
  height: auto;
  transition: all 1s;
  overflow: hidden;
}
.gt-address_container .gt-address_list .hide-title {
  height: 0;
  transition: all 1s;
}
.gt-address_container .gt-address_list .address-collapse {
  border: none;
}
.gt-address_container .gt-address_list .address-collapse .el-collapse-item__header {
  height: auto;
  line-height: auto;
  border-bottom: 0px;
  display: block;
  background-color: inherit;
}
.gt-address_container .gt-address_list .address-collapse .el-collapse-item__header .el-collapse-item__arrow {
  display: none;
}
.gt-address_container .gt-address_list .address-collapse .el-collapse-item__wrap {
  border-bottom: 0px;
  background-color: inherit;
}
.gt-address_container .gt-address_list-item {
  border-bottom: var(--border-small-lighter);
  padding: 20px 0px;
}
.gt-address_container .gt-address_list-item:last-child {
  border-bottom: 0px;
}
.gt-address_container .gt-address_list-item .add-new_item {
  padding-top: 20px;
}
.gt-address_container .gt-address_list-item__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
}
.gt-address_container .gt-address_list-item__content .item-left .el-radio__label {
  padding-left: 16px;
}
.gt-address_container .gt-address_list-item__content .address-center {
  flex-grow: 1;
}
.gt-address_container .gt-address_list-item__content .address-center.add-new {
  font-weight: var(--font-color-regular);
}
.gt-address_container .gt-address_list-item__content .address-operation {
  flex-shrink: 0;
}
.gt-address_container .gt-address_list-item__content .address-operation .el-button {
  color: var(--font-color-primary);
  text-decoration: underline;
  font-weight: var(--font-color-regular);
  padding: 0px 10px;
  margin-left: 0px;
}
.page-layout_mobile .gt-address_container .gt-address_list .item-title .gt-address_list-item__content {
  flex-wrap: wrap;
}
.page-layout_mobile .gt-address_container .gt-address_list .item-title .gt-address_list-item__content .address-center {
  width: calc(100% - 40px);
}
.page-layout_mobile .gt-address_container .gt-address_list .item-title .gt-address_list-item__content .address-operation {
  margin-left: 20px;
  margin-top: 10px;
}

.page-checkout_address {
  padding: 0px 32px 20px 32px;
  background: #fafafa;
}
.page-checkout_address .sub-title {
  line-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: var(--border-small-default);
}
.page-checkout_address .sub-title > span {
  font-size: 20px;
  font-weight: var(--font-weight-medium);
}
.page-checkout_address .address-title {
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--font-color-primary);
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-checkout_address .checked-address {
  padding: 20px 0px;
  font-weight: var(--font-weight-lighter);
  line-height: 22px;
}
.page-checkout_address .shipping-method .express-list {
  padding-top: 20px;
  display: flex;
}
.page-checkout_address .shipping-method .express-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  padding: 20px;
  border: var(--border-small-lighter);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  border-radius: var(--border-radius-default);
  background: #fff;
  max-width: 50%;
}
.page-checkout_address .shipping-method .express-list li.active {
  border-color: var(--theme-color-primary);
}
.page-checkout_address .shipping-method .express-list li + li {
  margin-left: 20px;
}

.page-layout_mobile .page-checkout_address .shipping-method .express-list {
  padding-top: 20px;
  display: block;
}
.page-layout_mobile .page-checkout_address .shipping-method .express-list li {
  margin: 10px 0px;
  width: 100%;
  max-width: 100%;
}
.gt-page_checkout__accept {
  padding: 0px;
  word-break: break-all;
  white-space: normal;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
}
.gt-page_checkout__accept .el-form-item__content {
  display: flex;
}
.gt-page_checkout__accept .el-form-item__error {
  padding-left: 22px;
}
.gt-page_checkout__accept .checkout-form .el-radio__label {
  display: none !important;
}
.gt-page_checkout__accept .checkout-form .el-form-item__label {
  display: none !important;
}
.gt-page_checkout__accept-label-wrapper {
  display: inline-block;
}
.gt-page_checkout__accept-label {
  padding-left: 6px;
  padding-right: 8px;
  padding-top: 4px;
  line-height: 22px;
  display: inline-block;
  color: var(--checkbox-accept-terms-font-color);
}
.gt-page_checkout__accept-label a {
  word-wrap: break-word;
  white-space: break-spaces;
  line-height: 20px;
  color: var(--checkbox-accept-terms-a-font-color);
  text-decoration: underline;
  text-decoration-color: var(--checkbox-accept-terms-a-text-decoration-color);
}
.gt-page_checkout__accept .el-radio__input {
  vertical-align: top;
}

.page-layout_mobile .gt-page_checkout__accept .checkout-form {
  display: block;
}
.page-layout_mobile .gt-page_checkout__accept .checkout-form .gt-form-item {
  width: 100%;
}
.page-layout_mobile .gt-page_checkout__accept .el-radio__input {
  vertical-align: middle;
  padding-top: 0px;
}
.sp-payment-result {
  width: 100%;
  min-height: calc(100vh - var(--header-pc-height));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 50px;
}
.sp-payment-result__img {
  width: 100%;
  height: 76px;
  text-align: center;
  margin-bottom: 16px;
}
.sp-payment-result__img img {
  width: 76px;
  height: auto;
}
.sp-payment-result__wrapper {
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.sp-payment-result__wrapper .iconfont {
  font-size: 80px;
}
.sp-payment-result__title {
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  margin-bottom: 40px;
  text-align: center;
  font-size: 36px;
  line-height: 44px;
}
.sp-payment-result__desc {
  margin-bottom: 20px;
}
.sp-payment-result__desc p {
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.65);
  line-height: 20px;
}
.sp-payment-result__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp-payment-result__btn .gt-button {
  width: 80%;
  max-width: 360px;
  height: 52px;
}
.sp-payment-result__btn .gt-button:last-child {
  margin-right: 0;
}
.sp-payment-result__btn .el-button.gt-button.el-button--plain {
  border-color: #000;
}
.sp-payment-result__btn .el-button.gt-button.el-button--plain:hover {
  border-color: #000;
}
.sp-payment-result__btn .el-button.gt-button.el-button--plain span {
  color: #000;
}
.sp-payment-result__btn span {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
}
.sp-payment-result__recommend {
  width: 100%;
  max-width: var(--page-max-width);
}
.store-component {
  width: 100%;
  height: calc(100vh - var(--header-pc-height));
  min-height: 500px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.store-component .store-list-wrap {
  width: var(--store--left-width);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  background-color: var(--store--left-bgcolor);
}
.store-component .store-google-map {
  flex: 1;
  height: 100%;
}
.store-component .store-list-search {
  padding: 20px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.store-component .store-list-search h2 {
  font-size: var(--font-size-info);
  color: var(--store--font-primary);
  margin-bottom: 30px;
}
.store-component .store-list-search p {
  font-size: var(--font-size-info);
  color: var(--store--font-des);
  margin-bottom: 10px;
}
.store-component .store-list-content {
  flex: 1;
  overflow-y: auto;
}
.store-component .store-list-item {
  padding: 12px 16px 12px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.store-component .store-name {
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: var(--store--font-primary);
  margin-bottom: 2px;
}
.store-component .store-des {
  line-height: 16px;
  font-size: var(--font-size-info);
  color: var(--store--font-primary);
  margin-bottom: 16px;
}
.store-component .store-operation {
  display: flex;
  justify-content: space-between;
}
.store-component .store-operation .gt-button {
  display: block;
  width: calc(50% - 5px);
}
.store-component .store-operation .contact-btn {
  display: block;
  width: calc(50% - 5px);
  text-decoration: none;
}
.store-component .store-operation .contact-btn .gt-button {
  display: block;
  width: 100%;
}
.store-component .store-select-wrap .el-select {
  width: 100%;
}

.page-layout_mobile .store-component {
  height: auto;
  min-height: 500px;
  flex-direction: column;
}
.page-layout_mobile .store-component .store-list-content {
  max-height: 328px;
  height: 328px;
  overflow-y: auto;
  margin: 0 0 10px;
}
.page-layout_mobile .store-component .store-list-wrap {
  width: 100%;
}
.page-layout_mobile .store-component .store-google-map {
  min-height: 791px;
}
.sp-store__google-map {
  height: 455px;
}
body {
  color: var(--font-color-default);
}
body .fade-enter-active,
body .fade-leave-active {
  transition: all 0.3s ease;
}
body .fade-enter,
body .fade-leave-to {
  opacity: 0;
}
body .gt-header .gt-header_container .logo {
  height: var(--header-logo-pc-height);
}
body .page-view__child {
  min-height: calc(100vh - var(--header-pc-height));
}

.page-layout_mobile .gt-header .gt-header_container .logo {
  height: var(--header-logo-mobile-height);
}
.page-layout_mobile .page-view__child {
  min-height: calc(82vh - var(--header-mobile-height));
}
.demo-footer .footer-bottom {
  padding: 78px 20px 0;
}
.demo-footer .footer-top {
  padding: 20px 0;
  color: var(--footer-font-color);
  font-size: var(--font-size-main);
  line-height: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: 200;
  text-align: center;
  margin-bottom: 28px;
}
.demo-footer .footer-partner-wrap {
  color: var(--footer-font-color);
}
.demo-footer .footer-partner-img ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.demo-footer .footer-partner-img ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 1.145vw;
}
.demo-footer .footer-partner-img ul li:last-child {
  padding-right: 0;
}
.demo-footer .footer-partner-img ul li:last-child:after {
  display: none;
}
.demo-footer .footer-partner-img ul li img {
  width: auto;
  height: 2.396vw;
  min-height: 20px;
  max-height: 46px;
}
.demo-footer .footer-partner-img ul li:after {
  display: block;
  margin-left: 1.145vw;
  content: "";
  visibility: visible;
  height: 1.562vw;
  max-height: 30px;
  min-height: 13px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.page-layout_mobile .demo-footer .footer-nav-icon-mob {
  height: 16px;
  width: 16px;
}
.page-layout_mobile .demo-footer .footer-bottom-content {
  flex-direction: column-reverse;
}
.page-layout_mobile .demo-footer .footer-social-media {
  padding-left: 0;
}
.subscribe-block {
  width: var(--footer-right-width);
}
.subscribe-block .title {
  margin-bottom: 16px;
  font-size: var(--font-size-main);
  font-weight: var(--font-weight-regular);
  color: var(--footer-font-color);
}
.subscribe-block .des {
  margin-bottom: 12px;
  line-height: 20px;
  font-size: var(--font-size-primary);
  font-weight: var(--font-weight-thin);
  color: var(--footer-font-color);
}
.subscribe-block .subscribe-content {
  width: 80%;
}
.sp-order {
  margin: 0 auto;
  height: auto;
  padding: var(--page-pc-padding);
  display: flex;
  flex-grow: 1;
  max-width: var(--page-max-width);
  position: relative;
  background-color: var(--order-background-color);
}
.sp-order-left {
  width: var(--order-nav-width);
  position: relative;
  height: auto;
  margin-top: 20px;
}
.sp-order-right {
  flex: 1;
  padding-left: 10px;
  min-height: 800px;
}
.sp-order-right .sp-order-list {
  transition: all 0.5s;
  min-height: 300px;
}
.sp-order-right .sp-scroll-loading {
  max-width: var(--page-max-width);
  height: auto;
  margin: 0 auto;
}
.sp-order-right .sp-order-list-item {
  margin-bottom: 10px;
}
.sp-order-right .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--btn-color-default);
  border-color: var(--btn-color-default);
  box-shadow: -1px 0 0 0 #000000;
}
.sp-order-right .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner:hover {
  color: #fff;
}
.sp-order-right .el-radio-group .el-radio-button__inner:hover {
  color: #000;
}
.sp-order-right .no-more-text {
  color: var(--font-color-placeholder);
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center;
}
.sp-order-right .list-enter-active,
.sp-order-right .list-leave-active {
  transition: all 0.3s;
}
.sp-order-right .list-enter,
.sp-order-right .list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.page-layout_mobile .sp-order {
  background-color: #f6f5f6;
  max-width: var(--page-max-width);
  padding: 0px 16px 20px;
  display: block;
}
.sp-order-nav {
  position: relative;
  width: 100%;
  width: var(--order-nav-width);
  min-height: 678px;
  position: sticky;
  top: var(--header-pc-height);
}
.sp-order-nav__wrapper {
  background: var(--order-nav-bg-color);
  width: var(--order-nav-width);
  padding: 36px 24px;
  height: 80vh;
}
.sp-order-nav__name {
  font-size: var(--order-nav-name-font-size);
  font-weight: var(--order-nav-name-font-weight);
  color: var(--order-nav-name-font-color);
  line-height: 36px;
  margin-bottom: 8px;
}
.sp-order-nav__item {
  font-size: var(--order-nav-item-font-size);
  font-weight: var(--order-nav-item-font-weight);
  color: var(--order-nav-item-font-color);
  line-height: 42px;
}
.sp-order-nav__item.active a {
  font-size: var(--order-nav-item-font-size);
  text-decoration: underline;
  text-decoration-color: var(--order-nav-item-text-decoration-color);
}

.page-layout_mobile .sp-order-nav {
  position: relative;
  width: 100%;
  width: var(--order-nav-width);
  min-height: 60px;
}
.page-layout_mobile .sp-order-nav__wrapper {
  background: var(--order-nav-bg-color);
  position: sticky;
  width: var(--order-nav-width);
  padding: 40px;
  min-height: 678px;
}
.sp-order-page {
  margin: 0 auto;
  padding: var(--page-pc-padding);
  max-width: var(--page-max-width);
  position: relative;
  padding-top: 0;
}
.sp-order-page .sp-order-left {
  width: 240px;
  position: relative;
  min-height: 600px;
}
.sp-order-page .sp-order-right {
  overflow: scroll;
  flex: 1;
  padding-left: 35px;
  min-height: 600px;
}
.sp-order-page .sp-order-right .gt-skeleton-block {
  display: flex;
  margin-bottom: 15px;
}
.sp-order-page .sp-order-right .sp-order-list {
  transition: all 0.5s;
  min-height: 300px;
}
.sp-order-page .sp-order-right .sp-scroll-loading {
  max-width: var(--page-max-width);
  height: auto;
  margin: 0 auto;
}
.sp-order-page .sp-order-right .sp-order-list-item {
  margin-bottom: 20px;
}
.sp-order-page .sp-order-right .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--btn-color-default);
  border-color: var(--btn-color-default);
  box-shadow: -1px 0 0 0 #000000;
}
.sp-order-page .sp-order-right .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner:hover {
  color: var(--color-white);
}
.sp-order-page .sp-order-right .el-radio-group .el-radio-button__inner:hover {
  color: #000;
}
.sp-order-page .sp-order-right .no-more-text {
  color: var(--font-color-placeholder);
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center;
}
.sp-order-page .sp-order-right .list-enter-active,
.sp-order-page .sp-order-right .list-leave-active {
  transition: all 0.3s;
}
.sp-order-page .sp-order-right .list-enter,
.sp-order-page .sp-order-right .list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
.sp-order-page .no-more-text {
  color: var(--font-color-placeholder);
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center;
}

.page-layout_mobile .sp-order {
  background-color: #fff;
  max-width: var(--page-max-width);
}
.page-layout_mobile .sp-order-page {
  padding: 0px 16px 20px;
}
.page-layout_mobile .sp-order-left {
  display: none;
}
.page-layout_mobile .sp-order-right {
  padding-left: 0px;
}
.page-layout_mobile .sp-order-right .sp-order__child .sp-order-page {
  padding: 0;
}
.sp-tabs .el-tabs .el-tabs__item {
  font-size: var(--order-status-tab-font-size);
  color: var(--order-status-tab-font-color);
}
.sp-tabs .el-tabs .el-tabs__item.is-active {
  color: var(--order-status-tab-active-font-color);
}
.sp-tabs .el-tabs .el-tabs__active-bar {
  color: var(--order-status-tab-active-bar-color);
  background-color: var(--order-status-tab-active-bar-color);
}

.page-layout_mobile .sp-tabs .el-tabs__nav-scroll {
  overflow-x: scroll;
}
.page-layout_mobile .sp-tabs .el-tabs__nav-scroll::-webkit-scrollbar {
  display: none;
}
.sp-order-page-block {
  margin: 0 auto;
  max-width: var(--page-max-width);
  position: relative;
  padding-top: 0;
}
.sp-order-page-block .sp-order-left {
  width: 240px;
  position: relative;
  min-height: 600px;
}
.sp-order-page-block .sp-order-right {
  overflow: scroll;
  flex: 1;
  padding-left: 35px;
  min-height: 600px;
}
.sp-order-page-block .sp-order-right .sp-order-list {
  transition: all 0.5s;
  min-height: 300px;
}
.sp-order-page-block .sp-order-right .sp-scroll-loading {
  max-width: var(--page-max-width);
  height: auto;
  margin: 0 auto;
}
.sp-order-page-block .sp-order-right .sp-order-list-item {
  margin-bottom: 20px;
}
.sp-order-page-block .sp-order-right .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--btn-color-default);
  border-color: var(--btn-color-default);
  box-shadow: -1px 0 0 0 #000000;
}
.sp-order-page-block .sp-order-right .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner:hover {
  color: var(--color-white);
}
.sp-order-page-block .sp-order-right .el-radio-group .el-radio-button__inner:hover {
  color: #000;
}
.sp-order-page-block .sp-order-right .no-more-text {
  color: var(--font-color-placeholder);
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center;
}
.sp-order-page-block .sp-order-right .list-enter-active,
.sp-order-page-block .sp-order-right .list-leave-active {
  transition: all 0.3s;
}
.sp-order-page-block .sp-order-right .list-enter,
.sp-order-page-block .sp-order-right .list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
.sp-order-page-block .no-more-text {
  color: var(--font-color-placeholder);
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center;
}

.page-layout_mobile .sp-order {
  background-color: #fff;
  max-width: var(--page-max-width);
}
.page-layout_mobile .sp-order-page {
  padding: 0px 16px 20px;
}
.page-layout_mobile .sp-order-left {
  display: none;
}
.page-layout_mobile .sp-order-right {
  padding-left: 0px;
}
.page-layout_mobile .sp-order-right .sp-order__child .sp-order-page {
  padding: 0;
}
.sp-account {
  margin-bottom: 16px;
}
.sp-account__say-hello {
  font-size: var(--font-size-primary);
  font-weight: 500;
  color: #000;
  line-height: 40px;
}
.sp-account__wel {
  font-size: var(--font-size-info);
  font-weight: 300;
  color: var(--font-color-dark-grey);
  line-height: 22px;
  margin-bottom: 4px;
}
.sp-account .el-button {
  min-width: 122px;
  border: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  color: #000;
}
.sp-order-list-item {
  margin-top: 16px;
  transition: all 0.3s;
  background-color: var(--color-white);
  padding: var(--order-list-item-padding) 0;
  border-radius: var(--border-radius-medium);
  border: 1px solid var(--border-color-lighter);
}
.sp-order-list-item:nth-child(1) {
  margin-top: 0;
}
.sp-order-list-item__title {
  height: 14px;
  font-size: var(--font-size-info);
  font-weight: var(--font-weight-medium);
  color: var(--font-color-dark-grey);
  line-height: 14px;
  margin-bottom: 10px;
  padding: 0 20px;
}
.sp-order-list-item .router-link {
  cursor: pointer;
}
.sp-order-list-item__time {
  padding: 0 20px;
  font-size: var(--font-size-info);
  color: var(--font-color-dark-grey);
  line-height: 18px;
}
.sp-order-list-item__time-blod {
  font-weight: var(--font-weight-medium);
  padding: 0 20px;
  font-size: var(--font-size-info);
  color: var(--font-color-dark-grey);
  line-height: 18px;
}
.sp-order-list-item__others {
  padding: 0 20px;
  padding-bottom: var(--order-list-item-padding);
}
.sp-order-list-item__others div {
  font-size: var(--font-size-info);
  font-weight: var(--font-weight-lighter);
  color: var(--font-color-dark-grey);
  line-height: 18px;
}
.sp-order-list-item__btn {
  border-top: 1px solid var(--border-color-lighter);
  padding: 0 var(--order-list-item-padding);
  padding-top: var(--order-list-item-padding);
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--font-color-dark-grey);
  line-height: 18px;
  font-size: var(--font-size-info);
}
.sp-order-list-item__btn .gt-button {
  min-width: var(--order-list-button-width);
  height: var(--order-list-button-height);
  border: 1px solid var(--order-list-button-border-color);
}
.sp-order-list-item__btn .gt-button.pay {
  background: var(--btn-color-pay);
  border-radius: var(--border-radius-medium);
  border: none !important;
  color: var(--color-white);
  min-width: var(--order-list-button-width) !important;
}
.sp-order-list-item__btn .el-button.pay:focus,
.sp-order-list-item__btn .el-button.pay:hover {
  color: var(--color-white);
  border-color: var(--btn-color-pay-hover);
  background-color: var(--btn-color-pay-hover) !important;
}
.sp-order-list-item__btn .btns {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.sp-order-list-item__price {
  font-weight: var(--font-weight-medium);
  color: var(--font-color-dark-grey);
}
.sp-order-list-item__empty {
  height: 218px;
  background-color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp-order-list-item__empty p {
  text-align: center;
  font-size: var(--btn-large-font-size);
  font-weight: var(--font-color-regular);
  color: var(--font-color-secondary);
  line-height: 24px;
}

.page-layout_mobile .sp-order-list-item__btn .pay,
.page-layout_mobile .sp-order-list-item__btn .gt-button {
  min-width: 140px;
}
.sp-order-paymentdialog .el-dialog {
  width: 60%;
  max-width: 800px;
}
.sp-order-paymentdialog .el-dialog__body {
  max-height: 600px;
  padding-bottom: 10px;
  overflow-y: auto;
}
.sp-order-paymentdialog .el-dialog__body .sp-payment-methods {
  padding: 24px 20px;
}

.page-layout_mobile .sp-order-paymentdialog .sp-dialog {
  width: 92%;
  margin: 0 auto;
}
.page-layout_mobile .sp-order-paymentdialog .sp-dialog .el-dialog {
  width: 100% !important;
}
.sp-delivery-type .iconfont {
  vertical-align: middle;
  margin-right: 5px;
}
.sp-delivery-type .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: var(--order-select-delivery-button-font-color);
  background-color: var(--order-select-delivery-button-backgroundColor);
  border-color: var(--order-select-delivery-button-border-color);
  box-shadow: -1px 0 0 0 var(--order-select-delivery-button-border-color);
}

.page-layout_mobile .sp-delivery-type .iconfont {
  display: none;
}
.page-layout_mobile .sp-delivery-type .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: var(--order-select-delivery-button-font-color);
  background-color: var(--order-select-delivery-button-backgroundColor);
  border-color: var(--order-select-delivery-button-border-color);
  box-shadow: -1px 0 0 0 var(--order-select-delivery-button-border-color);
  padding: 9px 8px;
}
.sp-order-details {
  width: 100%;
  padding-bottom: var(--page-pc-padding);
}
.sp-order-details .el-descriptions__title {
  font-weight: var(--font-weight-medium) !important;
}
.sp-order-details__wrapper {
  padding: var(--page-pc-padding);
  padding-top: 10px;
  margin: 0 auto;
  max-width: var(--page-max-width);
}
.sp-order-details__wrapper .pick-code span:nth-child(1) {
  font-size: 15px;
  font-weight: var(--font-weight-lighter);
  color: var(--font-color-primary);
  line-height: 20px;
}
.sp-order-details__wrapper .pick-code span:nth-child(2) {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 20px;
}
.sp-order-details__wrapper .el-button.pay:focus,
.sp-order-details__wrapper .el-button.pay:hover {
  color: var(--color-white);
  border-color: var(--btn-color-pay-hover);
  background-color: var(--btn-color-pay-hover);
}

.page-layout_mobile .sp-order-details {
  padding: 0px 0px;
}
.page-layout_mobile .sp-order-details__wrapper {
  padding: 0;
}
.sp-order-details {
  width: 100%;
  padding-bottom: var(--page-pc-padding);
}
.sp-order-details .el-descriptions__title {
  font-weight: var(--font-weight-medium) !important;
}
.sp-order-details__wrapper {
  padding: var(--page-pc-padding);
  padding-top: 10px;
  margin: 0 auto;
  max-width: var(--page-max-width);
}
.sp-order-details__wrapper .pick-code span:nth-child(1) {
  font-size: 15px;
  font-weight: var(--font-weight-lighter);
  color: var(--font-color-primary);
  line-height: 20px;
}
.sp-order-details__wrapper .pick-code span:nth-child(2) {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  color: var(--font-color-primary);
  line-height: 20px;
}
.sp-order-details__wrapper .el-button.pay:focus,
.sp-order-details__wrapper .el-button.pay:hover {
  color: var(--color-white);
  border-color: var(--btn-color-pay-hover);
  background-color: var(--btn-color-pay-hover);
}

.page-layout_mobile .sp-order-details {
  padding: 0px 0px;
}
.page-layout_mobile .sp-order-details__wrapper {
  padding: 0;
}
.sp-order-detail .el-descriptions {
  padding: 20px 20px 11px;
}
.sp-order-detail__basic {
  border: var(--border-small-default);
}
.sp-order-detail__order {
  background-color: #fff;
}
.sp-order-detail__invoice {
  border-top: var(--border-small-default);
  background-color: #fff;
}
.sp-order-detail__billing-info {
  border-top: var(--border-small-default);
}
.sp-order-detail__payment {
  background-color: #fff;
  margin-top: 10px;
  border: var(--border-small-default);
}
.sp-order-detail__payment-op {
  padding: 0 20px 20px;
}
.sp-order-detail__payment-op .gt-button {
  min-width: 176px;
}
.sp-order-detail__payment-op .gt-button:first-child {
  background: var(--btn-color-pay);
  color: #fff;
}

.page-layout_mobile .sp-order-detail__payment-op {
  padding: 0 20px 20px;
}
.page-layout_mobile .sp-order-detail__payment-op .gt-button {
  min-width: 106px;
}
.page-layout_mobile .sp-order-detail__payment-op .gt-button:first-child {
  background: var(--btn-color-pay);
  color: #fff;
}
.sp-order-products-wrapper {
  margin-bottom: 20px;
}
.sp-order-products-wrapper .sp-order-products-list {
  border: var(--border-small-default);
  transition: all 0.3s;
  background-color: #fff;
}
.sp-order-products-wrapper .sp-order-products-list__inner-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 10px;
  border-bottom: var(--border-small-default);
}
.sp-order-products-wrapper .sp-order-products-list__img {
  margin-right: 20px;
  width: 128px;
  height: 128px;
  display: flex;
}
.sp-order-products-wrapper .sp-order-products-list__img .el-image {
  width: 100%;
  height: 100%;
}
.sp-order-products-wrapper .sp-order-products-list__img img {
  width: 128px;
  height: auto;
  max-height: 128px;
}
.sp-order-products-wrapper .sp-order-products-list__subtotal {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
  background-color: #fff;
}
.sp-order-products-wrapper .sp-order-products-list__delivery {
  margin-top: 10px;
  background-color: #fff;
  border: var(--border-small-default);
}
.sp-order-products-wrapper .sp-order-products-list__delivery .el-descriptions {
  padding: 20px;
}
.sp-order-products-wrapper .sp-order-products-list__delivery .el-descriptions__header {
  margin-bottom: 0;
}
.sp-order-products-wrapper .sp-order-products-list__delivery-total {
  padding: 20px;
  border-top: var(--border-small-default);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #fff;
}
.sp-order-products-wrapper .sp-order-products-list__total {
  border: var(--border-small-default);
  padding: 20px;
  margin-top: 10px;
}
.sp-order-products-wrapper .sp-order-products-list__total-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.sp-order-products-wrapper .sp-order-products-list__total-item:last-child {
  margin-top: 10px;
}
.sp-order-products-wrapper .sp-order-products-list__total-item:last-child div {
  font-weight: var(--font-weight-medium);
}
.sp-track-order {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 40px auto;
}
.sp-track-order-title {
  font-size: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  line-height: 36px;
  text-align: center;
}
.sp-track-order-desc {
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  margin: 12px 0 28px 0;
  max-width: 385px;
  margin: 12px auto 32px;
}
.sp-track-order-wrapper {
  width: 90%;
  padding: 10px 10px;
  height: 100%;
  margin: 0 auto;
}
.sp-track-order-wrapper .el-form {
  max-width: 385px;
  margin: 0 auto;
}
.sp-track-order-wrapper .el-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: "";
  margin-right: 0;
}
.sp-track-order-wrapper .el-form .el-input-group__append .gt-button {
  border-top: none;
  border-bottom: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
}
.sp-track-order-wrapper .el-form .el-button--primary.is-disabled,
.sp-track-order-wrapper .el-form .el-button--primary.is-disabled:active,
.sp-track-order-wrapper .el-form .el-button--primary.is-disabled:focus,
.sp-track-order-wrapper .el-form .el-button--primary.is-disabled:hover {
  color: #fff;
  background-color: var(--btn-border-color-disabled);
  border-color: var(--btn-border-color-disabled);
}
.sp-track-order-continue {
  width: 100%;
}

.page-layout_mobile .sp-track-order-wrapper {
  width: 100%;
  padding: 20px;
}
.gt_contact_page {
  width: 100%;
}
.gt_contact_page .send_btn {
  width: 100%;
}
.gt_contact_page .gt_contact_page_form {
  padding: 60px;
  max-width: var(--page-max-width);
  margin: auto;
}
.gt_contact_page .form-field {
  padding: 0 10px !important;
}
.gt_contact_page .padding15p {
  padding: 20px 15px 40px;
}
.gt_contact_page .el-form-item__label {
  line-height: 20px !important;
}

.gt-success-dialog .el-dialog {
  max-width: 500px !important;
  width: 90% !important;
}
.gt-success-dialog__wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 24px;
  padding-top: 12px;
}
.gt-success-dialog__wrapper .icon-check-fill {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--success-icon-color);
}

.page-layout_mobile .warp_box {
  display: flex;
  flex-wrap: wrap;
}
.sp-landingpage-collection {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-flow: column;
  position: relative;
}
.sp-landingpage-collection .hasImage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
}
.sp-landingpage-collection .sp-row {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  justify-content: center;
  position: relative;
  max-width: 100%;
}
.sp-landingpage-collection .sp-row .sp-row-wrapper {
  width: 100%;
  max-width: 100%;
  z-index: 2;
  display: flex;
  position: relative;
}
.sp-landingpage-collection .row-box {
  display: flex;
  width: 100%;
  margin: 0 auto;
  align-items: flex-start;
}

.page-layout_mobile .sp-landingpage-collection {
  max-width: 100%;
}
.page-layout_mobile .sp-landingpage-collection .row-box {
  max-width: 100%;
}
.sp-background-comp {
  width: 100%;
  z-index: 0;
}
.sp-background-comp .sp-row-inner {
  background-repeat: no-repeat !important;
  width: 100%;
  display: flex;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
}
.sp-background-comp video {
  height: auto;
  width: auto;
}
.sp-landing-buttonblock .gt-button {
  font-size: var(--font-size-defalut);
  padding: 9px 10px;
}

.page-layout_mobile .sp-landing-buttonblock .gt-button {
  font-size: var(--font-size-info);
  padding: 7px 9px;
}
.sp-landing-textblock {
  width: 100%;
  word-break: break-word;
}
.sp-landing-textblock img {
  width: auto;
  max-width: 100%;
}
.sp-landing-imageblock {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 100%;
}
.sp-landing-imageblock__img-w {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.sp-landing-imageblock__img-w a {
  display: grid;
  width: 100%;
}
.sp-landing-imageblock__img-w .el-image__inner {
  width: 100%;
}
.sp-landing-imageblock__text {
  text-align: center;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.sp-landing-imageblock__text.text-cover {
  position: absolute;
  z-index: 1;
  bottom: 10px;
}
.page-layout_mobile .sp-landing-imageblock {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.page-layout_mobile .sp-landing-imageblock__img-w {
  position: relative;
}
.page-layout_mobile .sp-landing-imageblock__img-w a {
  display: grid;
}
.page-layout_mobile .sp-landing-imageblock__text {
  text-align: center;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.page-layout_mobile .sp-landing-imageblock__text.text-cover {
  position: absolute;
  z-index: 1;
  bottom: 10px;
}

.sp-landing-carouselblock {
  max-width: 100%;
}
.sp-landing-carouselblock .swiper-slide {
  width: 100%;
  height: auto;
  max-width: 100% !important;
}
.sp-landing-carouselblock .swiper-slide a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sp-landing-carouselblock .swiper-slide a img {
  width: 100%;
}
.sp-landing-carouselblock .swiper-slide a .cover-title {
  position: absolute;
  top: 10px;
  text-align: center;
  z-index: 2;
}
.sp-landing-carouselblock .swiper-wrapper {
  width: 100%;
}
.sp-landing-carouselblock .swiper-pagination {
  width: 100%;
  bottom: 0;
}
.sp-landing-carouselblock .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px;
}
.sp-landing-carouselblock .swiper-pagination .swiper-button-prev {
  left: 0;
  background-color: #000;
}
.sp-landing-carouselblock .swiper-pagination .swiper-button-next {
  background-color: #000;
  right: 0;
}

.page-layout_pc .sp-landing-splb__img-w {
  text-align: center;
}
.page-layout_mobile .sp-landing-splb__img-w {
  text-align: center;
}

.sp-landing-codeblock {
  width: 100%;
  height: auto;
}
.sp-landing-promotionblock {
  width: 100%;
}
.sp-landing-promotionblock .sp-plp-page {
  min-height: 500px;
}
.sp-landing-promotionblock .sp-plp-page .sp-scroll-loading {
  max-width: 100%;
}
.sp-landing-promotionblock__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  color: var(--font-color-placeholder);
}
.sp-landing-tabsblock {
  width: 100%;
  overflow: hidden;
}
.sp-landing-tabsblock .blocklist-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp-landing-tabsblock .swiper-wrapper .swiper-slide .swiper-row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: #f1f1f1;
}
.sp-landing-tabsblock .gt-landing-page__tab .el-tabs__nav-scroll {
  max-width: var(--page-max-width) !important;
  margin: 0 auto !important;
}
.sp-landing-productblock {
  width: 100%;
}
.sp-landing-productblock .gt-plp-filter {
  top: 10px;
  height: auto;
}
.sp-landing-productblock-byproducts {
  width: 100%;
}
.sp-landing-productblock-byproducts .sp-plp-page {
  min-height: auto;
}
.sp-landing-promotionblock {
  width: 100%;
}
.sp-landing-promotionblock .sp-plp-page {
  min-height: 500px;
}
.sp-landing-promotionblock .sp-plp-page .sp-scroll-loading {
  max-width: 100%;
}
.sp-landing-promotionblock__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  color: var(--font-color-placeholder);
}