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.

358 rivejä
5.2 KiB

  1. @import "../../../app.wxss";
  2. .container {
  3. background: #fff;
  4. width: 92%;
  5. margin: 8% auto 6%;
  6. border-radius: 16rpx;
  7. }
  8. page {
  9. background: #02c0ff;
  10. height: auto !important;
  11. padding-bottom: 20rpx;
  12. }
  13. .panel, .zhuangtai image {
  14. position: relative;
  15. width: 600rpx;
  16. display: block;
  17. border-radius: 10rpx;
  18. margin: 38rpx auto 0;
  19. padding: 0;
  20. z-index: 10000000000;
  21. }
  22. .pane2 {
  23. background: #fff;
  24. opacity: 0.6;
  25. }
  26. .pane2 image {
  27. width: 500rpx;
  28. display: block;
  29. margin: 40rpx auto 0;
  30. }
  31. .buy {
  32. background: #fff;
  33. height: 88rpx;
  34. width: 98%;
  35. color: #7e7e7e;
  36. line-height: 88rpx;
  37. border-radius: 16rpx;
  38. border: 1px solid #eee;
  39. }
  40. .barcode {
  41. height: 100rpx;
  42. width: 510rpx;
  43. margin: 0 auto;
  44. }
  45. .barnum {
  46. background: #fff;
  47. height: 88rpx;
  48. width: 100%;
  49. margin: 0 auto;
  50. line-height: 88rpx;
  51. border: 2rpx solid #ccc;
  52. border-radius: 10px;
  53. font-size: 36rpx;
  54. color: #333;
  55. letter-spacing: 0;
  56. text-align: center;
  57. }
  58. .barnum text {
  59. display: inline-block;
  60. vertical-align: top;
  61. font-size: 24rpx;
  62. color: #999;
  63. letter-spacing: 0;
  64. margin-right: 6rpx;
  65. }
  66. .barcode > canvas {
  67. width: 510rpx;
  68. height: 100rpx;
  69. }
  70. .qrcode {
  71. position: relative;
  72. height: 350rpx;
  73. width: 350rpx;
  74. display: flex;
  75. flex-direction: column;
  76. justify-content: flex-end;
  77. align-items: center;
  78. margin: 0 auto;
  79. }
  80. .qrcode > canvas {
  81. width: 350rpx;
  82. height: 350rpx;
  83. }
  84. .coupon_detail {
  85. position: relative;
  86. }
  87. .coupon_detail .wmfl {
  88. position: absolute;
  89. width: 120rpx;
  90. height: 120rpx;
  91. left: 0;
  92. right: 0;
  93. margin: auto;
  94. top: -50rpx;
  95. border-radius: 50%;
  96. overflow: hidden;
  97. }
  98. .coupon_detail image {
  99. display: block;
  100. width: 100%;
  101. height: 100%;
  102. }
  103. .coupon_detail .fr {
  104. width: 100%;
  105. text-align: center;
  106. }
  107. .coupon_detail .title {
  108. font-size: 32rpx;
  109. color: #1f2d3d;
  110. letter-spacing: 0;
  111. text-align: center;
  112. display: block;
  113. padding-top: 92rpx;
  114. line-height: 45rpx;
  115. }
  116. .line {
  117. height: 10rpx;
  118. display: block;
  119. width: 100%;
  120. margin-top: 20rpx;
  121. }
  122. .time {
  123. font-size: 26rpx;
  124. color: #999;
  125. letter-spacing: 0;
  126. text-align: center;
  127. line-height: 37rpx;
  128. padding: 0 10rpx;
  129. }
  130. .time text {
  131. font-size: 26rpx;
  132. color: red;
  133. }
  134. .money text {
  135. color: red;
  136. font-size: 36rpx;
  137. }
  138. .money del {
  139. color: #999;
  140. font-size: 26rpx;
  141. text-decoration: line-through;
  142. margin-left: 20rpx;
  143. }
  144. .clearfix:after {
  145. content: ".";
  146. display: block;
  147. height: 0;
  148. clear: both;
  149. visibility: hidden;
  150. }
  151. .timevalidity {
  152. text-align: center;
  153. }
  154. .timevalidity text:nth-of-type(1) {
  155. font-size: 22rpx;
  156. color: #999;
  157. letter-spacing: 0;
  158. text-align: left;
  159. }
  160. .timevalidity text:nth-of-type(2) {
  161. font-size: 22rpx;
  162. color: #999;
  163. letter-spacing: 0;
  164. text-align: left;
  165. }
  166. .posi {
  167. width: 100%;
  168. display: flex;
  169. flex-direction: column;
  170. background: #fff;
  171. position: relative;
  172. }
  173. .posi_logo {
  174. width: 92%;
  175. padding: 30rpx 4% 0;
  176. display: flex;
  177. position: relative;
  178. }
  179. .shiji {
  180. font-size: 24rpx !important;
  181. color: #919191 !important;
  182. letter-spacing: 0;
  183. }
  184. .posi_logo view:nth-child(1) {
  185. width: 126rpx;
  186. height: 126rpx;
  187. overflow: hidden;
  188. flex: 2;
  189. border: 2rpx solid #e7e7e7;
  190. border-radius: 16rpx;
  191. }
  192. .posi_logo view:nth-child(1) image {
  193. width: 100%;
  194. height: 100%;
  195. }
  196. .posi_logo view:nth-child(2) {
  197. position: relative;
  198. display: flex;
  199. flex-direction: column;
  200. flex: 8;
  201. padding-left: 30rpx;
  202. }
  203. .posi_logo view:nth-child(2) text:nth-child(1) {
  204. font-size: 30rpx;
  205. width: 320rpx;
  206. white-space: nowrap;
  207. text-overflow: ellipsis;
  208. overflow: hidden;
  209. }
  210. .posi_logo view:nth-child(2) text:nth-child(2) {
  211. font-size: 24rpx;
  212. color: #b8b8b8;
  213. padding-top: 10rpx;
  214. width: 386rpx;
  215. white-space: wrap;
  216. text-overflow: ellipsis;
  217. overflow: hidden;
  218. height: 78rpx;
  219. }
  220. .tit {
  221. padding: 53rpx 0 0;
  222. text-indent: 30rpx;
  223. font-size: 24rpx;
  224. color: #919191;
  225. letter-spacing: 0;
  226. }
  227. .tel {
  228. position: absolute;
  229. right: 30rpx;
  230. top: 0;
  231. bottom: 0;
  232. margin: auto;
  233. width: 50rpx;
  234. height: 50rpx;
  235. z-index: 10;
  236. }
  237. .notes view:nth-child(1) {
  238. width: 92%;
  239. height: 87rpx;
  240. padding: 0 4%;
  241. line-height: 87rpx;
  242. background: #fff;
  243. }
  244. .notes view:nth-child(1) text {
  245. font-size: 24rpx;
  246. color: #919191;
  247. letter-spacing: 0;
  248. }
  249. .notes view:nth-child(2) {
  250. width: 92%;
  251. padding: 0 4%;
  252. background: #fff;
  253. display: flex;
  254. flex-direction: column;
  255. padding-top: 2%;
  256. }
  257. .notes view:nth-child(2) > text {
  258. font-size: 24rpx;
  259. color: #333;
  260. letter-spacing: 0;
  261. line-height: 42rpx;
  262. }
  263. .notes {
  264. border-bottom-left-radius: 16rpx;
  265. border-bottom-right-radius: 16rpx;
  266. padding-bottom: 30rpx;
  267. }
  268. .note view {
  269. height: 48rpx;
  270. line-height: 48rpx;
  271. }
  272. .note view text {
  273. display: inline-block;
  274. }
  275. .note text:nth-of-type(1) {
  276. width: 22%;
  277. text-indent: 30rpx;
  278. text-align: left;
  279. font-size: 24rpx;
  280. color: #333;
  281. letter-spacing: 1.16rpx;
  282. }
  283. .note text:nth-of-type(2) {
  284. width: 67%;
  285. font-size: 24rpx;
  286. color: #333;
  287. letter-spacing: 1.16rpx;
  288. }
  289. .manjian {
  290. margin-left: 26rpx;
  291. color: #666 !important;
  292. font-size: 26rpx !important;
  293. }
  294. .moneys {
  295. font-size: 40rpx !important;
  296. color: #ff4949 !important;
  297. letter-spacing: 0;
  298. text-align: right;
  299. }
  300. .game-entry{
  301. width: 690rpx;
  302. height: 140rpx;
  303. margin: 10rpx auto 0;
  304. }
  305. .gameimg{
  306. display: block;
  307. width: 100%;
  308. height: 140rpx;
  309. }