.good-info { float: left; width: 276px; height: 506px; margin: 10px 15px 40px 15px; .tag-container { height: 30px; width: 100%; overflow: hidden; .good-tag { display: block; float: left; height: 30px; font-size: 18px; text-align: center; line-height: 32px; box-sizing: border-box; margin-right: 4px; &:last-child { margin-right: 0; } } .hot-tag { width: 60px; background-color: #FF575C; color: #fff; } .new-tag { width: 60px; background-color: #78dc7e; color: #fff; } .renew-tag { width: 90px; background-color: #78dc7e; color: #fff; } .sale-tag { width: 60px; background-color: #ff575c; color: #fff; } .new-festival-tag { color: #000; width: 100px; background-image: resolve("product/new-festival.png"); background-repeat: no-repeat; background-color: #fff; background-size: 100px 28px; } .limit-tag { width: 100px; border: 1px solid #000; color: #000; } } } .good-detail-img { position: relative; height: 368px; .good-islike { position: absolute; width: 60px; height: 60px; top: 0px; right: 0px; line-height: 60px; font-size: 30px; text-align: center; color: #b0b0b0; text-decoration: none; } .good-like { color: #d72928; } img { display: block; width: 100%; height: 368px; } .few-tag { position: absolute; bottom: 0; width: 100%; height: 28px; background: #ffac5b; font-size: 18px; color: #fff; line-height: 28px; text-align: center; } } .good-detail-text { .name a { margin: 15px 0 10px; min-height: 50px; color: #444; font-size: 22px; line-height: 30px; padding: 3px 0; /* 商品标题限制行数的bug修复 增加元素的clientHeight */ display: -webkit-box; overflow: hidden; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 55px; } .price { line-height: 22px; font-size: 22px; .sale-price { color: #d62927; } .sale-price.no-price { color: #000; } .market-price { margin: 0 0 0 5px; color: #b0b0b0; text-decoration: line-through; } .students-price-tag { display: inline-block; text-align: center; background: resolve('product/price-tag.png') no-repeat center; background-size: contain; color: #fff; width: 70px; height: 24px; position: relative; top: 2px; } } .student-price { .sale-price.no-price { color: #d62927; } .sale-price { display: inline-block; height: 24px; line-height: 24px; } .market-price { margin: 0px; display: block; font-size: 18px; margin-top: 5px; } } } .goods-container { position: relative; padding-top: 8px; padding-left: 15px; min-height: 880px; }