index.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. page {
  2. background-color: #f5f5f5;
  3. }
  4. .coupon-page-container .notice-bar-content {
  5. display: flex;
  6. flex-direction: row;
  7. align-items: center;
  8. padding: 8rpx 0;
  9. }
  10. .coupon-page-container .notice-bar-text {
  11. font-size: 26rpx;
  12. line-height: 36rpx;
  13. font-weight: 400;
  14. color: #666666;
  15. margin-left: 24rpx;
  16. margin-right: 12rpx;
  17. }
  18. .coupon-page-container .notice-bar-text .height-light {
  19. color: #fa550f;
  20. }
  21. .coupon-page-container .popup-content-wrap {
  22. background-color: #fff;
  23. border-top-left-radius: 20rpx;
  24. border-top-right-radius: 20rpx;
  25. }
  26. .coupon-page-container .popup-content-title {
  27. font-size: 32rpx;
  28. color: #333;
  29. text-align: center;
  30. height: 104rpx;
  31. line-height: 104rpx;
  32. position: relative;
  33. }
  34. .coupon-page-container .desc-group-wrap {
  35. padding-bottom: env(safe-area-inset-bottom);
  36. }
  37. .coupon-page-container .desc-group-wrap .item-wrap {
  38. margin: 0 30rpx 30rpx;
  39. }
  40. .coupon-page-container .desc-group-wrap .item-title {
  41. font-size: 26rpx;
  42. color: #333;
  43. font-weight: 500;
  44. }
  45. .coupon-page-container .desc-group-wrap .item-label {
  46. font-size: 24rpx;
  47. color: #666;
  48. margin-top: 12rpx;
  49. white-space: pre-line;
  50. word-break: break-all;
  51. line-height: 34rpx;
  52. }
  53. .coupon-page-container .goods-list-container {
  54. margin: 0 24rpx 24rpx;
  55. }
  56. .coupon-page-container .goods-list-wrap {
  57. background: #f5f5f5 !important;
  58. }