.imgArae { width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; display: none } .imgArae .img { width: 100%; height: 400px; position: fixed; top: 50%; margin-top: -200px; background: rgba(0, 0, 0, .5) } .imgArae img { width: 80%; display: block; margin: 35px auto } ._tabArea ._contents { display: none } ._tabArea ._contents._selected { display: block } .product-intro-tab { flex: 1; justify-content: space-around; background: #f8f8f8; margin: 60px 0 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .product-intro-tab>li { width: 24.25%; margin-right: 1%; text-align: center; padding: 10px 0; border: 1px solid #ccc; cursor: pointer; background-color: #e1e1e1; font-size: 12px; height: 40px; display: flex; align-items: center; justify-content: center } .product-intro-tab>li[data-selected] { background: #fff } #sw-product-intro>div { display: none } #sw-product-intro>div[data-selected] { display: block } .product-banner .swiper-pagination-fr { top: 18px; right: 10px; width: 60px; height: 24px; background: rgba(0, 0, 0, .4); border-radius: 12px; font-family: Yu Gothic; font-weight: 500; color: #fff; padding: 0; line-height: 24px; bottom: 0; left: auto } .product-banner .swiper-button-prev, .product-banner .swiper-button-next { background-image: none } .gallery-wrap { position: relative; background-color: #f5f5f5 } .gallery-thumbs { height: 60px; background: #f5f5f5; display: flex; align-items: center; padding-left: 8px } .gallery-wrap .gallery-button-prev { position: absolute; top: 0; bottom: 0; left: 0; width: 30px; background-size: 11.5px 22.5px; background: #fff url(../../img/left-arrow@2x.png) no-repeat center center; border-bottom: 1px solid #aeaeae; z-index: 10; background-size: 40%; height: 40px; margin-top: 10px; } .gallery-wrap .gallery-button-next { position: absolute; top: 0; bottom: 0; right: 0; width: 30px; background-size: 11.5px 22.5px; background: #fff url(../../img/left-arrow@2x.png) no-repeat center center; border-top: 1px solid #aeaeae; transform: rotate(180deg); z-index: 10; margin-top: 1px; background-size: 40%; height: 40px; margin-top: 10px; } .product_info>div { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px } .product_info img { margin-right: 12px } .product_info span { font-size: 12px; font-family: Yu Gothic; font-weight: 500; color: #333 } .product_info span.write_count { color: #48a8b9; margin-left: 12px; padding-left: 10px; border-left: 1px solid #e1e1e1 } .product_discount { width: 60px; height: 25px; line-height: 25px; font-size: 17px } .product-intro-tab { background-color: rgba(0, 0, 0, 0) } .product-intro-tab>li { width: 100% } .prodect-features { line-height: 4.5vw; margin-bottom: 13px; border-spacing: 0; width: 100% } .prodect-features .p-f-tit { color: #000; font-size: 3vw; width: 32% } .prodect-features .p-f-item span { margin-left: 5vw; font-size: 3vw } .prodect-features .p-f-tit { border-left: 0 } .prodect-features td { text-align: center; border: 1px solid #d1d1d1; padding: 4px 0; border-bottom: 0 } .prodect-features tr td:last-child { border-left: 0; border-right: 0 } .prodect-features tr:last-child td { border-bottom: 1px solid #d1d1d1 } p.mv5 { color: #313131 } .time { font-size: 14px; margin-top: 10px; margin-bottom: 6px } .time .sp { font-size: 16px; color: #363636; font-weight: 500; font-family: sans-serif } .piwik_recommends .swiper-container { margin: 0 5px 15px; text-align: center; padding-bottom: 0; width: unset } .tabCont { padding: 2vw; display: flex; flex-wrap: wrap } .tab-li { display: block; width: 32%; margin: 0 1.9vw 1.9vw 0; float: left; position: relative } .tab-li:nth-child(3n) { margin-right: 0 } .tab-li img { width: 100%; height: 100% } .tabCont:after { content: ""; clear: both; display: block } .productPriceBox .title { text-align: left } .reviews-img h2.detail-title { color: #333; font-size: 3.733vw; padding: 2.67vw; position: relative; text-align: left; font-weight: bold } .swiper-pagination-bullet { margin: 0 5px } .reviews-img .swiper-slide { display: flex } .reviews-img .swiper-wrapper { height: 22.1vw } .reviews-img .swiper-container img { object-fit: cover } .img-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, .5); display: none } .img-mask img { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .reviews-img .swiper-slide { display: flex } .relates-product-box .tabCont img { width: 100% } .swiper-button-next, .swiper-button-prev { background-image: none; position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -22px; z-index: 10; cursor: pointer } .swiper-reviews .swiper-button-next { right: 0 } .swiper-reviews .swiper-button-prev { left: 0 } .vy-precautions { width: 100%; margin: 0 auto 10px; border-collapse: collapse } .vy-precautions>*>tr>td { padding: 2px 5px; vertical-align: middle; text-align: center } .vy-precautions>*>tr>td:nth-child(1) { background: #f2f2f2; width: 26% } .sizeTable { width: 100%; margin: 10px auto } .contentDetailShow { margin-top: 12px } @media(max-width: 300px) { .addToCartBtn ul li.add-to-cart a { width: 40vw } .addToCartBtn ul li.wishlistbtn { padding: 0 1vw } .addToCartBtn .wishlistbtn.piwik_collect { width: 60% } .addToCartBtn .add-to-cart.first-btn { width: 40% } .addToCartBtn ul li.wishlistbtn a.btn-favorite { width: auto } } #bagImg_box_ev { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none } #bagImg_box_ev .bagImg_box_swiper { width: 100%; height: 100% } #bagImg_box_ev .swiper-wrapper .swiper-slide>div { height: 100%; width: 100%; background: #000; display: -webkit-flex; -webkit-align-items: center } #bagImg_box_ev .swiper-wrapper .swiper-slide>div img { width: 100% } #bagImg_box_ev .swiper-pagination-bullet { background: #fff !important } .productPriceBox .title span.timed-sale-label { background: #343434; padding: 0 10px; font-size: 14px } .productPriceBox .title span.free-deliver { background: #740619; padding: 0 10px; font-size: 14px } .product_swiperBox { position: relative } .product_swiperBox .swiper-pagination-product { bottom: 10px; left: 0; width: 100% } #reviewComment { padding-top: 200px; margin-top: -200px } html, body { scroll-behavior: smooth } .xqalbum { border-top: 10px solid #f3f3f3; padding: 40px 12px } .xqalbum .xqalbum_banner { margin-bottom: 30px } .xqalbum .xqalbum_title p { text-align: center; font-size: 14px; margin-bottom: 20px; line-height: 1; font-family: PingFang SC; font-weight: bold } .xqalbum .xqalbum_banner img { display: block; width: 100% } .xqalbum .xqalbum-pagination { position: relative; margin-top: 15px } .xqalbum .xqalbum-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #ddd; border-radius: 50%; border: 0; opacity: 1; margin: 0 4px } .xqalbum .xqalbum-pagination .swiper-pagination-bullet-active { background: #999 } .xqalbum_title { font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 20px } .xqalbumswiper { padding-bottom: 5.33vw } .xqalbumswiper .xqalbum-pagination { bottom: 0 } .xqalbumswiper .xqalbum-pagination .swiper-pagination-bullet-active { background: #fc9c7e } .xqal_content { padding: 0 10px } .productRecommen { margin-bottom: 18px } .addcart-product-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .7); z-index: 9998 } .addcart-product-item { width: calc(100% - 30px); height: 80%; left: 0; right: 0; top: unset; bottom: 10%; padding: 3vw 0; margin-left: auto; margin-right: auto; position: fixed; z-index: 9999; background: #fff; transform: none; border: none; background-image: url("../../img/addcart-topbg.png"); background-size: 100% auto; background-repeat: no-repeat } .addcart-product-item h1 { padding: 0; border-bottom: 0; font-size: 15px; font-family: Yu Gothic; font-weight: 500; color: #333; line-height: 15px; margin: 2px 0 8vw; position: relative; text-align: left; padding: 0 3vw } .addcart-product-item .addcart-close { width: 22px; top: -5px; right: 2.5vw; height: unset; position: absolute } .addcart-product-btn, .addcart-product-pro { padding: 15px 0; border-bottom: 1px solid #e1e1e1; overflow: hidden; clear: both } .addcart-optionimg { width: 80px; display: block; margin-right: 14px; float: left } .addcart-product-pro p.addcart-product-name { font-size: 12px; font-family: Kozuka Gothic Pr6N; text-overflow: ellipsis; overflow: hidden; margin-bottom: 13px; line-height: 13px; white-space: nowrap; color: #2d2d2d; font-weight: normal } .addcart-product-pro .opts { font-size: 12px; font-family: Yu Gothic; font-weight: 500; color: #333; opacity: .5; line-height: 12px; margin-bottom: 5px } .addcart-product-item div.onShopping { background: #fff; border: none; padding: 0 0 30px; line-height: 25px; text-align: left; clear: both; overflow: hidden } .addcart-product-item .onShopTitle { font-size: 16px; font-weight: bold; font-family: Yu Gothic; color: #333; text-align: center; margin: 30px 0 22px } div.onShopping div { line-height: 30px; padding: 0 20px; font-size: 12px; font-family: Yu Gothic; font-weight: 500; color: #333; display: flex; align-items: center; justify-content: space-between; height: 50px; margin-bottom: 5px; background: #f8f8f8 } .addcart-product-item .onShopping div p { width: 65.67vw; border-right: 1px solid #e1e1e1 } div.onShopping span.price { color: #b14646 } .addcart-product-item .onShopping div>span { padding-left: 14px; width: 36vw; line-height: 12px; text-align: center; line-height: 16px } .addcart-product-item .addcart-product-btn { padding: 0; border: none; display: flex; position: sticky; bottom: 0; background-color: #fff; box-shadow: 0 -15px 10px #fff; justify-content: space-between; align-items: center; width: 100%; margin: 1vw 0 } .addcart-product-item .addcart-product-btn a.icon_gouwudai, .addcart-product-item .addcart-product-btn a.ddToCart { width: calc((100% - 7px)/2); height: 40px; float: none; display: flex; align-items: center; justify-content: center; background: #740619; font-size: 13px; font-family: Yu Gothic; font-weight: bold; color: #fff; line-height: 30px; text-align: center } .addcart-product-item .addcart-product-btn a.icon_gouwudai { background: #000 } #all-img { display: none; width: 100%; height: 100%; position: fixed; left: 0; bottom: 0; background: #fff; z-index: 999; overflow-y: scroll; padding: 22px 15px 100px } #all-img .img-title { font-size: 20px; font-weight: bold; color: #333; font-family: Yu Gothic; text-align: center; margin-top: 22px; margin-bottom: 37px } #all-img .img-featue { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start } #all-img .img-featue .img-list1 { width: calc((100% - 18px)/4); margin-right: 6px; margin-bottom: 5px } #all-img .img-featue .img-list1:nth-child(4) { margin-right: 0 } #all-img .img-content { margin-top: 15px; width: 100% } .slide.showImg { height: 100%; display: flex; flex: none } .slide.showImg img { height: 100% } .slide.showImg span { height: 100%; text-align: center; color: #fff; background-color: #333; display: inline-block; width: 38px; padding-top: 6px; line-height: 1.3; box-sizing: border-box; font-family: Yu Gothic } .relates-box { padding: 2vw } .swiper_relates_product { padding-bottom: 15px } .swiper_relates_product .swiper-pagination-bullet { border-radius: 0; width: 7px; height: 3px; margin: 0 2px } .swiper_relates_product .swiper-paginationsrelates .swiper-pagination-bullet-active { background: #fc9c7e } .swiper_relates_product .swiper-paginationsrelates { bottom: 0 } .relates_product ul { display: flex; align-items: stretch; flex-wrap: wrap } .relates_product ul li { width: 31.5%; margin-bottom: 2.7% } .relates_product ul li:not(:nth-child(3n)) { margin-right: 2.7% } .p-gallery_icon { fill: #fff } .cart-price { font-family: Kozuka Gothic Pr6N; font-weight: normal; color: #2d2d2d } .jg-item { width: 31.6%; float: left; margin-right: 2vw; margin-bottom: 3vw } .jg-item:nth-child(3n) { margin-right: 0 } #jg_pro:after { display: block; content: " "; clear: both } .addcart-product-content { overflow-y: scroll; height: 92%; padding: 0 3vw } #jg_pro .pname { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } #jg_pro { padding-top: 4vw } .addcart-qty { text-align: right; margin-bottom: 0; margin-top: -12px; opacity: .5 } #sku-selector-body2 .color-options-box { background: #f4f4f4; border-radius: 4px; margin: 18px 0; text-align: center; padding: 18px 10px 18px } #sku-selector-body2 .color-options-box .cateImg { width: 50px; margin-left: 1vw; float: left } #sku-selector-body2 .color-options-box .cateImg:first-child { margin-left: 0 } #sku-selector-body2 .ellipsis { display: inline-block; width: 14px; margin-left: 1.5vw; margin-top: calc((10.673vw - 12px)/2); vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .color-options-box .color-size-data-box { position: relative; display: inline-block; margin-left: 10px; height: 40px; top: -5px; background: #fff } .color-size-data-box img { height: 40px } .color-size-data-box .color-span { position: absolute; left: 20%; top: 9px; font-family: Yu Gothic; font-weight: 700; color: #897463 } .color-size-data-box .colors-span, .color-size-data-box .size-span { position: absolute; top: 9px; color: #897463; font-family: Yu Gothic; font-weight: 700 } .color-size-data-box .colors-span { left: 7.5vw } .color-size-data-box .size-span { right: 0px; font-size: 12px; width: 20vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center } .color-size-btn-box { height: 44px !important; background: #000 !important; margin: 18px 0 0 !important; text-align: center !important; font-size: 16px !important; font-family: Yu Gothic !important; font-weight: bold !important; color: #fff !important; line-height: 44px !important; position: relative !important; padding: 0 !important; border-radius: 3px !important } .color-size-btn-box span.add-icon { position: relative; display: inline-block; height: 6.2vw; margin-top: calc((40px - 6.2vw)/2) } .color-size-btn-box img { width: 24px; top: 1.1vw; left: 1.1vw } .color-size-btn-box span.add-text { position: relative; top: -1vw; left: 1vw; font-size: 16px } .mtpro_review { position: absolute; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 15px; padding: 5px 12px; top: 0; right: 0; display: inline-block !important } .mtpro_review p { text-align: center; color: #222; font-family: Yu Gothic; font-weight: 500; font-size: 12px; margin-bottom: 10px } .mtpro_review .mtpro_review_stars { font-size: 12px; color: #333; font-family: Yu Gothic } .mtpro_review .mtpro_review_stars img { vertical-align: baseline } .rw_average_i { display: flex; align-items: center } .productPriceBox { padding: 5px 0; box-sizing: border-box; -webkit-box-sizing: border-box } .productPriceBox .title { font-size: 14px; text-align: center; font-weight: bold; padding: 0 2vw } .productPriceBox .title span { display: inline-block; background: #f90; padding: 2px 10px; color: #fff; margin-right: 5px } .productPriceBox .price { font-size: 12px; font-weight: 600; color: #363636; padding: 0 2vw } .productPriceBox .price p { overflow: hidden; margin-bottom: 10px } .prices span { color: #999; font-size: 12px; text-decoration: line-through } .new_price { font-weight: bold; font-size: 14px } .new_price_prices { font-size: 16px; color: #943734 } .product_discount { color: #fff; font-size: 10px; font-weight: normal; display: inline-block; width: 45px; height: 15px; line-height: 15px; text-indent: 4px; background: url(../../img/icon/bg.png) no-repeat; background-size: 86%; margin-left: 3px; margin-top: 0px; vertical-align: middle } h2.detail-title { color: #333; font-size: 16px; padding: 2.67vw; position: relative; text-align: left; font-weight: bold } .vy-product-time-sale-tab { display: flex; flex-wrap: wrap; background: #f4f4f4; margin: 0 -10px; padding: 0 10px } .vy-product-time-sale-tab[data-selected=true] { display: flex !important } .vy-product-time-sale-tab .ts_item.ts_item_box { width: calc((100% - 10px)/2); margin-right: 10px; margin-bottom: 6.67vw } .vy-product-time-sale-tab .ts_item.ts_item_box:nth-child(2n) { margin-right: 0 } .font_impact { font-family: impact } .font_default { font-family: A-OTF Shin Go Pr5 } .ts_item img { width: 100%; height: 100%; opacity: unset !important } .ts_text { background-color: #fff; position: relative; padding: 9px 10px 9px 12px; border-radius: 0 0 5px 5px } .ts_name { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 36px; padding-right: 4vw; margin-bottom: 9px; color: #221c1c } .ts_price_dis { display: inline-block; background: #b9b9b9; border-radius: 5px; font-size: 14px; color: #fff; text-align: center; padding: 0 4px; float: right; position: relative; top: -3px } .ts_gress { height: 3px; position: relative; border: 1px solid #e5e5e5; border-radius: 4px; margin: 8px 0 5px } .ts_gress div { position: absolute; top: 0; left: 0; height: 100%; background-color: #e5e5e5 } .load_img { width: 10vw; margin: 13px auto } .end_btn { width: 123px; text-align: center; height: 28px; margin: 0 auto; background-color: #313131; position: relative; display: flex; align-items: center; justify-content: center; display: none } .ts_bprice { color: #221c1c; font-size: 14px } .ts_tag { color: #000; position: relative; top: -2px } @media screen and (max-width: 415px)and (min-width: 376px) { .ts_bprice { font-size: 24px } .ts_price_dis { font-size: 16px; top: 6px } .ts_text { padding: 7px 7px 7px 9px } } @media screen and (max-width: 321px) { .ts_bprice { font-size: 12px } .ts_price_dis { font-size: 12px } .ts_text { padding: 4.5px 6px } .ts_name { margin-bottom: 4.5px } .ts_price_dis, .ts_tag { top: 0 } } .carosel-box { overflow: hidden } .carosel-content { background: #fff; position: fixed; bottom: 5px; left: 2.5%; z-index: 99; width: 95%; height: 110px; display: none; border: 1px solid #aaa; border-radius: 2px } .carosel-content .carosel-img { width: 25%; margin: 10px 0 10px 10px } .carosel-content .carosel-info { width: 70%; margin: 5px 0 } .carosel-content .carosel-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold } .carosel-content .carosel-date { color: #ff9946; position: relative } .carosel-content .carosel-date .carosel-dateSpan { position: absolute; top: 7px; left: 35px } .carosel-content .carosel-url { background: #ff8d61; color: #fff; width: 96%; display: inline-block; text-align: center; border-radius: 2px; height: 30px; line-height: 30px; cursor: pointer } .carosel-content .carosel-close { position: absolute; right: 5px; top: 2px; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50px; text-align: center; cursor: pointer } .product-options .option_element_h1 { display: flex; align-items: center; padding: 0 } .containers .number .change-number { display: inline-block; width: auto; padding-top: 0; padding-bottom: 0 } .warningBox { z-index: 1000; position: fixed; max-height: 80vh; overflow-y: scroll; padding: 10px 10px 80px } .product__title { padding: 20px 15px 0; line-height: 20px; font-size: 12px; color: #333; text-align: left } .product__review-total { font-size: 12px; display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #c9c9c9; line-height: 1 } .product-swiper .swiper-button-next img, .product-swiper .swiper-button-prev img, .swiper-reviews .swiper-button-next img, .swiper-reviews .swiper-button-prev img { display: block; width: 100% } .product-swiper .swiper-button-prev img, .swiper-reviews .swiper-button-prev img { transform: rotate(180deg) } .product-intro-tab { margin-top: -10px; margin-bottom: 15px } .ts_item .font_default { font-size: 12px; font-weight: bold; margin-left: -2px; margin-right: 4px } .ts_item .ts_price_dis.font_impact { font-weight: inherit; font-size: 14px } .ts_item .ts_price_symbol { color: #221c1c } .ts_item .ts_sale_num { font-size: 16px } .product__notice { padding: 10px; line-height: 20px; border-top: 2vw solid #f3f3f3 } .ts_more { margin: 0 20px 20px; width: 100%; text-align: center } .product_stars .dimension_score { width: 15px; display: unset } .star-icon { display: unset; position: absolute; left: 0; top: 0; width: 12px; margin: 0 } .star-icon-gray { width: 12px; display: unset; margin: 0 } /*# sourceMappingURL=product.min.css.map */ .xs_text, .xs_text1 { float: left; margin-bottom: 5px; margin-left: 5px; margin-right: 4px; } .xs_text span { font-size: 12px !important; display: inline-block; padding: 3px 5px; color: #fff; background: #D88A75; } .xs_text1 span { font-size: 12px !important; display: inline-block; padding: 3px 5px; color: #fff; background: #7D9EDE; } .discount_zk { color: #943734; font-weight: 400; font-size: 14px; padding-left: 11px; }