| 1 |
- .diy-search[data-v-8c93fa7a]{background:#f1f1f2;padding:.625rem;font-size:.8125rem}.diy-search.sticky[data-v-8c93fa7a]{position:-webkit-sticky;position:sticky;top:var(--window-top);z-index:100}.inner[data-v-8c93fa7a]{height:1.875rem;background:#fff;overflow:hidden}.inner.radius[data-v-8c93fa7a]{border-radius:.3125rem}.inner.round[data-v-8c93fa7a]{border-radius:1.875rem}.search-input[data-v-8c93fa7a]{height:1.875rem;color:#999;padding:0 .625rem;display:flex;align-items:center}.search-input .search-icon[data-v-8c93fa7a]{margin-right:.25rem}.diy-imageSingle .item-image .image[data-v-6836e2d3]{display:block;width:100%}.diy-banner[data-v-395a28f4]{position:relative}.diy-banner .swiper-box[data-v-395a28f4]{height:100%}.diy-banner .swiper-box .slide-image[data-v-395a28f4]{width:100%;height:100%;margin:0 auto;display:block}.diy-banner .indicator-dots[data-v-395a28f4]{width:100%;height:.875rem;padding:0 .625rem;position:absolute;left:0;right:0;bottom:.625rem;opacity:.8;display:flex;justify-content:center}.diy-banner .indicator-dots .dots-item[data-v-395a28f4]{width:.5rem;height:.5rem;margin-right:.25rem;background-color:#fff}.diy-banner .indicator-dots .dots-item[data-v-395a28f4]:last-child{margin-right:0}.diy-banner .indicator-dots .dots-item.active[data-v-395a28f4]{background-color:#313131!important}.diy-banner .indicator-dots.round .dots-item[data-v-395a28f4]{width:.5rem;height:.5rem;border-radius:.625rem}.diy-banner .indicator-dots.square .dots-item[data-v-395a28f4]{width:.5rem;height:.5rem}.diy-banner .indicator-dots.rectangle .dots-item[data-v-395a28f4]{width:.6875rem;height:.4375rem}.diy-window .data-list[data-v-3794c500]:after{clear:both;content:" ";display:table}.diy-window .data-list .data-item[data-v-3794c500]{float:left;box-sizing:border-box}.diy-window .data-list .image[data-v-3794c500]{display:block;width:100%}.diy-window .avg-sm-2>.data-item[data-v-3794c500]{width:50%}.diy-window .avg-sm-3>.data-item[data-v-3794c500]{width:33.33333333%}.diy-window .avg-sm-4>.data-item[data-v-3794c500]{width:25%}.diy-window .avg-sm-5>.data-item[data-v-3794c500]{width:20%}.diy-window[data-v-3794c500]{box-sizing:border-box}.diy-window .display[data-v-3794c500]{height:0;width:100%;margin:0;padding-bottom:50%;position:relative;box-sizing:border-box}.diy-window .display .image[data-v-3794c500]{width:100%;height:100%}.diy-window .display .display-left[data-v-3794c500]{width:50%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box}.diy-window .display .display-right[data-v-3794c500]{width:50%;height:100%;position:absolute;top:0;left:50%;box-sizing:border-box}.diy-window .display .display-right1[data-v-3794c500]{width:100%;height:50%;position:absolute;top:0;box-sizing:border-box;left:0}.diy-window .display .display-right2[data-v-3794c500]{width:100%;height:50%;position:absolute;top:50%;left:0;box-sizing:border-box}.diy-window .display .display-right2 .left[data-v-3794c500]{width:50%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box}.diy-window .display .display-right2 .right[data-v-3794c500]{width:50%;height:100%;position:absolute;top:0;left:50%;box-sizing:border-box}.diy-hotZone[data-v-ab741baa]{position:relative;width:100%;overflow:hidden}.bg-image[data-v-ab741baa]{width:100%;z-index:1}.bg-image .image[data-v-ab741baa]{display:block;width:100%}.zone-item[data-v-ab741baa]{position:absolute;z-index:2}.diy-video .video[data-v-65bf0c27]{width:100%;display:block}.diy-article[data-v-ce7b26a5]{background:#f7f7f7}.diy-article .article-item[data-v-ce7b26a5]{margin-bottom:.625rem;padding:.9375rem;background:#fff}.diy-article .article-item[data-v-ce7b26a5]:last-child{margin-bottom:0}.diy-article .article-item .article-item__title[data-v-ce7b26a5]{max-height:2.3125rem;font-size:.875rem;line-height:1.1875rem;color:#333}.diy-article .article-item .article-item__image .image[data-v-ce7b26a5]{display:block}.show-type__10[data-v-ce7b26a5]{display:flex}.show-type__10 .article-item__left[data-v-ce7b26a5]{padding-right:.625rem}.show-type__10 .article-item__image .image[data-v-ce7b26a5]{width:7.5rem}.show-type__20 .article-item__image .image[data-v-ce7b26a5]{width:100%}.u-notice-bar[data-v-834500a9]{padding:.5625rem .75rem;overflow:hidden}.u-direction-row[data-v-834500a9]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.u-left-icon[data-v-834500a9]{display:inline-flex;align-items:center}.u-notice-box[data-v-834500a9]{flex:1;display:flex;flex-direction:row;overflow:hidden;margin-left:.375rem}.u-right-icon[data-v-834500a9]{margin-left:.375rem;display:inline-flex;align-items:center}.u-notice-content[data-v-834500a9]{animation:u-loop-animation-834500a9 10s linear infinite both;text-align:right;padding-left:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.u-notice-text[data-v-834500a9]{font-size:.8125rem;word-break:keep-all;white-space:nowrap}@keyframes u-loop-animation-834500a9{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.u-notice-bar[data-v-d897bbfb]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:.5625rem .75rem;overflow:hidden}.u-swiper[data-v-d897bbfb]{font-size:.8125rem;height:1rem;display:flex;flex-direction:row;align-items:center;flex:1;margin-left:.375rem}.u-swiper-item[data-v-d897bbfb]{display:flex;flex-direction:row;align-items:center;overflow:hidden}.u-news-item[data-v-d897bbfb]{overflow:hidden}.u-right-icon[data-v-d897bbfb]{margin-left:.375rem;display:inline-flex;align-items:center}.u-left-icon[data-v-d897bbfb]{display:inline-flex;align-items:center}.u-notice-bar-wrap[data-v-7d93799d]{overflow:hidden}.u-notice-bar[data-v-7d93799d]{padding:.5625rem .75rem;overflow:hidden}.u-direction-row[data-v-7d93799d]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.u-left-icon[data-v-7d93799d]{display:flex;flex-direction:row;align-items:center}.u-notice-box[data-v-7d93799d]{flex:1;display:flex;flex-direction:row;overflow:hidden;margin-left:.375rem}.u-right-icon[data-v-7d93799d]{margin-left:.375rem;display:flex;flex-direction:row;align-items:center}.u-notice-content[data-v-7d93799d]{line-height:1;white-space:nowrap;font-size:.8125rem;animation:u-loop-animation-7d93799d 10s linear infinite both;text-align:right;padding-left:100%}@keyframes u-loop-animation-7d93799d{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.diy-navBar .data-list[data-v-110b6f51]:after{clear:both;content:" ";display:table}.item-nav[data-v-110b6f51]{float:left;margin:10px 0;text-align:center}.item-nav .item-text[data-v-110b6f51]{font-size:.8125rem}.item-nav .item-image[data-v-110b6f51]{margin-bottom:4px;font-size:0}.item-nav .item-image .image[data-v-110b6f51]{width:2.75rem;height:2.75rem}.diy-navBar .avg-sm-3>.item-nav[data-v-110b6f51]{width:33.33333333%}.diy-navBar .avg-sm-4>.item-nav[data-v-110b6f51]{width:25%}.diy-navBar .avg-sm-5>.item-nav[data-v-110b6f51]{width:20%}.diy-goods[data-v-d91d5fc0]{display:flex;flex-direction:column}.diy-goods .goods-list[data-v-d91d5fc0]{margin-bottom:-10px}.diy-goods .goods-list.display-slide[data-v-d91d5fc0]{display:flex;width:-webkit-max-content;width:max-content}.diy-goods .goods-list.display-slide .goods-item[data-v-d91d5fc0]{flex-shrink:1;margin-right:.625rem!important}.diy-goods .goods-list.display-slide .goods-item[data-v-d91d5fc0]:last-child{margin-right:0!important}.diy-goods .goods-list.display-slide.column-2 .goods-item[data-v-d91d5fc0]{width:160px}.diy-goods .goods-list.display-slide.column-3 .goods-item[data-v-d91d5fc0]{width:220px}.diy-goods .goods-list.display-list[data-v-d91d5fc0]{display:flex;flex-wrap:wrap}.diy-goods .goods-list.column-1[data-v-d91d5fc0]{margin-bottom:0}.diy-goods .goods-list.column-1 .goods-item[data-v-d91d5fc0]{margin-bottom:.375rem;padding:.625rem;box-sizing:border-box;background:#fff;flex-basis:100%;margin-right:0}.diy-goods .goods-list.column-1 .goods-item[data-v-d91d5fc0]:last-child{margin-bottom:0!important}.diy-goods .goods-list.column-1 .goods-item .goods-info[data-v-d91d5fc0]{padding:0}.diy-goods .goods-list.column-1 .goods-item .goods-info .goods-name[data-v-d91d5fc0]{font-size:.84375rem}.diy-goods .goods-list.column-1 .goods-item .goods-info .footer[data-v-d91d5fc0]{position:absolute;bottom:.5rem;width:100%}.diy-goods .goods-list.column-1 .goods-item-left[data-v-d91d5fc0]{background:#fff;margin-right:.625rem}.diy-goods .goods-list.column-1 .goods-item-left .image[data-v-d91d5fc0]{display:block;width:7.5rem;height:7.5rem}.diy-goods .goods-list.column-1 .goods-item-right[data-v-d91d5fc0]{position:relative;flex:1;width:0}.diy-goods .goods-list.column-2 .goods-item[data-v-d91d5fc0]{flex-basis:48.6%}.diy-goods .goods-list.column-2 .goods-item[data-v-d91d5fc0]:nth-child(2n){margin-right:0}.diy-goods .goods-list.column-3 .goods-item[data-v-d91d5fc0]{flex-basis:31.46666%}.diy-goods .goods-list.column-3 .goods-item[data-v-d91d5fc0]:nth-child(3n){margin-right:0}.diy-goods .goods-list .goods-item[data-v-d91d5fc0]{flex-shrink:0;background-color:#fff;flex:0 1 48.6%;margin-right:2.8%;border-radius:.5rem;overflow:hidden;margin-bottom:.625rem}.diy-goods .goods-list .goods-item.display-card[data-v-d91d5fc0]{box-shadow:0 .125rem .3125rem rgba(0,0,0,.07)}.diy-goods .goods-list .goods-item .goods-image[data-v-d91d5fc0]{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}.diy-goods .goods-list .goods-item .goods-image[data-v-d91d5fc0]:after{content:"";display:block;margin-top:100%}.diy-goods .goods-list .goods-item .goods-image .image[data-v-d91d5fc0]{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.diy-goods .goods-list .goods-item .goods-info[data-v-d91d5fc0]{padding:.625rem}.diy-goods .goods-list .goods-item .goods-info .goods-name[data-v-d91d5fc0]{font-size:.8125rem;color:#000;margin-bottom:.25rem;line-height:1.3}.diy-goods .goods-list .goods-item .goods-info .goods-name.row-two[data-v-d91d5fc0]{min-height:2.125rem}.diy-goods .goods-list .goods-item .goods-info .goods-selling[data-v-d91d5fc0]{display:flex;font-size:.75rem;margin-bottom:.25rem;height:1.1875rem}.diy-goods .goods-list .goods-item .goods-info .goods-sales[data-v-d91d5fc0]{font-size:.75rem;color:#959595;margin-bottom:.25rem}.diy-goods .goods-list .goods-item .goods-info .goods-sales .line[data-v-d91d5fc0]{margin:0 .25rem}.diy-goods .goods-list .goods-item .footer[data-v-d91d5fc0]{display:flex;justify-content:space-between;align-items:center}.diy-goods .goods-list .goods-item .footer .goods-price[data-v-d91d5fc0]{position:relative;color:#ff1051}.diy-goods .goods-list .goods-item .footer .goods-price .unit[data-v-d91d5fc0]{font-size:.625rem}.diy-goods .goods-list .goods-item .footer .goods-price .value[data-v-d91d5fc0]{font-size:.9375rem}.diy-goods .goods-list .goods-item .footer .goods-price .unit2[data-v-d91d5fc0]{margin-left:.125rem;font-size:.6875rem}.diy-goods .goods-list .goods-item .footer .goods-price .line-price[data-v-d91d5fc0]{margin-left:.1875rem;color:#959595}.diy-goods .goods-list .goods-item .footer .goods-price .line-price .unit[data-v-d91d5fc0],.diy-goods .goods-list .goods-item .footer .goods-price .line-price .value[data-v-d91d5fc0]{text-decoration:line-through;font-size:.6875rem}.diy-goods .goods-list .goods-item .footer .action .btn-cart[data-v-d91d5fc0]{text-align:center}.diy-goods .goods-list .goods-item .footer .action .btn-cart .cart-icon[data-v-d91d5fc0]{font-size:1.125rem}.diy-service[data-v-ae14c3bb]{position:fixed;z-index:999;right:calc(var(--window-right) + var(--right));bottom:calc(constant(safe-area-inset-bottom) + var(--window-bottom) + var(--bottom));bottom:calc(env(safe-area-inset-bottom) + var(--window-bottom) + var(--bottom))}.diy-service .service-icon[data-v-ae14c3bb]{padding:.3125rem}.diy-service .service-icon .image[data-v-ae14c3bb]{display:block;width:2.8125rem;height:2.8125rem;border-radius:50%;box-shadow:0 .125rem .625rem rgba(0,0,0,.1)}.diy-guide .line[data-v-dc3cca30]{width:100%}.diy-richText[data-v-a71b9a86]{font-size:.875rem}.diy-special[data-v-32110c36]{display:flex;align-items:center;line-height:normal}.diy-special .special-left[data-v-32110c36]{padding:.3125rem .625rem}.diy-special .special-left .image[data-v-32110c36]{display:block;width:4.375rem}.diy-special .special-content[data-v-32110c36]{flex:1;overflow:hidden}.diy-special .special-content .content-item[data-v-32110c36]{padding:.125rem 0;font-size:13px;color:#141414}.diy-special .special-content.display_1[data-v-32110c36]{height:1.375rem}.diy-special .special-content.display_2[data-v-32110c36]{height:2.75rem}.diy-special .special-more[data-v-32110c36]{padding:.75rem .625rem;font-size:.75rem}.diy-coupon .coupon-wrapper[data-v-7747d7a2]{display:flex;width:-webkit-max-content;width:max-content;height:4.0625rem;padding:0 .75rem}.diy-coupon .coupon-wrapper[data-v-7747d7a2]::-webkit-scrollbar{display:none}.coupon-item[data-v-7747d7a2]{flex-shrink:0;width:9.375rem;height:4.0625rem;position:relative;color:#fff;overflow:hidden;box-sizing:border-box;margin-right:1.25rem;display:flex}.coupon-item[data-v-7747d7a2]:last-child{margin-right:0!important}.coupon-item.disable .left-content[data-v-7747d7a2]{background:linear-gradient(-113deg,#bdbdbd,#a2a1a2)!important}.coupon-item.disable .right-receive[data-v-7747d7a2]{background-color:#949494!important}.coupon-item .before[data-v-7747d7a2]{content:"";position:absolute;z-index:1;width:1rem;height:1rem;top:45%;left:-.5rem;transform:translateY(-50%);border-radius:80%;background-color:#fff}.coupon-item .left-content[data-v-7747d7a2]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:70%;height:100%;background-color:#e5004f;font-size:.75rem}.coupon-item .left-content .content-top .unit[data-v-7747d7a2]{font-size:15px}.coupon-item .left-content .content-top .price[data-v-7747d7a2]{font-size:1.375rem}.coupon-item .right-receive[data-v-7747d7a2]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%;height:100%;background-color:#4e4e4e;text-align:center;font-size:.75rem}.diy-title[data-v-5967764b]{padding:.3125rem .9375rem}.diy-title .title-content[data-v-5967764b]{display:flex;justify-content:space-between}.diy-title .title-content .title[data-v-5967764b]{color:#323233;font-size:.875rem;flex:1}.diy-title .title-content .more-content[data-v-5967764b]{color:#969799;font-size:.75rem;margin-left:1.25rem}.diy-title .desc-content[data-v-5967764b]{margin-top:.5rem;color:#969799;font-size:.75rem}
|
