html[dir=rtl] .first-item{text-align:right}html[dir=rtl] .commodity-filter h2{text-align:center}.commodity-filter{width:180px}.commodity-filter h2{font-size:16px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.commodity-filter .first-item{text-align:left;font-size:14px}.commodity-filter-item{font-weight:400;font-size:12px;padding:20px 0}.commodity-filter-item-active,.commodity-filter-item:hover{color:var(--color-main);border-right:2px solid var(--color-main)}.commodity-filter-item .list{display:flex;align-items:center}.commodity-filter-item .list-item{margin-top:15px}.commodity-filter-item .list-item li{text-indent:10px;font-size:12px;padding:5px 0;color:var(--color-black)!important}.commodity-filter-item .list-item li.active,.commodity-filter-item .list-item li:hover{color:var(--color-main)!important}.commodity-content-title{color:var(--color-black);padding:1rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.commodity-content-title .search-content{position:absolute;right:-3px}.commodity-content-title .search-content .el-input__inner{border-radius:40px}.commodity-content-title h2{font-weight:500;font-size:14px;color:var(--color-black);margin-right:43px}.commodity-content-title .checked{color:red}.commodity-content-title ul{margin-left:0}.commodity-content-title li{margin-right:46px;cursor:pointer}.commodity-content-title li span{font-weight:500;font-size:14px;margin-right:5px}.commodity-content-title li>div{flex-direction:column}.commodity-content-title .el-icon-caret-top{margin-bottom:-8px;font-size:14px}.commodity-content-title .el-icon-caret-bottom{font-size:14px}.commodity-content-title .sort-icon{height:10px;position:relative;width:14px}.commodity-content-title .sort-icon i{color:#d9d9d9;position:absolute}.commodity-content-title .sort-icon .sort-active{color:var(--color-main)}.commodity-content-title .sort-icon-up i{bottom:4px}.commodity-content-title .sort-icon-down i{top:-4px}#categoryPage{padding-top:1rem;margin-bottom:1.5rem}.commodity{background:#f2f3f8}.commodity-wrap{align-items:flex-start}.commodity-wrap ul{list-style:none;margin:0;padding:0}.commodity .commodity-wrap{min-height:calc(100vh - 361.5px);gap:30px}.commodity-filter{border-right:1px solid var(--color-border);scrollbar-width:thin;flex:0 0 20%;max-width:20%;position:relative;width:100%}.commodity-filter h2{width:100%;font-weight:600;font-size:.9375rem;color:var(--color-title);padding:20px 0;margin-bottom:1px;padding:1rem;border-radius:.25rem .25rem 0 0}.commodity-filter h2,.commodity-filter ul{background:#fff}.commodity-filter ul{border-radius:0 0 .25rem .25rem}.commodity-filter-item{width:100%;font-weight:600;font-size:14px;color:var(--color-black);padding:1rem;cursor:pointer}.commodity-filter-item-active,.commodity-filter-item:hover{color:#5022a1;border-right:2px solid #7020ff}.commodity-filter-item-active i{color:#5022a1}.commodity-content{width:100%}.commodity-content-list{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.commodity-content-box{padding-right:5px;padding-left:5px;margin-bottom:.5rem}.commodity-content-item{border-radius:.25rem;border:1px solid #f2f3f8;margin-bottom:.5rem;margin-top:.25rem;background-color:#fff;overflow:hidden;position:relative;transition:all .3s ease}.commodity-content-item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.commodity-content-item .img-content{width:100%;position:relative}.commodity-content-item .img-content img{height:140px;max-height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.commodity-content-introduce{padding:.5rem;font-size:.9375rem;opacity:.8}.commodity-content-introduce span{color:#e62d04;font-weight:700}.commodity-content-introduce h3{height:35px;line-height:1.4;font-size:.8125rem;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0}.commodity-content-content{position:relative}.commodity-content .el-pagination .btn-next,.commodity-content .el-pagination .btn-prev,.commodity-content .el-pagination .el-pager li{min-width:36px;min-height:36px;line-height:36px;text-align:center;padding:0;border:0;font-size:.875rem;border-radius:50%!important;color:#000;box-shadow:0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);background-color:#fff;font-weight:400!important}.commodity-content .el-pagination .btn-next.active,.commodity-content .el-pagination .btn-prev.active,.commodity-content .el-pagination .el-pager li.active{background-color:#5022a1!important}.commodity-content .el-pagination .btn-next:disabled,.commodity-content .el-pagination .btn-prev:disabled,.commodity-content .el-pagination .el-pager li:disabled{opacity:.6}.commodity-content-pagination{width:100%;text-align:center;padding:40px 0}.commodity .no-data{display:flex;justify-content:center}.absolute-top-right{position:absolute;top:0;right:0}.aiz-p-hov-icon .hov-anim{display:block;height:32px;width:32px;line-height:32px;border-radius:50%;text-align:center;background:#fff;margin-top:5px;margin-right:5px;color:#333;font-size:15px;box-shadow:0 1px 1px rgba(0,0,0,.1),0 3px 8px rgba(0,0,0,.12);transform:translateX(calc(100% + 7px)) scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.aiz-p-hov-icon .icon-wish.hov-anim{transition-delay:0s}.aiz-p-hov-icon .icon-cart.hov-anim{transition-delay:.12s}.commodity-content-item:hover .aiz-p-hov-icon .hov-anim{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.commodity-content-item:hover .aiz-p-hov-icon .icon-wish.hov-anim{transition-delay:.05s}.commodity-content-item:hover .aiz-p-hov-icon .icon-cart.hov-anim{transition-delay:.18s}.commodity-content-item .aiz-p-hov-icon .hov-anim{will-change:opacity,transform}.commodity-content-item .aiz-p-hov-icon .icon-wish.hov-anim{transition-delay:.18s}.commodity-content-item .aiz-p-hov-icon .icon-cart.hov-anim{transition-delay:.05s}.aiz-p-hov-icon .hov-anim:hover{color:#fff;background-color:#5022a1}.aiz-p-hov-icon .hov-anim i{width:15px;height:15px}.commodity-content-list>*{flex:0 0 50%;max-width:50%}@media(min-width:768px){.commodity-content-list>*{flex:0 0 33.333333%;max-width:33.333333%}.img-content img{height:210px!important}.commodity-content-introduce{padding:1rem!important}}@media(min-width:992px){.commodity-content-list>*{flex:0 0 25%;max-width:25%}}@media(min-width:1200px){.commodity-content-list>*{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1500px){.commodity-content-list>*{flex:0 0 25%;max-width:25%}}