C端小程序
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

152 rader
2.1 KiB

  1. page {
  2. background: #02c0ff;
  3. }
  4. .couponbg {
  5. position: relative;
  6. background: #fff;
  7. overflow: hidden;
  8. background: #fff;
  9. width: 92%;
  10. margin: 8% auto 6%;
  11. border-radius: 16rpx;
  12. }
  13. .title {
  14. line-height: 36rpx;
  15. text-align: center;
  16. padding-top: 67rpx;
  17. font-size: 32rpx;
  18. color: #1f2d3d;
  19. letter-spacing: 0;
  20. }
  21. .subtitle {
  22. color: #7f8b9e;
  23. font-size: 26rpx;
  24. line-height: 30rpx;
  25. margin-top: 16rpx;
  26. text-align: center;
  27. }
  28. .line {
  29. height: 10rpx;
  30. display: block;
  31. width: 100%;
  32. }
  33. .panel, .zhuangtai image {
  34. width: 600rpx;
  35. background-color: #fff;
  36. margin: 22rpx auto 0;
  37. padding: 30rpx 0;
  38. position: relative;
  39. z-index: 10000000000;
  40. }
  41. .pane2 {
  42. background: #fff;
  43. opacity: 0.6;
  44. }
  45. .pane2 image {
  46. width: 500rpx;
  47. display: block;
  48. margin: 40rpx auto 0;
  49. }
  50. .barcode {
  51. height: 100rpx;
  52. width: 500rpx;
  53. margin: 0 auto;
  54. }
  55. .barnum {
  56. height: 46rpx;
  57. line-height: 46rpx;
  58. font-size: 24rpx;
  59. text-align: center;
  60. letter-spacing: 2rpx;
  61. white-space: nowrap;
  62. color: #7f7f7f;
  63. }
  64. .barnum text {
  65. display: inline-block;
  66. vertical-align: top;
  67. font-size: 24rpx;
  68. color: #999;
  69. letter-spacing: 0;
  70. margin-right: 6rpx;
  71. }
  72. .barcode > canvas {
  73. width: 500rpx;
  74. height: 100rpx;
  75. }
  76. .qrcode {
  77. position: relative;
  78. height: 360rpx;
  79. display: flex;
  80. flex-direction: column;
  81. justify-content: flex-end;
  82. align-items: center;
  83. margin-top: 30rpx;
  84. }
  85. .qrcode > canvas {
  86. width: 350rpx;
  87. height: 350rpx;
  88. }
  89. .jine {
  90. color: #f96563 !important;
  91. font-size: 36rpx !important;
  92. }
  93. .buy-view {
  94. background: #fff;
  95. position: fixed;
  96. padding-top: 10rpx;
  97. height: 98rpx;
  98. bottom: 0rpx;
  99. left: 0;
  100. right: 0;
  101. }
  102. .buy {
  103. background: #fff;
  104. height: 88rpx;
  105. width: 100%;
  106. margin: 60rpx auto 0;
  107. line-height: 88rpx;
  108. border: 2rpx solid #ccc;
  109. border-radius: 10px;
  110. font-size: 36rpx;
  111. color: #333;
  112. letter-spacing: 0;
  113. }
  114. .gou {
  115. width: 87%;
  116. margin: 0 auto;
  117. color: #878d95;
  118. font-size: 26rpx;
  119. padding-bottom: 74rpx;
  120. }
  121. .mai {
  122. font-size: 24rpx;
  123. color: #919191;
  124. letter-spacing: 0;
  125. }
  126. .remark {
  127. padding-top: 17rpx;
  128. font-size: 24rpx;
  129. color: #333;
  130. letter-spacing: 0;
  131. line-height: 42rpx;
  132. }