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.

469 lines
6.5 KiB

  1. @import "../../../app.wxss";
  2. button::after{ border: none; }
  3. page {
  4. height: auto !important;
  5. }
  6. .order {
  7. width: 100%;
  8. padding-bottom: 160rpx;
  9. }
  10. .success {
  11. vertical-align: middle;
  12. width: 40rpx;
  13. margin-right: 10rpx;
  14. float: left;
  15. }
  16. .tips {
  17. width: 92%;
  18. height: 120rpx;
  19. background: #2C8DFF;
  20. color: #fff;
  21. padding: 0 4%;
  22. /* line-height: 88rpx; */
  23. }
  24. .merchantName {
  25. color: #666!important;
  26. }
  27. .tips view{
  28. }
  29. .tips view:nth-child(2) {
  30. font-size: 32rpx;
  31. padding-left: 16rpx;
  32. float: left;
  33. }
  34. .tips view:nth-child(1) {
  35. width: 32rpx;
  36. height: 32rpx;
  37. background: #fff;
  38. border-radius: 50%;
  39. color: #00c0ff;
  40. line-height: 32rpx;
  41. text-align: center;
  42. /* display: inline-block; */
  43. font-size: 28rpx;
  44. }
  45. .msg text{
  46. width: 32rpx;
  47. }
  48. .section {
  49. margin-top: 2%;
  50. }
  51. .detail_msg {
  52. width: 92%;
  53. background: #fff;
  54. display: flex;
  55. margin: 0 4%;
  56. margin-top: 30rpx;
  57. padding-bottom: 30rpx;
  58. border-bottom: 1rpx solid #eee;
  59. }
  60. .logo {
  61. display: block;
  62. width: 180rpx;
  63. height: 180rpx;
  64. border-radius: 16rpx;
  65. }
  66. .logo image {
  67. width: 180rpx;
  68. height: 180rpx;
  69. border-radius: 16rpx;
  70. }
  71. .info view:nth-child(1) {
  72. display: flex;
  73. justify-content: space-between;
  74. padding: 0 4%;
  75. }
  76. .info {
  77. width: 100%;
  78. }
  79. .info view:nth-child(1) text {
  80. font-size: 30rpx;
  81. color: #000;
  82. letter-spacing: 0;
  83. }
  84. .info view:nth-child(1) text:nth-child(2) {
  85. color: #ffae00;
  86. font-size: 24rpx;
  87. }
  88. .info view:nth-child(2), .info view:nth-child(3) {
  89. font-size: 24rpx;
  90. padding-left: 4%;
  91. color: #919191;
  92. letter-spacing: 0;
  93. }
  94. .info view:nth-child(2) text, .info view:nth-child(3) text {
  95. font-size: 22rpx;
  96. color: #b8b8b8;
  97. }
  98. .payment {
  99. width: 92%;
  100. height: 120rpx;
  101. line-height: 120rpx;
  102. padding: 0 4%;
  103. display: flex;
  104. justify-content: space-between;
  105. border-bottom: 20rpx solid #ededed;
  106. }
  107. .payment view:nth-child(2) text:nth-child(1) {
  108. font-size: 36rpx;
  109. color: #ff3434;
  110. font-weight: bold;
  111. }
  112. .payment view:nth-child(2) text:nth-child(2) {
  113. font-size: 24rpx;
  114. color: #b4b4b4;
  115. padding-left: 18rpx;
  116. text-decoration: line-through;
  117. }
  118. .classif {
  119. width: 92%;
  120. padding-left: 4%;
  121. padding-right: 4%;
  122. }
  123. .classif > view {
  124. position: relative;
  125. height: 94rpx;
  126. line-height: 94rpx;
  127. display: flex;
  128. justify-content: space-between;
  129. /* border-bottom: 1rpx solid #eee; */
  130. }
  131. .classif > view text {
  132. font-size: 30rpx;
  133. }
  134. .classif > view text:nth-child(2) {
  135. color: #b8b8b8;
  136. font-size: 30rpx;
  137. margin-left:80rpx;
  138. }
  139. .classif > view:nth-child(1) {
  140. display: block;
  141. }
  142. .classif > view:nth-child(1) text:nth-child(2) {
  143. padding-left: 15rpx;
  144. }
  145. .classif > view:nth-child(3) view text:nth-child(2) {
  146. padding-left: 15rpx;
  147. }
  148. .classif > view:nth-child(6) text:nth-child(2) {
  149. color: #666;
  150. }
  151. .spcode {
  152. position: absolute;
  153. right: 0;
  154. bottom: 0;
  155. top: 0;
  156. margin: auto;
  157. width: 50rpx;
  158. }
  159. /*mask*/
  160. .drawer_screen {
  161. position: absolute;
  162. width: 100%;
  163. height: 100%;
  164. top: 0;
  165. left: 0;
  166. z-index: 1000;
  167. background: #000;
  168. opacity: 0.5;
  169. overflow: hidden;
  170. }
  171. .drawer_box {
  172. width: 650rpx;
  173. position: fixed;
  174. overflow: hidden;
  175. top: 50%;
  176. left: 0;
  177. z-index: 1001;
  178. margin: -150px 50rpx 0 50rpx;
  179. border-radius: 3px;
  180. }
  181. .drawer_title {
  182. padding: 15px;
  183. font: 20px "microsoft yahei";
  184. text-align: center;
  185. }
  186. .drawer_content {
  187. height: 210px;
  188. overflow-y: scroll; /*超出父盒子高度可滚动*/
  189. }
  190. .btn_ok {
  191. padding: 10px;
  192. font: 20px "microsoft yahei";
  193. text-align: center;
  194. border-top: 1px solid #e8e8ea;
  195. color: #3cc51f;
  196. }
  197. .top {
  198. padding-top: 8px;
  199. }
  200. .bottom {
  201. padding-bottom: 8px;
  202. }
  203. .title {
  204. height: 30px;
  205. line-height: 30px;
  206. width: 160rpx;
  207. text-align: center;
  208. display: inline-block;
  209. font: 300 28rpx/30px "microsoft yahei";
  210. }
  211. .input_base {
  212. border: 2rpx solid #ccc;
  213. padding-left: 10rpx;
  214. margin-right: 50rpx;
  215. }
  216. .input_h30 {
  217. height: 30px;
  218. line-height: 30px;
  219. }
  220. .input_h60 {
  221. height: 60px;
  222. }
  223. .input_view {
  224. font: 12px "microsoft yahei";
  225. background: #fff;
  226. color: #000;
  227. line-height: 30px;
  228. }
  229. input {
  230. font: 12px "microsoft yahei";
  231. background: #fff;
  232. color: #000;
  233. }
  234. radio {
  235. margin-right: 20px;
  236. }
  237. .grid {
  238. display: -webkit-box;
  239. display: box;
  240. }
  241. .col-0 {
  242. -webkit-box-flex: 0;
  243. box-flex: 0;
  244. }
  245. .col-1 {
  246. -webkit-box-flex: 1;
  247. box-flex: 1;
  248. }
  249. .fl {
  250. float: left;
  251. }
  252. .fr {
  253. float: right;
  254. }
  255. .clearfix:after {
  256. content: ".";
  257. display: block;
  258. height: 0;
  259. clear: both;
  260. visibility: hidden;
  261. }
  262. .panel {
  263. width: 600rpx;
  264. border-radius: 10rpx;
  265. background-color: #fff;
  266. margin: 30rpx auto 0;
  267. padding: 30rpx 0;
  268. position: relative;
  269. z-index: 10000000000;
  270. }
  271. .pane2 {
  272. background: #fff;
  273. opacity: 0.6;
  274. }
  275. .pane2 image {
  276. width: 500rpx;
  277. display: block;
  278. margin: 40rpx auto 0;
  279. }
  280. .barcode {
  281. height: 100rpx;
  282. width: 500rpx;
  283. margin: 0 auto;
  284. }
  285. .barnum {
  286. width: 88%;
  287. height: 46rpx;
  288. line-height: 46rpx;
  289. font-size: 32rpx;
  290. text-align: center;
  291. letter-spacing: 2rpx;
  292. white-space: nowrap;
  293. color: #999;
  294. }
  295. .barnum text {
  296. color: #333;
  297. }
  298. .barcode > canvas {
  299. width: 500rpx;
  300. height: 100rpx;
  301. }
  302. .qrcode {
  303. height: 340rpx;
  304. display: flex;
  305. flex-direction: column;
  306. justify-content: flex-end;
  307. align-items: center;
  308. }
  309. .qrcode > canvas {
  310. width: 350rpx;
  311. height: 350rpx;
  312. }
  313. .jine {
  314. color: #f96563 !important;
  315. font-size: 36rpx !important;
  316. font-weight: 400 !important;
  317. }
  318. .jine1 {
  319. color: #b8b8b8 !important;
  320. font-size: 30rpx !important;
  321. font-weight: 400 !important;
  322. }
  323. .buy-view {
  324. background: #fff;
  325. position: fixed;
  326. padding-top: 30rpx;
  327. height: 94rpx;
  328. bottom: 0;
  329. left: 0;
  330. right: 0;
  331. z-index: 100;
  332. padding-bottom: 30rpx;
  333. }
  334. .buy {
  335. background: #00c0ff;
  336. height: 94rpx;
  337. width: 670rpx;
  338. margin: 0 auto;
  339. color: #fff;
  340. font-size: 36rpx;
  341. line-height: 94rpx;
  342. border-radius: 61rpx;
  343. }
  344. .active {
  345. opacity: 0.6;
  346. }
  347. .game-entry {
  348. width: 690rpx;
  349. height: 140rpx;
  350. margin: 20rpx auto 0;
  351. }
  352. .gameimg {
  353. display: block;
  354. width: 100%;
  355. height: 140rpx;
  356. }
  357. .merchantVoList {
  358. width: 100%;
  359. position: relative;
  360. }
  361. .merchantVoList .tel {
  362. width: 40rpx;
  363. position: absolute;
  364. top: 0;
  365. bottom: 0;
  366. margin: auto;
  367. right: 14rpx;
  368. z-index: 10;
  369. }
  370. .btns {
  371. background: #00c0ff;
  372. height: 94rpx;
  373. width: 670rpx;
  374. margin: 0 auto 30rpx;
  375. color: #fff;
  376. font-size: 36rpx;
  377. line-height: 94rpx;
  378. border-radius: 61rpx;
  379. }
  380. .merchantImgUrl{
  381. width: 60rpx;
  382. position: absolute;
  383. top: 0;
  384. bottom: 0;
  385. margin: auto;
  386. left: 0;
  387. border-radius: 10rpx;
  388. z-index: 10;
  389. }
  390. .support-tansfer{
  391. width: 690rpx;
  392. border-radius: 50rpx;
  393. margin-top: 60rpx;
  394. background: #02C0FF!important;
  395. }
  396. .share{
  397. width: 40rpx;
  398. height: 40rpx;
  399. margin-right: 20rpx;
  400. }