C端小程序
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

218 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. 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: 54rpx;
  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. margin-top: 20rpx;
  33. }
  34. .panel, .zhuangtai image {
  35. width:500rpx;
  36. display:block;
  37. border-radius:10rpx;
  38. margin:0 auto;
  39. padding:0;
  40. z-index:10000000000;
  41. }
  42. .pane2 {
  43. background: #fff;
  44. opacity: 0.6;
  45. }
  46. .pane2 image {
  47. width: 500rpx;
  48. display: block;
  49. margin: 40rpx auto 0;
  50. }
  51. .barcode {
  52. height: 100rpx;
  53. width: 500rpx;
  54. margin: 0 auto;
  55. }
  56. .barnum {
  57. height: 46rpx;
  58. line-height: 46rpx;
  59. font-size: 24rpx;
  60. text-align: center;
  61. letter-spacing: 2rpx;
  62. white-space: nowrap;
  63. color: #7f7f7f;
  64. }
  65. .barnum text {
  66. display: inline-block;
  67. vertical-align: top;
  68. font-size: 24rpx;
  69. color: #999;
  70. letter-spacing: 0;
  71. margin-right: 6rpx;
  72. }
  73. .barcode > canvas {
  74. width: 500rpx;
  75. height: 100rpx;
  76. }
  77. .qrcode {
  78. position: relative;
  79. height: 360rpx;
  80. display: flex;
  81. flex-direction: column;
  82. justify-content: flex-end;
  83. align-items: center;
  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: 0 auto 40rpx;
  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. .mai {
  115. font-size: 24rpx;
  116. color: #919191;
  117. letter-spacing: 0;
  118. }
  119. .remark {
  120. padding-top: 17rpx;
  121. font-size: 24rpx;
  122. color: #333;
  123. letter-spacing: 0;
  124. line-height: 42rpx;
  125. }
  126. /* 小游戏入口
  127. */
  128. .game-entry{
  129. width: 690rpx;
  130. height: 140rpx;
  131. margin: 0 auto;
  132. border-radius: 14rpx;
  133. box-shadow: 1px 4px 20px #C4C4C4;
  134. background: #fff;
  135. }
  136. .game {
  137. position: relative;
  138. width: 750rpx;
  139. height: 200rpx;
  140. margin: 0 auto;
  141. padding-top: 30rpx;
  142. box-sizing: border-box;
  143. }
  144. .gameimg{
  145. position: absolute;
  146. right: 25rpx;
  147. top: -14rpx;
  148. width: 250rpx;
  149. }
  150. .game text {
  151. display: block;
  152. position: relative;
  153. }
  154. .game text:nth-of-type(1) {
  155. display: inline-block;
  156. padding-top: 39rpx;
  157. padding-left: 70rpx;
  158. font-size: 32rpx;
  159. color: #333;
  160. line-height: 36rpx;
  161. }
  162. .game text:nth-of-type(2) {
  163. font-size: 24rpx;
  164. color: #999;
  165. line-height: 24rpx;
  166. padding-left: 70rpx;
  167. }
  168. .notes view:nth-child(1) {
  169. height: 87rpx;
  170. line-height: 87rpx;
  171. background: #fff;
  172. }
  173. .notes {
  174. width: 92%;
  175. margin: 0 auto;
  176. }
  177. .notes view:nth-child(1) text {
  178. color: #333;
  179. letter-spacing: 0;
  180. font-size: 30rpx;
  181. height: 70rpx;
  182. line-height: 70rpx;
  183. }
  184. .notes view:nth-child(2) {
  185. background: #fff;
  186. display: flex;
  187. flex-direction: column;
  188. }
  189. .notes view:nth-child(2)>text {
  190. font-size: 24rpx;
  191. color: #919191;
  192. letter-spacing: 0;
  193. line-height: 42rpx;
  194. }