#brand-list{ .banner{ width: 100%; margin-bottom: 10px; image{ width: 100%; vertical-align: middle; } } .title{ height: 50px; line-height: 50px; text-align: center; color: #111111; font-size: 18px; background-color: #FFFFFF; } .buy-btn{ height: 44px; line-height: 44px; text-align: center; font-size:13px; color: #666666; span{ font-size: 13px; color:#666666; display: inline-block; padding-right: 10px; } } .hot-sale{ .ul-content{ .li-item{ background-color: #FFFFFF; margin-bottom:7px; .img-box{ width: 100%; image{ width: 100%; vertical-align: middle; } } .name{ color: #333333; font-size: 14px; line-height: 22px; padding:16px 15px 12px 15px; } .money{ color: #E7031C; font-size: 14px; line-height: 20px; padding:0 15px; } .origin-sale{ color: #999999; font-size: 12px; line-height: 17px; padding: 2px 15px 12px 15px; text-decoration: line-through; } } } } .all-products{ margin:15px 0 0 0; .li-item{ background-color: #FFFFFF; margin-bottom: 10px; .detail-info{ display: flex; align-items: center; padding: 15px; .img-box{ width:120px; height: 120px; image{ width: 100%; height: 100%; vertical-align:middle; } } .goods-right{ flex: 1; overflow: hidden; padding-left: 20px; .name{ height: 44px; line-height: 22px; margin-bottom:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .money{ color: #E7031C; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .origin-sale{ color: #999999; font-size: 12px; line-height: 17px; padding: 4px 0px 0px 0px; text-decoration: line-through; } } } } } }