chooseCar.wxss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-ce976c48 {
  4. display: flex;
  5. height: 100vh;
  6. color: #001713;
  7. }
  8. .container .body.data-v-ce976c48 {
  9. width: 100%;
  10. height: calc(100vh - 244rpx);
  11. overflow-y: auto;
  12. }
  13. .container .body .carMsg.data-v-ce976c48 {
  14. position: relative;
  15. box-sizing: border-box;
  16. padding: 0 55rpx;
  17. margin: 20rpx auto 0;
  18. width: 720rpx;
  19. height: 320rpx;
  20. font-size: 32rpx;
  21. color: #001713;
  22. background: url(data:image/png;base64,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);
  23. background-size: 100% 100%;
  24. }
  25. .container .body .carMsg .carMsg_time.data-v-ce976c48 {
  26. position: relative;
  27. top: 36rpx;
  28. font-size: 36rpx;
  29. color: #001713;
  30. }
  31. .container .body .carMsg .carMsg_number.data-v-ce976c48 {
  32. position: relative;
  33. top: -8rpx;
  34. left: 180px;
  35. font-size: 24rpx;
  36. color: #f86818;
  37. }
  38. .container .body .carMsg .carMsg_volume.data-v-ce976c48 {
  39. position: relative;
  40. top: 10rpx;
  41. left: 180px;
  42. font-size: 24rpx;
  43. color: #f86818;
  44. }
  45. .container .body .carMsg .carMsg_line.data-v-ce976c48 {
  46. position: relative;
  47. top: 2rpx;
  48. left: 1px;
  49. width: 14rpx;
  50. height: 88rpx;
  51. }
  52. .container .body .carMsg .carMsg_start.data-v-ce976c48 {
  53. position: relative;
  54. top: -110rpx;
  55. left: 15px;
  56. width: 460rpx;
  57. }
  58. .container .body .carMsg .app.data-v-ce976c48 {
  59. margin-top: 1px;
  60. }
  61. .container .body .carMsg .carMsg_end.data-v-ce976c48 {
  62. position: absolute;
  63. top: 185rpx;
  64. left: 95rpx;
  65. width: 460rpx;
  66. }
  67. .container .body .carMsg .carMsg_bottom.data-v-ce976c48 {
  68. position: relative;
  69. top: -100rpx;
  70. display: flex;
  71. align-items: center;
  72. width: 630rpx;
  73. height: 66rpx;
  74. border-top: 2rpx dotted #e6e6e6;
  75. }
  76. .container .body .carMsg .carMsg_bottom .bottom_box.data-v-ce976c48 {
  77. display: flex;
  78. justify-content: center;
  79. align-items: center;
  80. width: 128rpx;
  81. height: 42rpx;
  82. font-size: 24rpx;
  83. color: #ff8205;
  84. border-radius: 8rpx;
  85. background-color: #fff2e5;
  86. }
  87. .container .body .peopleMsg.data-v-ce976c48 {
  88. box-sizing: border-box;
  89. padding: 30rpx 30rpx 0;
  90. margin: auto;
  91. width: 670rpx;
  92. font-size: 28rpx;
  93. box-shadow: 0px 3px 6px #ccc;
  94. background-color: #fff;
  95. }
  96. .container .body .peopleMsg .peopleMsg_title.data-v-ce976c48 {
  97. margin-bottom: 20rpx;
  98. font-size: 36rpx;
  99. }
  100. .container .body .peopleMsg .peopleMsg_list.data-v-ce976c48 {
  101. display: flex;
  102. flex-wrap: wrap;
  103. align-items: center;
  104. }
  105. .container .body .peopleMsg .peopleMsg_list .list_item.data-v-ce976c48 {
  106. position: relative;
  107. display: flex;
  108. justify-content: center;
  109. align-items: center;
  110. margin-right: 30rpx;
  111. margin-bottom: 26rpx;
  112. padding: 0 24rpx;
  113. height: 68rpx;
  114. color: #aba6a6;
  115. border-radius: 8rpx;
  116. border: 2rpx solid #aba6a6;
  117. }
  118. .container .body .peopleMsg .peopleMsg_list .list_item .item_active.data-v-ce976c48 {
  119. position: absolute;
  120. bottom: -20rpx;
  121. right: -20rpx;
  122. display: flex;
  123. align-items: center;
  124. justify-content: center;
  125. width: 60rpx;
  126. height: 60rpx;
  127. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACXSURBVEiJ7dVNCoQwDIbhr6V4rnqwAcWD6cEGMwtFEH8a49cyi77rNA9dBSAkQ4gyhKiZdQwM4sZlm7Tu853u5j0NA4DZx9QbM3jAlJnAS8zPEx20/swEvsUegQxMDbIwFcjEkiAbuwVzYJdgLuwUzIkdwNzYDiyBbWApbANLYQDgpW861rLU8QXWi79DFSfGitVqtf/oB0KVTnsDx2Y8AAAAAElFTkSuQmCC);
  128. background-size: 100% 100%;
  129. }
  130. .container .body .peopleMsg .peopleMsg_list .active.data-v-ce976c48 {
  131. color: #ff8205;
  132. border: 2rpx solid #ff8205;
  133. }
  134. .container .body .peopleMsg .peopleMsg_list .list_more.data-v-ce976c48 {
  135. display: flex;
  136. justify-content: center;
  137. align-items: center;
  138. margin-bottom: 26rpx;
  139. width: 132rpx;
  140. height: 68rpx;
  141. color: #ff8205;
  142. border-radius: 8rpx;
  143. border: 2rpx solid #aba6a6;
  144. }
  145. .container .body .peopleMsg .peopleMsg_choose .choose_item.data-v-ce976c48 {
  146. display: flex;
  147. align-items: center;
  148. }
  149. .container .body .peopleMsg .peopleMsg_choose .choose_item .item_msg.data-v-ce976c48 {
  150. display: flex;
  151. flex-direction: column;
  152. justify-content: space-between;
  153. margin-left: 26rpx;
  154. margin-bottom: 26rpx;
  155. height: 90rpx;
  156. }
  157. .container .body .peopleMsg .peopleMsg_choose .choose_item .item_msg .msg_top.data-v-ce976c48 {
  158. font-size: 36rpx;
  159. }
  160. .container .body .peopleMsg .peopleMsg_choose .choose_item .item_msg .msg_bottom.data-v-ce976c48 {
  161. font-size: 24rpx;
  162. color: #aba6a6;
  163. }
  164. .container .body .peopleMsg .peopleMsg_foot.data-v-ce976c48 {
  165. display: flex;
  166. align-items: center;
  167. justify-content: space-between;
  168. height: 116rpx;
  169. font-size: 36rpx;
  170. border-top: 2rpx solid #ebecf1;
  171. }
  172. .container .body .peopleMsg .peopleMsg_foot .foot_left.data-v-ce976c48 {
  173. display: flex;
  174. align-items: center;
  175. }
  176. .container .body .peopleMsg .peopleMsg_foot .foot_left .left_text.data-v-ce976c48 {
  177. margin-left: 12rpx;
  178. }
  179. .container .body .peopleMsg .peopleMsg_foot .foot_phone.data-v-ce976c48 {
  180. text-align: end;
  181. }
  182. .container .body .coupon.data-v-ce976c48 {
  183. box-sizing: border-box;
  184. padding: 0 30rpx 30rpx;
  185. margin: 20rpx auto 50rpx;
  186. width: 670rpx;
  187. color: #001713;
  188. box-shadow: 0px 3px 6px #ccc;
  189. background-color: #fff;
  190. }
  191. .container .body .coupon .coupon_title.data-v-ce976c48 {
  192. height: 96rpx;
  193. line-height: 96rpx;
  194. font-size: 36rpx;
  195. }
  196. .container .body .coupon .coupon_box.data-v-ce976c48 {
  197. display: flex;
  198. justify-content: space-between;
  199. align-items: center;
  200. height: 70rpx;
  201. }
  202. .container .body .coupon .coupon_box .box_left.data-v-ce976c48 {
  203. display: flex;
  204. align-items: center;
  205. }
  206. .container .body .coupon .coupon_box .box_left .left_img.data-v-ce976c48 {
  207. margin-right: 14rpx;
  208. width: 46rpx;
  209. height: 46rpx;
  210. }
  211. .container .body .coupon .coupon_box .box_right.data-v-ce976c48 {
  212. display: flex;
  213. align-items: center;
  214. font-size: 24rpx;
  215. color: #aba6a6;
  216. }
  217. .container .foot.data-v-ce976c48 {
  218. position: absolute;
  219. bottom: 0;
  220. box-sizing: border-box;
  221. padding: 0 30rpx;
  222. width: 100%;
  223. height: 244rpx;
  224. box-shadow: 0px -3px 6px #eee;
  225. background-color: #fff;
  226. }
  227. .container .foot .foot_box.data-v-ce976c48 {
  228. display: flex;
  229. align-items: center;
  230. justify-content: space-between;
  231. margin-top: 46rpx;
  232. height: 96rpx;
  233. }
  234. .container .foot .foot_box .box_text.data-v-ce976c48 {
  235. color: #dc2626;
  236. font-size: 36rpx;
  237. }
  238. .container .foot .foot_box .box_text .text.data-v-ce976c48 {
  239. font-size: 48rpx;
  240. }
  241. .container .foot .foot_box .box_btn.data-v-ce976c48 {
  242. display: flex;
  243. align-items: center;
  244. justify-content: center;
  245. width: 272rpx;
  246. height: 96rpx;
  247. font-size: 36rpx;
  248. color: #fff;
  249. border-radius: 64rpx;
  250. background-color: #ff8205;
  251. }
  252. .pop_rule.data-v-ce976c48 {
  253. height: 568rpx;
  254. color: #001713;
  255. overflow: hidden;
  256. }
  257. .pop_rule .rule_title.data-v-ce976c48 {
  258. display: flex;
  259. align-items: center;
  260. justify-content: center;
  261. height: 114rpx;
  262. font-size: 36rpx;
  263. background-color: #fff2e5;
  264. }
  265. .pop_rule .rule_body.data-v-ce976c48 {
  266. box-sizing: border-box;
  267. padding: 0 32rpx;
  268. }
  269. .pop_rule .rule_body .body_text.data-v-ce976c48 {
  270. box-sizing: border-box;
  271. padding: 30rpx;
  272. margin-top: 20rpx;
  273. font-size: 24rpx;
  274. border-radius: 32rpx;
  275. background-color: #fff2e5;
  276. }
  277. .pop_rule .rule_body .body_text .text.data-v-ce976c48 {
  278. margin-bottom: 8rpx;
  279. }
  280. .pop_rule .rule_body .body_btn.data-v-ce976c48 {
  281. display: flex;
  282. align-items: center;
  283. justify-content: center;
  284. margin-top: 20rpx;
  285. height: 94rpx;
  286. font-size: 36rpx;
  287. color: #fff;
  288. border-radius: 64rpx;
  289. background-color: #ff8205;
  290. }
  291. .pop_common.data-v-ce976c48 {
  292. height: 70vh;
  293. font-size: 36rpx;
  294. color: #001713;
  295. overflow: hidden;
  296. }
  297. .pop_common .common_title.data-v-ce976c48 {
  298. position: relative;
  299. display: flex;
  300. align-items: center;
  301. justify-content: center;
  302. height: 100rpx;
  303. border-bottom: 20rpx solid #ff8205;
  304. }
  305. .pop_common .common_title .title_close.data-v-ce976c48 {
  306. position: absolute;
  307. top: 34rpx;
  308. right: 40rpx;
  309. width: 40rpx;
  310. height: 40rpx;
  311. }
  312. .pop_common .common_body.data-v-ce976c48 {
  313. box-sizing: border-box;
  314. padding: 0 32rpx;
  315. }
  316. .pop_common .common_body .body_add.data-v-ce976c48 {
  317. margin: 25rpx 0 25rpx auto;
  318. width: 170rpx;
  319. font-size: 32rpx;
  320. color: #ff8205;
  321. }
  322. .pop_common .common_body .body_list.data-v-ce976c48 {
  323. height: calc(70vh - 396rpx);
  324. overflow-y: auto;
  325. }
  326. .pop_common .common_body .body_list .list_item.data-v-ce976c48 {
  327. display: flex;
  328. align-items: center;
  329. justify-content: space-between;
  330. margin-bottom: 20rpx;
  331. height: 120rpx;
  332. }
  333. .pop_common .common_body .body_list .list_item .item_left.data-v-ce976c48 {
  334. display: flex;
  335. align-items: center;
  336. height: 100%;
  337. }
  338. .pop_common .common_body .body_list .list_item .item_left .left_msg.data-v-ce976c48 {
  339. display: flex;
  340. flex-direction: column;
  341. justify-content: space-between;
  342. margin-left: 20rpx;
  343. height: 100%;
  344. font-size: 24rpx;
  345. color: #aba6a6;
  346. }
  347. .pop_common .common_body .body_list .list_item .item_left .left_msg .msg_name.data-v-ce976c48 {
  348. font-size: 36rpx;
  349. color: #001713;
  350. }
  351. .pop_common .common_body .scroll-container.data-v-ce976c48 {
  352. height: calc(80vh - 396rpx - 92rpx);
  353. /* 根据实际布局计算 */
  354. }
  355. .pop_common .common_body .loading.data-v-ce976c48, .pop_common .common_body .no-more.data-v-ce976c48 {
  356. text-align: center;
  357. padding: 5rpx 0;
  358. font-size: 22rpx;
  359. color: #999;
  360. }
  361. .pop_common .common_body .body_btn.data-v-ce976c48 {
  362. display: flex;
  363. align-items: center;
  364. justify-content: center;
  365. margin: 48rpx 0;
  366. width: 100%;
  367. height: 92rpx;
  368. color: #fff;
  369. border-radius: 48rpx;
  370. background-color: #ff8205;
  371. }
  372. .pop_pay.data-v-ce976c48 {
  373. height: 566rpx;
  374. color: #001713;
  375. font-size: 28rpx;
  376. }
  377. .pop_pay .pay_title.data-v-ce976c48 {
  378. display: flex;
  379. align-items: center;
  380. justify-content: center;
  381. height: 80rpx;
  382. font-size: 32rpx;
  383. border-bottom: 18rpx solid #ff8205;
  384. }
  385. .pop_pay .pay_close.data-v-ce976c48 {
  386. position: absolute;
  387. top: 24rpx;
  388. right: 42rpx;
  389. }
  390. .pop_pay .pay_list.data-v-ce976c48 {
  391. box-sizing: border-box;
  392. padding: 55rpx 0;
  393. display: flex;
  394. flex-direction: column;
  395. justify-content: space-between;
  396. height: 265rpx;
  397. }
  398. .pop_pay .pay_list .list_item.data-v-ce976c48 {
  399. display: flex;
  400. align-items: center;
  401. justify-content: space-between;
  402. box-sizing: border-box;
  403. padding: 0 32rpx 0 46rpx;
  404. }
  405. .pop_pay .pay_list .list_item .item_left.data-v-ce976c48 {
  406. display: flex;
  407. align-items: center;
  408. }
  409. .pop_pay .pay_list .list_item .item_left .img.data-v-ce976c48 {
  410. margin-right: 26rpx;
  411. width: 54rpx;
  412. height: 54rpx;
  413. }
  414. .pop_pay .pay_btn.data-v-ce976c48 {
  415. display: flex;
  416. align-items: center;
  417. justify-content: center;
  418. margin: auto;
  419. width: 720rpx;
  420. height: 94rpx;
  421. font-size: 36rpx;
  422. color: #fff;
  423. border-radius: 50rpx;
  424. background-color: #ff8205;
  425. }