/* 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__controls .plyr__control,.plyr__control--overlaid{opacity: 1; border-radius: 50%;border: 1px solid #999999;background-color: rgba(0, 0, 0, 0.4);}
.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: 14px;}
.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: 5px;}
.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;}
.s-p{width: 24px; height: 24px;background-repeat:no-repeat;}
.bg-f{background-color:#fff;}
.vi-p .cbold{font-size:14px;color:#333;font-weight: 700;}
.vi-p .c-item{padding:8px;}
.mb-10{margin-bottom: 10px;}
.toggle{cursor: pointer;}
.modal-open_absolute{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.vi-p button,.vi-p .btn{font-size: 18px;}
.swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;}
.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: 57.7465%;position: -webkit-sticky; position: sticky; top: 0;padding-right: 70px;}
.right-layout{width: 42.2535%;}

.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, .gallery-top-prev{width: 30px;height: 30px;border-radius: 50%; border: 1px solid #D5D5D5; background: #fff;font-size: 12px;--swiper-navigation-size:12px;--swiper-navigation-color: #333;font-weight: bold;transform: translateY(-50%);z-index: 1;transition: all 0.1s linear;}
.gallery-top-next{right: 10px;}
.gallery-top-prev{left: 10px;}
.gallery-top-next:hover,.gallery-top-prev:hover{border-color: #333;background-color: #F6F6F6;}
.gallery-top-parent .swiper-slide{height: 0;padding-bottom: 100%;}
.gallery-top-parent .swiper-slide>*:first-child{height: 100%;position: absolute;left: 0;top: 0;width: 100%;object-fit: contain;object-position: center;}
.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;}
.thumbbox .magnify,.slide-canvas .magnify{position: absolute;font-size: 24px;color: #333;width: 40px;height: 40px;line-height: 40px;text-align: center;right: 14px;bottom: 6px;z-index: 1;cursor: pointer;}
.gallery-thumbs .swiper-slide{position: relative;width:80px;height:80px;margin-bottom: 10px;background-size: 100%; border-radius: 4px;opacity:0.6;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 #333;position: absolute; top: 0; left: 0;}
.gallery-thumbs .swiper-slide:last-child{margin-bottom: 0;}
 
.wishlist{position: absolute;right: 20px;top: 20px;z-index: 1;}
.icon-unwish{width: 30px; height: 30px;font-size: 30px;line-height:30px;color: #fff;text-shadow: 0px 1px 2px rgba(75,75,75,0.2), 1px 0 2px rgba(75,75,75,0.2), -1px 0px 2px rgba(75,75,75,0.2), 0 -1px 2px rgba(75,75,75,0.2);}
.icon-wish{width: 30px; height: 30px;font-size: 30px;line-height:30px;}

.share{padding:20px 0 0 100px;}
.share .title{font-size:14px;margin-right:12px;line-height: 24px;}
.share .share-item{margin-right:20px;font-size: 24px;line-height: 1;height: 24px;cursor: pointer;}
.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: 0;z-index: 1;left: 50%;transform: translateX(-50%);width: max-content;flex-wrap: nowrap;padding: 10px;}
.swiper-tab{border: 1px solid rgba(221, 221, 221, 0.5);border-radius: 14px;padding: 1px;background-color: rgba(255, 255, 255, 0.8);display: inline-block;font-size: 0;margin-right:8px;}
.swiper-tab .tab-item{height: 22px;font-size: 14px;line-height: 1;color: #333;padding: 4px 10px;border-radius: 14px;display: inline-block;cursor: pointer;}
.swiper-tab .tab-item:hover{background-color: #f6f6f6;}
.swiper-tab .tab-item.active{color: #fff;background-color: #333;}
.swiper-tab__preview{border-color: rgba(165, 151, 141, 0.5);background-color:#ECE5D8;display: none;}
.swiper-tab__preview .tab-item, .swiper-tab__preview .tab-item.active{color: #333333;background-color: #ECE5D8;padding: 4px 10px;}
.swiper-tab__product-preview .tab-item, .swiper-tab__product-preview .tab-item.active{color: #333333;background-color: #ECE5D8;padding: 4px 10px;}
.swiper-tab__product-preview{border: none;}

.swiper-controls .swiper-pagination{position: static;padding: 4px 8px;background: rgba(0, 0, 0, 0.4);border-radius: 15px;color: #fff;font-size: 14px;display: inline-block;width: auto;line-height: 1;}
.product__name-share{margin: 0 0 20px;}
.product__name-share .product-name{font-size:24px;color: #333;flex: 1;}
.product__name-share .btn-product-share{margin: 0 0 0 30px;}
.figure-top .rank{padding:0;}
.figure-top .rank_count{color: #333;line-height: 23px;font-size: 14px;margin-left: 2px;}
.figure-top .rank_count::after{content: '';width: 100%;display: block;height: 1px;border-bottom: 1px solid #333;}
.right-layout .now{height:26px;line-height: 26px;}
.right-layout .old{text-decoration: line-through;margin-left:10px;font-size:14px;height: auto;}
.right-layout .now .symbol,.right-layout .now .value{font-size:26px;line-height: 26px;font-weight:bold;}
.right-layout .figure .sale-list:not(:empty)+.figure-top{margin-top: 10px;}
.right-layout .figure .coupon-prompt{color: #CD011C;font-size: 14px;font-style: normal;font-weight: 400;margin-bottom: 10px;}
.right-layout .figure .figure-top{margin-bottom: 10px;}
.right-layout .figure .figure-top__rank{position: relative;}
.right-layout .figure .figure-top__rank::after{content: '';width: calc(100% + 12px);height: 24px;position: absolute;left: -6px;background-color: rgba(0, 0, 0, 0.05);border-radius: 4px;opacity: 0; transition: all 0.1s;}
.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: 10px;margin-bottom:10px;min-height: 24px;font-size:14px;padding:3px 8px;line-height: 18px;position: relative;max-width: 100%;}
.sale-list .sale-item__price{background-color: #FF9E2C;color:#fff;}
.sale-list .sale-item__shipping{background: #E3F3E3;border: 1px solid #BEE2AD;color:#486948;}
.sale-list .sale-item__delivery{background: #E4F1FF;border: 1px solid #B4DBFF;color:#475B73;z-index: 2;}
.sale-list .sale-item__promotion{background: #FFE4E4;border: 1px solid #FFB8B4;color:#714D4B;}
.sale-list .sale-item__fast{background: #FFF3E4;border: 1px solid #FFD3B4;color:#333;}
.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);}
.sale-list .sale-item .icon{width: 18px; height: 18px;margin-right:4px;flex-shrink: 0;line-height: 18px;font-size: 18px;}
.sale-list .sale-item .icon *{width: 18px;height: 18px;font-size: 0;line-height: 18px;background-color: transparent;}
.sale-list .sale-item .text{line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.icon-fast{width: 14px; height: 14px;margin-right:2px;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzE2NDUgMTMuMDg2NkM5LjY5NDMgMTMuMDg2NiA5LjY3MjAzIDEzLjA4NCA5LjY1IDEzLjA3ODdDOS41NTM2IDEzLjA1NTIgOS40NzY2OCAxMi45ODI4IDkuNDQ3NTcgMTIuODg4TDcuODU4NDMgNy43MTYyM0w1Ljk2MDgxIDkuMzI0MjdMNS45ODM3OCAxMi4xMjA5QzUuOTg0MzggMTIuMTk1NCA1Ljk1NTM5IDEyLjI2NzIgNS45MDMxNCAxMi4zMjAzTDUuNDMzMzUgMTIuNzk4NUM1LjM2NjM4IDEyLjg2NjcgNS4yNjkzNiAxMi44OTYyIDUuMTc1NzkgMTIuODc2OUM1LjA4MjE5IDEyLjg1NzUgNS4wMDQ4MiAxMi43OTIgNC45NzAzNCAxMi43MDI5TDMuOTUzNTIgMTAuMDc0M0wxLjIyNDQ5IDguOTAyMDJDMS4xMzkzNCA4Ljg2NTQ0IDEuMDc3NjcgOC43ODkyOSAxLjA1OTYxIDguNjk4MzlDMS4wNDE1NSA4LjYwNzQ5IDEuMDY5NCA4LjUxMzU1IDEuMTM0MSA4LjQ0NzE4TDEuNjAxOTkgNy45NjcyOEMxLjY1ODI5IDcuOTA5NTYgMS43MzY4OCA3Ljg3ODg4IDEuODE3MTcgNy44ODI2OUw0LjY3OTYzIDguMDIyODdMNi4yOTE4NyA2LjA0NDc4TDEuMDg0MDkgNC4zOTA5OEMwLjk5MTAwMSA0LjM2MTM5IDAuOTE5OTAxIDQuMjg1NjYgMC44OTYyOTkgNC4xOTA4OUMwLjg3MjY2OSA0LjA5NjExIDAuODk5OTA4IDMuOTk1ODcgMC45NjgyMzggMy45MjYwN0wxLjg2MjE5IDMuMDEzMDVDMS45MjIgMi45NTE5OCAyLjAwNjMzIDIuOTIxNSAyLjA5MTM3IDIuOTI5OTVMOC41MTMzOCAzLjU3NjU2TDEwLjMzMzIgMS43NTI1MUMxMS4wNTggMS4wMTkxNyAxMS43NTI4IDAuOTA0MDUzIDEyLjEwMjUgMC45MDQwNTNDMTIuMTA0MiAwLjkwNDA1MyAxMi4xMDU5IDAuOTA0MDUzIDEyLjEwNzcgMC45MDQwNTNDMTIuNDMyMyAwLjkwNDA1MyAxMi43MTkyIDEuMDAwMSAxMi44NzYxIDEuMTU2OTNDMTMuMjU0OSAxLjUzNTY4IDEzLjIzNjEgMi42MTYwOSAxMi4yMTU3IDMuNjU3MDFDMTIuMjE1IDMuNjU3NzUgMTIuMjE0MyAzLjY1OTEzIDEyLjIxMzUgMy42NTk4NUwxMC4zNzc3IDUuNDkyNzdMMTAuODkxMyAxMS44Njk2QzEwLjg5NzkgMTEuOTUwOCAxMC44Njg5IDEyLjAzMDkgMTAuODExOSAxMi4wODkxTDkuOTE3NCAxMy4wMDIxQzkuODYzODMgMTMuMDU2OCA5Ljc5MTEyIDEzLjA4NjYgOS43MTY0NSAxMy4wODY2Wk04LjAwMjA1IDYuOTQ0NTRDOC4wMjg0OCA2Ljk0NDU0IDguMDU1MDYgNi45NDgyNSA4LjA4MTA5IDYuOTU1ODlDOC4xNzE4MSA2Ljk4MjQ1IDguMjQzMTQgNy4wNTI4MyA4LjI3MDkxIDcuMTQzMjFMOS44NDY0NSAxMi4yNzA3TDEwLjMyMDMgMTEuNzg3MUw5LjgwNjQ1IDUuNDA4NTVDOS43OTk4MyA1LjMyNjI0IDkuODI5NjkgNS4yNDUyMSA5Ljg4ODExIDUuMTg2OUwxMS44MTUxIDMuMjYzMzhDMTIuMjg3OSAyLjc4MDYzIDEyLjQ1NDQgMi4zNTcwMSAxMi41MTA3IDIuMDg2NTlDMTIuNTgwMiAxLjc1MzI4IDEyLjUwMTQgMS41ODE4NSAxMi40NzgxIDEuNTU3MjhDMTIuMzc0NiAxLjQ1NTM1IDExLjU4OTEgMS4yODQzIDEwLjczMjUgMi4xNTE0MkMxMC43MzIyIDIuMTUxOCAxMC43MzE4IDIuMTUyMTkgMTAuNzMxNCAyLjE1MjU3TDguODE3IDQuMDY4NjRDOC43NTczIDQuMTI4MzkgOC42NzM5MSA0LjE1ODE5IDguNTg5ODIgNC4xNDk2N0wyLjE2OTU2IDMuNTAzMjdMMS42ODk5OCAzLjk5MzA5TDYuODU2MzYgNS42MzM3N0M2Ljk0NTE0IDUuNjYxOTkgNy4wMTQyIDUuNzMyMjUgNy4wNDA3OSA1LjgyMTUyQzcuMDY3NDIgNS45MTA3NyA3LjA0ODEgNi4wMDczOSA2Ljk4OTI4IDYuMDc5NThMNS4wMjU5MSA4LjQ4ODUxQzQuOTY5NDQgOC41NTc4MSA0Ljg4MzQ3IDguNTk1OTcgNC43OTQxIDguNTkxNzdMMS45MTYzMSA4LjQ1MDg0TDEuODIyNzkgOC41NDY3NUw0LjI4NDIzIDkuNjA0MDRDNC4zNTM3MyA5LjYzMzkgNC40MDgyNyA5LjY5MDQ5IDQuNDM1NTYgOS43NjEwM0w1LjMzNzcgMTIuMDkzMkw1LjQyMDI2IDEyLjAwOTFMNS4zOTcxNyA5LjE5NzE1QzUuMzk2NDkgOS4xMTM2NyA1LjQzMjkxIDkuMDM0MjEgNS40OTY2IDguOTgwMjRMNy44MjAxOCA3LjAxMTI1QzcuODcxNjIgNi45Njc2MSA3LjkzNjI4IDYuOTQ0NTQgOC4wMDIwNSA2Ljk0NDU0WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K);background-size: contain;background-repeat:no-repeat;}
.icon-promotion{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='M5.5 5.81665C4.49427 5.57422 3.29052 4.30975 6.30771 3.14609C10.0792 1.69152 22.9024 3.87338 13.0965 6.78252' stroke='%23714D4B' stroke-width='0.8' stroke-linecap='round'/%3E %3Cpath d='M6.46589 11.5653L10.5653 7.46589M7.83236 12.9318L11.9318 8.83236M1.11716 3.93255L2.93255 2.11716C3.00757 2.04214 3.10931 2 3.21539 2H7.66667C7.77276 2 7.8745 2.04214 7.94952 2.11716L15.7483 9.91599C15.9046 10.0722 15.9046 10.3255 15.7483 10.4817L9.48167 16.7483C9.32546 16.9046 9.0722 16.9046 8.91599 16.7483L1.11716 8.94952C1.04214 8.8745 1 8.77276 1 8.66667V4.21539C1 4.10931 1.04214 4.00757 1.11716 3.93255Z' stroke='%23714D4B' stroke-width='0.8' stroke-linecap='round'/%3E %3Ccircle cx='4.41579' cy='5.41603' r='1.76647' stroke='%23714D4B' stroke-width='0.8'/%3E %3C/svg%3E");background-size: contain;background-repeat:no-repeat;}
.icon-delivery{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='M6.42859 12.0857V16.3143C6.42859 16.5352 6.60767 16.7143 6.82859 16.7143H16.3143C16.5352 16.7143 16.7143 16.5352 16.7143 16.3143V9' stroke='%23475B73' stroke-width='0.8' stroke-linecap='round'/%3E %3Crect x='10.2858' y='14.1428' width='3.85714' height='2.57143' rx='0.2' stroke='%23475B73' stroke-width='0.8'/%3E %3Cpath d='M1.28577 8.35628C2.17056 9.44835 4.50005 10.9287 7.92171 9.66677C10.9286 8.35725 12.0282 7.70633 9.37383 5.7406M1.28577 3.11435C2.39176 3.55118 5.26733 4.16274 7.92171 3.11435C11.2397 1.80387 13.2305 3.11435 15.2212 4.42484C17.212 5.73532 17.212 7.04576 15.2212 6.39052C13.2305 5.73528 9.91249 5.08004 7.25812 6.39052' stroke='%23475B73' stroke-width='0.8' stroke-linecap='round'/%3E %3C/svg%3E");background-size: contain;background-repeat:no-repeat;}
.icon-shipping{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='M10.5 14.25V5.25M10.5 14.25H12M10.5 14.25H6.75M10.5 5.25C10.5 3.59315 9.15685 2.25 7.5 2.25H4.5C2.84315 2.25 1.5 3.59315 1.5 5.25V11.25C1.5 12.6489 2.4575 13.8242 3.75288 14.1562M10.5 5.25H12.9068C13.2879 5.25 13.6547 5.39505 13.9327 5.65569L16.0259 7.61804C16.3284 7.90161 16.5 8.29773 16.5 8.71235V12.75C16.5 13.5784 15.8284 14.25 15 14.25M15 14.25C15 15.0784 14.3284 15.75 13.5 15.75C12.6716 15.75 12 15.0784 12 14.25M15 14.25C15 13.4216 14.3284 12.75 13.5 12.75C12.6716 12.75 12 13.4216 12 14.25M6.75 14.25C6.75 15.0784 6.07843 15.75 5.25 15.75C4.42157 15.75 3.75 15.0784 3.75 14.25C3.75 14.2185 3.75097 14.1872 3.75288 14.1562M6.75 14.25C6.75 13.4216 6.07843 12.75 5.25 12.75C4.45307 12.75 3.80129 13.3715 3.75288 14.1562' stroke='%23486948'/%3E %3C/svg%3E");background-size: contain;background-repeat:no-repeat;}

/*Custom items*/
.ctmops{padding:0;margin: 20px 0 10px;}
.qty .title,.card .group .title,.card .group .title>*,.sp .group .title{font-size:15px;line-height: 1.2;}

