coupon.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /* pages/welfareMall/coupon/coupon.wxss */
  2. page{
  3. display:flex;
  4. flex-flow: column nowrap;
  5. justify-content: left;
  6. align-items: center;
  7. box-sizing: border-box;
  8. /* padding-top: 13px; */
  9. background: #F7F7F7;
  10. }
  11. .coupon-wrap-list {
  12. width: 100vw;
  13. padding: 0 30rpx 20rpx 30rpx;
  14. box-sizing: border-box;
  15. }
  16. .coupon_wrap {
  17. width: 690rpx;
  18. }
  19. .coupon-item-style {
  20. background: #fff !important;
  21. }
  22. .coupon-circule-style {
  23. background: #FFF6F5 !important;
  24. }
  25. .no_result {
  26. font-size: 24rpx;
  27. color: #B1B1B1;
  28. line-height: 100rpx;
  29. font-weight: 1000;
  30. text-align: center;
  31. margin-top: 100rpx;
  32. }
  33. .top_banner{
  34. width: 750rpx;
  35. height: 100rpx;
  36. background: #FFFFFF;
  37. justify-content: space-around!important;
  38. align-items: flex-end!important;
  39. position: fixed;
  40. z-index: 9999;
  41. }
  42. .top_banner_item{
  43. width: 60px;
  44. font-size: 14px;
  45. font-weight: 700;
  46. text-align: center;
  47. color: #000000;
  48. justify-content: end!important;
  49. align-items: center!important;
  50. margin-bottom: 8px;
  51. }
  52. .t_b_i_border{
  53. width: 45px;
  54. height: 2px;
  55. margin-top: 5px;
  56. }
  57. .active{
  58. background: #B01717;
  59. border-radius: 1px;
  60. }