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.

221 line
3.2 KiB

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