.products_list{ padding: 0 20px 20px 20px; box-sizing: border-box; height: 100%; } .products_item{ width: 100%; background-color: #fff; border-radius: 20px; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; &:nth-child(n+2){ margin-top: 16px; } .item_img{ width: 198px; height: 198px; position: relative; image{ width: 100%; height: 100%; border-radius: 10px; } .num{ width: 100px; height: 36px; font-size: $font_size_min; position: absolute; right:0; bottom: 0; background: rgba($color: #fff, $alpha: 0.3); border-radius: 36px 0px 10px 0px; color: #fff; text-align: center; line-height: 36px; } } .item_con{ padding-left: 15px; font-size: $font_size; flex:1; .title{ font-size: $font_size; color: #707070; text{ color: $color_font_one; font-weight: bold; } } .tag_list{ display: flex; margin-top: 16px; .tag{ padding: 3px 10px; background-color: #CDE5FF; font-size: $font_size_min; border-radius: 5px; color: $color_main; &:nth-child(2) { margin-left: 10px; } } } .introduce{ font-size: $font_size_medium; color: $color_font_two; margin-top: 16px; } .des{ font-size:$font_size_medium; color: #707070; margin-top: 16px; @include common_ellipsis($params:2); } } }