.flashSale, page { width: 100%; background: #f5f5f5; padding-bottom: 30rpx; } .flashSale > view:nth-of-type(1) { margin-top: 0!important; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } button::after{ border: none; } .goback{ position: fixed; right: 50rpx; bottom: 60rpx; width:100rpx!important; height:100rpx; z-index: 100; background:rgba(255,255,255,1); line-height: 95rpx; border:1rpx solid rgba(227,227,227,1); border-radius:50%; } .goback image{ position: absolute; width: 60rpx; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; } .flashSaleItemWrap { width: 100%; margin-top: 30rpx; } .flashSaleItem { width: 690rpx; margin: 0 auto; display: flex; flex-direction: column; background: #fff; border-radius: 16rpx; padding-bottom: 30rpx; } .lines { display: block; width: 100%; } .flashSaleItemTop { display: flex; flex-direction: row; padding: 28rpx 30rpx 10rpx; } .flashSaleItemTopL { flex: 1; } .food { width: 180rpx; border-radius: 10rpx; height: 180rpx; } .flashSaleItemTopR { flex: 2; flex-direction: column; } .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: #333; letter-spacing: 0; 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 { position: relative; padding: 0 30rpx; } .remainingTime { font-size: 28rpx; color: #b4b4b4; } .realRemainingTime { color: #FD782D; font-size: 28rpx; } .flashSaleItemBottomBottm { display: flex; flex-direction: row; } .view1 { width: 350rpx; display: block; line-height: 33rpx; } .remainingNumber { font-size: 26rpx; color: #b4b4b4; margin-right: 10rpx; } .realnumber { margin-left: 10rpx; color: #f96563; font-size: 28rpx; } .buy { position: absolute; top: 27rpx; bottom: 0; right: 30rpx; width: 140rpx; height: 58rpx; line-height: 58rpx; text-align: center; background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); border-radius: 60rpx; color: #fff; font-size: 28rpx; } .sale { font-size: 24rpx; color: #999; letter-spacing: 0; display: inline-block; margin-right: 6rpx; } .yuan { font-size: 24rpx; color: #FD782D; letter-spacing: 0; } .yj{ font-size: 36rpx; color: #FD782D; letter-spacing: 0; } .active { background: #fff; width: 140rpx; height: 58rpx; line-height: 58rpx; color: #ff4949; border: 2rpx solid #ff4949; } progress { display: inline-block; width: 200rpx; border-radius: 60rpx; overflow: hidden; } .expect{ margin-top: 60rpx; } .expect text{ display: block; text-align: center; } .expect text:nth-of-type(1) { margin-top: 91rpx; font-size: 36rpx; color: rgba(51, 51, 51, 1); } .expect text:nth-of-type(2) { font-size: 28rpx; color: rgba(136, 136, 136, 1); } .expect image { display: block; width: 247rpx; height: 230rpx; margin: 0 auto; }