inquiryPay.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. uni-view[data-v-5cec8177], uni-scroll-view[data-v-5cec8177], uni-swiper-item[data-v-5cec8177] {
  27. display: flex;
  28. flex-direction: column;
  29. flex-shrink: 0;
  30. flex-grow: 0;
  31. flex-basis: auto;
  32. align-items: stretch;
  33. align-content: flex-start;
  34. }
  35. /**
  36. * vue版本动画内置的动画模式有如下:
  37. * fade:淡入
  38. * zoom:缩放
  39. * fade-zoom:缩放淡入
  40. * fade-up:上滑淡入
  41. * fade-down:下滑淡入
  42. * fade-left:左滑淡入
  43. * fade-right:右滑淡入
  44. * slide-up:上滑进入
  45. * slide-down:下滑进入
  46. * slide-left:左滑进入
  47. * slide-right:右滑进入
  48. */
  49. .u-fade-enter-active[data-v-5cec8177],
  50. .u-fade-leave-active[data-v-5cec8177] {
  51. transition-property: opacity;
  52. }
  53. .u-fade-enter[data-v-5cec8177],
  54. .u-fade-leave-to[data-v-5cec8177] {
  55. opacity: 0;
  56. }
  57. .u-fade-zoom-enter[data-v-5cec8177],
  58. .u-fade-zoom-leave-to[data-v-5cec8177] {
  59. transform: scale(0.95);
  60. opacity: 0;
  61. }
  62. .u-fade-zoom-enter-active[data-v-5cec8177],
  63. .u-fade-zoom-leave-active[data-v-5cec8177] {
  64. transition-property: transform, opacity;
  65. }
  66. .u-fade-down-enter-active[data-v-5cec8177],
  67. .u-fade-down-leave-active[data-v-5cec8177],
  68. .u-fade-left-enter-active[data-v-5cec8177],
  69. .u-fade-left-leave-active[data-v-5cec8177],
  70. .u-fade-right-enter-active[data-v-5cec8177],
  71. .u-fade-right-leave-active[data-v-5cec8177],
  72. .u-fade-up-enter-active[data-v-5cec8177],
  73. .u-fade-up-leave-active[data-v-5cec8177] {
  74. transition-property: opacity, transform;
  75. }
  76. .u-fade-up-enter[data-v-5cec8177],
  77. .u-fade-up-leave-to[data-v-5cec8177] {
  78. transform: translate3d(0, 100%, 0);
  79. opacity: 0;
  80. }
  81. .u-fade-down-enter[data-v-5cec8177],
  82. .u-fade-down-leave-to[data-v-5cec8177] {
  83. transform: translate3d(0, -100%, 0);
  84. opacity: 0;
  85. }
  86. .u-fade-left-enter[data-v-5cec8177],
  87. .u-fade-left-leave-to[data-v-5cec8177] {
  88. transform: translate3d(-100%, 0, 0);
  89. opacity: 0;
  90. }
  91. .u-fade-right-enter[data-v-5cec8177],
  92. .u-fade-right-leave-to[data-v-5cec8177] {
  93. transform: translate3d(100%, 0, 0);
  94. opacity: 0;
  95. }
  96. .u-slide-down-enter-active[data-v-5cec8177],
  97. .u-slide-down-leave-active[data-v-5cec8177],
  98. .u-slide-left-enter-active[data-v-5cec8177],
  99. .u-slide-left-leave-active[data-v-5cec8177],
  100. .u-slide-right-enter-active[data-v-5cec8177],
  101. .u-slide-right-leave-active[data-v-5cec8177],
  102. .u-slide-up-enter-active[data-v-5cec8177],
  103. .u-slide-up-leave-active[data-v-5cec8177] {
  104. transition-property: transform;
  105. }
  106. .u-slide-up-enter[data-v-5cec8177],
  107. .u-slide-up-leave-to[data-v-5cec8177] {
  108. transform: translate3d(0, 100%, 0);
  109. }
  110. .u-slide-down-enter[data-v-5cec8177],
  111. .u-slide-down-leave-to[data-v-5cec8177] {
  112. transform: translate3d(0, -100%, 0);
  113. }
  114. .u-slide-left-enter[data-v-5cec8177],
  115. .u-slide-left-leave-to[data-v-5cec8177] {
  116. transform: translate3d(-100%, 0, 0);
  117. }
  118. .u-slide-right-enter[data-v-5cec8177],
  119. .u-slide-right-leave-to[data-v-5cec8177] {
  120. transform: translate3d(100%, 0, 0);
  121. }
  122. .u-zoom-enter-active[data-v-5cec8177],
  123. .u-zoom-leave-active[data-v-5cec8177] {
  124. transition-property: transform;
  125. }
  126. .u-zoom-enter[data-v-5cec8177],
  127. .u-zoom-leave-to[data-v-5cec8177] {
  128. transform: scale(0.95);
  129. }
  130. /**
  131. * 这里是uni-app内置的常用样式变量
  132. *
  133. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  134. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  135. *
  136. */
  137. /**
  138. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  139. *
  140. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  141. */
  142. /* 颜色变量 */
  143. /* 行为相关颜色 */
  144. /* 文字基本颜色 */
  145. /* 背景颜色 */
  146. /* 边框颜色 */
  147. /* 尺寸变量 */
  148. /* 文字尺寸 */
  149. /* 图片尺寸 */
  150. /* Border Radius */
  151. /* 水平间距 */
  152. /* 垂直间距 */
  153. /* 透明度 */
  154. /* 文章场景相关 */
  155. uni-view[data-v-9112bed9], uni-scroll-view[data-v-9112bed9], uni-swiper-item[data-v-9112bed9] {
  156. display: flex;
  157. flex-direction: column;
  158. flex-shrink: 0;
  159. flex-grow: 0;
  160. flex-basis: auto;
  161. align-items: stretch;
  162. align-content: flex-start;
  163. }
  164. .u-overlay[data-v-9112bed9] {
  165. position: fixed;
  166. top: 0;
  167. left: 0;
  168. width: 100%;
  169. height: 100%;
  170. background-color: rgba(0, 0, 0, 0.7);
  171. }
  172. /**
  173. * 这里是uni-app内置的常用样式变量
  174. *
  175. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  176. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  177. *
  178. */
  179. /**
  180. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  181. *
  182. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  183. */
  184. /* 颜色变量 */
  185. /* 行为相关颜色 */
  186. /* 文字基本颜色 */
  187. /* 背景颜色 */
  188. /* 边框颜色 */
  189. /* 尺寸变量 */
  190. /* 文字尺寸 */
  191. /* 图片尺寸 */
  192. /* Border Radius */
  193. /* 水平间距 */
  194. /* 垂直间距 */
  195. /* 透明度 */
  196. /* 文章场景相关 */
  197. .u-status-bar[data-v-eb8e0cdd] {
  198. width: 100%;
  199. }
  200. /**
  201. * 这里是uni-app内置的常用样式变量
  202. *
  203. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  204. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  205. *
  206. */
  207. /**
  208. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  209. *
  210. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  211. */
  212. /* 颜色变量 */
  213. /* 行为相关颜色 */
  214. /* 文字基本颜色 */
  215. /* 背景颜色 */
  216. /* 边框颜色 */
  217. /* 尺寸变量 */
  218. /* 文字尺寸 */
  219. /* 图片尺寸 */
  220. /* Border Radius */
  221. /* 水平间距 */
  222. /* 垂直间距 */
  223. /* 透明度 */
  224. /* 文章场景相关 */
  225. uni-view[data-v-ac70166d], uni-scroll-view[data-v-ac70166d], uni-swiper-item[data-v-ac70166d] {
  226. display: flex;
  227. flex-direction: column;
  228. flex-shrink: 0;
  229. flex-grow: 0;
  230. flex-basis: auto;
  231. align-items: stretch;
  232. align-content: flex-start;
  233. }
  234. @font-face {
  235. font-family: "uicon-iconfont";
  236. src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  237. }
  238. .u-icon[data-v-ac70166d] {
  239. display: flex;
  240. align-items: center;
  241. }
  242. .u-icon--left[data-v-ac70166d] {
  243. flex-direction: row-reverse;
  244. align-items: center;
  245. }
  246. .u-icon--right[data-v-ac70166d] {
  247. flex-direction: row;
  248. align-items: center;
  249. }
  250. .u-icon--top[data-v-ac70166d] {
  251. flex-direction: column-reverse;
  252. justify-content: center;
  253. }
  254. .u-icon--bottom[data-v-ac70166d] {
  255. flex-direction: column;
  256. justify-content: center;
  257. }
  258. .u-icon__icon[data-v-ac70166d] {
  259. font-family: uicon-iconfont;
  260. position: relative;
  261. display: flex;
  262. flex-direction: row;
  263. align-items: center;
  264. }
  265. .u-icon__icon--primary[data-v-ac70166d] {
  266. color: #3c9cff;
  267. }
  268. .u-icon__icon--success[data-v-ac70166d] {
  269. color: #5ac725;
  270. }
  271. .u-icon__icon--error[data-v-ac70166d] {
  272. color: #f56c6c;
  273. }
  274. .u-icon__icon--warning[data-v-ac70166d] {
  275. color: #f9ae3d;
  276. }
  277. .u-icon__icon--info[data-v-ac70166d] {
  278. color: #909399;
  279. }
  280. .u-icon__img[data-v-ac70166d] {
  281. height: auto;
  282. will-change: transform;
  283. }
  284. .u-icon__label[data-v-ac70166d] {
  285. line-height: 1;
  286. }
  287. /**
  288. * 这里是uni-app内置的常用样式变量
  289. *
  290. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  291. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  292. *
  293. */
  294. /**
  295. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  296. *
  297. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  298. */
  299. /* 颜色变量 */
  300. /* 行为相关颜色 */
  301. /* 文字基本颜色 */
  302. /* 背景颜色 */
  303. /* 边框颜色 */
  304. /* 尺寸变量 */
  305. /* 文字尺寸 */
  306. /* 图片尺寸 */
  307. /* Border Radius */
  308. /* 水平间距 */
  309. /* 垂直间距 */
  310. /* 透明度 */
  311. /* 文章场景相关 */
  312. .u-safe-bottom[data-v-f3d22cfe] {
  313. width: 100%;
  314. }
  315. /**
  316. * 这里是uni-app内置的常用样式变量
  317. *
  318. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  319. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  320. *
  321. */
  322. /**
  323. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  324. *
  325. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  326. */
  327. /* 颜色变量 */
  328. /* 行为相关颜色 */
  329. /* 文字基本颜色 */
  330. /* 背景颜色 */
  331. /* 边框颜色 */
  332. /* 尺寸变量 */
  333. /* 文字尺寸 */
  334. /* 图片尺寸 */
  335. /* Border Radius */
  336. /* 水平间距 */
  337. /* 垂直间距 */
  338. /* 透明度 */
  339. /* 文章场景相关 */
  340. uni-view[data-v-05c24e9b], uni-scroll-view[data-v-05c24e9b], uni-swiper-item[data-v-05c24e9b] {
  341. display: flex;
  342. flex-direction: column;
  343. flex-shrink: 0;
  344. flex-grow: 0;
  345. flex-basis: auto;
  346. align-items: stretch;
  347. align-content: flex-start;
  348. }
  349. .u-popup[data-v-05c24e9b] {
  350. flex: 1;
  351. }
  352. .u-popup__content[data-v-05c24e9b] {
  353. background-color: #fff;
  354. position: relative;
  355. }
  356. .u-popup__content--round-top[data-v-05c24e9b] {
  357. border-top-left-radius: 0;
  358. border-top-right-radius: 0;
  359. border-bottom-left-radius: 10px;
  360. border-bottom-right-radius: 10px;
  361. }
  362. .u-popup__content--round-left[data-v-05c24e9b] {
  363. border-top-left-radius: 0;
  364. border-top-right-radius: 10px;
  365. border-bottom-left-radius: 0;
  366. border-bottom-right-radius: 10px;
  367. }
  368. .u-popup__content--round-right[data-v-05c24e9b] {
  369. border-top-left-radius: 10px;
  370. border-top-right-radius: 0;
  371. border-bottom-left-radius: 10px;
  372. border-bottom-right-radius: 0;
  373. }
  374. .u-popup__content--round-bottom[data-v-05c24e9b] {
  375. border-top-left-radius: 10px;
  376. border-top-right-radius: 10px;
  377. border-bottom-left-radius: 0;
  378. border-bottom-right-radius: 0;
  379. }
  380. .u-popup__content--round-center[data-v-05c24e9b] {
  381. border-top-left-radius: 10px;
  382. border-top-right-radius: 10px;
  383. border-bottom-left-radius: 10px;
  384. border-bottom-right-radius: 10px;
  385. }
  386. .u-popup__content__close[data-v-05c24e9b] {
  387. position: absolute;
  388. }
  389. .u-popup__content__close--hover[data-v-05c24e9b] {
  390. opacity: 0.4;
  391. }
  392. .u-popup__content__close--top-left[data-v-05c24e9b] {
  393. top: 15px;
  394. left: 15px;
  395. }
  396. .u-popup__content__close--top-right[data-v-05c24e9b] {
  397. top: 15px;
  398. right: 15px;
  399. }
  400. .u-popup__content__close--bottom-left[data-v-05c24e9b] {
  401. bottom: 15px;
  402. left: 15px;
  403. }
  404. .u-popup__content__close--bottom-right[data-v-05c24e9b] {
  405. right: 15px;
  406. bottom: 15px;
  407. }
  408. /**
  409. * 这里是uni-app内置的常用样式变量
  410. *
  411. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  412. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  413. *
  414. */
  415. /**
  416. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  417. *
  418. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  419. */
  420. /* 颜色变量 */
  421. /* 行为相关颜色 */
  422. /* 文字基本颜色 */
  423. /* 背景颜色 */
  424. /* 边框颜色 */
  425. /* 尺寸变量 */
  426. /* 文字尺寸 */
  427. /* 图片尺寸 */
  428. /* Border Radius */
  429. /* 水平间距 */
  430. /* 垂直间距 */
  431. /* 透明度 */
  432. /* 文章场景相关 */
  433. body {
  434. background: #f6f6f6;
  435. }
  436. /**
  437. * 这里是uni-app内置的常用样式变量
  438. *
  439. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  440. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  441. *
  442. */
  443. /**
  444. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  445. *
  446. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  447. */
  448. /* 颜色变量 */
  449. /* 行为相关颜色 */
  450. /* 文字基本颜色 */
  451. /* 背景颜色 */
  452. /* 边框颜色 */
  453. /* 尺寸变量 */
  454. /* 文字尺寸 */
  455. /* 图片尺寸 */
  456. /* Border Radius */
  457. /* 水平间距 */
  458. /* 垂直间距 */
  459. /* 透明度 */
  460. /* 文章场景相关 */
  461. .content[data-v-a396ca70] {
  462. position: relative;
  463. }
  464. .content .cont[data-v-a396ca70] {
  465. position: relative;
  466. padding: 0 0.625rem 5rem;
  467. z-index: 999;
  468. width: 100%;
  469. display: flex;
  470. flex-direction: column;
  471. }
  472. .content .other-info[data-v-a396ca70] {
  473. margin-top: 0.625rem;
  474. background-color: #fff;
  475. border-radius: 0.625rem;
  476. overflow: hidden;
  477. padding: 0 0.9375rem;
  478. }
  479. .content .other-info .title[data-v-a396ca70] {
  480. height: 2.5rem;
  481. line-height: 2.5rem;
  482. font-size: 0.9375rem;
  483. color: #000;
  484. font-weight: bold;
  485. border-bottom: 0.0625rem solid #eeeeee;
  486. }
  487. .content .other-info .item[data-v-a396ca70] {
  488. height: 2.5rem;
  489. display: flex;
  490. align-items: center;
  491. justify-content: space-between;
  492. }
  493. .content .other-info .item[data-v-a396ca70]:last-child {
  494. border-bottom: none;
  495. }
  496. .content .other-info .item .left[data-v-a396ca70] {
  497. flex: 1;
  498. display: flex;
  499. align-items: center;
  500. }
  501. .content .other-info .item .left .label[data-v-a396ca70] {
  502. min-width: 4.375rem;
  503. font-size: 0.875rem;
  504. color: #000;
  505. }
  506. .content .other-info .item .left .text[data-v-a396ca70] {
  507. font-size: 0.875rem;
  508. color: #1b1b1b;
  509. }
  510. .content .other-info .item .right[data-v-a396ca70] {
  511. display: flex;
  512. align-items: center;
  513. justify-content: flex-end;
  514. }
  515. .content .other-info .item .right .text[data-v-a396ca70] {
  516. font-size: 0.875rem;
  517. color: #1b1b1b;
  518. }
  519. .content .other-info .item .right .ic-close[data-v-a396ca70] {
  520. margin-left: 0.3125rem;
  521. width: 0.9375rem;
  522. height: 0.9375rem;
  523. }
  524. .content .other-info .item .right .ic-back[data-v-a396ca70] {
  525. margin-left: 0.3125rem;
  526. width: 0.46875rem;
  527. height: 0.9375rem;
  528. }
  529. .content .other-info .item .item-btn[data-v-a396ca70] {
  530. max-width: 6.25rem;
  531. padding: 0 0.46875rem;
  532. height: 1.5rem;
  533. border-radius: 0.75rem;
  534. line-height: 1.5rem;
  535. font-size: 0.75rem;
  536. color: #000;
  537. border: 0.03125rem solid #d8d8d8;
  538. display: flex;
  539. align-items: center;
  540. justify-content: center;
  541. }
  542. .content .btn-box[data-v-a396ca70] {
  543. height: 4.375rem;
  544. z-index: 9999;
  545. width: 100%;
  546. padding: 0 0.9375rem;
  547. position: fixed;
  548. bottom: 0;
  549. left: 0;
  550. box-sizing: border-box;
  551. background-color: #ffffff;
  552. display: flex;
  553. align-items: center;
  554. justify-content: center;
  555. }
  556. .content .btn-box .btn[data-v-a396ca70] {
  557. width: 100%;
  558. height: 2.75rem;
  559. line-height: 2.75rem;
  560. text-align: center;
  561. font-size: 1.0625rem;
  562. font-family: PingFang SC;
  563. font-weight: 400;
  564. color: #FFFFFF;
  565. background: #C39A58;
  566. border-radius: 0.3125rem;
  567. }
  568. .coupon[data-v-a396ca70] {
  569. height: 100%;
  570. }
  571. .coupon .empty[data-v-a396ca70] {
  572. display: flex;
  573. align-items: center;
  574. justify-content: center;
  575. height: 20.3125rem;
  576. width: 100%;
  577. }
  578. .coupon .empty uni-image[data-v-a396ca70] {
  579. width: 8.75rem;
  580. height: 6.25rem;
  581. }
  582. .coupon-box[data-v-a396ca70] {
  583. overflow-y: auto;
  584. padding: 2.5rem 0.625rem 2.5rem;
  585. height: 20.3125rem;
  586. width: 100%;
  587. display: flex;
  588. flex-direction: column;
  589. align-items: flex-start;
  590. justify-content: flex-start;
  591. box-sizing: border-box;
  592. }
  593. .coupon-box .coupon-item[data-v-a396ca70] {
  594. width: 100%;
  595. display: flex;
  596. align-items: center;
  597. justify-content: flex-start;
  598. margin-bottom: 0.5rem;
  599. height: 5.3125rem;
  600. }
  601. .coupon-box .coupon-item[data-v-a396ca70]:last-child {
  602. margin-bottom: 0;
  603. }
  604. .coupon-box .coupon-item .left[data-v-a396ca70] {
  605. color: #fff;
  606. font-size: 1.125rem;
  607. font-weight: bold;
  608. text-align: center;
  609. display: flex;
  610. flex-direction: column;
  611. align-items: center;
  612. justify-content: center;
  613. position: relative;
  614. width: 7.1875rem;
  615. }
  616. .coupon-box .coupon-item .left uni-image[data-v-a396ca70] {
  617. position: absolute;
  618. width: 7.1875rem;
  619. height: 5.3125rem;
  620. color: #fff;
  621. }
  622. .coupon-box .coupon-item .left .num[data-v-a396ca70] {
  623. font-size: 1.25rem;
  624. }
  625. .coupon-box .coupon-item .left .pic-num[data-v-a396ca70] {
  626. font-size: 0.625rem;
  627. z-index: 99;
  628. }
  629. .coupon-box .coupon-item .right[data-v-a396ca70] {
  630. display: flex;
  631. flex-direction: column;
  632. align-items: flex-start;
  633. justify-content: flex-start;
  634. height: 5.3125rem;
  635. width: calc(100% - 7.1875rem);
  636. padding: 0 0.53125rem 0 0.75rem;
  637. background-color: #fff;
  638. box-sizing: border-box;
  639. }
  640. .coupon-box .coupon-item .right .title[data-v-a396ca70] {
  641. width: 100%;
  642. font-size: 0.9375rem;
  643. color: #282828;
  644. height: 2.90625rem;
  645. line-height: 2.90625rem;
  646. border-bottom: 1px solid #f0f0f0;
  647. }
  648. .coupon-box .coupon-item .right .btns[data-v-a396ca70] {
  649. display: flex;
  650. align-items: center;
  651. justify-content: space-between;
  652. width: 100%;
  653. font-size: 0.625rem;
  654. color: #999;
  655. height: 2.375rem;
  656. }
  657. .coupon-box .coupon-item .right .btns .btn[data-v-a396ca70] {
  658. width: 4.25rem;
  659. height: 1.375rem;
  660. border-radius: 0.6875rem;
  661. font-size: 0.6875rem;
  662. color: #fff;
  663. text-align: center;
  664. line-height: 1.375rem;
  665. background-color: #C39A58;
  666. }
  667. .coupon-box .coupon-item .right .btns .btn .gray[data-v-a396ca70] {
  668. background-color: #ccc;
  669. }