index.css 1.8 KB

12345678910111213141516171819202122232425
  1. /* activity/bargain/index/index.wxss */
  2. page{background: #E0212A;}
  3. .banner image{width: 100%;}
  4. .con{padding: 0 20rpx 50rpx;margin-top: -15rpx;position: relative;z-index: 2;}
  5. .title{align-items: center;justify-content: center;font-size: 32rpx;color: #fff;height: 80rpx;line-height: 80rpx;border-radius: 12rpx 12rpx 0 0;}
  6. .title .icon{margin-right: 7rpx;font-size: 32rpx;}
  7. .list{border-radius: 0 0 12rpx 12rpx;padding: 0 20rpx;margin-bottom: 30rpx;}
  8. .list .li{padding: 30rpx 0;border-bottom: 2rpx solid #E8E8E8;align-items: center;}
  9. .list .li:last-child{border-bottom: none;}
  10. .list .li .flex{overflow: hidden;}
  11. .proimg{width: 180rpx;height: 180rpx;margin-right: 20rpx;}
  12. .name{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow-y: hidden;}
  13. .kan-price{align-items: center;margin: 10rpx 0 45rpx;}
  14. .tag{width: 80rpx;height: 36rpx;border-radius: 8rpx;text-align: center;line-height: 36rpx;font-size: 20rpx;color: #fff;}
  15. .price{font-size: 38rpx;color: #FE0419;margin: 0 20rpx 0 12rpx;}
  16. .price text{font-size: 25rpx;}
  17. .del{font-size: 24rpx;color: #999;text-decoration: line-through;}
  18. .kan-times{align-items: center;justify-content: space-between;}
  19. .kan-time{align-items: center;font-size: 24rpx;color: #333;}
  20. .kan-time text{display: block;width: 38rpx;height: 38rpx;border-radius: 8rpx;background: #333;line-height: 38rpx;text-align: center;margin: 0 7rpx;font-size: 24rpx;color: #fff;}
  21. .kan-time text:first-child{margin-left: 0;}
  22. .kan-time view{margin-left: 5rpx;}
  23. .kan-btn{width: 150rpx;height: 50rpx;border-radius: 25rpx;text-align: center;line-height: 50rpx;font-size: 24rpx;color: #fff;}
  24. .kan-guoqi{background: #999;}
  25. .remind{width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;justify-content: center;line-height: 50rpx;}