[data-v-16f862ce]:root{--mainBg:#fafbfb;--pointColor:#eb0050;--pointfontColor:#fff}.main-product[data-v-16f862ce]{position:relative}.main-product.is-loading[data-v-16f862ce]{padding-top:56.25%}.main-product .product-header[data-v-16f862ce]{display:flex;margin-bottom:10px;padding:0 16px 0;justify-content:space-between;align-items:center;position:relative}.main-product h3[data-v-16f862ce]{width:calc(100% - 32px);margin:0 auto;padding:0 16px;font-size:var(--fontsize-large);font-weight:var(--fontweight-medium);margin-bottom:16px}.main-product .more[data-v-16f862ce]{flex:0 0 58px;padding:0 10px;color:#8b8c8d;margin-bottom:16px}.main-product[data-v-16f862ce] .swiper-wrapper{justify-content:stretch}.main-product .swiper-slide[data-v-16f862ce]{width:118px;height:auto;padding:0 10px 4px}.main-product .swiper-slide[data-v-16f862ce]:first-child{padding-left:16px}.main-product .swiper-slide .list-wrap[data-v-16f862ce]{position:relative;height:100%;padding-top:var(--spacing-md)}.main-product .swiper-slide .list-wrap .thumbnail[data-v-16f862ce]{position:absolute;top:0;left:50%;margin:0 auto;transform:translateX(-50%);border-radius:var(--radius-full)}.main-product .swiper-slide .list-wrap .info-wrap[data-v-16f862ce]{padding:var(--spacing-xl-03) var(--spacing-sm-02) var(--spacing-sm-03);border-radius:var(--radius-rounded-02);background:var(--surface-input);box-shadow:0 0 4px 0 var(--background-overlay);justify-content:center;text-align:center}.main-product .swiper-slide .list-wrap .info-wrap .tit[data-v-16f862ce]{display:block;flex:none;max-width:100%;max-height:3em;word-break:keep-all}.main-product .swiper-slide .list-wrap .info-wrap .en_tit[data-v-16f862ce]{color:var(--text-secondary);font-size:var(--fontsize-small)}.main-product .no-img[data-v-16f862ce]{position:absolute;width:100%;height:100%;border:1px dashed #4b4d4d;border-radius:50%;top:50%;box-sizing:border-box;left:50%;transform:translate(-50%,-50%);overflow:hidden;background:url(../img/sample_img.0fb55940.svg) no-repeat 50% 50%/32px}[data-v-16f862ce] .skeleton-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:500}[data-v-16f862ce] .skeleton-loading h3{width:calc(100% - 24px);padding:0;margin:32px auto 5px;height:30px}[data-v-16f862ce] .skeleton-loading .swiper-container{background:none}[data-v-16f862ce] .skeleton-loading .swiper-container .swiper-wrapper{position:relative;background:none}[data-v-16f862ce] .skeleton-loading .swiper-container .swiper-wrapper .swiper-slide{background:none}
/*# sourceMappingURL=chunk-0c1a57f6.7fcc6731.css.map */