.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}