.products[data-v-be1b55c6]{min-height:600px;padding:3vw 0 9vw;width:100%}.products .left-panel[data-v-be1b55c6]{border-radius:6px;box-shadow:1px 5px 16px -3px #0000001a;box-sizing:border-box;float:left;height:100%;position:sticky;top:10px;width:20%;z-index:10}.products .left-panel>h3[data-v-be1b55c6]{border-bottom:1px solid hsla(0,0%,56%,.1);padding:14px 20px}.products .left-panel .mobile-category-select[data-v-be1b55c6]{display:none}.products .left-panel>ul[data-v-be1b55c6]{padding:10px 0;width:100%}.products .left-panel>ul>li[data-v-be1b55c6]:hover{background-color:#8f8f8f1a}.products .left-panel>ul>li>a[data-v-be1b55c6]{display:block;font-size:17px;line-height:20px;padding:20px}.products .left-panel>ul .sel[data-v-be1b55c6]{background-color:#8f8f8f1a}.products .left-panel>ul .sel>a[data-v-be1b55c6]{color:var(--primary-color)}.products .right-panel[data-v-be1b55c6]{box-sizing:border-box;float:right;padding-left:13px;width:80%}.products .right-panel .top-filter[data-v-be1b55c6]{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 8px}.products .right-panel .top-filter .top-filter-count[data-v-be1b55c6]{flex:1 1 50%;font-size:16px;text-align:left}.products .right-panel .top-filter .top-filter-right[data-v-be1b55c6]{align-items:center;box-sizing:border-box;display:flex;flex:0 1 36%;justify-content:flex-end;padding-left:7.5px}.products .right-panel .top-filter .top-filter-right .search-field[data-v-be1b55c6]{border-radius:4px 0 0 4px;border-width:1px;border-right:0;display:inline-block;height:36px;line-height:36px;margin-bottom:0}.products .right-panel .top-filter .top-filter-right .search-submit[data-v-be1b55c6]{background-color:var(--primary-color3);border-bottom-right-radius:4px;border-top-right-radius:4px;color:var(--primary-color);display:inline-block;font-family:fontawesome;font-size:18px;font-weight:500;height:36px;padding:0 12px;transition:all .3s}.products .right-panel .top-filter .top-filter-right .search-submit[data-v-be1b55c6]:hover{background-color:var(--primary-color);color:#fff}.products .right-panel .top-filter .top-filter-right .search-submit[data-v-be1b55c6]:before{content:""}.products .right-panel .category-intro[data-v-be1b55c6]{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:6px;box-shadow:1px 5px 16px -3px #00000014;margin:16px 8px 8px;padding:18px 20px}.products .right-panel .category-intro>h1[data-v-be1b55c6]{color:#1f2d2d;font-size:22px;font-weight:600;line-height:30px;margin:0 0 8px}.products .right-panel .category-intro>p[data-v-be1b55c6]{color:#606266;font-size:15px;line-height:26px;margin:0}.products .right-panel .data-list[data-v-be1b55c6]{width:100%}.products .right-panel .data-list>ul[data-v-be1b55c6]{display:flex;flex-wrap:wrap;width:100%;word-break:break-word}.products .right-panel .data-list>ul>li[data-v-be1b55c6]{align-items:stretch;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 25%;margin:16px 0 1px;padding:0 8px}.products .right-panel .data-list>ul>li .data-item[data-v-be1b55c6]{-webkit-backface-visibility:hidden;background-color:#fff;box-shadow:1px 5px 16px -3px #00000026;-webkit-box-shadow:1px 5px 16px -3px rgba(0,0,0,.15);-moz-box-shadow:1px 5px 16px -3px rgba(0,0,0,.15);box-sizing:border-box;display:block;overflow:hidden;padding:0 0 6%;position:relative;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.products .right-panel .data-list>ul>li .data-item[data-v-be1b55c6]:hover{box-shadow:1px 6px 20px -1px #0000002b;-webkit-box-shadow:1px 6px 20px -1px rgba(0,0,0,.17);-moz-box-shadow:1px 6px 20px -1px rgba(0,0,0,.17);transform:translateY(-1px)}.products .right-panel .data-list>ul>li .data-item:hover .desc>div h3[data-v-be1b55c6]{color:var(--primary-color)}.products .right-panel .data-list>ul>li .data-item:hover .img-info .image-tools[data-v-be1b55c6]{opacity:1;pointer-events:inherit;transform:scale(1) translateZ(0) translateY(0)!important}.products .right-panel .data-list>ul>li .data-item .img-info[data-v-be1b55c6]{margin-bottom:6px;overflow:hidden;position:relative;width:100%}.products .right-panel .data-list>ul>li .data-item .img-info>img[data-v-be1b55c6]{background-color:var(--primary-color3);width:100%}.products .right-panel .data-list>ul>li .data-item .img-info .image-tools[data-v-be1b55c6]{backface-visibility:hidden;bottom:0;display:flex;filter:blur(0);margin-bottom:-1px;opacity:0;padding:0;pointer-events:none;position:absolute;text-align:center;transform:translateY(100%) translateZ(0);transition:opacity .5s,transform .3s,max-height .6s,filter .6s;white-space:nowrap;width:100%}.products .right-panel .data-list>ul>li .data-item .img-info .image-tools .quick-view[data-v-be1b55c6]{background-color:#00af43e6;color:#fff;display:block;font-size:.85em;font-weight:600;opacity:.95;padding:3px 0;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .3s;width:100%}.products .right-panel .data-list>ul>li .data-item .desc[data-v-be1b55c6]{box-sizing:border-box;padding:0 12px;width:100%}.products .right-panel .data-list>ul>li .data-item .desc>div[data-v-be1b55c6]{box-sizing:border-box;height:100%;padding:4px 0 0;width:100%}.products .right-panel .data-list>ul>li .data-item .desc>div h3[data-v-be1b55c6]{color:#333;display:block;display:-webkit-box;font-size:16px;font-weight:500;line-height:22px;max-height:44px;transition:all .3s;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.products .right-panel .data-list>ul>li .data-item .desc>div strong.desc-content[data-v-be1b55c6]{display:block;display:-webkit-box;font-size:14px;font-weight:400;line-height:18px;margin:6px 0 0;max-height:36px;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#777;overflow:hidden}.products .right-panel .data-list>ul>li .data-item .seo-pagination[data-v-be1b55c6]{align-items:center;display:flex;gap:8px;justify-content:center;padding:28px 8px 0}.products .right-panel .data-list>ul>li .data-item .seo-pagination>a[data-v-be1b55c6]{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;color:#333;font-size:14px;height:36px;line-height:34px;min-width:36px;padding:0 10px;text-align:center;transition:all .2s ease}.products .right-panel .data-list>ul>li .data-item .seo-pagination>a.active[data-v-be1b55c6],.products .right-panel .data-list>ul>li .data-item .seo-pagination>a[data-v-be1b55c6]:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.products .right-panel .data-list .no-products[data-v-be1b55c6]{box-sizing:border-box;color:#606266;display:block;font-size:16px;margin:60px 0;padding:0 10px;width:100%}@media (max-width:768px){.left-panel,.right-panel{float:none!important;margin-bottom:24px;width:100%!important}.left-panel{border-radius:0!important;box-shadow:none!important;box-sizing:border-box;margin-bottom:16px!important;padding-left:14px!important;padding-right:14px!important;position:relative!important;top:0!important}.left-panel>h3{border-bottom:none!important;padding:0 0 10px!important}.left-panel .mobile-category-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-color:#fff;border:1px solid #dbe3df;border-radius:6px;box-sizing:border-box;color:var(--primary-color2)!important;display:block!important;font-family:rubik,sans-serif!important;font-size:15px!important;height:46px;line-height:46px;margin:0;padding:0 42px 0 14px;width:100%}.left-panel>ul{display:none!important}.right-panel{box-sizing:border-box;padding-left:6px!important;padding-right:6px!important}.right-panel .top-filter-right{flex:0 1 50%!important}.right-panel .data-list>ul>li{flex:0 0 100%!important}}