.text-danger { color: $theme_color; } .seckill-price{ margin-right: 5px; font-size: 25px; font-weight: bold; } .goods-list { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; column-gap: 10px; } .goods-show-info { width: calc(20% - 8px); padding: 6px; margin: 10px 0; position: relative; border: 1px solid #fff; cursor: pointer; background-color: #fff; box-sizing: border-box; } .goods-show-img img { width: 100%; aspect-ratio: 1; object-fit: cover; } .goods-show-info:hover { border: 1px solid #ccc; box-shadow: 0px 0px 15px #ccc; } .goods-show-price { margin-top: 6px; } .goods-show-detail { height: 42px; font-size: 14px; line-height: 21px; margin: 6px 0px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp: 2; -webkit-box-orient:vertical; color:#808080; } .goods-show-detail :hover{ color:#E23A3A; } .goods-show-num { font-size: 14px; margin-bottom: 6px; color: #666; } .goods-show-num { font-size: 14px; margin-bottom: 6px; color: #009688; } .goods-show-num span { color: #005aa0; font-weight: bold; } .goods-show-seller { font-size: 14px; color: $theme_color; } .goods-page { margin: 10px 0; width: 100%; display: flex; justify-content: flex-end; :deep(.el-pagination) { justify-content: flex-end; } }