C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

220 lines
3.2 KiB

  1. @import "../../app.wxss";
  2. .couponBox{
  3. height: 100%;
  4. background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%);
  5. }
  6. .couponbg {
  7. position: relative;
  8. background: #fff;
  9. overflow: hidden;
  10. width: 92%;
  11. margin: 0 auto 6%;
  12. border-radius: 16rpx;
  13. padding-bottom: 20rpx;
  14. }
  15. .title {
  16. line-height: 36rpx;
  17. text-align: center;
  18. padding-top: 54rpx;
  19. font-size: 32rpx;
  20. color: #1f2d3d;
  21. letter-spacing: 0;
  22. }
  23. .subtitle {
  24. color: #7f8b9e;
  25. font-size: 26rpx;
  26. line-height: 30rpx;
  27. margin-top: 16rpx;
  28. text-align: center;
  29. }
  30. .line {
  31. height: 10rpx;
  32. display: block;
  33. width: 100%;
  34. margin-top: 20rpx;
  35. }
  36. .panel, .zhuangtai image {
  37. width:500rpx;
  38. display:block;
  39. border-radius:10rpx;
  40. margin:0 auto;
  41. padding:0;
  42. z-index:10000;
  43. }
  44. .pane2 {
  45. background: #fff;
  46. opacity: 0.6;
  47. }
  48. .pane2 image {
  49. width: 500rpx;
  50. display: block;
  51. margin: 40rpx auto 0;
  52. }
  53. .barcode {
  54. height: 100rpx;
  55. width: 500rpx;
  56. margin: 0 auto;
  57. }
  58. .barnum {
  59. height: 46rpx;
  60. line-height: 46rpx;
  61. font-size: 24rpx;
  62. text-align: center;
  63. letter-spacing: 2rpx;
  64. white-space: nowrap;
  65. color: #7f7f7f;
  66. }
  67. .barnum text {
  68. display: inline-block;
  69. vertical-align: top;
  70. font-size: 24rpx;
  71. color: #999;
  72. letter-spacing: 0;
  73. margin-right: 6rpx;
  74. }
  75. .barcode > canvas {
  76. width: 500rpx;
  77. height: 100rpx;
  78. }
  79. .qrcode {
  80. position: relative;
  81. height: 360rpx;
  82. display: flex;
  83. flex-direction: column;
  84. justify-content: flex-end;
  85. align-items: center;
  86. }
  87. .qrcode > canvas {
  88. width: 350rpx;
  89. height: 350rpx;
  90. }
  91. .jine {
  92. color: #f96563 !important;
  93. font-size: 36rpx !important;
  94. }
  95. .buy-view {
  96. background: #fff;
  97. position: fixed;
  98. padding-top: 10rpx;
  99. height: 98rpx;
  100. bottom: 0rpx;
  101. left: 0;
  102. right: 0;
  103. }
  104. .buy {
  105. background: #fff;
  106. height: 88rpx;
  107. width: 100%;
  108. margin: 0 auto 40rpx;
  109. line-height: 88rpx;
  110. border: 2rpx solid #ccc;
  111. border-radius: 10px;
  112. font-size: 36rpx;
  113. color: #333;
  114. letter-spacing: 0;
  115. }
  116. .mai {
  117. font-size: 24rpx;
  118. color: #919191;
  119. letter-spacing: 0;
  120. }
  121. .remark {
  122. padding-top: 17rpx;
  123. font-size: 24rpx;
  124. color: #333;
  125. letter-spacing: 0;
  126. line-height: 42rpx;
  127. }
  128. /* 小游戏入口
  129. */
  130. .game-entry{
  131. width: 690rpx;
  132. height: 140rpx;
  133. margin: 0 auto;
  134. border-radius: 14rpx;
  135. box-shadow: 1px 4px 20px #C4C4C4;
  136. background: #fff;
  137. }
  138. .game {
  139. position: relative;
  140. width: 750rpx;
  141. height: 200rpx;
  142. margin: 0 auto;
  143. padding-top: 30rpx;
  144. box-sizing: border-box;
  145. }
  146. .gameimg{
  147. position: absolute;
  148. right: 25rpx;
  149. top: -14rpx;
  150. width: 250rpx;
  151. }
  152. .game text {
  153. display: block;
  154. position: relative;
  155. }
  156. .game text:nth-of-type(1) {
  157. display: inline-block;
  158. padding-top: 39rpx;
  159. padding-left: 70rpx;
  160. font-size: 32rpx;
  161. color: #333;
  162. line-height: 36rpx;
  163. }
  164. .game text:nth-of-type(2) {
  165. font-size: 24rpx;
  166. color: #999;
  167. line-height: 24rpx;
  168. padding-left: 70rpx;
  169. }
  170. .notes view:nth-child(1) {
  171. height: 87rpx;
  172. line-height: 87rpx;
  173. background: #fff;
  174. }
  175. .notes {
  176. width: 92%;
  177. margin: 0 auto;
  178. }
  179. .notes view:nth-child(1) text {
  180. color: #333;
  181. letter-spacing: 0;
  182. font-size: 30rpx;
  183. height: 70rpx;
  184. line-height: 70rpx;
  185. }
  186. .notes view:nth-child(2) {
  187. background: #fff;
  188. display: flex;
  189. flex-direction: column;
  190. }
  191. .notes view:nth-child(2)>text {
  192. font-size: 24rpx;
  193. color: #919191;
  194. letter-spacing: 0;
  195. line-height: 42rpx;
  196. }