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