.ctmops .fitem{padding:0 0 0 0; margin: 0;width: 100%;margin-bottom:20px;}
.ctmops .fitem:first-child{margin-top:0;}
.ctmops .fitem:last-child{margin-bottom:0;}
.ctmops .ftx{position: relative;width:100%;}
.ctmops .form-item{background:inherit;}
.ctmops .form-descript{width:100%;word-break:break-word;}
.ctmops .form-text{border-radius: 4px;border: 1px solid #D5D5D5;overflow: hidden;}
.m-rd .form-text{border-color: #BA291A;background-color: #FEF5F4;}
.textform{width:100%;border: 0; border-radius: 0;padding-right:12px;}
.textform .form-item{width:100%;margin-top:0;}
.form-descript-value{margin-bottom:8px;color:#999;font-size: 12px;line-height: 15px;}
textarea.form-input{margin-top:0;height: 70px;padding: 8px 12px;display: block;}
.form-textarea .iconfont{top:12px;}

.ctmops .fitem .fln{color:#666;text-align: right;font-size:14px;flex-shrink: 0;position: absolute;right: 14px;bottom: 0px;line-height: 45px;height: 45px;background-color: #fff;padding: 0 0 0 4px;}
.ctmops .fitem .fln.error{color:#BA291A;}
.textform .form-item.calendar-ftx .form-input{width:calc(100% - 40px);}
.textform .form-item.calendar-ftx .fln{top: 0;right: 0;}
.textform .form-text .fln{width:auto;height: auto;line-height: 1;bottom: 10px;}
.textform .form-text input+.fln{bottom: 0px;line-height: 50px;height: 50px;}
.textform .fln .calendar{position: relative; width:48px;font-size:16px;color:#333;cursor: pointer;text-align: center;}

.textform.active .ftx .ftxt{color:#333;}
.ftx.active .ftxn{font-size: 12px;top:-8px;line-height: 16px;}
.textform textarea.ftxt{padding:16px 14px;line-height: 1.2;height: 100px;}

.preview-button{margin:0 0 20px; width: 100%;}

.cart{padding:0;}
.cart .cart-item{width: 100%;}
.cart .buy{margin-top: 20px;}
.cart .buy .add-cart{width: 100%;color: #fff !important;}
.total-price-box{padding: 0px 0 20px;}
.total-price-box .total-price .save-price{color: #999;font-size: 12px;font-style: normal;font-weight: 400;margin-right: 6px;}
.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;}
.card .box{height: 0; overflow: hidden;width:100%;font-size: 16px;padding: 0 14px;}
.card .iconfont,.sp .iconfont{font-size: 12px;line-height: 1;}
.icon.size-M{width: 32px;height: 32px;line-height: 32px;font-size: 32px;}
.sp .c-item{padding: 14px;}

/*review*/
.review{padding-top:40px;margin-top:20px;background: #fff;}
.review .title{font-size: 30px;line-height: 1;padding-bottom: 30px;}

.desc{padding:0;margin: 40px 0 50px;}
.tabs-wrapper .tabs-header{padding: 0;position: relative;margin: 0 0 30px;background-color: #F6F6F6;text-align: center;}
.tabs-wrapper .tabs-header .tabs-item{display: inline-block;position: relative;font-size: 15px;line-height: 1;padding:18px 0 17px;margin: 0 6.3%;min-width: 80px;text-align: center;cursor: pointer;}
.tabs-wrapper .tabs-header .tabs-item.active{font-weight: 700;font-family: 'Arimo';}
.tabs-wrapper .tabs-header .tabs-item.active::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;max-width: 100%; height: 4px;background-color: #333;}
.tabs-wrapper .tab-pane{display: none;max-width: 1000px;margin: 0 auto;overflow: hidden;}
.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;line-height: 1;padding: 30px 0 20px;}
.desc .c-item{padding: 0;margin-bottom: 10px;}
.desc .c-item p+p{margin-top: 10px;}
.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-list{background-color: #F6F6F6;border-radius: 4px;padding: 12px;margin-top: 4px;}
.product_info-item:not(:first-child){margin-top: 20px;}
.product_info-item .item-icon{width: 20px;height: 20px;object-fit: contain;flex-shrink: 0;}
.product_info-item .item-title{font-size: 14px;font-weight: bold;margin-left: 6px;line-height: 17px;flex: 1;}
.product_info-item .item-detail{color: #666;font-size: 14px;margin-top: 8px;line-height: 17px;}

.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:50px 0;}
.relate .noselect,.relate .noselect *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.relate .title{font-size:30px;line-height: 1;margin-bottom: 30px;}
.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{line-height: 1;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 #ff9e2c;color:#ff9e2c;}
.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;font-family:'Arimo';}
.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;}


/*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 .modal-content{height: auto;width: 48.85vw;overflow: auto;}
.swiper-zoom-modal .modal-body{margin: 10px max(70px, calc((100% - 80vh) / 2)) 0;padding: 0 0 30px;position: relative;max-height: calc(80vh - 70px);text-align: center;}
.swiper-zoom-modal .swiper-thumbs-content{width: 80px;height: 100%;margin: 0;position: absolute;left: 0;top: 0;}
.swiper-zoom-modal .swiper-thumbs-content .gallery-thumbs{position: static;padding-bottom: 20px;}
.swiper-zoom-modal .swiper-zoom{max-height: 700px;max-width: calc(80vh - 100px);margin: 0 auto;padding: 0;width: calc(100% - 100px);margin-left: 100px;position: relative;}
.swiper-zoom-modal .swiper-button-next, .swiper-zoom-modal .swiper-button-prev{width: 30px;height: 30px;background: #fff;border: 1px solid #d5d5d5;border-radius: 50%; font-size: 14px;--swiper-navigation-size:14px;--swiper-navigation-color: #333;font-weight: bold;transform: translateY(-50%);z-index: 1;transition: all 0.1s linear;}
.swiper-zoom-modal .swiper-button-next:hover, .swiper-zoom-modal .swiper-button-prev:hover{border-color: #333;background-color: #F6F6F6;}
.swiper-zoom-modal .swiper-button-next{right: 10px;}
.swiper-zoom-modal .swiper-button-prev{left: 10px;}
.swiper-zoom-modal .swiper-button-next.swiper-button-disabled,.swiper-zoom-modal .swiper-button-prev.swiper-button-disabled,
.gallery-top-parent .swiper-button-disabled{cursor: auto;pointer-events: auto;}
.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 .swiper-tab .tab-item{max-width: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*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 10px;}
.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: 5px;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: 10px 0 0;background-color: #FAFAFA;border-radius: 4px;padding: 0 12px 12px;overflow: hidden;}
.descript-table table{width: 100%;}
.descript-table caption{border-bottom: 1px solid #ddd;padding: 13px 0;text-align: left;font-size: 14px;line-height: 1;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: #F3F3F3;}
.descript-table td{padding: 13px 10px;font-size: 14px;vertical-align: baseline;line-height: 18px;}
.descript-table tr>td:first-child{width: 158px;word-break: keep-all;}
.descript-table + .c-item{margin-top: 10px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled:hover, .swiper-button-prev.swiper-button-disabled:hover{opacity: 1;color: #999;border-color:#d5d5d5;background-color: #fff;}
/*inspire-content*/
.inspire-content{margin: 12px 0;}
.inspire-content .title{margin-right: 2px;color: #666;font-size: 12px;line-height: 1;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;line-height: 1;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{border: 1px solid #DDDDDD;border-radius: 4px;padding: 0 12px;margin: 10px 0;}
.payment-content .tab{border-bottom: 1px solid #DDDDDD;}
.payment-content .tab .tab-item{margin-right: 35px;position: relative;padding: 16px 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: 16px 0;color: #666;font-size: 12px;line-height: 1;min-height: 45px;margin: 0;width: 100%;}
.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-family: 'Arimo';font-size: 12px;color:#666;line-height: 12px;}
#klarna-payment-container *::part(osm-logo) {font-size: 12px;}
afterpay-placement { font-family: 'Arimo';--messaging-font-size: 12px; --logo-badge-width: 64px; --messaging-line-height: 12px; margin: -6px 0;}
[class$="modal-wrapper"] img{margin-left: auto;margin-right: auto;height: auto;max-width: 100%;vertical-align: middle;width: auto !important;}

.sp-99dias{width: 50px; height: 50px;background-size: contain;}
.sp-seguro{width: 50px; height: 50px;background-size: contain;}
.sp-seguro1{width: 50px; height: 50px;background-size: contain;}
.sp-icon{padding:20px 0;text-align: center;}
.sp-icon .row{padding:10px 0;text-align: center;border-radius: 4px;flex-wrap: nowrap;}
.sp-icon .row .f-4{width: auto; flex-shrink: 0;display: flex;display: -webkit-flex;display: -ms-flexbox;flex-direction: row;align-items: center;}
.sp-icon .title{line-height: 16px;margin-left: 4px;font-size: 14px;;color: #666;text-align: left;flex:1}

/* qty new */
.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: 84px;max-width: 90px;width: min-content;margin-right: 6px;}
.box-input{position: relative;transition: border-color .2s cubic-bezier(0.65, 0.05, 0.36, 1);background-color: #fff;border-radius: 4px;border: 1px solid #D5D5D5;height: 60px;}
.box-input::before{font-size: 14px;line-height: 1;color: #999;display: block;padding: 10px 14px 0;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: 36px;line-height: 36px;outline: none;padding: 6px 30px 10px 14px;width: 100%;cursor: pointer;font-size: 15px;}
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: 36px;right: 8px;bottom: 0px;text-align: center;color: #333;transition: all .3s;pointer-events: none;}
.box-input__icon{display: block;color: #333;font-size: 20px;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;border: 1px solid #D5D5D5;border-radius: 4px;background-color: #F9F9F9;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: #EEEEEE;}
.select-box-dropdown__item.selected{color:#333;font-family: 'Arimo';font-weight: 700;background-color: #EEEEEE;}
.select-box-dropdown__item.disabled{color: #999999;cursor: not-allowed;}
/*view-add-message*/
.message-notice-content{position: absolute;top: 0px;left: 10px;z-index: 1;width: calc(100% - 80px);height: 52px;overflow: hidden;}
.message-notice-scroll{position: absolute;top: 50%;left: 0px;opacity: 0;width: auto;max-width: 100%;}
.message-notice-item{border-radius: 22px;border: 1px solid rgba(221, 221, 221, 0.50);background: rgba(255, 255, 255, 0.80);padding: 5px 13px 5px 5px;line-height: 20px;font-size: 12px;margin: 10px 0;width: auto;}
.message-notice-item .icon{margin-right: 8px;vertical-align: bottom;}
.message-notice-item b{font-family: 'Arimo';font-weight: 700;}
/*preview modal*/
.preview-zoom-modal .modal-body{padding: 0 11.8% 90px;}
.preview-zoom-modal .modal-main{width: min(62vh, 100%);height: min(62vh, 100%);max-width: 600px;max-height: 600px;margin: 0 auto;}
.preview-zoom-modal .swiper{overflow: hidden;width: 100%;height: 100%;}
.uip-posr{position: relative !important;top: 0 !important;left: 0 !important;}
.zoom-toolbar{position: absolute;right: 10px;bottom: 10px;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px;z-index: 1;}
.zoom-toolbar .toolbar-item{padding: 9px;}
.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% - 8px);margin: 0 4px;background-color: #DDDDDD;}
.zoom-toolbar .toolbar-item.disabled{cursor: none;pointer-events: none;color: #999;}
.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; }
.point-tips{background-color: #f6f6f6;margin-bottom: 6px;border-radius: 4px;padding: 6px 10px;font-size: 12px;line-height: 12px;width: 100%;color: #999;}

@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;}
    .swiper-zoom-modal .modal-content{width: 80%;}
    .swiper-zoom-modal .modal-main{height: 80%;}
    .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: #F5F1E9;color: #000;font-size: 14px;line-height: 16px;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;}

.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;max-width: 300px;}
.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;line-height:1;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;line-height: 1.2;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 #FF9E2C;background-color: #fff;padding: 2px 6px;border-radius: 20px;font-size: 12px;line-height: 14px;color: #FF9E2C;margin: 8px;max-width: calc(100% - 16px);}
.recomment-content .pageviews-tips *{font-size: 12px;line-height: 14px;}

/*bmsm nav*/
.nav-tabs__bmsm{position: sticky;top: 116px;width: 100%;z-index: 3;background-color: #fff;}
.nav-tabs__bmsm .tabs-warpper{height: 40px;overflow: hidden;}
.nav-tabs__bmsm .tabs-box{position: relative;gap:20px;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% - 44px);padding-bottom: 10px;}
.nav-tabs__bmsm .tabs__select-dropdown{position: relative;top: 0;left: 0;width: 100%;margin-top: -40px;display: none;filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));border-radius: 0px 0px 4px 4px;overflow: hidden;}
.nav-tabs__bmsm .tabs__select-text{padding: 10px 20px;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;line-height: 1;}
.nav-tabs__bmsm .tabs__select-list{max-height: 220px;overflow-y: auto;}
.nav-tabs__bmsm .tabs__select-item {height: 40px;padding: 10px 20px;background-color: #fff;cursor: pointer;}
.nav-tabs__bmsm .tabs__select-item.active{background-color: #F6F6F6;}
.nav-tabs__bmsm .tabs-box .tab__text{align-content: center;height: 40px;line-height: 40px;}
.nav-tabs__bmsm .tabs-box .tab__text,
.nav-tabs__bmsm .tabs__select-item > span{position: relative;font-size: 16px;color: #999;cursor: pointer;}
.nav-tabs__bmsm .tabs-box .tab__text.active,
.nav-tabs__bmsm .tabs__select-item.active > span{color: #333;font-weight: 700;}
.nav-tabs__bmsm .tabs-box .tab__text::before,
.nav-tabs__bmsm .tabs__select-item > span::before{
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 4px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.5387 5.68018L16.11 8.27497L16.5468 7.8421C17.0293 7.36396 17.0663 6.6189 16.6293 6.17796L15.6403 5.17997C15.2034 4.73902 14.458 4.76917 13.9755 5.24731L13.5387 5.68018Z' fill='%23DDDDDD'/%3E %3Cpath d='M5.83325 13.333L13.3333 5.83301L16.2499 7.91634L8.33325 15.833L4.58325 17.083L5.83325 13.333Z' fill='%23DDDDDD'/%3E %3Crect x='12.3569' y='11.6665' width='5.39571' height='3.33333' transform='rotate(45 12.3569 11.6665)' fill='%23DDDDDD'/%3E %3Crect x='4.02368' y='3.33301' width='5.39571' height='3.33333' transform='rotate(45 4.02368 3.33301)' fill='%23DDDDDD'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71832 3.39348C6.31152 2.98668 5.65198 2.98668 5.24518 3.39348L3.27348 5.36518C2.86668 5.77197 2.86668 6.43152 3.27348 6.83832L3.5852 7.15004L5.10748 5.62776C5.35156 5.38368 5.74729 5.38368 5.99136 5.62776C6.23544 5.87184 6.23544 6.26757 5.99136 6.51164L4.46909 8.03392L5.50974 9.07458L8.95458 5.62974L6.71832 3.39348ZM2.3896 7.7222L4.62586 9.95846L3.61832 10.966C3.31756 11.2668 3.09852 11.6393 2.9819 12.0483L1.84997 16.0184C1.48951 17.2827 2.66626 18.447 3.92664 18.0733L7.85473 16.9083C8.25393 16.7899 8.61724 16.5737 8.91167 16.2793L9.92916 15.2618L12.2024 17.535C13.0974 18.43 14.5484 18.43 15.4433 17.535L17.415 15.5633C18.31 14.6684 18.31 13.2174 17.415 12.3224L15.1418 10.0492L17.2867 7.90427C18.263 6.92796 18.263 5.34504 17.2867 4.36873L15.5189 2.60097C14.5426 1.62466 12.9597 1.62466 11.9834 2.60097L9.83846 4.74586L7.6022 2.50959C6.70725 1.61464 5.25625 1.61464 4.3613 2.50959L2.3896 4.48129C1.49464 5.37624 1.49465 6.82725 2.3896 7.7222ZM13.0863 16.6511L12.8024 16.3673L14.3247 14.845C14.5688 14.6009 14.5688 14.2052 14.3247 13.9611C14.0806 13.717 13.6849 13.717 13.4408 13.9611L11.9185 15.4834L10.813 14.3779L14.2579 10.933L16.5312 13.2063C16.9379 13.6131 16.9379 14.2727 16.5312 14.6794L14.5595 16.6511C14.1527 17.0579 13.4931 17.0579 13.0863 16.6511ZM11.692 4.66012L4.5022 11.8499C4.35183 12.0003 4.2423 12.1865 4.18399 12.391L3.05206 16.3611C2.96195 16.6772 3.25614 16.9683 3.57123 16.8748L7.49931 15.7099C7.69892 15.6507 7.88057 15.5426 8.02779 15.3954L15.2275 8.19565L11.692 4.66012ZM12.5759 3.77624L16.1114 7.31177L16.4028 7.02038C16.8909 6.53223 16.8909 5.74077 16.4028 5.25262L14.635 3.48485C14.1468 2.9967 13.3554 2.9967 12.8672 3.48485L12.5759 3.77624Z' fill='%23999999'/%3E %3C/svg%3E");
    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 width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.5388 5.68018L16.1101 8.27497L16.5469 7.8421C17.0294 7.36396 17.0663 6.6189 16.6294 6.17796L15.6404 5.17997C15.2034 4.73902 14.4581 4.76917 13.9756 5.24731L13.5388 5.68018Z' fill='%23FF9E2C'/%3E %3Cpath d='M5.83337 13.333L13.3334 5.83301L16.25 7.91634L8.33337 15.833L4.58337 17.083L5.83337 13.333Z' fill='%23FF9E2C'/%3E %3Crect x='12.3571' y='11.6665' width='5.39571' height='3.33333' transform='rotate(45 12.3571 11.6665)' fill='%23FF9E2C'/%3E %3Crect x='4.02368' y='3.33301' width='5.39571' height='3.33333' transform='rotate(45 4.02368 3.33301)' fill='%23FF9E2C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71832 3.39348C6.31152 2.98668 5.65198 2.98668 5.24518 3.39348L3.27348 5.36518C2.86668 5.77197 2.86668 6.43152 3.27348 6.83832L3.5852 7.15004L5.10748 5.62776C5.35156 5.38368 5.74729 5.38368 5.99136 5.62776C6.23544 5.87184 6.23544 6.26757 5.99136 6.51164L4.46909 8.03392L5.50974 9.07458L8.95458 5.62974L6.71832 3.39348ZM2.3896 7.7222L4.62586 9.95846L3.61832 10.966C3.31756 11.2668 3.09852 11.6393 2.9819 12.0483L1.84997 16.0184C1.48951 17.2827 2.66626 18.447 3.92664 18.0733L7.85473 16.9083C8.25393 16.7899 8.61724 16.5737 8.91167 16.2793L9.92916 15.2618L12.2024 17.535C13.0974 18.43 14.5484 18.43 15.4433 17.535L17.415 15.5633C18.31 14.6684 18.31 13.2174 17.415 12.3224L15.1418 10.0492L17.2867 7.90427C18.263 6.92796 18.263 5.34504 17.2867 4.36873L15.5189 2.60097C14.5426 1.62466 12.9597 1.62466 11.9834 2.60097L9.83846 4.74586L7.6022 2.50959C6.70725 1.61464 5.25625 1.61464 4.3613 2.50959L2.3896 4.48129C1.49464 5.37624 1.49465 6.82725 2.3896 7.7222ZM13.0863 16.6511L12.8024 16.3673L14.3247 14.845C14.5688 14.6009 14.5688 14.2052 14.3247 13.9611C14.0806 13.717 13.6849 13.717 13.4408 13.9611L11.9185 15.4834L10.813 14.3779L14.2579 10.933L16.5312 13.2063C16.9379 13.6131 16.9379 14.2727 16.5312 14.6794L14.5595 16.6511C14.1527 17.0579 13.4931 17.0579 13.0863 16.6511ZM11.692 4.66012L4.5022 11.8499C4.35183 12.0003 4.2423 12.1865 4.18399 12.391L3.05206 16.3611C2.96195 16.6772 3.25614 16.9683 3.57123 16.8748L7.49931 15.7099C7.69892 15.6507 7.88057 15.5426 8.02779 15.3954L15.2275 8.19565L11.692 4.66012ZM12.5759 3.77624L16.1114 7.31177L16.4028 7.02038C16.8909 6.53223 16.8909 5.74077 16.4028 5.25262L14.635 3.48485C14.1468 2.9967 13.3554 2.9967 12.8672 3.48485L12.5759 3.77624Z' fill='%23333333'/%3E %3C/svg%3E");
}
.nav-tabs__bmsm .tabs-box .tab__text.active::after{
    content: '';
    border-bottom: 2px solid #333;
    border-radius: 4px;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* components/overlay */
.overlay{width: 100%;height: 100%;position: fixed;z-index: 99;left:0;top: 0;bottom: 0;display: none;padding: 20px;}
.overlay.full-overlay{padding: 0;}
.overlay .bg{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);left:0;top: 0;bottom: 0; cursor: pointer;}
.overlay.active{display: block;}
.overlay .overlay-content{background-color: #fff;width: 48.85vw;height:auto;max-width:938px;max-height:80vh;min-width: 660px;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 4px;overflow: hidden;}
.overlay.full-overlay .overlay-content{background-color: #fff;height: 100%;width: 100%;position: absolute;left: 0;top:0;transform: translate(0,0);border-radius: 0px;}
.overlay .overlay-header{padding:10px 60px;height: 60px;text-align: center;position: relative;}
.overlay .overlay-header .close{width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 15px;position: absolute;top: 0;right: 0;}
.overlay .overlay-header .back{width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 15px;position: absolute;top: 0;left: 0;}
.overlay .overlay-header .close .iconfont,.overlay .overlay-header .back .iconfont{font-size: 15px;}
.overlay-body{padding: 10px 30px 30px;height: calc(100% - 60px);overflow-y: auto;}
.overlay-title{font-family: 'Arimo';font-weight: 700;font-size: 18px;text-align:center;}

/* components/card/product_card */
.card-box-content, .gift-box-content{min-height: 54px;}
.card-content{margin-bottom:12px;}
.card-content .group{height:auto;min-height:60px;margin-bottom:0;width: 100%;background-color: #F6F6F6;border-radius: 4px;transition: all 0.2s ease-in-out;padding: 0;flex-wrap: nowrap;}
.card-content .title{font-size: 15px;}
.card-content .card-box-detail{padding: 10px 0 10px 14px;max-width: calc(100% - 66px);}
.card-content .card-box-detail .info{font-size: 14px;margin-top: 5px;}
.card-content .card-box-img{width: 100px;margin: 0;position: relative;padding: 11px 14px;flex-shrink: 0;margin-left: -34px;}
.card-content .card-box-img .choose-card-icon{width: 38px;height: 38px;}
.card-content .card-box-img img{width: 38px;height: 38px;border-radius: 2px;object-fit: cover;overflow: hidden;}
.card-content .card-box-img .remove{width: 22px;height: 22px;position: absolute;top: 2px;right: 5px;display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;}
.card-content .card-name{max-width:8rem;font-size: 14px;margin-right: 12px;}
.card-content .box{display: block;font-size: 14px;padding: 6px 40px;height: auto;width:100%;overflow: hidden;}
.card-content .card-box{width: calc(100% + 80px);margin-left: -40px;padding: 0 40px;}
.card-content .card-item{width: 128px;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;line-height: 1;}
.card-content .group.active .card-arrow{transform: rotateZ(180deg);}
.card-content .group.active{background-color: #ECE5D8;}
.icon.size-M{width: 28px;height: 28px;line-height: 28px;font-size: 28px;}
.card-content .item .form-radio label::after,  .card-content .item .form-checkout label::after{background-color: transparent;}
/*card-image-zoom*/
.overlay-card-zoom.overlay .overlay-content{left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 4px;}
.overlay-card-zoom.overlay .overlay-header{padding: 18px 20px;height: 60px;}
.overlay-card-zoom .overlay-body{padding-bottom: 80px;margin: 0;background-color: #fff;color:#333;height: auto;}
.overlay-card-zoom .footer-btn-group{padding: 10px 0;z-index: 10;}
.overlay-card-zoom .footer-btn-group > div{width: calc(80vh - 150px);margin: 0 auto;}
.zoom-image-box{width: calc(80vh - 150px);margin: 0 auto;}
.zoom-image-box img{object-position: center;height: calc(80vh - 150px);width: calc(80vh - 150px);object-fit: contain;}

.gift-box-content{width: 100%;background-color: #F6F6F6;border-radius: 4px;}
.gift-box-detail{padding: 10px 14px;width: calc(100% - 62px);}
.gift-box-img{width: 66px;flex-shrink: 0;margin: 0;padding: 10px 14px;}
.gift-box-img img{width: 38px;height: 38px;border-radius: 2px;object-fit: cover;overflow: hidden;}
.gift-box-content .title{font-size: 15px;flex-shrink: 1;}
.gift-box-content .info{margin-top: 5px;}
.gift-box-content .info,.gift-box-content .box-price{font-size: 14px}
.card-box-content + .gift-box-content{margin-top: 12px;}
.gift-box-detail + .gift-box-img{margin-left: -14px;}
@media (max-height:630px){
  .overlay-card-zoom .footer-btn-group > div,.swiper-mainly-list,.swiper-mainly-list,.swiper-mainly-list .swiper-slide{width: 500px;}
  .swiper-mainly-list .swiper-slide img{height:500px;width: 500px;}
}

/* components/tabs */
.yang-tabs{min-height: 32px;overflow: hidden;}
.yang-tabs .yang-tabs__nav {overflow-x: auto;overflow-y: hidden;}
.yang-tabs__nav{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%;scrollbar-width: thin;scrollbar-color:#e7e7e7 #f5f5f5;}
.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 #EBEBEB;}
.yang-tab--active {color: #333333;font-weight: 700;font-family:'Arimo'; }
.yang-tab .yang-tab__text{line-height: 1.2;font-size: 14px;}
.yang-tabs__line {position: absolute;bottom: 0px;left: 0;z-index: 1;width: 40px;height: 3px;background-color: #000000;border-radius: 3px;}
.yang-tabs .yang-tabs__nav::-webkit-scrollbar{width: 6px;height: 6px;}
.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: 375px !important;right: 0;left: auto;max-width: none;max-height: none;min-width: auto;}
.overlay-card.full-overlay .overlay-body{padding: 0 20px 20px;max-height: none;}
.overlay-card .overlay-title{font-size: 18px;}
.card-list{padding-top: 36px;}
.card-list-item{width: calc((100% - 15px) / 2);margin-top: 16px;}
.card-list-item:nth-child(2n-1){margin-right: 15px;}
.card-list .loadBox{position: relative;width: 100%;height: 0;font-size: 0;padding-bottom: 100%;background-color: #F5F5F5;border-radius: 4px;overflow: hidden;}
.card-list .loadBox>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;object-fit: contain;}
.card-list-item .loadBox::after{content: '';position: absolute;width: 100%;height: 100%; border: 1px solid transparent;transition: all 0.1s linear;}
.card-list-item:hover .loadBox::after,
.card-list-item.active .loadBox::after{content:'';border: 1px solid #333;border-radius: 4px;width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.card-list-item.active .loadBox::before{content: '\e686';font-family: 'iconfont';width: 17px;height: 18px;border-radius: 4px 0 4px 0;background-color: #333;color: #fff;font-size: 14px;line-height: 18px;text-align: center;    position: absolute;right: 0px;bottom: 0px;z-index: 1;}
.card-list-item .card-price{margin-top: 8px;font-size: 14px;text-align: center;}
.card-list-item .card-price .now{color: #333;line-height: 1.2;height: auto;font-size: 14px;}
.card-list-item .card-price .now.discount{color: #FF531F;font-weight: bold;}
.card-list-item .card-price .old{color: #999999;text-decoration: line-through; font-size: 12px;margin-left: 4px;}
.card-list .loading-content{background: #fff;height: 100%;top: 60px;z-index: 1;position: fixed;width: 100%;left: 0;border-radius: 0;}
.overlay-card .yang-tabs .yang-tabs__nav{padding: 0 2px;}
.overlay-card .yang-tabs .yang-tab{padding: 4px 10px;}
.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-detail .overlay-body{padding-bottom: 70px;}
.overlay-card-detail .overlay-header .back{color: #333;left: 0;right: auto;}
.overlay-card-detail .footer-btn-group{padding: 6px 20px;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: 7px;}
.overlay-card-detail .footer-btn-group button{flex: 1;}
.overlay-card-detail .btn-weaken{border:none;background-color: #fff;color: #999;font-weight: 400;font-family: 'Arimo';}
.swiper-card-list{--swiper-navigation-size:12px;width: 100%;overflow: hidden;position: relative;margin: 0 auto;}
.swiper-card-list .swiper-slide{width: 315px;height: 315px;margin-right: 5px;padding: 0;font-size: 0;border-radius: 4px;}
.swiper-card-list .swiper-slide img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 4px;overflow: hidden;}
.swiper-card-list.full-swiper .swiper-slide{width: 100%;padding: 0;}
.swiper-card-list.full-swiper .swiper-slide img{opacity: 1;}
.swiper-card-list .swiper-slide.swiper-slide-active {padding: 0px;}
.swiper-card-list .swiper-slide.swiper-slide-active img{width: 100%;height: 100%;opacity: 1;}
.swiper-card-list .swiper-button-next, .swiper-card-list .swiper-button-prev{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #D5D5D5;background: #FFF;color: #333;font-weight: bold;}
.swiper-card-list .swiper-button-next:hover, .swiper-card-list .swiper-button-prev:hover{border: 1px solid #000;background: #F6F6F6;}
.swiper-card-list .swiper-button-disabled{opacity: 0;border: 1px solid #D5D5D5;background: #fff;color: #999;}
.swiper-card-list .swiper-pagination__product{position: absolute;padding: 4px 8px;background: rgba(0, 0, 0, 0.4);border-radius: 15px;color: #fff;font-size: 12px;line-height: 1;margin: 0 auto;display: inline-block;width: auto;left: 187px;bottom: 10px;transform: translateX(-50%);}
.swiper-card-list .swiper-slide:last-child .swiper-pagination__product{right: 187px;left: auto;transform: translateX(50%);}
.overlay-card-detail .loadBox{position: relative;width: calc(80vh - 208px);height: 0;font-size: 0;padding-bottom: calc(80vh - 208px);background-color: #F5F5F5;margin: 0 auto;}
.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;font-family: 'Arimo';}
.overlay-card-detail .now{font-size: 24px;font-weight: bold;line-height: 1.2;}
.overlay-card-detail .old{color: #999;font-size: 14px;line-height: 1.2;margin-left: 4px;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: #FF9E2C;line-height: 24px;color:#fff;margin: 0;}
.slide-tab-item{height: 22px;font-size: 14px;line-height: 1;color: #333333;background-color: #ECE5D8;padding: 4px 10px;border-radius: 14px;display: inline-block;position: absolute;bottom: 10px;left: calc((100% + 60px) / 2);transform: translateX(-50%);z-index: 1;}
.overlay-card-detail .card_custom-app>.loading{opacity: 0;}

/*product group*/
.product_group-content{padding: 20px 0 0;}
.product_group-content .g-im{margin-bottom: 20px;}
.product_group-content .g-im:last-child{margin-bottom: 0;}
.product_group-content .g-title{margin-bottom: 10px;font-size: 15px;line-height: 1;min-height: 15px;word-wrap: break-word;width: 100%;}
.product_group-content .g-title .t-name{font-size: 15px;line-height: 1;}
.product_group-content .box{height: auto;}
.product_group-content .box.type-2,.product_group-content .box.type-3{display: none;}
.product_group-content .select-content{padding: 5px 0 0 0;display: flex;display: -webkit-flex;display: -ms-flexbox;flex-wrap:wrap;font-size:15px;}
.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 10px 0 0;padding: 0;width: 40px;height: 40px;display: flex;flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;flex-basis: auto;align-items: center;justify-content: center;flex-shrink: 0;}
.product_group-content .item .icon+.name{margin-left: 5px}
.product_group-content .type-4 .select-content{margin: -10px -7px 0;padding: 0;}
.product_group-content .type-1 .select-content{margin: 0 -7px;}
.product_group-content .type-1 .item{margin: 0 7px 14px;border-radius: 4px;border:1px solid transparent;width: calc(20% - 14px);max-width: 90px;min-width: 50px;}
.product_group-content .type-1 .item:active,.product_group-content .type-1 .item.active{border:1px solid #333;}
.product_group-content .type-1 .icon{width: 100%;height: 100%;border-radius: 4px;overflow: hidden;}
.product_group-content .type-4 .item{position: relative;margin: 14px 7px 0;border-radius: 4px;border:1px solid #ddd;color:#333;padding: 10px;font-size:15px;line-height: 18px;width: calc(50% - 14px);}
.product_group-content .type-4 .item.active,.product_group-content .type-4 .item:active{border:1px solid #333;}
.product_group-content .type-4 .item.active::after {content: '\e686';font-family: 'iconfont';font-size: 16px;line-height: 1;color: #fff;background-color: #333;border-radius: 4px 0 4px 0;position: absolute;right: 0;bottom: 0;box-shadow: 1px 1px 0 0px #333;}
.product_group-content .group.toggle{margin-bottom: 0;height: 50px;padding: 0px 44px 0px 10px;border-radius: 4px;border: 1px solid #D5D5D5;}
.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;margin-right: 12px;width: 100%;align-items: center;}
.product_group-content .group .group-value .selected img{width: 36px;height: 36px;border-radius: 0;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 20px 10px 10px;align-items: center;margin-bottom: 14px;min-height: 40px;border: 1px solid #D5D5D5;border-radius: 4px;width: 100%;}
.product_group-content .type-2 .item.active,.product_group-content .type-2 .item:active,
.product_group-content .type-3 .item.active,.product_group-content .type-3 .item:active{justify-content: flex-start;border: 1px solid #333;}
.product_group-content .type-2 .item.active::after,
.product_group-content .type-3 .item.active::after {content: '\e686';font-family: 'iconfont';font-size: 16px;line-height: 1;color: #fff;background-color: #333;border-radius: 4px 0 4px 0;position: absolute;right: 0;bottom: 0;box-shadow: 1px 1px 0 0px #333;}

/* 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;line-height: 1;}
.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: 12px;right: 12px;width: 20px;height: 20px;}
.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: #fff;background-color: #333;border-radius: 4px;padding: 5px 12px;font-size: 14px;position: absolute;transform: translateX(-50%);left: 50%;bottom: 10px;}
/* clip only end */