index.css 1.7 KB

1234567891011121314151617
  1. .copons-view{padding: 0 10rpx;}
  2. .head .titleNav{justify-content: space-between;align-items: center;font-size: 36rpx;font-weight: bold;padding-bottom: 30rpx;padding-top: 30rpx;}
  3. .head .titleNav text{font-size: 24rpx;color: #666;margin-left: 10rpx;font-weight: normal;}
  4. .more{width: 16rpx;height: 27rpx;}
  5. .imgtit{width: 100%; margin-bottom:20rpx; }
  6. .coupons-list{background: linear-gradient(180deg, #FE934C 0%, #FD3A31 100%);border-radius: 15rpx;padding: 30rpx;justify-content: center;}
  7. .coupons-list .li{width: 200rpx;background: linear-gradient(144deg, #FFE7BD 0%, #FFEECF 49%, #FCD99B 100%);border-radius: 10rpx;text-align: center;margin-right: 19rpx;padding-bottom: 20rpx;}
  8. .coupons-list .li:nth-child(3n){margin-right: 0;}
  9. .coupons-top{height: 150rpx;border-bottom: 1rpx dashed #FFFFFF;position: relative;padding-top: 20rpx;box-sizing: border-box;}
  10. .coupons-top:before,.coupons-top::after{content: '';display: block;width: 22rpx;height: 22rpx;background: linear-gradient(90deg, #fd603c 0%, #fe5a3b 100%);position: absolute;bottom: -11rpx;border-radius: 50%;}
  11. .coupons-top:before{left: -11rpx;}
  12. .coupons-top:after{right: -11rpx;}
  13. .coupons-type{height: 24rpx;background: rgba(255,255,255,.5);border-radius: 0 0 10rpx 10rpx;font-size: 16rpx;color: #EB9B5F;padding: 0 14rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
  14. .coupons-money{font-size: 64rpx;color: #EB1C24;font-weight: bold;}
  15. .coupons-money text{font-size: 30rpx;font-weight: normal;}
  16. .coupons-man{font-size: 22rpx;color: #E09347;}
  17. .coupons-btn{width: 136rpx;height: 45rpx;background: linear-gradient(90deg, #FE934C 0%, #FD3A31 100%);border-radius: 50rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 45rpx;margin: 20rpx auto 0;}