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.

196 regels
2.8 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. margin-top: 20rpx;
  33. }
  34. .panel, .zhuangtai image {
  35. width:600rpx;
  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 60rpx;
  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. }
  133. /* 小游戏入口
  134. */
  135. .game-entry{
  136. width: 690rpx;
  137. height: 140rpx;
  138. margin: 0 auto;
  139. border-radius: 14rpx;
  140. box-shadow: 1px 4px 20px #C4C4C4;
  141. background: #fff;
  142. }
  143. .game {
  144. position: relative;
  145. width: 750rpx;
  146. height: 200rpx;
  147. margin: 0 auto;
  148. padding-top: 30rpx;
  149. box-sizing: border-box;
  150. }
  151. .gameimg{
  152. position: absolute;
  153. right: 25rpx;
  154. top: -14rpx;
  155. width: 250rpx;
  156. }
  157. .game text {
  158. display: block;
  159. position: relative;
  160. }
  161. .game text:nth-of-type(1) {
  162. display: inline-block;
  163. padding-top: 39rpx;
  164. padding-left: 70rpx;
  165. font-size: 32rpx;
  166. color: #333;
  167. line-height: 36rpx;
  168. }
  169. .game text:nth-of-type(2) {
  170. font-size: 24rpx;
  171. color: #999;
  172. line-height: 24rpx;
  173. padding-left: 70rpx;
  174. }