/* video */
:root {
  --plyr-video-control-background-hover: rgba(0, 0, 0, 0.6);
  --plyr-range-fill-background: #fff;
  --plyr-range-track-height: 4px;
  --plyr-range-thumb-height: 10px;
  --plyr-control-spacing: 20px;
  --plyr-video-controls-background: linear-gradient(rgba(79, 79, 79, 0), #000000);
}
.plyr--full-ui{height: 100%;}
.plyr--video .plyr__controls:empty{padding: 0;}
.plyr--video .plyr__controls{
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  flex-wrap: wrap;
  justify-content: left;
  padding-bottom: 7px;
  padding-top: calc(var(--plyr-control-spacing,10px)*2);
}
.plyr button{height: auto;}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color: #999;}
.plyr__controls .plyr__control,.plyr__control--overlaid{opacity: 1; border-radius: 50%;border: 1px solid var(--color-primary-border, #E3D4EB);background-color: #fff;--plyr-control-icon-size: 20px;}
.plyr__controls .plyr__control:hover,.plyr__control--overlaid:hover{background-color: rgba(0, 0, 0, 0.6);box-shadow: 0 0px 20px 20px rgba(221,221,221,0.2) inset;}
.plyr__controls .plyr__controls__item:first-child{margin-right: 10px;margin-left: 0;}
.plyr__controls .plyr__controls__item.plyr__time{margin-left: 0;padding: 0;font-size: 16px;}
.plyr__controls .plyr__controls__item.plyr__time.plyr__time--duration{margin-right: auto;}
.plyr__time+.plyr__time{display: block !important;}
.plyr__time+.plyr__time:before{margin: 0 5px;}
.plyr [data-plyr=fullscreen]{margin-left: 10px;}
.plyr__controls .plyr__controls__item.plyr__progress__container{flex-basis: 100%;flex-shrink: 0;padding-top: 6px;padding-left: 0;margin-left: 0;}
.plyr__volume input[type=range]{display: none;}
.plyr__progress__buffer{border-radius: 4px;}
.plyr__control{padding: 7px;}
.plyr--full-ui.plyr--video .plyr__control--overlaid{padding: 12.5px;}
.plyr__control--overlaid svg{height: 43px;width: 43px;left: 0;}
.plyr__poster{background-size: contain;background-color: #000;}

[v-cloak]{display: none;}
.container{overflow: visible;}
.content{padding-bottom: 0;}
.d_none{display: none !important;}
.bg-f{background-color:#fff;}
.mb-10{margin-bottom: 10px;}
.toggle{cursor: pointer;}
.modal-open_absolute{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.popup-b2t{cursor: pointer;}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg{transform: translate3d(0px, 0px, 0px) scale(1);}

.product-content{padding-top: 20px;padding-bottom: 50px;}
.main-layout{flex-direction: row;justify-content: space-between;position: relative;align-items: flex-start;}
.left-layout{width: 51.66667%;position: -webkit-sticky; position: sticky; top: 0;padding-right: 20px;}
.right-layout{width: 48.33333%;}

.zoom-toolbar{position: absolute;right: 16px;bottom: 16px;background: #FFFFFF;border: 1px solid #D5D5D5;border-radius: 8px;z-index: 1;}
.zoom-toolbar .toolbar-item{padding: 8px;}
.zoom-toolbar .toolbar-item .iconfont{font-size: 20px;line-height: 1;}
.zoom-toolbar::after{content: '';display: block;position: absolute;top:50%;height: 1px;width: calc(100% - 16px);margin: 0 8px;background-color: #D5D5D5;}
.zoom-toolbar .toolbar-item.disabled{cursor: none;pointer-events: none;color: #999;}

.pmn{position: relative;width: 100%;overflow: hidden;}
.gallery-top-parent{padding: 0;flex-shrink: 0;width: calc(100% - 100px);margin-left: 100px;z-index: 0;overflow: hidden;position: relative;}
.gallery-top-parent .swiper-container{width: 100%;}
.gallery-top-next{right: 16px;}
.gallery-top-prev{left: 16px;}
.gallery-top-next:not(.swiper-button-disabled):hover,.gallery-top-prev:not(.swiper-button-disabled):hover{border-color: #333;background-color: #F6F6F6;}
.gallery-top-parent .swiper-slide{height: 0;padding-bottom: 100%;border-radius: 12px;}
.gallery-top-parent .swiper-slide>*:first-child{height: 100%;position: absolute;left: 0;top: 0;width: 100%;object-fit: contain;object-position: center;}
.gallery-top-parent .swiper-button-disabled {cursor: auto;pointer-events: auto;}
.slide-canvas{position: relative;}
.gallery-thumbs{width:80px;height:100%;margin: 0;position: absolute;left: 0;top: 0}
.gallery-thumbs .swiper-wrapper{flex-direction: column;}

.gallery-top .custom-edit-icon{position: absolute;bottom: 20px;right: 16px;width: 28px;height: 28px;z-index: 5;margin-left: 20px;}
.custom-edit-icon{ background-size: contain}
.swiper-controls.has-custom-edit-icon{width: calc(100% - 50px);}

.gallery-thumbs .swiper-slide{position: relative;width:80px;height:80px;margin-bottom: 12px;background-size: 100%; border-radius: 12px;opacity:1;transition: opacity 0.1s;}
.gallery-thumbs .swiper-slide:hover{opacity: 1;}
.gallery-thumbs .swiper-slide img{object-fit: cover;height: 100%;width: 100%;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1;position: relative;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after{content:"";width: 100%;height: 100%; display: block; border: 2px solid var(--color-primary, #712799);position: absolute; top: 0; left: 0;border-radius: 12px;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active[data-tab-name="product-preview"]::after{border: 1px solid var(--color-preview, #743F00);}
.gallery-thumbs .swiper-slide:last-child{margin-bottom: 0;}
 
.wishlist{position: absolute;right: 16px;top: 16px;z-index: 1;}
.icon-unwish,.icon-wish{width: 36px; height: 36px;border: 1px solid rgba(255, 138, 0, 0.2);border-radius: 50%;background-color: #fff;padding: 5px;}
.wishlist-toast{position: absolute;}
.wishlist-toast .dialog__toast.dialog-main{animation: output 0.5s ease-out 2.5s;left: auto !important; right: 60px !important;top: 19px !important;transform: none;max-width: none !important;border-radius: 20px;}
.wishlist-toast .dialog__toast .dialog-body{width: auto;height: auto;border-color: #FFE8CC;padding: 4px 8px; font-size: 14px;border-radius:22px;}
.wish-item.disabled{pointer-events: none;}
@keyframes output {
    from{transform: translate(0px, 0px);opacity: 1;}
    to{transform: translate(0px, -100%);opacity: 0;}
}

.share{padding:20px 20px 20px 100px;}
.share .title{font-size:14px;margin-right:14px;}
.share .share-item{margin-right:20px;font-size: 24px;height: 24px;}
.sp-fb{color: #1877F2;}
.sp-twwiter{color: #000000;}
.sp-pin{color: #E60023;}

.pmn img,.vi-p .pmn video,.vi-p .pmn iframe{width:100%;height:100%;}
.vi-p .pmn video{object-fit: contain;}
.pmn .swiper-container-0 img,.pmn .swiper-container-0 video{width:100%;height:100%;}     
.pmn .swiper-container-0 .swiper-slide{width:100%;height:100%;}
.swiper-controls{position: absolute;bottom: 16px;z-index: 1;left: 0;width: auto;flex-wrap: nowrap;padding: 0 16px;width: 100%;}
.swiper-tab{border: 1px solid var(--color-primary-border, #E3D4EB);border-radius: 20px;padding: 4px;background-color: rgba(255, 255, 255, 0.8);display: inline-block;font-size: 0;}
.swiper-tab .tab-item{font-size: 14px;color: #333;padding: 5.5px 8px;border-radius: 20px;display: inline-block;cursor: pointer;border: 1px solid transparent;--preivew-icon-fill:#333;}
.swiper-tab .tab-item.active{color: var(--color-primary, #712799);background-color: var(--color-primary-active, #F1E9F5);border: 1px solid var(--color-primary, #712799);font-weight: bold;}
.swiper-tab__product-preview .tab-item{white-space: pre;}
.swiper-tab__product-preview{border: none;padding: 0;}
.swiper-tab__product-preview .tab-item, .swiper-tab__product-preview .tab-item.active{color: #333333;background-color: #ECE5D8;padding: 4px 8.5px;font-size: 12px;}
.swiper-tab .tab-item[data-name="preview"]{padding: 4px 8px;}
.swiper-tab .tab-item[data-name="preview"].active,
.swiper-tab .tab-item[data-name="product-preview"].active{--preivew-icon-fill:var(--color-preview, #743F00);color: var(--color-preview, #743F00);background-color: var(--color-preview-bg, #FFE0A5);border: 1px solid var(--color-preview, #743F00);}
.swiper-controls .swiper-pagination{position: static;padding: 4px 8px;font-size: 14px;display: inline-flex;display: -webkit-inline-flex; display: -ms-inline-flexbox;align-items: center;justify-content: center; width: auto;border-radius: 11px;background: rgba(255, 255, 255, 0.80);}
.swiper-tab__preview > *{display: inline-block;}
.swiper-tab__preview .tab-item{padding: 4px 8px;}
.swiper-tab__preview .preview-image-item-name{font-size: 12px;padding: 3px 8px;color: #fff;border-radius: 14px;background-color: #333;}
.preview-image-item-name:empty{display: none !important;}

.swiper-controls.center{justify-content: center;}
.swiper-controls.between{justify-content: space-between;}

.product__name-share .product-name{font-size:18px;color: #333;}
.product__name-share .btn-product-share{margin: 0 0 0 16px;}
.figure{margin-top: 16px;}
.figure-top .rank{padding:0;}
.figure-top .rank_count{color: #FF8A00;font-size: 16px;font-weight: bold;}
.right-layout .now{font-size: 24px;font-weight: bold;}
.right-layout .old{text-decoration: line-through;margin-left:8px;font-size:16px;}
.right-layout .figure .coupon-prompt{color: #CD011C;font-size: 14px;font-style: normal;font-weight: 400;margin-bottom: 10px;}
.right-layout .figure .figure-top__rank{position: relative;}
.right-layout .figure .figure-top__rank:active::after{opacity: 1;}
.right-layout .figure .figure-top__tag{font-size: 14px;line-height: 20px;margin-left: 14px;padding-right: 2px;}
.figure-top__tag .icon{margin-right: 6px;}
.icon-new{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E %3Cpath opacity='0.4' d='M15.5815 15.721V9.66995C15.5815 9.17652 15.3855 8.70331 15.0366 8.3544L13.6458 6.96362C13.2969 6.61471 12.8237 6.4187 12.3302 6.4187H7.66995C7.17652 6.4187 6.70331 6.61471 6.3544 6.96362L4.96362 8.3544C4.61471 8.70331 4.4187 9.17652 4.4187 9.66995V15.721C4.4187 16.7485 5.25166 17.5815 6.27917 17.5815H13.721C14.7485 17.5815 15.5815 16.7485 15.5815 15.721Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.37207 11.0697C8.37207 10.6844 8.68443 10.3721 9.06974 10.3721H10.9302C11.3155 10.3721 11.6279 10.6844 11.6279 11.0697C11.6279 11.4551 11.3155 11.7674 10.9302 11.7674H9.06974C8.68443 11.7674 8.37207 11.4551 8.37207 11.0697Z' fill='%23FF9E2C'/%3E %3Cpath d='M12.3302 6.4187H7.66991C7.17649 6.4187 6.70327 6.61471 6.35436 6.96362L4.96358 8.3544C4.72545 8.59253 4.55855 8.88856 4.47656 9.2094H15.5236C15.4416 8.88856 15.2747 8.59253 15.0365 8.3544L13.6458 6.96362C13.2968 6.61471 12.8236 6.4187 12.3302 6.4187Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99992 2C10.3852 2 10.6976 2.31236 10.6976 2.69767V3.62791C10.6976 4.01322 10.3852 4.32558 9.99992 4.32558C9.61461 4.32558 9.30225 4.01322 9.30225 3.62791V2.69767C9.30225 2.31236 9.61461 2 9.99992 2Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0014 3.9987C18.2738 4.27116 18.2738 4.7129 18.0014 4.98536L17.3436 5.64314C17.0712 5.91559 16.6294 5.91559 16.357 5.64314C16.0845 5.37068 16.0845 4.92893 16.357 4.65648L17.0147 3.9987C17.2872 3.72624 17.7289 3.72624 18.0014 3.9987Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 11.9999C20 12.3852 19.6876 12.6976 19.3023 12.6976L18.3721 12.6976C17.9868 12.6976 17.6744 12.3852 17.6744 11.9999C17.6744 11.6146 17.9868 11.3022 18.3721 11.3022L19.3023 11.3022C19.6876 11.3022 20 11.6146 20 11.9999Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.32568 11.9999C2.32568 12.3852 2.01332 12.6976 1.62801 12.6976L0.697777 12.6976C0.312462 12.6976 0.000102258 12.3852 0.000102266 11.9999C0.000102275 11.6146 0.312462 11.3022 0.697777 11.3022L1.62801 11.3022C2.01332 11.3022 2.32568 11.6146 2.32568 11.9999Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.6429 5.64299C3.37044 5.91545 2.9287 5.91545 2.65624 5.64299L1.99847 4.98521C1.72601 4.71276 1.72601 4.27101 1.99847 3.99855C2.27092 3.7261 2.71267 3.7261 2.98513 3.99855L3.6429 4.65633C3.91536 4.92879 3.91536 5.37053 3.6429 5.64299Z' fill='%23FF9E2C'/%3E %3C/svg%3E");}
.icon-hot{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E %3Cpath opacity='0.4' d='M14.375 2.75V7.5625H5.625V2.75C5.625 1.7835 6.4085 1 7.375 1H12.625C13.5915 1 14.375 1.7835 14.375 2.75Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 18.5C13.866 18.5 17 15.366 17 11.5C17 7.63401 13.866 4.5 10 4.5C6.13401 4.5 3 7.63401 3 11.5C3 15.366 6.13401 18.5 10 18.5ZM11.1753 9.47041L10.6885 8.44499C10.4069 7.85167 9.59312 7.85167 9.31148 8.44499L8.82474 9.47041C8.7129 9.70602 8.49671 9.86933 8.24663 9.90711L7.15823 10.0715C6.52846 10.1667 6.277 10.9713 6.73271 11.4332L7.52028 12.2314C7.70124 12.4148 7.78381 12.679 7.7411 12.9379L7.55518 14.065C7.4476 14.7171 8.10594 15.2144 8.66922 14.9065L9.64271 14.3744C9.86639 14.2521 10.1336 14.2521 10.3573 14.3744L11.3308 14.9065C11.8941 15.2144 12.5524 14.7171 12.4448 14.065L12.2589 12.9379C12.2162 12.679 12.2988 12.4148 12.4797 12.2314L13.2673 11.4332C13.723 10.9713 13.4715 10.1667 12.8418 10.0715L11.7534 9.90711C11.5033 9.86933 11.2871 9.70602 11.1753 9.47041Z' fill='%23FF9E2C'/%3E %3C/svg%3E");}

.sale-list .sale-item{margin-right: 4px;margin-bottom:8px;font-size:16px;padding:2px 8px;position: relative;max-width: 100%;border-radius: 12px;}
.sale-list .sale-item__shipping{background: var(--color-free-bg, #E6FFF9);border: 1px solid var(--color-free-border, #B1EBDD);color:var(--color-free, #279999);}
.sale-list .sale-item__delivery{background: #E4F1FF;border: 1px solid #B4DBFF;color:#276299;z-index: 2;}
.sale-list .sale-item__promotion{background: #FFE4EE;border: 1px solid #FFB4CB;color:#EA3068;}
.sale-list .sale-item__fast{background: #FFF3E4;border: 1px solid #FFD3B4;color:#D96714;}
.sale-list .sale-item--tip{position: absolute;width:50vw;max-width: 200px;max-height: 80px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);border-radius: 4px;left: -1px;top: 36px;padding:10px 12px;cursor: auto;}
.sale-list .sale-item--tip *{font-size: 14px;line-height: 18px;}
.sale-list .sale-item--tip::after{content: '';display:block;width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:11px;border-style:dashed dashed solid dashed;border-color:transparent transparent #fff transparent;position:absolute;top:-21px;left:50px;}
.sale-list .sale-item--tip::before{content: '';display:block;position:absolute;top:-25px;left:49px;width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:12px;border-style:dashed dashed solid dashed;border-color:transparent transparent rgba(0,0,0,0.1) transparent;filter: blur(2px);-webkit-filter: blur(2px);}

.preview-button{margin:0 0 20px; width: 100%;border-radius: 25px;background: var(--color-preview-bg, #FFE0A5);color: var(--color-preview, #743F00);font-weight: bold;}

/*review*/
.review{padding-top:40px;margin-top:20px;background: #fff;}
.review .title{font-size: 28px;padding-bottom: 20px;}
.review .review_rank_box_bg{background-color: #FCF6F1;padding: 16px;border-radius: 12px;}
.review .review_rank_box .rank{padding: 0;}
.review .review_rank_box .rank .s-r{width: 20px;height: 20px;background-size: 100%;}
.review .review_rank_box .rank_count_rate{margin-right: 4px;font-size: 24px;color: #FF8A00;}
.review .review_rank_box .rank_count{margin-left: 16px;}
.review .rank{padding:0;}
.review .review-item .rank .s-r{width: 14px;height: 14px;background-size: 100%;line-height: 14px;margin: 1px;}
.review .rank_num{margin-bottom:5px;justify-content: center;align-items: center;}
.review .rank_num .num{font-size:14px;color: #999;} 
.review .review-content{margin: 0 auto;} 
.review .review-item{padding:30px 0;width:100%;border-bottom: 1px solid #EBEBEB;}
.review .review-item:last-child{border-bottom: none;margin-bottom: 0;}
.review .item-left{width: 186px;flex-shrink: 0;flex-wrap: nowrap;padding-right: 24px;align-items: flex-start;}
.review .user-img{margin-right: 10px;width:24px;height:24px;border-radius: 50%;background-color: #EBEBEB;color:#999;font-size: 14px;line-height: 24px;text-align: center;overflow: hidden;}
.review .user-img>img{object-fit: cover;}
.review .country-img{width: 15px;height: 10px;border-radius: 1px;overflow: hidden;display: inline-block;}
.review .user-country-name{position: relative;line-height: 16px;font-size: 14px;}
.review .country-img-before{float: right;clear: both;display: block;width: 15px;height: 10px;margin-left: 6px;}
.review .country-img-after{position: relative;display: inline-block;width: 15px;height: 10px;margin-left: 6px;}
.review .country-img-after::after{content: '';position: absolute;background: #fff;left: 0;width: 40px;height: 40px;bottom: -40px;}
.review .name-date{font-size: 14px;flex: 1;width: calc(100% - 32px - 14px);position: relative;overflow: hidden;display: flex;flex-direction: column;}
.review .name-date .date-flag-box{margin-top: 10px;font-size: 0;}
.review .date-flag-box .review-date{font-size: 14px;color: #999;}
.review .date-flag-box .country-img + .review-date::before{content:'';height: 10px;width: 1px;background-color: #D9D9D9;display: inline-block;margin: 0 8px;}
.review .item-center{width: 464px;flex: 1;}
.review .item-center .rank{padding:0 0 10px;}
.review .reviews-preview{position: relative;padding-right: 64px;}
.review .reviews-preview .cont{font-size: 16px;line-height: 20px;word-break: break-word;}
.review .toggle-preview-wrapper{width: 24px;height: 14px;border-radius: 14px;background-color: #D9D9D9;position: absolute;right: 30px;bottom: 0;text-align: center;line-height: 14px;transition: all 0.1s ease-in-out;cursor: pointer;}
.review .btn-toggle-preview{position: absolute;top: 0;left: 4px;font-size: 14px;width:16px;height: 14px;background: transparent;text-decoration: none;border: none;outline: 0;flex-grow: 0;padding: 0;background-repeat: no-repeat;background-position: center;background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22 style%3D%22display%3A inline-block%3B height%3A 24px%3B vertical-align%3A middle%3B%22%3E%3Ccircle cx%3D%2212.0%22 cy%3D%2212.001%22 r%3D%222.71%22%2F%3E%3Ccircle cy%3D%2212.001%22 cx%3D%224.0%22 r%3D%222.71%22%2F%3E%3Ccircle cx%3D%2220.0%22 cy%3D%2212.001%22 r%3D%222.71%22%2F%3E%3C%2Fsvg%3E');}
.review .toggle-preview-wrapper:hover{background-color: #333;}
.review .toggle-preview-wrapper:hover .btn-toggle-preview{background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22 style%3D%22display%3A inline-block%3B height%3A 24px%3B fill%3A %23fff%3B vertical-align%3A middle%3B%22%3E%3Ccircle cx%3D%2212.0%22 cy%3D%2212.001%22 r%3D%222.71%22%2F%3E%3Ccircle cy%3D%2212.001%22 cx%3D%224.0%22 r%3D%222.71%22%2F%3E%3Ccircle cx%3D%2220.0%22 cy%3D%2212.001%22 r%3D%222.71%22%2F%3E%3C%2Fsvg%3E');}
.review .item-right{width: 350px;height: 100%;flex-shrink: 0;justify-content: flex-start;padding: 0 10px;position: relative;}
.review .img-content{flex-wrap: nowrap;transition: all 0.3s;}
.review .img-content>img{margin: 0 5px;border-radius: 4px;width: 100px;height: 100px;object-fit: cover;cursor: pointer;position: relative;transition: all 0.1s linear;}
.review .img-content>img:hover{box-shadow: 0 0 0px 3px #fff, 0 0 0px 5px #333;}
.review .btn-review-all{width: 80px;padding:0;height: 30px;line-height: 28px;margin: 0 auto;font-size: 14px;}
.review .review-empty-tip{color: #666;padding: 40px 0 140px;text-align: center;}
.review .item-right .review-list-prev,
.review .item-right .review-list-next{width: 30px;height: 100%;color: #333;position: absolute;z-index: 2;top: 0;align-items: center;}
.review .item-right .review-list-prev{left: 0px;}
.review .item-right .review-list-next{right: 0px;}
.review .item-right .review-list-prev .iconfont, 
.review .item-right .review-list-next .iconfont {font-size: 12px;width: 30px;height: 30px;background-color: #fff;border-radius: 30px;border: 1px solid #D5D5D5;text-align: center;line-height: 30px;color: #333;transition: all 0.1s linear;}
.review .item-right .review-list-prev:hover .iconfont, 
.review .item-right .review-list-next:hover .iconfont{border-color: #333;background-color: #F6F6F6;}
.review .item-right .review-list-prev.disabled .iconfont,
.review .item-right .review-list-next.disabled .iconfont{color: #999;border-color: #d5d5d5;background-color: #fff;pointer-events: none;}
.review .review-page{padding-top: 20px;}
.review_authentication *{color: #03A803;line-height: 20px;}
.review_authentication .icon-review_authentication{margin-right: 4px;}
.review_authentication .icon-review_tip{margin-left: 8px;font-size: 16px;}
.review_authentication span{font-size: 16px;word-break: break-all;flex-shrink: 1;}
.review_authentication:hover span{text-decoration: underline;}
.review-sort{margin: 20px 0;}
.review-sort-item{padding: 12px 16px;background: var(--color-primary-bg, #F8F4FA); border: 1px solid var(--color-primary-bg, #F8F4FA);font-size: 16px;margin-right: 20px;display: inline-block;cursor: pointer;}
.review-sort-item:hover{color: var(--color-primary,#712799);} 
.review-sort-item.active{border-color: var(--color-primary,#712799);color: var(--color-primary,#712799);font-weight: 700;}
.link-translate{color: #468CFF;font-size: 14px;text-decoration-line: underline;margin-top: 10px;display: inline-block;}
.link-translate:hover,.link-translate.active{color: #0043B0;}
.link-translate.active::after{content:'...';color: #0043B0;font-size: 14px;text-decoration-line: underline;}
.translate-content{border-radius: 4px;background-color: #F6F6F6;padding: 10px 36px 10px 10px;width: calc(100% - 64px);position: relative;margin-top: 6px;}
.translate-content .translate-close{color:#999;font-size: 14px;position: absolute;top: 10px;right: 10px;padding: 1px;}
.translate-content .translate-close:hover{color: #333;}
.translate-content p{font-size: 14px;line-height: 18px;}
.translate-content img{margin-top: 10px;height: 16px;width: auto;}
.preview-content .name-date .date-flag-box{margin-top: 0;}
.association-box{width: 100%;height: 56px;padding: 10px;background-color: #F6F6F6;margin-top: 10px;}
.association-box:hover{background-color: #E9E9E9;}
.association-box > img {width: 36px;height: 36px;margin-right: 6px;}
.association-box > .icon{margin-left: 4px;}
.association-box > .product-info{width: calc(100% - 66px);}
.association-box > .product-info *{font-size: 14px;}
.association-box > .product-info > .association__title{margin-top: 2px;}
.review-content .association-box{width: calc(100% - 64px);}

.review-page .pagination{text-align: center;}
.review-page .pagination li{display: inline-block;width: 28px; height: 28px;line-height: 28px;text-align: center;color: #999;margin: 0 6px;cursor: pointer;}
.review-page .pagination li *{color: #999;}
.review-page .pagination li.active{font-weight: 700;}
.review-page .pagination li.active *,.review-page .pagination li:hover *{color: var(--color-primary,#712799);}
.review-page .pagination li.disabled{color: #cacaca;background-color: transparent;cursor: not-allowed;}
.review-page .pagination li.btn-page-prev,.review-page .pagination li.btn-page-next{background-color: var(--color-primary,#712799);color: #fff;border-radius: 50%;margin: 0 12px;padding: 4px;line-height: 20px;}
.review-page .pagination li.btn-page-prev *,.review-page .pagination li.btn-page-next *{color: #fff;font-size: 14px;line-height: 1;}
.review-page .pagination li.btn-page-prev.disabled,.review-page .pagination li.btn-page-next.disabled{opacity: 0;display: none;}

/*review modal*/
.reviews-modal{z-index: 9;top: auto;}
.reviews-modal .modal-header{border-top: 1px solid #e5e5e5;}
.reviews-modal .btn-review-all{display: none;}
.reviews-modal .review{padding: 8px 20px;}

.desc{padding:0;margin: 80px 0 50px;}
.tabs-wrapper .tabs-header{padding: 0;position: relative;margin: 0 0 20px;border-radius: 12px;background: var(--color-primary-bg, #F8F4FA);text-align: center;}
.tabs-wrapper .tabs-header .tabs-item{display: inline-block;position: relative;font-size: 16px;padding:18.5px 0;margin: 0 4.16667%;min-width: 80px;text-align: center;cursor: pointer;font-weight: normal;}
.tabs-wrapper .tabs-header .tabs-item.active{font-weight: 700;color: var(--color-primary,#712799);}
.tabs-wrapper .tabs-header .tabs-item.active::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--color-primary,#712799);}
.tabs-wrapper .tab-pane{display:none;margin: 0 auto;overflow: hidden;padding: 16px;border-radius: 12px;border: 1px solid var(--color-primary-border, #E3D4EB);background: #FFF;}
.tabs-wrapper .tab-pane.active{display: block;}
.desc > .desc-item {border-bottom: 1px solid #EBEBEB;}
.desc .group{margin-bottom:0;padding:20px 0;}
.desc .title{font-size: 18px;padding: 30px 0 20px;}
.desc .c-item{padding: 0;font-size: 14px;}
.desc .c-item p+p{margin-top: 20px;}
.desc .c-item img{max-width: 100%;width: auto;}
.tabs-wrapper img{width: auto; height: auto;max-width: 100%;max-height: 100%;}

/*product info*/
.product_info-item:not(:first-child){margin-top: 20px;}
.product_info-item .item-icon{max-width: 20px;max-height: 20px;object-fit: contain;flex-shrink: 0;}
.product_info-item .item-title{font-size: 16px;font-weight: bold;margin-left: 6px;flex: 1;white-space: pre-wrap;}
.product_info-item .item-detail{color: #666;font-size: 14px;margin-top: 8px;white-space: pre-wrap;}

.benefits{width:100%;height:100px;background-color: #ECECEC;background-size: contain;background-repeat: no-repeat;background-position: center left;border-radius: 4px;padding: 20px 30px 20px 15px;margin: 30px 0;}
.benefits a{position: relative;width: 100%;align-content: space-between;flex-direction: column;flex-wrap: wrap;height: 60px;}
.benefits .benefits-title{font-size: 18px;font-weight: bold;line-height: 18px;margin-bottom: 12px;width: calc(100% - 80px);}
.benefits .benefits-detail{font-size: 16px;width: calc(100% - 80px);line-height: 18px;}
.benefits .togo{height: 30px;line-height: 28px;font-size: 14px;font-weight: bold;width: 60px;margin: 15px 0;}

.privacy-content{background-color: #F6F6F6;margin: 30px 0 0;}
.privacy-content .privacy-item{padding: 20px 8px;text-align: center;}
.privacy-content .privacy-icon{margin:0 auto 5px;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.icon-lock{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.75 7C8.75 5.20507 10.2051 3.75 12 3.75C13.7949 3.75 15.25 5.20507 15.25 7H16C16.2563 7 16.5071 7.02411 16.75 7.0702V7C16.75 4.37665 14.6234 2.25 12 2.25C9.37665 2.25 7.25 4.37665 7.25 7V7.0702C7.49294 7.02411 7.74365 7 8 7H8.75Z' fill='%23FF9E2C'/%3E %3Cpath opacity='0.4' d='M4 11C4 8.79086 5.79086 7 8 7H16C18.2091 7 20 8.79086 20 11V17C20 19.2091 18.2091 21 16 21H8C5.79086 21 4 19.2091 4 17V11Z' fill='%23FF9E2C'/%3E %3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z' fill='%23FF9E2C'/%3E %3Cpath d='M11.6667 12H12.3333L13 17H11L11.6667 12Z' fill='%23FF9E2C'/%3E %3C/svg%3E");}
.icon-shield{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E %3Cpath opacity='0.4' d='M10.3755 2.72171L5.3777 4.94296C3.93208 5.58546 2.97809 7.0243 3.07008 8.6036C3.42971 14.7778 5.23776 17.496 9.93588 20.6766C11.1805 21.5192 12.821 21.5213 14.0647 20.6773C18.7773 17.4793 20.5206 14.7228 20.9119 8.62498C21.0139 7.03525 20.0583 5.58113 18.6026 4.93415L13.6246 2.72171C12.5904 2.26203 11.4098 2.26204 10.3755 2.72171Z' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9426 8.47269C17.3167 8.8 17.3546 9.36859 17.0273 9.74266L13.5834 13.6785C12.8434 14.5243 11.5687 14.6375 10.6912 13.9355L8.58781 12.2528C8.19967 11.9423 8.13674 11.3759 8.44725 10.9878C8.75776 10.5996 9.32412 10.5367 9.71225 10.8472L11.8156 12.5299C11.941 12.6302 12.1231 12.614 12.2288 12.4932L15.6727 8.55736C16 8.18329 16.5686 8.14538 16.9426 8.47269Z' fill='%23FF9E2C'/%3E %3C/svg%3E");}
.icon-quality{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7742' width='64' height='64'%3E%3Cpath d='M729.514667 128H294.485333a80.64 80.64 0 0 0-65.834666 34.816L101.248 343.850667a88.746667 88.746667 0 0 0 4.096 106.837333l344.96 415.829333c32.554667 39.296 90.837333 39.296 123.392 0l344.96-415.829333a88.746667 88.746667 0 0 0 4.096-106.837333L795.306667 162.816A80.597333 80.597333 0 0 0 729.514667 128z' fill='%23FAD3A5' p-id='7743'%3E%3C/path%3E%3Cpath d='M360.618667 387.712l136.661333-196.394667a17.92 17.92 0 0 1 29.44 0l136.704 196.394667c3.584 5.162667 4.266667 11.861333 1.706667 17.621333L530.261333 725.333333a17.92 17.92 0 0 1-32.938666 0L358.869333 405.333333a18.176 18.176 0 0 1 1.706667-17.621333z' fill='%23FF9E2C' p-id='7744'%3E%3C/path%3E%3C/svg%3E");}
.privacy-content .privacy-item .title{font-size: 14px;line-height: 16px;color: #666;max-width: 100px;margin: 0 auto;}

.relate{padding:30px 0;}
.relate .noselect,.relate .noselect *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.relate .title{font-size:28px;margin-bottom: 20px;}
.relate .product-list{padding:0;width: 100%;}
.relate .btn-review-next,.relate .btn-review-prev{ width: 24px; height: 24px; color: #333;position: absolute; z-index: 2; top: -58px;background: rgba(51, 51, 51, 0.06);border-radius: 4px;--swiper-navigation-size: 12px;font-weight: bold;}
.relate .btn-review-next{right:0;}
.relate .btn-review-prev{right:50px;left: auto;}

.fixed-wrapper{height: 100%;}
.fixed-wrapper .context-header{height: 44px; padding: 10px;text-align: right;}
.fixed-wrapper .context-header .close{width: 24px;height: 24px;text-align: center;margin: 0 0 0 auto;}
.fixed-wrapper .context-header .close .iconfont{font-size: 15px;line-height: 24px;}
.fixed-content .title{font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.ag-context .fixed-content{height:calc(100% - 44px);padding:0 20px;}
.ag-context .fixed-content img{max-width: 100%;width: auto;max-height:100%;height: auto;object-fit: contain;margin: 0 auto;}
.ag-context.iconfont{color:#999;font-weight: 400;}
.ag-context .context-main{padding-bottom: 20px;}
.prompt-gray{background: #eee;color: #8c8c8c;}

.product-zoom .custom-toast_mask{background: #fff;opacity: 1;}
.product-zoom .custom-toast_box{left: 0 !important;height: 100%;top: 0 !important;}
.product-zoom .custom-toast_container{width: 100%;height: 100%;display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center;}
.product-zoom .custom-toast_content{width: 100% !important;height: 100% !important; padding: 0;margin: 0;}
.product-zoom .custom-toast_pre,.product-zoom .custom-toast_next{cursor:pointer;display: none;}
.product-zoom .custom-toast_pre::before,.product-zoom .custom-toast_next::before{content: ''; position: absolute; left: 3px; top: 0; width: 40px; height: 40px; border: 1px solid #f5f5f5; border-radius: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;background: #fff;opacity: 0.6;box-shadow: 0 4px 20px rgb(34 34 34 / 15%);}
.product-zoom .custom-toast_pre::after,.product-zoom .custom-toast_next::after{content: ''; position: absolute; left: 18px; top: 14px; width: 14px; height: 14px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(-135deg);}
.product-zoom .custom-toast_next::before{left:inherit;right:3px;}
.product-zoom .custom-toast_next::after{transform: rotate(45deg);left:8px;}
.product-zoom.active .custom-toast_pre,.product-zoom.active .custom-toast_next{display: none;}
.product-zoom .custom-toast_close{top:7.5%;margin-right:20px;background-size:100% !important;background-color: transparent !important;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADsSURBVHgB7ZTBDYMwDEVNskCviC2AAdpN2gnaTtB0g25UeusB1oAzE1BbClKESvjmxIEvRSLE+c+xnBDt0qgoimue5w9aIb/3Nv1vwskwDAnLaSE+/mWMOUzXbDjpuu6bZVnCny5NU5l/CDCXpHg867p2UYCobdsKhSyZ/wWgEMR8FrAEQc2jgDmIxlyUEKCyLB13mHRKxeOImsMAEff5W8wF0jTNCd1nkSBfljP5E6AtDAHCmnPmF+09saj5WHPNPYkCYt2igVituRZi15hrIHat+QyklwczXDeT+J7N76j5KImXpPi5pl3b0w8hJLNDoKuZWQAAAABJRU5ErkJggg==") !important;}

.is-noselect,.is-noselect *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.calendar-mode{ padding:0; background:#fff; width:100%; height:100%; word-break: break-all;overflow: hidden; }
.calendar-mode .calendar-content{height:auto;width:100%;overflow-y: auto;}
.calendar-mode .title{max-width: calc(100% - 40px); font-size: 16px;font-weight: bold;}
.calendar-mode .popup-close.iconfont{font-size:15px;}
.calendar-mode .calendar_td{height: 44px;}
.calendar-mode .calendar_td > div{padding: 4px;}
.calendar-mode .calendar_curr_today .calendar_td_day{color:#BA291A;}
.calendar-mode .active .calendar_td_day,.calendar-mode .active .calendar_td_moon,.calendar-mode .active .calendar_td_year{border:1px solid var(--color-primary, #712799);color:var(--color-primary, #712799);}
.calendar-mode .calendar_top_right{padding-right:0;}
.calendar-mode .calendar_top_left{padding-left:0;}

.ftx input.ftxt::placeholder{line-height: 50px;}

.countdown-time{font-weight: bold;color: #EDA34D;}
.countdown-time .dot{margin: 0 5px 0 0;font-size: 12px;line-height: 18px;}
.countdown img{background-color: inherit;}
.coupon-tip{padding: 12px; background: #BA291A; color: #fff;margin:12px;}

@media (min-width: 500px) {
    .img-zoom .canvas-loading{display:none;}
}

.catelog-desc{color:#333;float:right;margin-top: -1px;}
.catelog-desc .title>*{line-height: 16px;display: inline-block;vertical-align: middle;}
.catelog-desc .title>.iconfont{font-size: 16px;-webkit-text-stroke-width: 0.1px;width: 16px;height: 16px;}
.catelog-desc .title>.iconfont img{background-color: transparent;vertical-align: baseline;}
.catelog-desc .title span{text-decoration:underline;font-size: 14px;}

/*video*/
.video-modal .dialog-btn-box .btn-outline{width: 200px;font-weight: 400;color: #333;background-color: #fff;border: 1px solid #D5D5D5;}
.video-play-button{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;}
.video-play-button .video-play-button-bg{-webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);fill: #fff;fill-opacity:1;}
.video-play-icon{position: absolute;width: 36px;height: 36px;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}

.group+.type-option,.sp .box{height: auto;display: none;}
.group+.type-option.down,.sp .box.down{display: block;}

/*review modal*/
.review-zoom-container{position: fixed;width: 100%;height: 100%;top:0;left:0;display: flex;display: -webkit-flex;display: -moz-flex;justify-content: center;align-items: center;z-index:99}
.review-zoom-bg{position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0, 0, 0, 0.5);z-index:-1;}
.review-zoom-wrapper{border-radius: 4px;overflow: hidden;height: 90vh;max-height: 560px;max-width:938px;width: 90vw;flex-direction: row;background-color: #fff;}
.review-zoom-wrapper .swiper{width: 90vh;height: 90vh;margin: 0;max-height: 560px;max-width: 560px;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.review-zoom-wrapper .swiper-slide{height: 100%;}
.review-zoom-wrapper .swiper-slide img{object-fit: contain;object-position: center;height: 100%;width: 100%;}
.review-zoom-wrapper .preview-button-prev, .review-zoom-wrapper .preview-button-next{width: 30px;height: 50%;color: #333;position: absolute;z-index: 2;top: 50%;align-items: center;transform: translateY(-50%);}
.review-zoom-wrapper .preview-button-prev{left: 10px;}
.review-zoom-wrapper .preview-button-next{right: 10px;}
.review-zoom-wrapper .preview-button-prev .iconfont, .review-zoom-wrapper .preview-button-next .iconfont {font-size: 14px;width: 30px;height: 30px;border:1px solid #D5D5D5; background: #FFFFFF;border-radius: 50%;text-align: center;line-height: 28px;color: #333;transition: all 0.1s linear;}
.review-zoom-wrapper .preview-button-prev:hover .iconfont, .review-zoom-wrapper .preview-button-next:hover .iconfont{border-color: #333;background-color: #F6F6F6;}
.review-zoom-wrapper .preview-content{width: calc(100% - 90vh);flex: 1;min-width:200px;flex-shrink: 0;padding:60px 20px 20px;position: relative;height: 100%;}
.review-zoom-wrapper .preview-content .close{position: absolute;top:18px; right: 20px;width: 24px;height: 24px;font-size: 15px;line-height: 24px;text-align: center;}
.review-zoom-wrapper .preview-content .close:hover{background: #DDDDDD;border-radius: 4px;}
.review-zoom-wrapper .preview-content .rank{padding: 10px 0 10px 0;}
.review-zoom-wrapper .preview-content .rank .s-r{width: 14px;height: 14px;font-size: 14px;line-height: 14px;}
.review-zoom-wrapper .preview-content .preview{overflow-y: auto;max-height: calc(100% - 55px);font-size: 16px;line-height: 20px;}
.review-zoom-wrapper .preview-content .preview::-webkit-scrollbar{width: 6px;height: 6px;background-color: #eee;}
.review-zoom-wrapper .preview-content .preview::-webkit-scrollbar-track{background-color: #fff;}
.review-zoom-wrapper .preview-content .preview::-webkit-scrollbar-thumb{background-color: #eee;}
.review-zoom-wrapper .preview-content .date{font-size: 14px;color: #666;margin: 4px 0;flex-shrink: 0;padding-left: 10px;}
.review-zoom-wrapper .user-country-image{margin-right: 10px;}
.review-zoom-wrapper .swiper-pagination-fraction{border-radius: 12px;background: rgba(0, 0, 0, 0.50);color: #fff;font-size: 16px;padding: 4px 10px;width: auto; bottom: 20px; left: 50%; transform: translateX(-50%);}
@media only screen and (max-width: 1399px){
    .review-zoom-wrapper{max-height: 480px;}
    .review-zoom-wrapper .swiper{max-height: 480px;max-width: 480px;}
}
@media only screen and (max-width: 899px){
    .review-zoom-wrapper{max-height: 360px;}
    .review-zoom-wrapper .swiper{max-height: 360px;max-width: 360px;}
}

/*toast*/
.custom-toast_content{background-color: #333;border-radius: 4px;color:#fff;}
.custom-toast_close{display: none;}

/*card-image-zoom*/
.image-zoom-wrapper .custom-toast_close{display:block;top:10px;right:10px;background-size:100% !important;background-color: transparent !important;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADsSURBVHgB7ZTBDYMwDEVNskCviC2AAdpN2gnaTtB0g25UeusB1oAzE1BbClKESvjmxIEvRSLE+c+xnBDt0qgoimue5w9aIb/3Nv1vwskwDAnLaSE+/mWMOUzXbDjpuu6bZVnCny5NU5l/CDCXpHg867p2UYCobdsKhSyZ/wWgEMR8FrAEQc2jgDmIxlyUEKCyLB13mHRKxeOImsMAEff5W8wF0jTNCd1nkSBfljP5E6AtDAHCmnPmF+09saj5WHPNPYkCYt2igVituRZi15hrIHat+QyklwczXDeT+J7N76j5KImXpPi5pl3b0w8hJLNDoKuZWQAAAABJRU5ErkJggg==") !important;}
.image-zoom-wrapper .custom-toast_container{display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center;flex-direction: column-reverse;}
.image-zoom-wrapper .custom-toast_content{padding: 50px 16px 20px;margin: 0;background-color: #fff;border-radius: 4px;color:#333;max-width: 80vh;width: auto !important;max-height: 80vh;height: auto !important;}
.image-zoom-wrapper .custom-toast_content img{max-height: calc(80vh - 70px);max-width: 100%;object-fit: contain;}

/*swiper-zoom-modal*/
.swiper-zoom-modal{padding: 0;}
.swiper-zoom-modal .modal-content{height: 100%;width: 100%;overflow: auto;max-width: none;max-height: none;min-width: auto;top: 0;left: 0;transform: none;border-radius: 0;}
.swiper-zoom-modal .modal-body{margin: 0 auto;padding: 0 calc(80px + 4.16667vw) 8.33333vh;position: relative;max-height: calc(100vh - 50px);text-align: center;}
.swiper-zoom-modal .swiper-thumbs-content{width: 80px;height: calc(100vh - 188px - 8.33333vh);max-height:100%;margin: 0;position: absolute;left: var(--calculate);top: 68px;--calculate: calc((100vw - (100vh - 188px - 8.33333vh)) / 2 - (80px + 4.16667vw));}
.swiper-zoom-modal .swiper-thumbs-content .gallery-thumbs{position: static;padding-bottom: 20px;}
.swiper-zoom-modal .swiper-zoom{max-height: 100%;max-width: 800px;margin: 0 auto;padding: 0;width: calc(100vh - 190px - 8.33vh);height: 100%;position: relative;}
.swiper-zoom-modal .swiper-zoom .swiper-container{width: calc(100vh - 188px - 8.33333vh);height: calc(100vh - 188px - 8.33333vh);max-height: 800px;max-width: 800px;}
.swiper-zoom-modal .swiper-slide{border-radius: 12px;max-height: 800px;max-width: 800px;}
.swiper-zoom-modal .swiper-zoom-container{position: relative;height: 0;padding-top: 100%;} 
.swiper-zoom-modal .swiper-zoom-container>canvas,
.swiper-zoom-modal .swiper-zoom-container>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;background-color: #F6F6F6;}
.swiper-zoom-modal .footer-btn-group{position: absolute;bottom: 0px;z-index: 1;padding: 0;}
.swiper-zoom-modal .footer-btn-group .add-cart, .preview-zoom-modal .footer-btn-group .add-cart{height: 50px;margin-top:0;padding: 0;}
.swiper-zoom-modal .swiper-zoom .swiper-controls{position: static;padding: 10px 0;margin-bottom: 8px;height: 60px;}

/*size guide*/
.tab-header{margin: 10px auto 20px;}
.tab-header .tab{border: 1px solid #DDDDDD;height: 30px;font-size: 14px;line-height: 18px;padding: 6px 20px;min-width: 58px;text-align: center;margin-left: -1px;}
.tab-header .tab:first-child{border-radius: 6px 0 0 6px;}
.tab-header .tab:last-child{border-radius: 0 6px 6px 0;}
.tab-header .tab.active{color: #fff;background-color: #333;}
.tab-content{width: calc(100% + 24px);overflow-x: auto;margin: 0 -12px;padding: 0 12px;display: none;}
.tab-content.active{display: block;}
.tab-content table{min-width: 100%;width: auto;table-layout: fixed;}
.tab-content table th,.tab-content table td{font-size: 12px;line-height: 15px;border: 1px solid #ddd;text-align: center;height: 34px;padding:4px;min-width: 1.5rem;width: 25%;}
.tab-content table th{background-color: #F5F5F5;}
.tab-content table tbody>tr>td:first-child{font-weight: bold;background-color: #F5F5F5;}

.size-tip{font-size: 14px;line-height: 18px;color:#7D7D7D;margin-top: 12px;}
.desc-box{margin-top: 30px;padding-bottom: 20px;}
.desc-box h3{font-size: 18px;font-weight: bold;line-height: 23px;margin-bottom: 12px;}
.desc-box ol,.desc-box ul{padding-left: 1em;}
.desc-box li{font-size: 14px;line-height: 18px;}
.desc-box p{margin-bottom: 12px;font-size: 14px;line-height: 18px;}
.desc-text{width: 100%;flex-shrink: 1;}
.desc-image{width: 40.6%;max-width:305px;margin-left: 60px;flex-shrink: 0;}

/*patent*/
.patent-content{margin: 0 0 16px;}
.patent-content .patent-title{color: #739D2A;font-size: 14px;line-height:18px;cursor: pointer;}
.patent-content .icon-patent{width: 17px; height: 17px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E %3Cg transform='translate(-991 -238)'%3E %3Ccircle fill='%23739d2a' cx='8.5' cy='8.5' r='8.5' transform='translate(991 238)'/%3E %3Cpath fill='%23fff' d='M510.087,2253.449a4.977,4.977,0,0,1,3.676,1.65,5.65,5.65,0,0,1,1.309,2.445h-2.036a3.6,3.6,0,0,0-.7-1.131,2.987,2.987,0,0,0-4.5,0,3.882,3.882,0,0,0,0,5.131,2.988,2.988,0,0,0,4.5,0,3.606,3.606,0,0,0,.7-1.13h2.036a5.644,5.644,0,0,1-1.309,2.445,4.919,4.919,0,0,1-7.352,0,5.812,5.812,0,0,1,0-7.76,4.978,4.978,0,0,1,3.676-1.65Z' transform='translate(489.498 -2012.449)'/%3E %3C/g%3E %3C/svg%3E ");background-size: contain;background-repeat:no-repeat;}
.patent-content .patent-text{margin-left: 4px;position: relative;}
.patent-content .patent-text::after{content: '';width: 100%;height: 1px;display: block;position: absolute;bottom: 0;left: 0;border-bottom: 1px solid #739D2A;}
.patent-content .patent-box{display: none;background-color: #fff;border-radius: 4px;box-shadow: 0px 1px 6px rgba(0,0,0,0.25);padding: 8px 10px;max-width: 200px;font-size: 14px;line-height: 18px;position: absolute;left: 0px;margin-top:12px;z-index:1;}
.patent-content .patent-box.active{display: block;}
.patent-content .patent-box::before{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;content: "";position: absolute;top: -6px;left: 60px;transform: translateX(-50%);}
.patent-content .patent-box::after{width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid rgba(0,0,0,0.25);content: "";position: absolute;top: -8px;left: 60px;transform: translateX(-50%);z-index: -1;filter: blur(1px);-webkit-filter: blur(1px);opacity: 0.2;}

/*descript-table*/
.descript-table{font-size: 14px;margin-bottom: 10px;overflow: hidden;}
.descript-table table{width: 100%;}
.descript-table caption{border-bottom: 1px solid var(--color-primary-border, #E3D4EB);padding: 12px;text-align: left;font-size: 16px;font-weight: 700;}
.descript-table caption::before{content: '';width: 4px; height: 4px;border-radius: 50%;background-color: #333;display: inline-block;margin-right: 12px;vertical-align: middle;}
.descript-table tr:nth-child(even){background-color: var(--color-primary-bg, #F8F4FA);}
.descript-table td{padding: 12px 12px 12px 10px;font-size: 14px;color: #666;}
.descript-table tr>td:first-child{word-break: keep-all;color: #333;padding: 12px 10px 12px 12px;width: 200px;}
.descript-table + .c-item{margin-top: 10px;}

/*inspire-content*/
.inspire-content{margin: 12px 0;}
.inspire-content .title{margin-right: 2px;color: #666;font-size: 12px;vertical-align: middle;}
.inspire-content .title .icon{margin-right: 2px;display: inline-block;width:16px;height: 16px;}
.inspire-content li{padding: 0 6px;position: relative;}
.inspire-content li>a{text-decoration: underline;font-size: 12px;display: block;}
.inspire-content li::after{content: '';height: 8px;width: 1px;background-color: #D9D9D9;display: block;position:absolute;right: 0;top: 2px;}
.inspire-content li:last-child::after{content: none;}
/*installment*/
.payment-content{position: relative;border: 1px solid var(--color-primary-border, #E3D4EB);border-radius: 12px;padding: 0 12px;margin: 8px 0 0;}
.payment-content::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_31278_24726)'%3E%3Cpath d='M0 6.54815H2.2399C3.36141 6.54815 4.43141 6.07732 5.18907 5.25044L8.52542 1.6093C9.31813 0.744162 10.6819 0.744163 11.4746 1.6093L14.8109 5.25044C15.5686 6.07732 16.6386 6.54815 17.7601 6.54815H20' stroke='%23E3D4EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_31278_24726'%3E%3Crect width='20' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 20px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -7px;
    left: 24px;
    background-color: #fff;
}
.payment-content .tab{border-bottom: 1px solid var(--color-primary-active, #F1E9F5);}
.payment-content .tab .tab-item{margin-right: 20px;position: relative;padding:8px 0;-webkit-filter: grayscale(100%) contrast(0);-ms-filter: grayscale(100%) contrast(0);-moz-filter: grayscale(100%) contrast(0);-o-filter: grayscale(100%) contrast(0); filter: grayscale(100%) contrast(0);cursor: pointer;transition: all 0.1s ease;}
.payment-content .tab .tab-item>img{background-color: transparent;height: 14px;width: auto;max-width: 100%;object-fit: contain;}
.payment-content .tab .tab-item.active{-webkit-filter: grayscale(0);-ms-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0); filter: grayscale(0);}
.payment-content .tab .tab-item.active::after{content:'';border-radius: 1px;height: 2px;width: 100%;background-color: #333;position: absolute;bottom: 0;left: 0;}
.payment-content .tab-content{padding: 8px 0;color: #666;font-size: 12px;margin: 0;width: 100%;min-height: 30px;}
.payment-content .tab-content>.iconfont{-webkit-text-stroke-width:0;font-size: 12px;margin-left: 8px;}
.payment-content .tab-content .payment-logo{background-color: transparent;height: 12px;margin-left: 4px;width: auto;max-width: 100%;display: inline;}
#klarna-payment-container *::part(osm-container) {background-color: transparent;border: none;padding: 0;}
#klarna-payment-container *::part(osm-message), #klarna-payment-container *::part(osm-cta), #klarna-payment-container *::part(osm-legal) {font-size: 12px;color:#666;line-height: 12px;}
#klarna-payment-container *::part(osm-logo) {font-size: 12px;}
afterpay-placement { --messaging-font-size: 12px; --logo-badge-width: 64px; --messaging-line-height: 12px;}
[class$="modal-wrapper"] img{margin-left: auto;margin-right: auto;height: auto;max-width: 100%;vertical-align: middle;width: auto !important;}

.sp-icon{padding:20px 40px;text-align: center;}
.sp-icon .row{padding:4px 0 20px;text-align: center;flex-wrap: nowrap;}
.sp-icon .title{margin-left: 4px;font-size: 16px;color: #666;text-align: left;flex:1}

/* qty new */
/* .qty-content{margin-top: 20px;} */
.add-cart{flex-shrink: 1;width: 100%;position: relative;}
.preview-button.disabled{display: none;}
.add-cart.disabled,.preview-button.disabled{cursor: not-allowed;pointer-events: none;}
.select-box{display:inline-block;position:relative;min-width:78px;max-width:84px;width:min-content;margin-right:4px}
.box-input{position:relative;transition:border-color .2s cubic-bezier(0.65,0.05,0.36,1);background-color:#fff;border-radius:8px;border:1px solid #E3D4EB;height:50px}
.box-input::before{font-size:12px;line-height:1;color:#999;display:block;padding:8px 8px 0 8px;white-space:nowrap;overflow:hidden}
.box-input__inner::placeholder,.box-input__inner>.placeholder{color:#999999}
.box-input__inner{border:none;-webkit-appearance:none;box-sizing:border-box;color:#333333;display:inline-block;height:28px;line-height:17px;outline:none;padding:6px 30px 8px 8px;width:100%;cursor:pointer;font-size:14px;font-weight:400}
div.box-input__inner{display:inline-flex;align-items:center}
.box-input .box-input__inner:disabled{cursor:default}
.box-input__icon-inner{position:absolute;height:38px;right:8px;bottom:0px;text-align:center;color:#333;transition:all .3s;pointer-events:none}
.box-input__icon{display:block;color:#333;font-size:22px;transform:rotateX(0deg);cursor:pointer;height:36px;text-align:center;width:20px;line-height:36px}
.box-input__icon.is-reverse{transform:rotateX(180deg);transform-origin:center 19px}
.select-box-dropdown{overflow:hidden;position:absolute;box-shadow:0px 0px 8px 0px var(--color-primary-border,#E3D4EB);border:1px solid var(--color-primary-border,#E3D4EB);border-radius:4px;background-color:#fff;box-sizing:border-box;margin:0;z-index:1}
.select-box-dropdown__wrap{overflow:hidden;height:100%}
.select-box-dropdown__list{list-style:none;overflow:auto;box-sizing:border-box;max-height:287px}
.select-box-dropdown__item{font-size:14px;padding:9px 8px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;height:32px;line-height:1;box-sizing:border-box;cursor:pointer}
.select-box-dropdown__item *{line-height:1}
.select-box-dropdown__item:hover,.select-box-dropdown__item:active,.select-box-dropdown__item:focus{background-color:var(--color-primary-bg,#F8F4FA)}
.select-box-dropdown__item.selected{font-family:'Arimo';font-weight:700;background-color:var(--color-primary-bg,#F8F4FA);color:var(--color-primary,#712799)}
.select-box-dropdown__item.disabled{color: #999999;cursor: not-allowed;}

/*add cart*/
.add-cart * {color: #fff;}
.total-price-box .save-price{color: var(--color-prview-bg, #FFE0A5);font-size: 12px;font-weight: 400;font-style: normal;font-weight: 400;margin-right: 6px;}
.preview-button.disabled{display: none;}
.add-cart.disabled,.preview-button.disabled{cursor: not-allowed;pointer-events: none;}
.total-price-box{align-items: center;padding: 0 0 20px 0;}
.cart .qty .dec,.cart .qty .inc{height: 30px; width: 30px; background-color: #F3F3F3; border-radius: 4px; text-align: center; line-height: 30px;-webkit-text-stroke-width: 1px;}
.cart .qty-num{padding:0 4px;min-width:40px;max-width:50px;}
.cart .qty-num .qty-num--input{width: 100%;height: 30px;text-align: center;border:none;padding: 0;}
.cart-item .group, .sp .group{height: 50px;margin-bottom:0;width: 100%;background-color: #F6F6F6;border-radius: 4px;padding: 17px 14px;transition: all 0.2s ease-in-out;}

.sp{padding: 16px;border-radius: 12px;background: var(--color-primary-bg, #F8F4FA);}
.sp .group .title{font-size: 16px;}
.sp .group.active .title{color: var(--color-primary, #712799);}
.sp .group.active .icon{transform: rotateZ(180deg);--icon-border-color: var(--color-primary, #712799);}
.sp .c-item{background-color: #fff;border: 1px solid var(--color-primary-border, #E3D4EB);border-radius: 8px;padding: 12px;margin-top: 12px;}

/*view-add-message*/
.message-notice-content{position: absolute;top: 0px;left: 16px;z-index: 1;width: calc(100% - 80px);height: 64px;overflow: hidden;}
.message-notice-scroll{position: absolute;top: 50%;left: 0px;opacity: 0;width: auto;max-width: 100%;}
.message-notice-item{font-size: 14px;margin: 16px 0;width: auto;border-radius: 20px;border: 1px solid var(--color-primary-border, #E3D4EB);background: rgba(255, 255, 255, 0.80);padding: 3px 8px 3px 4px;}  
.message-notice-item .icon{margin-right: 4px;}
.message-notice-item b{font-weight: 700;}
/*preview modal*/
.preview-zoom-modal .modal-body{padding: 0;max-height: calc(100vh - 50px);}
.preview-zoom-modal .swiper-zoom {max-width: 800px;max-height: 800px;margin: 20px auto 0;padding: 0;width: calc(100vh - 190px - 8.33vh);height: auto;position: relative;}
.preview-zoom-modal .swiper{overflow: hidden;width: calc(100vh - 190px - 8.33333vh);height: calc(100vh - 190px - 8.33333vh);max-height: 800px;max-width: 800px;}
.preview-zoom-modal .swiper-slide{border-radius: 12px;overflow: hidden;}
.preview-zoom-modal .footer-btn-group{padding: 20px 0 0;position: static;max-width: 800px;width: calc(100vh - 190px - 8.33333vh);margin: 0 auto;}
.uip-posr{position: relative !important;top: 0 !important;left: 0 !important;}
.add-cart-loading{position: absolute;top: 15px; left: 45px; width:25px;height: 25px;border: 2px solid transparent;border-top-color: #ffffff;border-radius: 50%;animation: add-cart-loading-rotate 2s linear infinite; }
.preview-zoom-tip{background-color: #FFF9ED;color: #743F00;padding: 12px;text-align: center;}

@keyframes add-cart-loading-rotate {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

@media only screen and (max-width: 899px){
    .main-layout{flex-direction: column;justify-content: flex-start;}
    .left-layout,.right-layout{width: 100%;position: relative;}
    .right-layout{margin-top: 20px;}
    .main-layout .sticky-top{top: auto;padding-right: 0;}
    .benefits{padding: 15px 30px 15px 15px}
    .benefits a{height: 70px;}
    .preview-zoom-modal.modal .modal-content{width: 80%;}
}
.cart .support-preview{height:43px;line-height: 43px;}
.support-preview-button{background:#333333;border-radius: 10px 10px 10px 10px;width:100%;height: 60px;color: #ffffff;text-align: center;line-height: 60px;font-size: 24px;font-weight: 700;}
.support-preview-modal{display: none;position: fixed;top: 300px;left:50%;top: 50%;background-color: #ffffff;width: 70vw;transform: translate(-50%,-50%);padding: 15px 20px; background-color: #ffffff;border-radius: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 100;}
.support-preview-modal .content{padding-top: 15px;}
.support-preview-modal .line {display: flex;justify-content: space-around;position: relative;text-align: start;}
.support-preview-modal  .close{position: absolute;right: 10px;top: 5px;}
.support-preview-modal  .close img{width: 15px;}
.support-preview-modal .goods-id-head,.goods-id-item{flex: 1;}
.support-preview-modal .goods-name-head,.goods-name-item{flex: 6;text-align: start;}
.support-preview-modal .goods-total-head,.goods-total-item{flex: 1;}
.support-preview-modal .goods-qua-head,.goods-qua-item{flex: 1;}
.support-preview-modal .goods-sku-head,.goods-sku-item{flex: 1.5;}
.support-preview-modal .goods-box-head,.goods-box-item{flex: 2;}
.support-preview-modal .goods-custom-head,.goods-custom-item{flex: 5;}
.support-preview-modal  .line-content{text-align: start; max-height: 60vh;overflow: auto; font-size: 13px;}
.support-preview-modal  .line-content .line-contnet-item {display: flex;justify-content: space-around;margin-top: 15px; }
.support-preview-modal-show{display: block !important;}
/*reach-bar*/
.reachable-bar-img-div{width: 100%;margin: 0 auto;}
.reachable-bar-img-div img{width: 100%;height: auto; border-radius: 4px;}
.product-reachable-div .reachable-content{width: 100%;margin: 0 auto;position: relative;}
.product-reachable-div .reachable-content img{border-radius: 4px;}
.product-reachable-div .reachable-content .product-notice {position: relative; bottom:0;;width: 100%;}
.product-reachable-div .reachable-content .product-notice .countdown{position: absolute;bottom: 2px;left: 50%; transform: translate(-50%,0);} 
/** promotion-countdown-content*/
.promotion-countdown-content{margin-top: 20px;}

.custom-thumbs-div{background-color: var(--color-preview-bg, #FFE0A5);color: var(--color-preview, #743F00);font-size: 16px;font-weight:700; width: 100%;height: 100%;text-align: center;padding:10px;cursor: default;overflow-wrap:anywhere}

.map-modal .dialog-body{padding-bottom: 70px;}

.catelog-desc-content.images-desc img{width: calc(80vh - 100px);height: auto; object-fit: contain;object-position: center;margin: 0 auto;}
.help-dialog img{width: 100%;height: auto;max-height: 100%;object-fit: contain;max-width: min(100%, calc(80vh - 100px));margin: 0 auto;min-width: 500px;}

/*review_prompt*/
.review_prompt .dialog-body{padding-top: 0px;}
.review_prompt_content{list-style-type: none; padding-left: 0;padding-top: 6px;}
.review_prompt_info{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.2174 7.75301C13.3877 7.57021 13.4804 7.32844 13.476 7.07862C13.4716 6.82881 13.3704 6.59045 13.1937 6.41378C13.0171 6.23711 12.7787 6.13591 12.5289 6.1315C12.2791 6.12709 12.0373 6.21982 11.8545 6.39015L8.03594 10.2087L6.46736 8.64015C6.28457 8.46982 6.04279 8.37709 5.79298 8.3815C5.54316 8.38591 5.30481 8.48711 5.12814 8.66378C4.95146 8.84045 4.85026 9.07881 4.84585 9.32862C4.84145 9.57844 4.93418 9.82021 5.10451 10.003L7.35451 12.253C7.53531 12.4336 7.7804 12.535 8.03594 12.535C8.29147 12.535 8.53656 12.4336 8.71736 12.253L13.2174 7.75301Z' fill='%2303A803'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9C18 10.1819 17.7672 11.3522 17.3149 12.4442C16.8626 13.5361 16.1997 14.5282 15.364 15.364C14.5282 16.1997 13.5361 16.8626 12.4442 17.3149C11.3522 17.7672 10.1819 18 9 18C7.8181 18 6.64778 17.7672 5.55585 17.3149C4.46392 16.8626 3.47177 16.1997 2.63604 15.364C1.80031 14.5282 1.13738 13.5361 0.685084 12.4442C0.232792 11.3522 -1.76116e-08 10.1819 0 9C3.55683e-08 6.61305 0.948211 4.32387 2.63604 2.63604C4.32387 0.948211 6.61305 0 9 0C11.3869 0 13.6761 0.948211 15.364 2.63604C17.0518 4.32387 18 6.61305 18 9ZM16.0714 9C16.0714 10.8755 15.3264 12.6741 14.0003 14.0003C12.6741 15.3264 10.8755 16.0714 9 16.0714C7.12454 16.0714 5.32589 15.3264 3.99974 14.0003C2.67359 12.6741 1.92857 10.8755 1.92857 9C1.92857 7.12454 2.67359 5.32589 3.99974 3.99974C5.32589 2.67359 7.12454 1.92857 9 1.92857C10.8755 1.92857 12.6741 2.67359 14.0003 3.99974C15.3264 5.32589 16.0714 7.12454 16.0714 9Z' fill='%2303A803'/%3E %3C/svg%3E");
    background-repeat: no-repeat;background-position: left center;background-size: 18px 18px;padding-left: 31px; min-height: 18px;font-size: 14px;line-height: 18px;margin-bottom: 21px;position: relative;}
.review_prompt_info:last-child{margin-bottom: 0;}
.review_prompt_info::before {content: '';position: absolute;left: 8px;top: -1px;opacity: 0.5;background-image: linear-gradient(to bottom, #03A803 0%, #03A803 66%, transparent 50%);background-size: 2px 6px;background-repeat: repeat-y;width: 2px;height: calc(50% - 10px);display: block;z-index: -1;}
.review_prompt_info::after {content: '';position: absolute;left: 8px;bottom: -18px;opacity: 0.5;background-image: linear-gradient(to bottom, #03A803 0%, #03A803 66%, transparent 50%);background-size: 2px 6px;background-repeat: repeat-y;width: 2px;height: calc(50% + 7px);display: block;z-index: -1;transform: rotate(180deg);}
.review_prompt_info:last-child::after,.review_prompt_info:first-child::before{content:none;}
.posr .swiper-tab__preview .preview-text-div{display: flex;}
.posr .swiper-tab__preview .preview-image-item-name{font-size: 14px;padding: 4px 10px;color: #fff;border-radius: 14px;background-color: #333;}
.preview-image-item-name:empty{display: none !important;}
.unCustom-dialog .dialog-body{padding-top: 0;}
.unCustomList{background-color: #F6F6F6;padding: 10px;text-align: center;}
.unCustomList li{color: #BA291A; font-size: 14px;}
.unCustomList li + li{margin-top: 10px;}
/*top-recomment*/
.recomment-content{width: 100%;position: relative;padding-top: 60px;}
.recomment-content .title{font-size:30px;margin-bottom: 30px;text-align: center;}
.recomment-content .product-list{padding:0;width: 100%;}
.recomment-content .product-list .list-item{margin-bottom: 0;width: calc((100% - 100px) / 6);margin-right: 20px;}
.recomment-content .product-list .list-item:last-child{margin-right: 0;}
.recomment-content .product-list .product-name{font-size: 14px;height: 34px;margin-top: 8px;}
.recomment-content .product-list .price{margin-top: 8px;}
.recomment-content .product-list .price .new{font-size: 16px;}
.recomment-content .product-list .price .old{color: #999;font-size: 12px;margin-left: 4px;}
.recomment-content .product-list .item-shipping{margin-top: 4px;}
.recomment-content .pageviews-tips{position: absolute;border: 1px solid var(--color-primary, #712799);background-color: #fff;padding: 2px 6px;border-radius: 20px;font-size: 12px;line-height: 14px;color: var(--color-primary, #712799);margin: 8px;max-width: calc(100% - 16px);}
.recomment-content .pageviews-tips *{font-size: 12px;line-height: 14px;}

/*product group*/
.product_group-content{padding-top: 20px;}
.product_group-content .g-im{margin-bottom: 20px;}
.product_group-content .g-title{margin-bottom: 8px;font-size: 14px;word-wrap: break-word;width: 100%;}
.product_group-content .g-title .t-name{font-size: 14px;}
.product_group-content .box{height: auto;}
.product_group-content .box.type-2,.product_group-content .box.type-3{display: none;margin-top:1px;padding: 12px;border-radius: 12px;border: 1px solid var(--color-primary-border, #E3D4EB);background: #FFF;box-shadow: 0px 1px 8px -1px var(--color-primary-border, #E3D4EB);}
.product_group-content .select-content{display: flex;display: -webkit-flex;display: -ms-flexbox;flex-wrap:wrap;font-size:14px;}
.product_group-content .icon>img{max-width: 100%;max-height: 100%;object-fit: contain;}
.product_group-content .item{transition: all 0.2s ease;word-break: break-word;}
.product_group-content .item .option{display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center;}
.product_group-content .item .icon{margin: 0 8px 0 0;padding: 0;width: 40px;height: 40px;border-radius: 12px;flex-shrink: 0;overflow: hidden;}
.product_group-content .type-1 .select-content, .product_group-content .type-4 .select-content{margin: 0 -4px -8px;}
.product_group-content .type-1 .item,.product_group-content .type-4 .item{margin: 0 4px 8px;border-radius: 12px;border:1px solid #D5D5D5;width: calc(25% - 8px);max-width: 90px;min-width: 50px;padding:4px;}
.product_group-content .type-1 .icon{width: 100%;height: 100%;border-radius: 12px;overflow: hidden;}
.product_group-content .type-4 .item{padding: 12px;font-size:14px;max-width: calc(50% - 12px);flex: 1 1 100%;}
.product_group-content .group.toggle{margin-bottom: 0;height: 50px;padding: 4px 44px 4px 12px;border-radius: 12px;border: 1px solid var(--color-primary-border, #E3D4EB);}
.product_group-content .group::after {content: '\e685';font-family: 'iconfont';font-size: 12px;position: absolute;padding: 0 18px 0 14px;right: 0;color: #333;top: 17px;}
.product_group-content .group.active::after {content: '\e684';}
.product_group-content .group .group-value{width: 100%;}
.product_group-content .group .group-value .selected {display: flex;flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;width: 100%;align-items: center;}
.product_group-content .group .group-value .selected img{width: 40px;height: 40px;border-radius: 12px;margin-right: 8px;background: inherit;object-fit: contain;}
.product_group-content .group .group-value .selected .text{color: #333;display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between;width: 100%;flex: 1;align-items: center;font-size: 15px;width: calc(100% - 80px);}
.product_group-content .type-2 .item,
.product_group-content .type-3 .item{position: relative;display: flex;flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;padding: 10px 12px;align-items: center;margin-bottom: 8px;min-height: 40px;border: 1px solid #D5D5D5;border-radius: 12px;width: 100%;}
.product_group-content .type-2 .item:last-child,.product_group-content .type-3 .item:last-child{margin-bottom: 0;}
.product_group-content .item:active,.product_group-content .item.active{border:1px solid var(--color-primary, #712799);background: var(--color-primary-active, #F1E9F5);font-weight: bold;color: var(--color-primary, #712799);}
/*bmsm nav*/
.nav-tabs__bmsm{position: sticky;top: 130px;width: 100%;z-index: 3;filter: drop-shadow(0px 0px 8px var(--color-primary-border, #E3D4EB));border-radius: 0 0 12px 12px;background-color: #fff;overflow:hidden;}
.nav-tabs__bmsm .tabs-warpper{height: 48px;overflow: hidden;}
.nav-tabs__bmsm .tabs-box{position: relative;padding:0 16px;gap:24px;background-color: #fff;-webkit-user-select: none;user-select: none;box-sizing: content-box;height: auto;overflow-x: auto;overflow-y: hidden;width: calc(100% - 72px);padding-bottom: 10px;}
.nav-tabs__bmsm .tabs__select-dropdown{position: relative;top: 0;left: 0;width: 100%;margin-top: -40px;display: none;}
.nav-tabs__bmsm .tabs__select-text{padding: 10px 12px;width: 100%;height: 40px;line-height:20px;background-color: #fff;}
.nav-tabs__bmsm .tabs__select-icon{width: 44px;height: 40px;font-size: 12px;background-color: #fff;text-align: center;position: absolute;top: 0;right: 0;line-height: 40px;z-index: 1;cursor: pointer;}
.nav-tabs__bmsm .tabs__select-icon>.iconfont{font-size: 12px;}
.nav-tabs__bmsm .tabs__select-list{max-height: 220px;overflow-y: auto;}
.nav-tabs__bmsm .tabs__select-item {height: 40px;padding: 10px 12px;background-color: #fff;cursor: pointer;}
.nav-tabs__bmsm .tabs__select-item.active{background-color: #FEF6F8;color: #EA3068;}
.nav-tabs__bmsm .tabs-box .tab__text{align-content: center;height: 48px;line-height: 48px;}
.nav-tabs__bmsm .tabs-box .tab__text,
.nav-tabs__bmsm .tabs__select-item > span{position: relative;font-size: 18px;color: #333;cursor: pointer;}
.nav-tabs__bmsm .tabs-box .tab__text.active,
.nav-tabs__bmsm .tabs__select-item.active > span{color: #EA3068;font-weight: 700;}
.nav-tabs__bmsm .tabs-box .tab__text::before,
.nav-tabs__bmsm .tabs__select-item > span::before{
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 4px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.75035 5C2.75035 4.83424 2.8162 4.67527 2.93341 4.55806C3.05062 4.44085 3.20959 4.375 3.37535 4.375H4.62535V3.125C4.62535 2.95924 4.6912 2.80027 4.80841 2.68306C4.92562 2.56585 5.08459 2.5 5.25035 2.5C5.41611 2.5 5.57508 2.56585 5.69229 2.68306C5.8095 2.80027 5.87535 2.95924 5.87535 3.125V4.375H7.12535C7.29111 4.375 7.45008 4.44085 7.56729 4.55806C7.6845 4.67527 7.75035 4.83424 7.75035 5C7.75035 5.16576 7.6845 5.32473 7.56729 5.44194C7.45008 5.55915 7.29111 5.625 7.12535 5.625H5.87535V6.875C5.87535 7.04076 5.8095 7.19973 5.69229 7.31694C5.57508 7.43415 5.41611 7.5 5.25035 7.5C5.08459 7.5 4.92562 7.43415 4.80841 7.31694C4.6912 7.19973 4.62535 7.04076 4.62535 6.875V5.625H3.37535C3.20959 5.625 3.05062 5.55915 2.93341 5.44194C2.8162 5.32473 2.75035 5.16576 2.75035 5ZM13.3753 15H12.7503V14.375C12.7503 14.2092 12.6845 14.0503 12.5673 13.9331C12.4501 13.8158 12.2911 13.75 12.1253 13.75C11.9596 13.75 11.8006 13.8158 11.6834 13.9331C11.5662 14.0503 11.5003 14.2092 11.5003 14.375V15H10.8753C10.7096 15 10.5506 15.0658 10.4334 15.1831C10.3162 15.3003 10.2503 15.4592 10.2503 15.625C10.2503 15.7908 10.3162 15.9497 10.4334 16.0669C10.5506 16.1842 10.7096 16.25 10.8753 16.25H11.5003V16.875C11.5003 17.0408 11.5662 17.1997 11.6834 17.3169C11.8006 17.4342 11.9596 17.5 12.1253 17.5C12.2911 17.5 12.4501 17.4342 12.5673 17.3169C12.6845 17.1997 12.7503 17.0408 12.7503 16.875V16.25H13.3753C13.5411 16.25 13.7001 16.1842 13.8173 16.0669C13.9345 15.9497 14.0003 15.7908 14.0003 15.625C14.0003 15.4592 13.9345 15.3003 13.8173 15.1831C13.7001 15.0658 13.5411 15 13.3753 15ZM17.7503 11.25H16.5003V10C16.5003 9.83424 16.4345 9.67527 16.3173 9.55806C16.2001 9.44085 16.0411 9.375 15.8753 9.375C15.7096 9.375 15.5506 9.44085 15.4334 9.55806C15.3162 9.67527 15.2503 9.83424 15.2503 10V11.25H14.0003C13.8346 11.25 13.6756 11.3158 13.5584 11.4331C13.4412 11.5503 13.3753 11.7092 13.3753 11.875C13.3753 12.0408 13.4412 12.1997 13.5584 12.3169C13.6756 12.4342 13.8346 12.5 14.0003 12.5H15.2503V13.75C15.2503 13.9158 15.3162 14.0747 15.4334 14.1919C15.5506 14.3092 15.7096 14.375 15.8753 14.375C16.0411 14.375 16.2001 14.3092 16.3173 14.1919C16.4345 14.0747 16.5003 13.9158 16.5003 13.75V12.5H17.7503C17.9161 12.5 18.0751 12.4342 18.1923 12.3169C18.3095 12.1997 18.3753 12.0408 18.3753 11.875C18.3753 11.7092 18.3095 11.5503 18.1923 11.4331C18.0751 11.3158 17.9161 11.25 17.7503 11.25ZM16.1339 6.25L5.25035 17.1336C5.01595 17.3678 4.69813 17.4994 4.36675 17.4994C4.03538 17.4994 3.71756 17.3678 3.48316 17.1336L1.86597 15.518C1.74987 15.4019 1.65777 15.2641 1.59493 15.1124C1.5321 14.9607 1.49976 14.7982 1.49976 14.634C1.49976 14.4698 1.5321 14.3072 1.59493 14.1556C1.65777 14.0039 1.74987 13.8661 1.86597 13.75L12.7503 2.86641C12.8664 2.7503 13.0042 2.6582 13.1559 2.59537C13.3076 2.53253 13.4702 2.50019 13.6343 2.50019C13.7985 2.50019 13.9611 2.53253 14.1128 2.59537C14.2644 2.6582 14.4022 2.7503 14.5183 2.86641L16.1339 4.48203C16.25 4.59811 16.3421 4.73592 16.405 4.8876C16.4678 5.03927 16.5002 5.20184 16.5002 5.36602C16.5002 5.53019 16.4678 5.69276 16.405 5.84444C16.3421 5.99611 16.25 6.13392 16.1339 6.25ZM11.866 8.75L10.2503 7.13359L2.75035 14.6336L4.36597 16.25L11.866 8.75ZM15.2503 5.36641L13.6339 3.75L11.1339 6.25L12.7503 7.86641L15.2503 5.36641Z' fill='%23333333'/%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}
.nav-tabs__bmsm .tabs-box .tab__text.active::before,
.nav-tabs__bmsm .tabs__select-item.active > span::before{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.8571 8.92856L10.3571 6.42856L2.14282 14.2857L4.28568 17.1428L12.8571 8.92856Z' fill='%23FFC6D7'/%3E%3Cpath d='M2.75035 5C2.75035 4.83424 2.8162 4.67527 2.93341 4.55806C3.05062 4.44085 3.20959 4.375 3.37535 4.375H4.62535V3.125C4.62535 2.95924 4.6912 2.80027 4.80841 2.68306C4.92562 2.56585 5.08459 2.5 5.25035 2.5C5.41611 2.5 5.57508 2.56585 5.69229 2.68306C5.8095 2.80027 5.87535 2.95924 5.87535 3.125V4.375H7.12535C7.29111 4.375 7.45008 4.44085 7.56729 4.55806C7.6845 4.67527 7.75035 4.83424 7.75035 5C7.75035 5.16576 7.6845 5.32473 7.56729 5.44194C7.45008 5.55915 7.29111 5.625 7.12535 5.625H5.87535V6.875C5.87535 7.04076 5.8095 7.19973 5.69229 7.31694C5.57508 7.43415 5.41611 7.5 5.25035 7.5C5.08459 7.5 4.92562 7.43415 4.80841 7.31694C4.6912 7.19973 4.62535 7.04076 4.62535 6.875V5.625H3.37535C3.20959 5.625 3.05062 5.55915 2.93341 5.44194C2.8162 5.32473 2.75035 5.16576 2.75035 5ZM13.3753 15H12.7503V14.375C12.7503 14.2092 12.6845 14.0503 12.5673 13.9331C12.4501 13.8158 12.2911 13.75 12.1253 13.75C11.9596 13.75 11.8006 13.8158 11.6834 13.9331C11.5662 14.0503 11.5003 14.2092 11.5003 14.375V15H10.8753C10.7096 15 10.5506 15.0658 10.4334 15.1831C10.3162 15.3003 10.2503 15.4592 10.2503 15.625C10.2503 15.7908 10.3162 15.9497 10.4334 16.0669C10.5506 16.1842 10.7096 16.25 10.8753 16.25H11.5003V16.875C11.5003 17.0408 11.5662 17.1997 11.6834 17.3169C11.8006 17.4342 11.9596 17.5 12.1253 17.5C12.2911 17.5 12.4501 17.4342 12.5673 17.3169C12.6845 17.1997 12.7503 17.0408 12.7503 16.875V16.25H13.3753C13.5411 16.25 13.7001 16.1842 13.8173 16.0669C13.9345 15.9497 14.0003 15.7908 14.0003 15.625C14.0003 15.4592 13.9345 15.3003 13.8173 15.1831C13.7001 15.0658 13.5411 15 13.3753 15ZM17.7503 11.25H16.5003V10C16.5003 9.83424 16.4345 9.67527 16.3173 9.55806C16.2001 9.44085 16.0411 9.375 15.8753 9.375C15.7096 9.375 15.5506 9.44085 15.4334 9.55806C15.3162 9.67527 15.2503 9.83424 15.2503 10V11.25H14.0003C13.8346 11.25 13.6756 11.3158 13.5584 11.4331C13.4412 11.5503 13.3753 11.7092 13.3753 11.875C13.3753 12.0408 13.4412 12.1997 13.5584 12.3169C13.6756 12.4342 13.8346 12.5 14.0003 12.5H15.2503V13.75C15.2503 13.9158 15.3162 14.0747 15.4334 14.1919C15.5506 14.3092 15.7096 14.375 15.8753 14.375C16.0411 14.375 16.2001 14.3092 16.3173 14.1919C16.4345 14.0747 16.5003 13.9158 16.5003 13.75V12.5H17.7503C17.9161 12.5 18.0751 12.4342 18.1923 12.3169C18.3095 12.1997 18.3753 12.0408 18.3753 11.875C18.3753 11.7092 18.3095 11.5503 18.1923 11.4331C18.0751 11.3158 17.9161 11.25 17.7503 11.25ZM16.1339 6.25L5.25035 17.1336C5.01595 17.3678 4.69813 17.4994 4.36675 17.4994C4.03538 17.4994 3.71756 17.3678 3.48316 17.1336L1.86597 15.518C1.74987 15.4019 1.65777 15.2641 1.59493 15.1124C1.5321 14.9607 1.49976 14.7982 1.49976 14.634C1.49976 14.4698 1.5321 14.3072 1.59493 14.1556C1.65777 14.0039 1.74987 13.8661 1.86597 13.75L12.7503 2.86641C12.8664 2.7503 13.0042 2.6582 13.1559 2.59537C13.3076 2.53253 13.4702 2.50019 13.6343 2.50019C13.7985 2.50019 13.9611 2.53253 14.1128 2.59537C14.2644 2.6582 14.4022 2.7503 14.5183 2.86641L16.1339 4.48203C16.25 4.59811 16.3421 4.73592 16.405 4.8876C16.4678 5.03927 16.5002 5.20184 16.5002 5.36602C16.5002 5.53019 16.4678 5.69276 16.405 5.84444C16.3421 5.99611 16.25 6.13392 16.1339 6.25ZM11.866 8.75L10.2503 7.13359L2.75035 14.6336L4.36597 16.25L11.866 8.75ZM15.2503 5.36641L13.6339 3.75L11.1339 6.25L12.7503 7.86641L15.2503 5.36641Z' fill='%23EA3068'/%3E%3C/svg%3E");}
.nav-tabs__bmsm .tabs-box .tab__text.active::after{
    content: '';
    border-bottom: 2px solid #EA3068;
    border-radius: 4px;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* components/card/product_card */
.card-box-content, .gift-box-content{width: 100%;height: 74px;border-radius: 12px;background: var(--color-primary-bg, #F8F4FA);padding: 10px 16px 12px;}
.card-content .group{margin-bottom:0;transition: all 0.2s ease-in-out;flex-wrap: nowrap;}
.card-content .title{font-size: 16px;padding: 3px 0;}
.card-content .card-box-detail .info{font-size: 12px;margin-top: 3px;}
.card-content .card-box-img,.gift-box-img{width: 52px;flex-shrink: 0;height: 52px;border: 1px solid var(--color-primary-border, #E3D4EB);border-radius: 50%;overflow: hidden;}
.card-content .card-box-img img{width: 100%;height: 100%; object-fit: cover;}
.card-content .card-box-img .remove{width: 20px;height: 20px;position: absolute;top: 6px;right: 8px;padding: 3px;border-radius: 50%;border:1px solid #fff;background-color: var(--color-primary, #712799);}
.card-content .choose-card{height: 100%;width: 56px;}
.card-content .card-name{max-width:8rem;font-size: 14px;margin-right: 12px;}
.card-content .box{display: block;font-size: 14px;padding: 6px 12px;height: auto;width:100%;overflow: hidden;}
.card-content .card-box{width: calc(100% + 24px);margin-left: -12px;padding: 0 12px;}
.card-content .card-item{width: 113px;padding: 14px 0;} 
.card-content .card-item .loadBox{position: relative;width: 100%;height: 0;font-size: 0;padding-bottom: 100%;background-color: #fff;}
.card-content .card-item .loadBox>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;object-fit: contain;background-color: transparent;}
.card-content .iconfont{font-size: 12px;}
.card-content .group.active .card-arrow{transform: rotateZ(180deg);}
.card-content .group.active{background-color: #ECE5D8;}
.card-content .item .form-radio label::after,  .card-content .item .form-checkout label::after{background-color: transparent;}
.card-content .card-box-price{position: relative;font-size: 14px;font-weight: bold;color: #FF8A00;border: 1px solid #FFD3B4;border-left:none;background-color: #FFF3E4;border-radius: 0 4px 4px 0;padding: 0 9px 0 2px;margin-left: 18px;}
.card-content .card-box-price::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.679112 11.571L5.43475 19.071C5.80155 19.6495 6.43886 20 7.12382 20H8V1H7.12381C6.43886 1 5.80155 1.35052 5.43475 1.92899L0.679112 9.42899C0.26453 10.0828 0.26453 10.9172 0.679112 11.571Z' fill='%23FFF3E4'/%3E %3Cpath d='M8.0002 19.5H7.14384C6.4481 19.5 5.80235 19.1384 5.43873 18.5453L0.840989 11.0453C0.447795 10.4039 0.447794 9.59611 0.840989 8.95472L5.43873 1.45472C5.80235 0.861564 6.4481 0.5 7.14384 0.5H8.0002' stroke='%23FFD3B4'/%3E %3C/svg%3E ");
    background-size: auto 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    height: calc(100% + 2px);
    width: 8px;
    position: absolute;
    left: -8px;
    top: -1px;
    display: block;
}

.gift-box-img img{width: 100%;height: 100%; object-fit: cover;}
.gift-box-content .title{font-size: 16px;max-width: 64vw;flex-shrink: 1;padding: 3px 0;}
.gift-box-content .info{margin-top: 3px;font-size: 14px;}
.gift-box-content .box-price{position: relative;font-size: 18px;font-weight: bold;color: var(--color-free, #279999);border: 1px solid var(--color-free-border, #B1EBDD);border-left:none;background-color: var(--color-free-bg, #E5FFF9);border-radius: 0 4px 4px 0;padding: 2px 6px 2px 2px;margin-left: 18px;}
.gift-box-content .box-price::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.679112 11.571L5.43475 19.071C5.80155 19.6495 6.43886 20 7.12382 20H8V1H7.12381C6.43886 1 5.80155 1.35052 5.43475 1.92899L0.679112 9.42899C0.26453 10.0828 0.26453 10.9172 0.679112 11.571Z' fill='%23E5FFF9'/%3E %3Cpath d='M8.0002 19.5H7.14384C6.4481 19.5 5.80235 19.1384 5.43873 18.5453L0.840989 11.0453C0.447795 10.4039 0.447794 9.59611 0.840989 8.95472L5.43873 1.45472C5.80235 0.861564 6.4481 0.5 7.14384 0.5H8.0002' stroke='%23B1EBDD'/%3E %3C/svg%3E ");
    background-size: auto 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    height: calc(100% + 2px);
    width: 10px;
    position: absolute;
    left: -10px;
    top: -1px;
    display: block;
}
.card-box-content, .gift-box-content{margin-bottom: 20px;}
.card-box-content + .gift-box-content{margin-top: -8px;}

/*card-image-zoom*/
.overlay-card-zoom .overlay-body{max-width: 800px;max-height: 800px !important;margin: 20px auto 0;padding: 0;width: calc(100vh - 150px - 8.33333vh);height: calc(100vh - 150px - 8.33333vh);text-align: center;position: relative;}
.zoom-image-box{max-height: 800px;max-width: 800px;margin: 0 auto;overflow: hidden;width: 100%;height: 100%;}
.zoom-image-box img{object-position: center;max-height: 800px;max-width: 800px;object-fit: cover;background: transparent;border-radius: 12px;overflow: hidden;width: 100%;height: 100%;margin: 0 auto;}
.overlay-card-zoom .footer-btn-group{padding: 20px 0 0;position: static;max-width: 800px;width: calc(100vh - 150px - 8.33333vh);margin: 0 auto;}

/* components/tabs */
.yang-tabs__nav{overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;background-color: #fff;-webkit-user-select: none;user-select: none;box-sizing: border-box;height: 100%;}
.yang-tabs .yang-tab {-webkit-box-flex: 1;-webkit-flex: 1 0 auto;flex: 1 0 auto;padding: 10px 20px 20px;}
.yang-tab {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-flex: 1;-webkit-flex: 1 0 auto;flex: 1 0 auto;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;box-sizing: border-box;padding: 0 20px;color: #333333;font-size: 14px;line-height: 20px;cursor: pointer;border-bottom: 1px solid var(--color-primary-border, #E3D4EB);}
.yang-tab--active {color: var(--color-primary, #712799);font-weight: 700; }
.yang-tab .yang-tab__text{font-size: 14px;}
.yang-tabs__line {position: absolute;bottom: 0px;left: 0;z-index: 1;width: 40px;height: 2px;background-color: var(--color-primary, #712799);border-radius: 4px;}
.yang-tabs .yang-tabs__nav::-webkit-scrollbar{width: 6px;height: 6px;}
.yang-tabs .yang-tabs__nav::-webkit-scrollbar {display: none;}
.yang-tab .yang-tab__icon{display: block;filter: grayscale(100%);margin-bottom: 2px;}
.yang-tab--active .yang-tab__icon{filter: grayscale(0%);}

/* components/card/card_list */
.overlay-card.full-overlay .overlay-content{height: 100% !important;width: 500px !important;right: 0;left: auto;max-width: none;max-height: none;min-width: auto;}
.overlay-card.full-overlay .overlay-body{padding: 0 16px 20px;max-height: none;}
.overlay-card .overlay-title{font-size: 18px;}
.card-list{padding-top: 72px;}
.card-list-item{width: calc((100% - 20px) / 2);margin-bottom: 20px;border-radius: 12px;border: 1px solid #D5D5D5;background-color: #fff;padding: 8px;}
.card-list-item:hover,.card-list-item.active{border-color: var(--color-primary, #712799);background-color: var(--color-primary-active, #F1E9F5);}
.card-list-item:nth-child(2n-1){margin-right: 20px;}
.card-list .loadBox{position: relative;width: 100%;height: 0;font-size: 0;padding-bottom: 100%;background-color: #F6F6F6 ;border-radius: 12px;overflow: hidden;}
.card-list .loadBox>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;object-fit: contain;}
.card-list-item .card-name{font-size: 16px;margin: 8px 0;}
.card-list-item .card-price{margin-top: 8px;font-size: 18px;text-align: center;}
.card-list-item .card-price .now{color: #333;height: auto;font-size: 18px;}
.card-list-item .card-price .now.discount{font-weight: bold;}
.card-list-item .card-price .old{color: #999999 !important;text-decoration: line-through; font-size: 14px;margin-left: 4px;font-weight: 400 !important;}
.card-list-item.active *{color: var(--color-primary, #712799) !important;font-weight: bold;}
.card-list .loading-content{background: #fff;height: 100%;top: 50px;z-index: 1;position: fixed;width: 100%;left: 0;border-radius: 0;}
.overlay-card .yang-tabs{height: 56px;overflow: hidden;border-radius: 0px 0px 12px 12px;}
.overlay-card .yang-tabs .yang-tabs__nav{padding: 0 6px;background: var(--color-primary-bg, #F8F4FA);height: 56px;scrollbar-width: thin;scrollbar-color: var(--color-primary-border) var(--color-primary-bg);}
.overlay-card .yang-tabs .yang-tab{padding: 4px 10px;height: 56px;border: none;}
.overlay-card .yang-tabs__line{border-radius: 0;}
.card-list .card-list-item .discount-tag {position: absolute;top: 0;right: 0;max-width: 100%;border-radius: 4px 4px 0 4px;background-color: #ff531f;font-size: 14px;font-weight: bold;padding: 2px 4px;z-index: 1;color: #fff;}
.card-list .card-list-item .suffix-img-div {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.card-list .card-list-item .suffix-img-div .lazyloaded {width: 100%;height: auto;background-color: transparent;}

/* components/card/edit_card */
.overlay-card.overlay-card-detail .overlay-body{padding: 0 0 74px;}
.overlay-card-detail .overlay-header .back{color: #333;left: 0;right: auto;}
.overlay-card-detail .footer-btn-group{padding: 12px 16px;z-index: 10;}
.overlay-card-detail .footer-btn-group>div{width: 100%;margin: 0 auto;}
.overlay-card-detail .footer-btn-group *:not(:first-child){margin-left: 12px;}
.overlay-card-detail .footer-btn-group button{flex: 1;}
.overlay-card-detail .btn-weaken{border: 1px solid var(--color-primary-border, #E3D4EB);background: var(--color-primary-bg, #F8F4FA);color: var(--color-primary, #712799);font-weight: 400;}
.swiper-card-list{--swiper-navigation-size:12px;width: 100%;overflow: hidden;position: relative;}
.swiper-card-list .swiper-slide{width: 500px;height: 500px;font-size: 0;}
.swiper-card-list .swiper-slide img {width:100%;height:100%;object-fit: cover;object-position: center;overflow: hidden;}
.swiper-card-list .swiper-pagination__product,.slide-tab-item{position: absolute;padding: 4px 8px;background: rgba(255, 255, 255, 0.8);border-radius: 20px;color: #333;font-size: 14px;margin: 0 auto;display: inline-block;width: auto;left: 50%;bottom: 26px;transform: translateX(-50%);}
.overlay-card-detail .loadBox{position: relative;width: 100%;height: 0;font-size: 0;padding-bottom: 100%;background-color: #F5F5F5;}
.overlay-card-detail .loadBox>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;object-fit: contain;}
.textarea-box{position:relative;padding-bottom: 20px;border: 1px solid #D5D5D5;border-radius: 4px;margin-top: 8px;width: 100%;margin: 0 auto;margin-top: 10px;height: 58px;}
@media (max-height:630px){
  .overlay-card-detail .footer-btn-group>div, .swiper-card-list, .textarea-box{width: 500px !important;}
}
.overlay-card-detail .product-name{font-size:14px;line-height: 21px; color: #333;flex: 1;font-weight: 400;}
.overlay-card-detail .now{font-size: 24px;font-weight: bold;}
.overlay-card-detail .old{color: #999;font-size: 14px;margin-left: 15px;text-decoration: line-through;}
.overlay-card-detail .sale-list{margin-left: 10px;}
.overlay-card-detail .sale-list .sale-item{margin-right: 10px;height: 26px;font-size:14px;padding:3px 7px;text-transform: capitalize;position: relative;max-width: 100%;line-height: 18px;margin-top: 4px;margin-bottom: 4px;}
.overlay-card-detail .sale-list .sale-item__price {padding:0 5px;background-color: var(--color-primary, #712799);line-height: 24px;color:#fff;margin: 0;}
.slide-tab-item{border: 1px solid var(--preview, #743F00);background: var(--preview-bg, #FFE0A5);color: var(--preview, #743F00);font-weight: bold;}
.slide-tab-item svg{width: 20px;height: 20px;margin-right:4px;}
.overlay-card-detail .card_custom-app>.loading{opacity: 0;}
.card-main{background-color: #fff;border-radius: 12px 12px 0 0;margin-top: -10px;z-index: 1;padding: 16px;}
.card-main .product-price{margin-top: 8px;}
.overlay-card-detail #edit-card-custom{margin: 0 -6px;}

/* index only begin */
.img-zoom{z-index: -1;visibility: hidden;}
.img-zoom.active{z-index: 99;visibility: visible;}
.img-zoom .canvas-container{width:500px;margin: 0 auto;}
.img-zoom .canvas-container .lower-canvas {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVQ4jWP89+/ffwY84Ny5c/ikGZjwyhIBRg0YDAawEIpnIyMj2rpg1IABN4CBgQEA4F0JhXXdoQcAAAAASUVORK5CYII=);}
.img-zoom .img-zoom-main{padding-bottom: 150px;width: 500px;padding-left: 0;padding-right: 0;margin: 0 auto;}
.img-zoom .canvas-container.canvas-box,.img-zoom-body{width:500px;margin: 0 auto;}
.img-zoom .canvas-loading{position: absolute; width: 100%; height: 100%; top: 0; left: 0;display:none;}
.img-zoom .canvas-loading img{background-color: inherit;object-fit: contain;padding: 30%;width: 100%;height: 100%;}
.img-zoom .canvas-control{height:44px;border: 1px solid #d5d5d5;border-radius: 36px;margin:10px auto 20px;width: 500px;}
.img-zoom .iconfont{font-size:20px;}
.img-zoom .disable-select{cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px 20px;color:#333;text-align: center;user-select:none;margin: 0;}
.img-zoom .canvas-selectable-msg{color:#333;padding:10px 0;display:none;}
.img-zoom .canvas-control-upload{border-color: #333;}
/* index only end */


/* clip only begin */
:root{--custom-canvas-width: calc(80vh - 235px);}
.custom-image-preview .dialog-main{top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}
.custom-edit-image-div .canvas-backgroup{background-color: rgba(0, 0, 0, 0.5);}
.custom-edit-image-div .custom-edit-image-canvas-content{width: min(500px, var(--custom-canvas-width));margin: 0 auto;}
.custom-edit-image-div .custom-edit-image-canvas-content .canvas-container{margin: 0 auto;}
.custom-edit-image-div #custom-edit-image-canvas{width: min(500px, var(--custom-canvas-width));}
.custom-edit-image-div .canvas-control{display: flex;align-items: center;margin: 20px auto 0;justify-content: space-evenly;border-radius: 36px;border: 1px solid #d5d5d5 ;padding: 9px 20px;}
.custom-edit-image-div .canvas-control .iconfont{font-size: 20px;}
.custom-edit-image-div .canvas-bottom{display: flex;justify-content: space-between;align-items: center;margin: 20px auto 0;}
.custom-edit-image-div .canvas-bottom .bottom-buttom-border {border: 1px solid #d5d5d5;border-radius: 4px;}
.custom-edit-image-div .change-photo{padding: 17px 13px;text-align: center;max-width: 50%;width: auto;}
.custom-edit-image-div .cofirm{padding: 17px 13px;text-align: center;background-color: #333333;flex: 1;color: #ffffff;margin-left: 7px;}
.custom-image-preview .dialog-body{max-height: calc(90vh - 60px);}
.custom-image-preview .edit-image-preview-div{position: relative;height: 100%;}
.custom-image-preview .show-image-canvas .preview-img{min-width: 360px;width: min(100%, calc(80vh - 155px));}
.custom-image-preview .edit-image-preview-div .image-div{width:min(100%, calc(80vh - 155px));min-width: 360px;max-width: 650px;min-height: 360px; position:relative;margin: 0 auto;}
/*.custom-image-preview .edit-image-preview-div .image-div .preview-img-loading-div{width:100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);}*/
.custom-image-preview .edit-image-preview-div .image-div .preview-img-loading-div .preview-img-loading{position: absolute;width: 50%;height: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.custom-image-preview .bottom-button-div {min-width: 360px;max-width: 650px;width: min(100%, calc(80vh - 155px));background-color: #fff;margin: 20px auto 0;}
.custom-image-preview .bottom-button-div .confirm-button{width: 100%;background-color: #333;color: #ffffff;padding:17px;font-size: 16px;font-weight: 700;text-align: center;border-radius: 4px;}
.custom-image-preview  .click-tips{display: flex;align-items: start;justify-content: center;padding: 4px 8px;margin:0 auto 20px;max-width: calc( 100% - 60px );background-color: #000;opacity: 0.6;border-radius: 4px;}
.custom-image-preview  .tips-text{margin-left: 4px;font-size: 16px;color: #fff;flex: 1;word-wrap: break-word;word-break:break-word}
.custom-image-preview  .click-guesture-img{width: 16px;height: 16px;}
.click-guesture-img{width: 40px; height: 40px;background-size: contain;background-repeat: no-repeat;}
.slide-canvas{position: relative;}
.slide-canvas .custom-edit-icon{position: absolute;bottom: 16px;right: 16px;width: 28px;height: 28px;}
.custom-edit-icon{background-size: contain;background-repeat: no-repeat;}
.pre-modal-mask{background-color: rgba(0, 0, 0, 0.5);position: absolute;width: 100%;height: 100%;z-index: 1000;top: 0;left: 0;}
.preview-zoom-modal .swiper-wrapper .swiper-image-item-name{color: #333;border-radius: 13px;background: rgba(255, 255, 255, 0.80);padding: 4px 8px;font-size: 16px;position: absolute;transform: translateX(-50%);left: 50%;bottom: 16px;}
.comment-list:empty{margin: 0 !important;}
/* clip only end */