.products[data-v-29776828]{min-height:600px;padding:3vw 0 9vw;width:100%}.products .left-panel[data-v-29776828]{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:1000}.products .left-panel>h3[data-v-29776828]{border-bottom:1px solid hsla(0,0%,56%,.1);padding:14px 20px}.products .left-panel>ul[data-v-29776828]{padding:10px 0;width:100%}.products .left-panel>ul>li[data-v-29776828]:hover{background-color:#8f8f8f1a}.products .left-panel>ul>li>a[data-v-29776828]{display:block;font-size:17px;line-height:20px;padding:20px}.products .left-panel>ul .sel[data-v-29776828]{background-color:#8f8f8f1a}.products .left-panel>ul .sel>a[data-v-29776828]{color:var(--primary-color)}.products .right-panel[data-v-29776828]{box-sizing:border-box;float:right;padding-left:13px;width:80%}.products .right-panel .top-filter[data-v-29776828]{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-29776828]{flex:1 1 50%;font-size:16px;text-align:left}.products .right-panel .top-filter .top-filter-right[data-v-29776828]{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-29776828]{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-29776828]{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-29776828]:hover{background-color:var(--primary-color);color:#fff}.products .right-panel .top-filter .top-filter-right .search-submit[data-v-29776828]:before{content:""}.products .right-panel .data-list[data-v-29776828]{width:100%}.products .right-panel .data-list>ul[data-v-29776828]{display:flex;flex-wrap:wrap;width:100%;word-break:break-word}.products .right-panel .data-list>ul>li[data-v-29776828]{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-29776828]{-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-29776828]: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-29776828]{color:var(--primary-color)}.products .right-panel .data-list>ul>li .data-item:hover .img-info .image-tools[data-v-29776828]{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-29776828]{margin-bottom:6px;overflow:hidden;position:relative;width:100%}.products .right-panel .data-list>ul>li .data-item .img-info>img[data-v-29776828]{background-color:var(--primary-color3);width:100%}.products .right-panel .data-list>ul>li .data-item .img-info .image-tools[data-v-29776828]{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-29776828]{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-29776828]{box-sizing:border-box;padding:0 12px;width:100%}.products .right-panel .data-list>ul>li .data-item .desc>div[data-v-29776828]{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-29776828]{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-29776828]{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 .no-products[data-v-29776828]{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{position:relative!important;top:0!important}.left-panel>h3{padding:10px 14px!important}.left-panel>ul{padding-top:0!important}.left-panel>ul li a{padding:10px 14px!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}}