.pro-container:hover .product{border:1px solid var(--color-main)}.product{border:1px solid var(--color-border);padding:0 8px 8px 8px;border-radius:5px;position:relative}.product>div{cursor:pointer}.product .discount{width:31px;height:32px;background:url(data:image/png;base64,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) no-repeat 100%/100%;position:absolute;top:0;right:0;text-align:center;font-size:11px;color:#fff;font-weight:500}.product .product-res{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;line-height:12px;color:#999}.product .poster{overflow:hidden}.product .poster,.product img{width:100%;height:100%;max-width:165px;height:165px}.product img{-o-object-fit:contain;object-fit:contain}.product h2{font-size:16px;color:var(--color-price);margin-bottom:6px;font-weight:500}.product p{font-size:14px;font-weight:400;min-height:40px;line-height:1.5;color:var(--color-title);max-width:138px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 15px 0}.product-footer{justify-content:space-between}.product-footer,.product-footer div{display:flex;align-items:center}.product-footer .el-icon-shopping-cart-full{margin-right:8px}.product-footer .buy-btn{font-size:12px;font-weight:600;cursor:pointer}html[dir=rtl] .first-item{text-align:right}html[dir=rtl] .commodity-filter h2{text-align:center}.commodity-filter .first-item{text-align:left;font-size:14px}.commodity-filter-item{font-size:12px;padding:20px 0}.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:22px 28px 0 28px;-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}.commodity-wrap{align-items:flex-start;margin-top:-13px!important}.commodity-wrap ul{list-style:none;margin:0;padding:0}.commodity .commodity-wrap{min-height:calc(100vh - 361.5px)}.commodity-filter{width:180px;border-right:1px solid var(--color-border)}.commodity-filter h2{width:100%;font-weight:600;font-size:16px;color:var(--color-title);border-bottom:1px solid var(--color-border);padding:20px 0;margin-bottom:20px}.commodity-filter-item{width:100%;font-weight:400;font-size:14px;color:var(--color-black);padding:12px 0;cursor:pointer}.commodity-filter-item-active,.commodity-filter-item:hover{color:var(--color-main);border-right:2px solid var(--color-main)}.commodity-content{width:100%}.commodity-content-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,165px));grid-column-gap:11px;grid-row-gap:20px;align-content:center;padding:22px 28px}.commodity-content-pagination{width:100%;text-align:center;padding:40px 0}.commodity .no-data{display:flex;justify-content:center}