coupon - 副本.css 1.7 KB

12345678910111213141516171819202122232425262728293031
  1. /* product/coupon/coupon.wxss */
  2. .list{padding: 30rpx 20rpx 10rpx;overflow: hidden;}
  3. .list .li{background: #fff;border-radius: 10rpx;overflow: hidden;border:1px solid rgba(222,222,222,1);margin-bottom: 20rpx;position: relative;}
  4. .lit{height: 187rpx;position: relative;}
  5. .lqbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
  6. .lits{position: relative;z-index: 2;padding: 30rpx 40rpx 0;}
  7. .left{font-weight: bold;font-size: 24rpx;color: #fff;font-weight: bold;margin-right: 20rpx;}
  8. .left text{font-size: 36rpx;font-weight: normal;}
  9. .left text.jine{font-size: 88rpx;font-weight: bold;}
  10. .tong{margin-top: 25rpx;}
  11. .tong view{font-size: 28rpx;color: #fff;margin-bottom: 5rpx;}
  12. .tong text{font-size: 24rpx;color: #fff;}
  13. .lqbtn{width: 180rpx;height: 69rpx;background: #fff;border-radius: 35rpx;line-height: 69rpx;font-size: 24rpx;color: #FF6008;text-align: center;margin-top: 25rpx;}
  14. .right{padding: 15rpx 35rpx 10rpx;font-size: 24rpx;color: #9A9A9A;overflow: hidden;}
  15. .right view{position: relative;margin-bottom: 10rpx;}
  16. .right view::before{content: '';display: block;width: 8rpx;height: 8rpx;border-radius: 50%;background: #888;position: absolute;left: -20rpx;top: 50%;transform: translateY(-50%);}
  17. .list .li.fail .lqbtn{background: #A6A6A6;color: #333;}
  18. .guoqi{width: 187rpx;height: 165rpx;position: absolute;right: 50rpx;top: 6rpx;z-index: 1;}
  19. .confirm{height: 80rpx;
  20. width: 500rpx;
  21. line-height: 80rpx;
  22. border-radius: 40rpx;
  23. font-size: 30rpx;
  24. color: #fff;
  25. text-align: center;
  26. background: #FE0419;
  27. }
  28. .bot{background: #fff;height: 100rpx;position: fixed;left: 0;right: 0;bottom: 0;z-index: 80;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
  29. .check{}