.color-family-item[data-v-e4fb3a07]:before{bottom:.25rem;filter:drop-shadow(0 0 4px rgba(0,0,0,.15));z-index:1}.color-family-list-box .color-family-item[data-v-e4fb3a07]:after,.color-family-list-box .color-family-item[data-v-e4fb3a07]:before{border-bottom:14px solid #fff;border-left:14px solid transparent;border-right:14px solid transparent;content:"";display:none;left:calc(50% - 1rem);position:absolute}.style-color-family[data-v-e4fb3a07]{background:var(--theme-bg-color);max-width:100%;padding:1rem 4rem 0;text-align:center}.style-color-family .style-color-family-content-box[data-v-e4fb3a07]{display:inline-block;margin:0 auto;max-width:100%}.style-color-family .style-color-family-content-box .color-family-list-box[data-v-e4fb3a07]{display:flex;flex-wrap:wrap;justify-content:center}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item[data-v-e4fb3a07]{box-sizing:border-box;cursor:pointer;margin-right:0;padding:0 .375rem 1rem;position:relative;text-align:center}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item[data-v-e4fb3a07]:first-child{padding-left:0!important}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .color-list-box[data-v-e4fb3a07]{background:#fff;border-radius:.625rem;box-shadow:0 0 20px #00000026;box-sizing:border-box;left:50%;margin-top:-.3125rem;max-width:25.9375rem;position:absolute;top:100%;transform:translate(-50%);visibility:hidden;width:-moz-max-content;width:max-content;z-index:30}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content[data-v-e4fb3a07]{align-items:center;display:flex;flex-direction:column;justify-content:center}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content.show-color-selected .color-img-box .color-img-border[data-v-e4fb3a07]{border:.0625rem solid var(--theme-color)}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-name-box[data-v-e4fb3a07]{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box[data-v-e4fb3a07]{align-items:center;box-sizing:border-box;display:flex;height:4rem;justify-content:center;position:relative}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box .color-img-border[data-v-e4fb3a07]{align-items:center;border:none;border-radius:.5rem;display:flex;justify-content:center;padding:.1875rem}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box .color-img-border .color-img[data-v-e4fb3a07]{background-color:#0003;border-radius:.5rem;height:2.5rem;position:relative;transform:translateZ(0);transition:all .2s ease-out;vertical-align:middle;width:4.375rem}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box .color-img-border .color-img[data-v-e4fb3a07]:after{background:#0000001a;border-radius:.5rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box .color-img-border.family-active[data-v-e4fb3a07]{border:.0625rem solid var(--theme-color);padding:.1875rem}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-name[data-v-e4fb3a07]{font-size:.75rem;font-weight:500;white-space:nowrap}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .selected-color-box[data-v-e4fb3a07]{background:#f6f6f6;border-radius:.375rem;box-shadow:0 0 20px #00000026;display:none;left:100%;margin-left:.3125rem;padding:.5625rem 0;position:absolute;top:.375rem;transform:scale(0);transform-style:preserve-3d;width:5.375rem}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .selected-color-box.selected-color-box-active[data-v-e4fb3a07]{animation:showbubAni-data-v-7fc5c6fc-e4fb3a07 1s 1;display:block;transform:scale(1)}.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box .color-img-border.family-active .color-img[data-v-e4fb3a07],.style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content.show-color-selected .color-img-border .color-img[data-v-e4fb3a07]{height:2.125rem;width:4rem}.style-color-family .color-family-list-box .color-family-item.family-active[data-v-e4fb3a07]:after,.style-color-family .color-family-list-box .color-family-item.family-active[data-v-e4fb3a07]:before{display:block}.style-color-family .color-family-list-box .color-family-item[data-v-e4fb3a07]:after{bottom:.3125rem;z-index:30}.style-color-family .color-family-list-box .color-family-item .color-list-box.color-list-active[data-v-e4fb3a07]{visibility:visible}.style-color-family .color-family-list-box .color-family-item .color-list-box .color-list-content[data-v-e4fb3a07]{display:flex;flex-wrap:wrap;padding:0 .46875rem 1rem;position:relative}.color-item[data-v-e4fb3a07]{border-radius:50%;cursor:pointer;flex-flow:column;justify-content:flex-start;margin:1rem .15625rem 0;position:relative;text-align:center;width:4.6875rem;z-index:1}.color-item .color-item-content[data-v-e4fb3a07]{border-radius:.8125rem;height:2.5rem;justify-content:center;margin-bottom:.375rem;width:2.5rem}.color-item .color-item-content a[data-v-e4fb3a07]{display:flex}.color-item .color-em[data-v-e4fb3a07]{border-radius:50%;box-shadow:0 0 5.55767px #eee;display:inline-block;height:2.5rem;overflow:hidden;position:relative;width:2.5rem}.color-item .color-item-name[data-v-e4fb3a07]{color:#333;font-size:.75rem;line-height:1rem;margin-bottom:-.1875rem;margin-left:-.0625rem;margin-right:-.0625rem;text-transform:capitalize;transform:scale(.85);word-break:break-word}.color-item .active-icon[data-v-e4fb3a07]{color:#fff;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.color-item[data-v-e4fb3a07],.color-item .color-item-content[data-v-e4fb3a07]{align-items:center;box-sizing:border-box;display:flex}.color-item.color-active[data-v-e4fb3a07],.color-item[data-v-e4fb3a07]:hover{z-index:1}@keyframes showbubAni-data-v-7fc5c6fc-e4fb3a07{0%{display:none;transform:scale(0)}to{display:block;transform:scale(1)}}.style-color-family .color-family-list-box .color-family-item .selected-color-box .color-item[data-v-e4fb3a07]{background:#f6f6f6;border-radius:0;height:100%;margin:0;width:100%}.style-color-family .color-family-list-box .color-family-item .selected-color-box .color-item.color-active .color-item-content[data-v-e4fb3a07]{border:.125rem solid transparent;height:1.875rem;width:1.875rem}.style-color-family .color-family-list-box .color-family-item .color-img-border .icon[data-v-e4fb3a07]{font-size:1rem;font-weight:600}.style-color-family .color-family-list-box:hover .color-family-item .selected-color-box-active[data-v-e4fb3a07]{animation:showbubAni-data-v-7fc5c6fc-h-e4fb3a07 1s 1;display:none;transform:scale(1)}@keyframes showbubAni-data-v-7fc5c6fc-h-e4fb3a07{0%{display:block;transform:scale(1)}to{display:none;transform:scale(0)}}.mobile-container .style-color-family[data-v-e4fb3a07]{background:#fff;margin-top:-.3125rem;padding:0 0 0 1rem;position:relative}.mobile-container .color-family-list-box[data-v-e4fb3a07]::-webkit-scrollbar{display:none}.mobile-container .style-color-family .color-family-list-box .color-family-item.family-active[data-v-e4fb3a07]:after,.mobile-container .style-color-family .color-family-list-box .color-family-item.family-active[data-v-e4fb3a07]:before{display:none}.mobile-container .style-color-family .triangle-box-1[data-v-e4fb3a07],.mobile-container .style-color-family .triangle-box-2[data-v-e4fb3a07]{background:#fff;border-radius:.125rem;box-shadow:0 0 20px #00000026;height:1rem;left:50%;margin-bottom:-.4375rem;margin-left:-.5625rem;position:absolute;top:.3125rem;transform:rotate(-45deg);width:1rem;z-index:-1}.mobile-container .style-color-family .triangle-box-2[data-v-e4fb3a07]{box-shadow:none;clip-path:polygon(0 0,100% 0,100% 100%,0 0);z-index:12}.mobile-container .style-color-family .color-family-list-box .color-family-item .selected-color-box[data-v-e4fb3a07]{border-radius:.375rem;padding:.25rem 0;top:.125rem;width:4.375rem}.mobile-container .style-color-family .style-color-family-content-box .color-family-list-box[data-v-e4fb3a07]{flex-wrap:nowrap;justify-content:space-between;overflow:auto;padding:0 0 0 .125rem}.mobile-container .style-color-family .style-color-family-content-box .color-family-list-box .color-family-item[data-v-e4fb3a07]{padding:0 .375rem}.mobile-container .color-item[data-v-e4fb3a07]{margin:1rem 0 0;width:calc(20vw - .5rem)}.mobile-container .color-item .color-em[data-v-e4fb3a07]{height:1.875rem;width:1.875rem}.mobile-container .mobile-color-list-box[data-v-e4fb3a07]{background:#00000080;height:100vh;left:0;margin-top:-.0625rem;overflow:hidden;position:absolute;top:120%;width:100%;z-index:1001}.mobile-container .mobile-color-list-box .color-list-content[data-v-e4fb3a07]{background:#fff;border-radius:.5rem;box-shadow:0 0 20px #00000026;box-sizing:border-box;display:flex;flex-wrap:wrap;margin-top:.75rem;max-width:calc(100vw - 1.625rem);padding:0 .4375rem 1rem;position:absolute;width:-moz-max-content;width:max-content;z-index:11}.mobile-container .color-item .color-item-content[data-v-e4fb3a07]{margin-bottom:.1875rem}@keyframes mRShowAni-data-v-7fc5c6fc-e4fb3a07{0%{margin-right:0}to{margin-right:4.875rem}}.mobile-container .style-color-family .color-family-list-box:hover .color-family-item .selected-color-box-active[data-v-e4fb3a07]{animation:none;display:block;transform:scale(1)}.mobile-container .style-color-family .color-family-list-box .color-family-item .color-list-box[data-v-e4fb3a07]{display:none!important}.mobile-container .style-color-family .style-color-family-content-box .color-family-list-box .color-family-item .family-item-content .color-img-box[data-v-e4fb3a07]{height:auto}.category[data-v-4ca51fa1]{display:flex;min-height:25rem;position:relative;width:100%}.category .lf[data-v-4ca51fa1]{width:18rem}.category .rt[data-v-4ca51fa1]{flex:1 0 0;margin-left:4rem;overflow:hidden}.category .category-filter-attr[data-v-4ca51fa1]{align-items:center;border-bottom:1px solid var(--theme-line-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1.25rem}.category .category-filter-attr h1[data-v-4ca51fa1]{font-size:1rem;font-weight:500}.category .category-filter-attr .goods-total[data-v-4ca51fa1]{color:var(--theme-grey-color);font-size:1rem;margin-left:.5rem}.category .attr-box[data-v-4ca51fa1]{flex-wrap:wrap}.category .attr-box[data-v-4ca51fa1],.category .product-filter[data-v-4ca51fa1]{align-items:center;display:flex}.category .product-filter .sort-by[data-v-4ca51fa1]{margin-right:.375rem}.category .product-filter[data-v-4ca51fa1] .abl-select-warpper{width:10.5rem}.list-header[data-v-4ca51fa1]{align-items:center;display:flex;justify-content:space-between;padding:1rem}.list-header .header-name[data-v-4ca51fa1]{font-weight:500}.list-header .goods-total[data-v-4ca51fa1]{color:var(--theme-grey-color);font-size:.75rem}.category.new-category-list[data-v-4ca51fa1]{height:100%;padding-bottom:4rem;padding-top:0}.mt28[data-v-4ca51fa1]{margin-top:1.75rem}.mobile-container .category .rt[data-v-4ca51fa1]{margin-left:0}.mobile-container .category.new-category-list[data-v-4ca51fa1]{padding-bottom:2rem}.mobile-container .pt16[data-v-4ca51fa1]{padding-top:1rem!important}