All productsAccessoriesPerfume BottleGlass Dropper BottleLotion Pump BottleCream JarPlastic Cream JarGlass Cream JarSqueeze TubeRoll On BottleCandle JarAirless BottleCosmetic Packaging SetView More Please enter in English.View More Please enter in English.View More Please enter in English.View More Please enter in English.
+5 more groups
View More Please enter in English.View More Please enter in English.View More Please enter in English.View More Please enter in English.document.addEventListener("DOMContentLoaded", function(){ void function(context){ const hotAreaItem = document.querySelector(`.J-hot-${context.scopeId}`); let timerDomResize = null; const handleDomResize = () => { clearTimeout(timerDomResize); timerDomResize = setTimeout(() => { const imgCurrentWidth = hotAreaItem.querySelector('img').width; const imgWidthSize = hotAreaItem.querySelector('img').dataset.size; const scaleRatio = imgCurrentWidth / imgWidthSize || 1; const hotAreas = hotAreaItem.querySelector('map').querySelectorAll('area'); hotAreas.forEach((area) => { const coords = area.dataset.coords.split(','); area.coords = coords.map((coord) => coord * scaleRatio).join(','); }); }, 1000); }; const resizeObserver = window.ResizeObserver && new window.ResizeObserver(() => { handleDomResize(); }); if (hotAreaItem) { handleDomResize(); if (resizeObserver) { resizeObserver.observe(hotAreaItem); } } let timerWindowResize = null; const responsiveWidth = 1415; const handleWindowResize = () => { clearTimeout(timerWindowResize); timerWindowResize = setTimeout(() => { const img = hotAreaItem.querySelector('img'); const imgWidthSize = img.dataset.size; if(context.mode != 'preview-pad'){ if (window.innerWidth > responsiveWidth) { img.style.minWidth = `${imgWidthSize}px`; return; } img.style.minWidth = `${imgWidthSize * (window.innerWidth / responsiveWidth)}px`; }else{ img.style.minWidth = `${imgWidthSize * (768 / responsiveWidth)}px`; } }, 300); }; handleWindowResize(); window.addEventListener('resize', handleWindowResize); }({scopeId:"scope-1a0982d0479",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .prod-wrap[data-v-5d1bcf85] { margin: 0 auto; max-width: 100%; } .prod-wrap .title[data-v-5d1bcf85]{ margin-bottom:20px; } .prod-wrap .prod-list[data-v-5d1bcf85]{ display: flex; justify-content: space-around; flex-wrap: wrap; padding:20px; background: #fff; height:400px; border-radius: 10px; background-repeat: no-repeat; background-size: cover; } .prod-wrap .prod-list .prod-list-title[data-v-5d1bcf85]{ width:224px; padding:20px 20px 20px 10px; position: relative; } .prod-wrap .prod-list .prod-list-title .cat-title[data-v-5d1bcf85]{ display:block; } .prod-wrap .prod-list .prod-list-title .cat-title-pad[data-v-5d1bcf85]{ display:none; } .prod-wrap .prod-list .prod-list-title .more-btn-block[data-v-5d1bcf85]{ position:absolute; left: 10px; bottom: 20px; color:#fff; } .prod-wrap .prod-list .prod-list-title .cat-title[data-v-5d1bcf85]{ font-size:18px; line-height: 27px; max-height:54px; } .prod-wrap .prod-list .prod-list-content[data-v-5d1bcf85]{ flex:1; /* display: flex; justify-content: space-around; flex-wrap: wrap; */ } .prod-wrap .prod-list .prod-list-content .prod-list-content-wrap[data-v-5d1bcf85]{ display: flex; justify-content: left; flex-wrap: wrap; width: 100%; } .prod-wrap .prod-list .prod-item[data-v-5d1bcf85]{ width:50%; } .prod-wrap .prod-list .prod-item .prod-item-wrap[data-v-5d1bcf85]{ padding:10px; display: flex; justify-content: space-around; flex-wrap: wrap; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; /* margin: 10px; */ } .prod-item:nth-child(1) .prod-item-wrap[data-v-5d1bcf85]{ margin:0 10px 10px 0; } .prod-item:nth-child(2) .prod-item-wrap[data-v-5d1bcf85]{ margin:0 0 10px 10px; } .prod-item:nth-child(3) .prod-item-wrap[data-v-5d1bcf85]{ margin:10px 10px 0 0; } .prod-item:nth-child(4) .prod-item-wrap[data-v-5d1bcf85]{ margin:10px 0 0 10px; } .prod-wrap .prod-list .prod-item .prod-img[data-v-5d1bcf85]{ position: relative; width: 170px; height: 0; padding-top: 170px; font-size: 0; margin-right: 10px; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap[data-v-5d1bcf85]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-picRoundBox[data-v-5d1bcf85]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-picRoundBox .prod-picRoundBox-wrap[data-v-5d1bcf85]{ width: 100%; height: 100%; } .prod-wrap .prod-img .img-wrap .prod-3d-mark[data-v-5d1bcf85]{ background-image: url('https://www.micstatic.com/common/img/icon/3d_64.png?2026-7-14'); background-color: rgba(0,0,0,.5); background-size: 48px 48px; cursor: pointer; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; border-radius: 50%; z-index: 2; } .prod-wrap .prod-img .img-wrap:hover .prod-3d-mark[data-v-5d1bcf85]{ background-image: url('https://www.micstatic.com/common/img/icon/3d_gif.gif?2026-7-14'); } .prod-wrap .prod-img .img-wrap .video-mark[data-v-5d1bcf85]{ position:absolute; bottom:5px; left:5px; } .prod-wrap .prod-img .img-wrap .video-mark .icon-img[data-v-5d1bcf85]{ width:26px; height:20px; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-img-mark[data-v-5d1bcf85]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); } .prod-wrap .prod-list .prod-item .prod-img .img[data-v-5d1bcf85]{ max-width:170px; max-height:170px; } .prod-wrap .prod-list .prod-item .prod-content[data-v-5d1bcf85]{ flex:1; } .prod-wrap .prod-list .prod-item .prod-content .prod-content-wrap[data-v-5d1bcf85]{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .prod-wrap .prod-list .prod-item .prod-name[data-v-5d1bcf85]{ margin-top: 4px; color:#555; height: 42px; font-size:14px; display: block; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; word-wrap: break-word; color:#555; } .prod-wrap .prod-list .prod-item .prod-info[data-v-5d1bcf85]{ color: #222; } .prod-wrap .prod-list .prod-item .prod-info .info[data-v-5d1bcf85]{ height: 21px; font-size: 14px; display: block; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; word-wrap: break-word; font-weight:bold; } .prod-wrap .grey[data-v-5d1bcf85]{ color: #888; font-weight: normal; } .prod-wrap .prod-list .prod-item .prod-info .prod-btn .btn.btn-inquiry[data-v-5d1bcf85]{ border: 1px solid #CED3D9; border-radius: 3px; padding: 4px 15px; margin-top: 15px; color: #222; background: #F5F7FA; font-size: 14px; line-height: 21px; height: auto; } .prod-wrap .prod-list .prod-list-title .more-btn-block .prod-btn-wrapper[data-v-5d1bcf85]{ text-align: center; margin:12px 0 0px; } .prod-wrap .prod-list .prod-list-title .more-btn-block .prod-btn-wrapper .more-btn[data-v-5d1bcf85]{ position: relative; border: 1px solid transparent; box-sizing: border-box; border-radius: 40px; color: #222; font-size: 14px; line-height: 21px; display: inline-block; } .prod-wrap .prod-list .prod-list-title .more-btn-block .prod-btn-wrapper .more-btn .btn-border[data-v-5d1bcf85]{ position: absolute; width: 100%; height: 100%; top: -1px; left: -1px;; opacity: 0.65; } .prod-wrap .prod-list .prod-list-title .more-btn-block .prod-btn-wrapper .more-btn .btn-border[data-v-5d1bcf85]:hover{ opacity: 1; } @media only screen and (max-width: 1279px){ /* .prod-wrap { width: 979px; } */ .prod-wrap .prod-list[data-v-5d1bcf85]{ height: 360px; } .prod-wrap .prod-list .prod-list-title[data-v-5d1bcf85]{ width:164px; padding-right:21px; } .prod-wrap .prod-list .prod-item .prod-img[data-v-5d1bcf85]{ width: 150px; padding-top: 150px } .prod-wrap .prod-list .prod-item .prod-img .img[data-v-5d1bcf85]{ max-width:150px; max-height:150px; } .prod-wrap .prod-list .prod-item .prod-info .prod-btn[data-v-5d1bcf85]{ display:none; } } @media only screen and (max-width: 1023px){ /* .prod-wrap { width: 728px; } */ .prod-wrap .prod-list[data-v-5d1bcf85]{ height:430px; align-content: flex-start; } .prod-wrap .prod-list .prod-list-title[data-v-5d1bcf85]{ width: 100%; padding: 15px 120px 20px 10px; } .prod-wrap .prod-list .prod-list-title .cat-title[data-v-5d1bcf85]{ width: 75%; display:none; } .prod-wrap .prod-list .prod-list-title .cat-title-pad[data-v-5d1bcf85]{ display:block; } .prod-wrap .prod-list .prod-list-title .more-btn-block[data-v-5d1bcf85]{ right: 10px; left: auto; top: 0; } .prod-wrap .prod-item:nth-child(3) .prod-item-wrap[data-v-5d1bcf85]{ margin:5px 10px 0 0; } .prod-wrap .prod-item:nth-child(4) .prod-item-wrap[data-v-5d1bcf85]{ margin:5px 0 0 10px; } } Please enter in English. Airless Pump Bottle Please enter in English. Airless Pump Bottle Please enter in English. View More Please enter in English.
