activityInfo.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. Page {
  2. width: 100%;
  3. height: 100%;
  4. background-color: #BF2637;
  5. box-sizing: border-box;
  6. padding-top: 102px;
  7. /* padding-left: 26px; */
  8. }
  9. .info{
  10. width: 100%;
  11. height: 428px;
  12. /* margin-top: 102px; */
  13. align-items: center;
  14. /* margin-left: 26px; */
  15. }
  16. .top{
  17. height: 46px;
  18. width: 327px;
  19. background: #EEEEEE;
  20. border-radius: 5px 5px 10px 10px;
  21. }
  22. .contain{
  23. width: 100%;
  24. height: 100%;
  25. justify-content: center!important;
  26. }
  27. .top-image{
  28. width: 142px;
  29. height: 25px;
  30. margin-left: 19px;
  31. }
  32. .bottom{
  33. width: 327px;
  34. height: 382px;
  35. background: #FFFFFF;
  36. border-radius: 10px 10px 5px 5px;
  37. box-sizing: border-box;
  38. padding:31px 13px;
  39. align-items: center;
  40. }
  41. .title{
  42. width: 300px;
  43. height: 24px;
  44. font-size: 24px;
  45. font-weight: bold;
  46. color: #444444;
  47. text-align: center;
  48. line-height: 24px;
  49. }
  50. .coupon-info{
  51. width: 300px;
  52. height: 18px;
  53. font-size: 16px;
  54. font-weight: 400;
  55. color: #444444;
  56. text-align: center;
  57. line-height: 18px;
  58. margin-top: 15px;
  59. }
  60. .qrcode-img{
  61. margin-top: 28px;
  62. margin-left: 300rpx;
  63. }
  64. .qrcode-title{
  65. width: 200px;
  66. height: 14px;
  67. font-size: 14px;
  68. font-weight: 400;
  69. color: #444444;
  70. line-height: 14px;
  71. text-align: center;
  72. margin-top: 16px;
  73. }
  74. .bottom-line{
  75. border-bottom: 1px solid #ABABAB;
  76. width: 300px;
  77. margin-top: 24px;
  78. }
  79. .bottom-date{
  80. margin-top: 24px;
  81. justify-content: space-between;
  82. width: 300px;
  83. font-size: 14px;
  84. line-height: 14px;
  85. height: 14px;
  86. font-weight: 400;
  87. color: #444444;
  88. }
  89. .flex-column {
  90. justify-content: center;
  91. flex-direction: column;
  92. align-items: center;
  93. }