.good-info { float: left; width: 276rem / $pxConvertRem; height: 486rem / $pxConvertRem; margin: 0 (15rem / $pxConvertRem) (15rem / $pxConvertRem); .tag-container { height: 28rem / $pxConvertRem; width: 100%; overflow: hidden; .good-tag { display: block; float: left; height: 28rem / $pxConvertRem; font-size: 18rem / $pxConvertRem; text-align: center; line-height: 28rem / $pxConvertRem; box-sizing: border-box; margin-right: 4rem / $pxConvertRem; &:last-child { margin-right: 0; } } .new-tag { width: 60rem / $pxConvertRem; background-color: #78dc7e; color: #fff; } .renew-tag { width: 90rem / $pxConvertRem; background-color: #78dc7e; color: #fff; } .sale-tag { width: 60rem / $pxConvertRem; background-color: #ff575c; color: #fff; } .new-festival-tag { width: 90rem / $pxConvertRem; background-color: #000; color: #fff; } .limit-tag { width: 100rem / $pxConvertRem; border: 1px solid #000; color: #000; } } } .good-detail-img { position: relative; height: 368rem / $pxConvertRem; .good-islike { position: absolute; width: 60rem / $pxConvertRem; height: 60rem / $pxConvertRem; top: 0rem / $pxConvertRem; right: 0rem / $pxConvertRem; line-height: 60rem / $pxConvertRem; font-size: 30rem / $pxConvertRem; text-align: center; color: #b0b0b0; text-decoration: none; } .good-like { color: #d72928; } img { display: block; width: 100%; height: 368rem / $pxConvertRem; } .few-tag { position: absolute; bottom: 0; width: 100%; height: 28rem / $pxConvertRem; background: #ffac5b; font-size: 18rem / $pxConvertRem; color: #fff; line-height: 28rem / $pxConvertRem; text-align: center; } } .good-detail-text { .name a { display: block; line-height: 56rem / $pxConvertRem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; font-size: 22rem / $pxConvertRem; color: #444; } .price { line-height: 22rem / $pxConvertRem; font-size: 22rem / $pxConvertRem; .sale-price { color: #d62927; } .sale-price.no-price { color: #000; } .market-price { margin: 0 0 0 (5rem / $pxConvertRem); color: #b0b0b0; text-decoration: line-through; } } }