.browse-record-good { position: relative; padding: 0.5rem 0 0.5rem 0.75rem; display: block; .thumb { float: left; width: 120px; height: 160px; } .sold-out { display: inline; } .deps { margin-left: 135px; padding: 0.5rem 0; border-bottom: 1px solid #e0e0e0; margin-bottom: -0.75rem; } .name { font-size: 28px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .price { margin: 0.3rem 0; font-size: 16PX; } .sale-price { color: #f00; &.original-price { color: #000; } } .market-price { text-decoration: line-through; color: #b0b0b0; } .sold-out-tag { font-size: 16px; line-height: 30px; text-align: center; color: #fff; background: #7f7f7f; padding: 0.125rem 0.375rem; border-radius: 1rem; } .del-icon { position: absolute; right: 0.75rem; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #999; } } .browse-record-page { .load-more { width: 100%; height: 1.75rem; line-height: 1.75rem; text-align: center; } .no-record { background: #fff; text-align: center; top: 50%; margin-top: 200px; width: 100%; .icon { width: 196px; height: 207px; background: url("img/home/no-record.png") no-repeat; background-size: 100%; margin: 0 auto; } span { display: block; color: #b0b0b0; font-size: 24px; margin: 30px 0 110px; } .walk-way { display: block; height: 80px; line-height: 80px; width: 70%; margin: 0 auto; text-align: center; font-size: 30px; color: #fff; background: #444; border-radius: 5PX; } } }