.flashSale { width: 100%; height: 100%; background: #fff; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .loading image { width: 40rpx; height: 40rpx; vertical-align: middle; margin-right: 10rpx; } .flashSaleItemWrap { width: 100%; height: 410rpx; border-bottom: 10rpx solid #f8f8f8; } .flashSaleItem { width: 90%; height: 410rpx; display: flex; flex-direction: column; background: #fff; margin: 0 auto; } .flashSaleItemTop { display: flex; padding-top: 28rpx; flex-direction: row; padding-bottom: 25rpx; border-bottom: 1rpx solid #ededed; } .flashSaleItemTopL { flex: 1; } .food { width: 248rpx; border-radius: 10rpx; height: 184rpx; } .flashSaleItemTopR { flex: 2; flex-direction: column; margin-left: 20rpx; } .flashSaleItemTopRTop { display: flex; flex-direction: column; } .foodname { font-size: 32rpx; height: 40rpx; line-height: 40rpx; color: #000; display: inline-block; width: 406rpx; overflow: hidden; } .small { font-size: 24rpx; color: #00c0ff; margin-top: 15rpx; } .flashSaleItemTopRBottom { margin-top: 24rpx; } .presentPrice { font-size: 36rpx; color: #f96563; } .originalPrice { margin-left: 20rpx; color: #b4b4b4; text-decoration: line-through; font-size: 24rpx; } .flashSaleItemBottom { margin-top: 20rpx; position: relative; } .remainingTime { font-size: 28rpx; color: #b4b4b4; } .realRemainingTime { margin-left: 10rpx; color: #f96563; font-size: 28rpx; } .flashSaleItemBottomBottm { display: flex; flex-direction: row; } .view1 { width: 550rpx; display: block; } .remainingNumber { font-size: 28rpx; color: #b4b4b4; } .realnumber { margin-left: 10rpx; color: #f96563; font-size: 28rpx; } .buy { position: absolute; top: 34rpx; bottom: 0; right: 20rpx; width: 114rpx; height: 50rpx; line-height: 50rpx; text-align: center; background: #00c0ff; color: #fff; border-radius: 10rpx; font-size: 28rpx; }