.seckill-list { .product-list { background-color: #fff; margin-top: 1px; .item { position: relative; padding: 20px 30px; display: -webkit-box; border-bottom: solid 1PX #e1e1e1; &:first-child { border-top: solid 1PX #e1e1e1; } .item-img { width: 152px; margin-right: 30px; img { width: 100%; } } .item-info { -webkit-box-flex: 1; position: relative; min-height: 202px; .item-title { font-size: 28px; color: #444; } .item-price { margin-top: 15px; ins { color: #d0021b; font-size: 34px; text-decoration: none; margin-right: 10px; } del { font-size: 20px; color: #000; color: rgb(176, 176, 176); text-decoration: line-through; } } .item-foot { position: absolute; left: 0px; right: 0px; bottom: 0px; display: -webkit-box; .item-price { -webkit-box-flex: 1; } .item-time { -webkit-box-flex: 1; font-size: 22px; padding-top: 28px; -webkit-box-align: end; i { margin-right: 5px; color: #b0b0b0; } span { color: #b0b0b0; } } .item-button { width: 200px; text-align: right; .btn { position: relative; z-index:2; display: inline-block; min-width: 160px; padding: 0 8px; height: 60px; line-height: 60px; text-align: center; color: #fff; background-color: #d0021b; border-radius: 3PX; border: none; font-size: 28px; &.btn-buy { background-color: #d0021b; } &.btn-over { background-color: #b2b2b2; } &.btn-chance, &.btn-remind-off { background-color: #fff; border: solid 1PX #454545; color: #454545; } &.btn-remind-on { background-color: #000; } } .old-price { display: block; width: 100%; position: absolute; top: -35px; right: 0px; font-size: 20px; color: #d0021b; line-height: 30px; } } } } } .item-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } } }