.flashSale{ width: 100%; height: 100%; background: #fff; } .flashSaleItemWrap{ width: 100%; height: 410rpx; border-top: 1rpx solid #ededed; border-bottom: 1rpx solid #ededed; } .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; height: 184rpx; } .flashSaleItemTopR{ flex: 2; flex-direction: column; margin-left: 20rpx; } .flashSaleItemTopRTop{ display: flex; flex-direction: column; } .foodname{ font-size: 34rpx; color: #000; } .small{ font-size: 24rpx; color: #00C0FF; margin-top: 15rpx; } .flashSaleItemTopRBottom{ margin-top: 50rpx; } .presentPrice{ font-size: 36rpx; color: #FF3434; } .originalPrice{ margin-left: 20rpx; color:#B4B4B4; text-decoration: line-through; font-size: 24rpx; } .flashSaleItemBottom{ margin-top: 20rpx; } .remainingTime{ font-size: 28rpx; color: #B4B4B4; } .realRemainingTime{ margin-left: 10rpx; color:#FF3434; font-size: 28rpx; } .flashSaleItemBottomBottm{ display: flex; flex-direction: row; } .remainingNumber{ font-size: 28rpx; color: #B4B4B4; } .realnumber{ margin-left: 10rpx; color: #FF3434; font-size: 28rpx; } .buy{ width:114rpx; height: 50rpx; line-height: 50rpx; text-align: center; background: #00C0FF; color: #fff; border-radius: 10rpx; margin-left: 350rpx; font-size: 28rpx; }