.gift-advance-page { .gift-advance-good { position: relative; padding: 20px 0; margin-left: 34px; height: 200px; border-bottom: 1px solid #e0e0e0; } .advance-block:last-child .gift-advance-good:last-child { border-bottom: 1px solid #e0e0e0; } .thumb-wrap { position: relative; float: left; width: 120px; height: 160px; .thumb { width: 100%; height: 100%; } } .tag { position: absolute; bottom: 0; left: 0; right: 0; height: 25px; color: #fff; text-align: center; background: #eb76aa; &:before { content: "加价购"; display: block; font-size: 12px; line-height: 25px; transform: scale(0.833); } } .deps { margin-left: 135px; } .gift-advance-good .name { margin-bottom: 20px; width: 440px; font-size: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .row:nth-child(2) { font-size: 22px; height: 45px; line-height: 45px; > span { margin-right: 15px; } } .row:nth-child(3) { position: relative; } .color, .size { color: #b6b6b6; } .price { font-size: 24px; color: #f1545b; &.market-price { color: #999; text-decoration: line-through; } } .count { font-size: 20px; color: #999; margin-left: 22px; } .chose { position: absolute; width: 88px; height: 58px; background: #f8f8f8; border: 1px solid #ccc; right: 20px; bottom: 20px; font-size: 26px; line-height: 58px; text-align: center; } .title { width: 640px; height: 60px; line-height: 60px; padding: 0 20px; font-size: 24px; background: #f8f8f8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; } .gift-block .tag { background: #a1ce4e; &:before { content: "赠品"; } } }