/* 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, #D6E6FF);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, #0066FF);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, #007C94);} .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, #D6E6FF);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, #0066FF);background-color: var(--color-primary-active, #EAF3FF);border: 1px solid var(--color-primary, #0066FF);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, #007C94);color: var(--color-preview, #007C94);background-color: var(--color-preview-bg, #E5FAFD);border: 1px solid var(--color-preview, #007C94);} .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{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;} .coupon-prompt-view + .marstek-product-payment-note{margin:10px 0 0;} .marstek-product-payment-note{margin:20px 0 0;padding:10px 12px;border:1px solid var(--color-primary-border,#D6E6FF);border-radius:6px;background:var(--color-primary-bg,#F5F9FF);color:#333;font-size:14px;line-height:1.45;} .marstek-product-payment-note + .marstek-product-benefits{margin-top:10px;} .marstek-product-benefits{margin:20px 0 -20px;padding:10px 12px;list-style:none;color:#333;font-size:14px;line-height:1.45;background:#F5F5F5;border-radius:6px;} .marstek-product-benefits li{display:flex;align-items:flex-start;gap:8px;margin:6px 0;} .marstek-product-benefits .benefit-check{flex:0 0 auto;color:#22A05A;font-weight:700;line-height:1.45;} .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-top:8px;font-size:16px;padding:2px 8px;position: relative;max-width: 100%;border-radius: 12px;} .sale-list .sale-item__price{padding:4px 7px;background-color: #00B4D8;color:#fff;height: auto;font-size: 14px;} .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);} .sale-list .sale-item .icon{width: 18px; height: 18px;margin-right:4px;flex-shrink: 0;} .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;} .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='%230066FF' 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='%230066FF' stroke-width='0.8' stroke-linecap='round'/%3E %3Ccircle cx='4.41579' cy='5.41603' r='1.76647' stroke='%230066FF' 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;} .sale-list .sale-item__price.pointer{display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center;} .sale-list .sale-item__price.pointer .discount-text{flex: 1;} .sale-list .sale-item__price.pointer:hover{background-color: #FF8A00;} .sale-list .sale-item__price .icon.switch{width: 16px;height: 16px;line-height: 16px;margin: 0 0 0 4px;vertical-align: text-bottom;flex-shrink: 0;} .sale-list .sale-item__price .icon.switch *{width: 16px;height: 16px;line-height: 16px;} .sale-list .sale-item__price.pointer.active .icon.switch{transform: rotate(180deg);} .figure-bottom .sale-notice-content{position: absolute;top: 0;left: 0;width: auto;min-width:364px;max-width: 406px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);border-radius: 4px;background: #FFF;padding: 4px;z-index: 1;display: none;} .product-notice img{width: auto;max-width: 100%;height: auto;} .figure-bottom{position: relative;} .preview-button{margin:0 0 20px; width: 100%;border-radius: 25px;background: var(--color-preview-bg, #E5FAFD);color: var(--color-preview, #007C94);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, #F5F9FF); border: 1px solid var(--color-primary-bg, #F5F9FF);font-size: 16px;margin-right: 20px;display: inline-block;cursor: pointer;} .review-sort-item:hover{color: var(--color-primary,#0066FF);} .review-sort-item.active{border-color: var(--color-primary,#0066FF);color: var(--color-primary,#0066FF);font-weight: 700;} .link-translate{color: #0066FF;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,#0066FF);} .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,#0066FF);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, #F5F9FF);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,#0066FF);} .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,#0066FF);} .tabs-wrapper .tab-pane{display:none;margin: 0 auto;overflow: hidden;padding: 16px;border-radius: 12px;border: 1px solid var(--color-primary-border, #D6E6FF);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-title.ellipsis{display: block;overflow: visible;text-overflow: clip;white-space: normal;overflow-wrap: anywhere;word-break: break-word;min-width: 0;} .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, #0066FF);color:var(--color-primary, #0066FF);} .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, #D6E6FF);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, #F5F9FF);} .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, #D6E6FF);border-radius: 12px;padding: 0 12px;} .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='%23D6E6FF'/%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, #EAF3FF);} .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;margin: 12px 0 0 0;} .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 #D6E6FF;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,#D6E6FF);border:1px solid var(--color-primary-border,#D6E6FF);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,#F5F9FF)} .select-box-dropdown__item.selected{font-family:'Arimo';font-weight:700;background-color:var(--color-primary-bg,#F5F9FF);color:var(--color-primary,#0066FF)} .select-box-dropdown__item.disabled{color: #999999;cursor: not-allowed;} /*add cart*/ .add-cart * {color: #fff;} .total-price-box .save-price{color: var(--el-color-primary, #409eff);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;} .product-advice-button{display:flex;align-items:center;justify-content:center;width: calc(100% - 83px);height:46px;margin: 12px 0 0 auto;border:1px solid var(--color-primary-border,#D6E6FF);border-radius:23px;background:#fff;color:#333;font-size:16px;font-weight:400;text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease;} .product-advice-button:hover{color:var(--color-primary,#0066FF);border-color:var(--color-primary,#0066FF);background:var(--color-primary-bg,#F5F9FF);} .product-policy-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 26px;width:100%;color:var(--el-color-primary, #409eff); margin-top:12px;font-size:14px;line-height:1.4;} .product-policy-link{color:var(--el-color-primary, #409eff);font-weight:500;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease,opacity .2s ease;} .product-policy-link:hover{color:var(--color-primary,#0066FF);opacity:.9;} .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%;border-radius: 4px;padding: 17px 14px;transition: all 0.2s ease-in-out;} .sp{padding: 16px;border-radius: 12px;background: var(--color-primary-bg, #F5F9FF);} .sp .group .title{font-size: 16px;} .sp .group.active .title{color: var(--color-primary, #0066FF);} .sp .group.active .icon{transform: rotateZ(180deg);--icon-border-color: var(--color-primary, #0066FF);} .sp .c-item{background-color: #fff;border: 1px solid var(--color-primary-border, #D6E6FF);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, #D6E6FF);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: #007C94;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, #E5FAFD);color: var(--color-preview, #007C94);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, #0066FF);background-color: #fff;padding: 2px 6px;border-radius: 20px;font-size: 12px;line-height: 14px;color: var(--color-primary, #0066FF);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, #D6E6FF);background: #FFF;box-shadow: 0px 1px 8px -1px var(--color-primary-border, #D6E6FF);} .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, #D6E6FF);} .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, #0066FF);background: var(--color-primary-active, #EAF3FF);font-weight: bold;color: var(--color-primary, #0066FF);} /*bmsm nav*/ .nav-tabs__bmsm{position: sticky;top: 130px;width: 100%;z-index: 3;filter: drop-shadow(0px 0px 8px var(--color-primary-border, #D6E6FF));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, #F5F9FF);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, #D6E6FF);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, #0066FF);} .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, #D6E6FF);} .yang-tab--active {color: var(--color-primary, #0066FF);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, #0066FF);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, #0066FF);background-color: var(--color-primary-active, #EAF3FF);} .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, #0066FF) !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, #F5F9FF);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, #D6E6FF);background: var(--color-primary-bg, #F5F9FF);color: var(--color-primary, #0066FF);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, #0066FF);line-height: 24px;color:#fff;margin: 0;} .slide-tab-item{border: 1px solid var(--preview, #007C94);background: var(--preview-bg, #E5FAFD);color: var(--preview, #007C94);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 */ .product-price .now-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;} .product-price .product-tax-included{font-family:inherit;font-size:24px;font-weight:400;white-space:nowrap;} .product-detail-meta{display:flex;flex-direction:row;align-items:center;gap:8px;max-width:100%;margin-left:auto;} .product-detail-meta .figure-top__rank{margin:0;} .marstek-detail-countdown{max-width:100%;font-size:13px;line-height:1.5;color:#0f172a;} .marstek-detail-countdown[hidden]{display:none !important;} .marstek-detail-countdown-content p{margin:0;} .marstek-detail-clock{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;color:#0066ff;} .figure-top>.w100{flex-wrap:wrap;gap:8px;}