carModel.wxss 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .box.data-v-411247ea {
  28. min-height: 100vh;
  29. background: #F4F5F7;
  30. }
  31. .vinboxTwoTopFh.data-v-411247ea {
  32. font-size: 26rpx;
  33. padding: 30rpx 24rpx;
  34. color: #3F90F7;
  35. }
  36. .vinboxTwoBottom.data-v-411247ea {
  37. width: 750rpx;
  38. height: 120rpx;
  39. background: #FFFFFF;
  40. box-shadow: 0px -2px 20px 0px rgba(153, 153, 153, 0.2);
  41. position: absolute;
  42. left: 0;
  43. bottom: 0;
  44. display: flex;
  45. justify-content: space-around;
  46. }
  47. .shoudonng.data-v-411247ea {
  48. width: 336rpx;
  49. height: 74rpx;
  50. border-radius: 37rpx;
  51. border: 1px solid #FF4F00;
  52. line-height: 74rpx;
  53. text-align: center;
  54. font-size: 30rpx;
  55. color: #FF4F00;
  56. margin-top: 23rpx;
  57. }
  58. .qrcx.data-v-411247ea {
  59. width: 336rpx;
  60. height: 74rpx;
  61. background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
  62. border-radius: 37rpx;
  63. line-height: 74rpx;
  64. text-align: center;
  65. font-size: 30rpx;
  66. color: #FFFFFF;
  67. margin-top: 23rpx;
  68. }
  69. .vinXzBox.data-v-411247ea {
  70. padding-bottom: 120rpx;
  71. }
  72. .loginLogo.data-v-411247ea {
  73. width: 28rpx;
  74. height: 28rpx;
  75. }
  76. .vinXzLineyk.data-v-411247ea {
  77. width: 24rpx;
  78. height: 24rpx;
  79. border: 2rpx solid #999999;
  80. border-radius: 50%;
  81. }
  82. .vinXzLine.data-v-411247ea {
  83. padding: 30rpx 24rpx;
  84. display: flex;
  85. justify-content: space-between;
  86. color: #3C3C3C;
  87. font-size: 28rpx;
  88. line-height: 28rpx;
  89. border-bottom: 1px solid #DDDDDD;
  90. }
  91. .vinboxTwoTopVIn.data-v-411247ea {
  92. font-size: 28rpx;
  93. color: #666666;
  94. padding-left: 24rpx;
  95. padding-bottom: 30rpx;
  96. }
  97. .zdyNav.data-v-411247ea {
  98. width: 100vw;
  99. background: #FFFFFF;
  100. position: fixed;
  101. top: 0;
  102. left: 0;
  103. z-index: 1111111;
  104. }
  105. .zdyNavCont.data-v-411247ea {
  106. height: 44px;
  107. font-size: 28rpx;
  108. display: flex;
  109. justify-content: space-between;
  110. line-height: 44px;
  111. }
  112. .vinCxNum.data-v-411247ea {
  113. background: #F4F5F7;
  114. font-size: 26rpx;
  115. padding: 18rpx 24rpx;
  116. color: #999999;
  117. }
  118. .baiheibackImg.data-v-411247ea {
  119. width: 70px;
  120. height: 44px;
  121. }
  122. .gaunbiIMg.data-v-411247ea {
  123. width: 20px;
  124. height: 20px;
  125. padding: 12px;
  126. }
  127. .zdyNavContRight.data-v-411247ea {
  128. width: 114px;
  129. }
  130. .smvin.data-v-411247ea {
  131. color: #3C3C3C;
  132. font-size: 30rpx;
  133. }
  134. .smvin2.data-v-411247ea {
  135. color: #999999;
  136. font-size: 26rpx;
  137. }
  138. .tab2.data-v-411247ea {
  139. padding: 30rpx 24rpx;
  140. min-height: calc(100vh - 150rpx - 44px);
  141. background: #FFFFFF;
  142. position: relative;
  143. }
  144. .vinboxTwo.data-v-411247ea {
  145. position: absolute;
  146. top: 0;
  147. left: 0;
  148. width: 750rpx;
  149. min-height: calc(100vh - 150rpx - 44px);
  150. background: #FFFFFF;
  151. }
  152. .sltpImg.data-v-411247ea {
  153. width: 704rpx;
  154. height: 353rpx;
  155. }
  156. .vinImg.data-v-411247ea {
  157. width: 704rpx;
  158. }
  159. .sltp.data-v-411247ea {
  160. padding-top: 20rpx;
  161. }
  162. .vinSc.data-v-411247ea {
  163. width: 690rpx;
  164. height: 74rpx;
  165. background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
  166. border-radius: 37rpx;
  167. text-align: center;
  168. line-height: 74rpx;
  169. color: #FFFFFF;
  170. font-size: 30rpx;
  171. margin-top: 70rpx;
  172. }
  173. .nodataImg.data-v-411247ea {
  174. width: 400rpx;
  175. padding-top: 100rpx;
  176. }
  177. .noTxt.data-v-411247ea {
  178. font-size: 36rpx;
  179. color: #999999;
  180. padding-top: 50rpx;
  181. }
  182. .nodataBox.data-v-411247ea {
  183. text-align: center;
  184. }
  185. .addBtn.data-v-411247ea {
  186. width: 690rpx;
  187. height: 74rpx;
  188. background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
  189. border-radius: 37rpx;
  190. line-height: 74rpx;
  191. text-align: center;
  192. color: #FFFFFF;
  193. font-size: 30rpx;
  194. position: fixed;
  195. bottom: 23rpx;
  196. left: 30rpx;
  197. }
  198. .carlistBox.data-v-411247ea {
  199. padding-bottom: 120rpx;
  200. }
  201. .tab.data-v-411247ea {
  202. background: #FFFFFF;
  203. display: flex;
  204. justify-content: space-around;
  205. line-height: 93rpx;
  206. color: #3C3C3C;
  207. font-size: 30rpx;
  208. border-bottom: 1px solid #F4F5F7;
  209. }
  210. .activeTab.data-v-411247ea {
  211. color: #FF4F00;
  212. text-decoration: underline;
  213. }
  214. /* .brand-select-title{
  215. height: 80px;
  216. background:rgba(247,247,247,1);
  217. position: relative;
  218. } */
  219. .brand-select .brand-select-title.data-v-411247ea {
  220. height: 80rpx;
  221. background: #f7f7f7;
  222. position: relative;
  223. }
  224. .brand-select .brand-select-title ._h5.data-v-411247ea {
  225. position: absolute;
  226. height: 40rpx;
  227. font-size: 28rpx;
  228. font-weight: 500;
  229. color: #666666;
  230. line-height: 40rpx;
  231. top: 20rpx;
  232. left: 30rpx;
  233. }
  234. .brand-select .brand-select-wrapper.data-v-411247ea {
  235. display: flex;
  236. flex-wrap: wrap;
  237. background: white;
  238. width: 100vw;
  239. }
  240. .brand-select .brand-select-wrapper .brand-select-item.data-v-411247ea {
  241. display: block;
  242. width: 80rpx;
  243. height: 100rpx;
  244. padding: 30rpx;
  245. }
  246. .brand-select .brand-select-wrapper .brand-select-item ._img.data-v-411247ea {
  247. display: inline-block;
  248. margin-left: 10rpx;
  249. width: 60rpx;
  250. height: 60rpx;
  251. }
  252. .brand-select .brand-select-wrapper .brand-select-item ._span.data-v-411247ea {
  253. display: inline-block;
  254. text-align: center;
  255. height: 33rpx;
  256. width: 90rpx;
  257. font-size: 24rpx;
  258. font-weight: 400;
  259. color: #333333;
  260. line-height: 33rpx;
  261. }
  262. .fast-navigation.data-v-411247ea {
  263. position: fixed;
  264. text-align: center;
  265. right: 16rpx;
  266. top: 360rpx;
  267. width: 23rpx;
  268. font-size: 30rpx;
  269. font-weight: 500;
  270. line-height: 35rpx;
  271. color: #999999;
  272. }
  273. .fast-navigation ._a.data-v-411247ea {
  274. display: block;
  275. }
  276. .fast-navigation .select.data-v-411247ea {
  277. color: #FF4F00;
  278. }
  279. .scroll-view.data-v-411247ea {
  280. height: calc(100vh - 93rpx);
  281. }
  282. .popup-height.data-v-411247ea {
  283. width: 200px;
  284. }
  285. .popup-content.data-v-411247ea {
  286. width: 590rpx;
  287. background: #FFFFFF;
  288. height: 100vh;
  289. }
  290. .carModel-nav-title.data-v-411247ea {
  291. height: 100rpx;
  292. background: linear-gradient(134deg, #FF8635 0%, #FF4828 100%);
  293. line-height: 100rpx;
  294. display: flex;
  295. z-index: 500;
  296. }
  297. .carModel-nav-title.cell-logo.data-v-411247ea {
  298. position: -webkit-sticky;
  299. position: sticky;
  300. top: 0;
  301. background: linear-gradient(134deg, #FF8635 0%, #FF4828 100%);
  302. }
  303. .carModel-nav-title .carModel-nav-title-box.data-v-411247ea {
  304. width: 100%;
  305. display: flex;
  306. }
  307. .carModel-nav-title .carModel-nav-title-img.data-v-411247ea {
  308. margin: 20rpx;
  309. width: 60rpx;
  310. height: 60rpx;
  311. }
  312. .carModel-nav-title .carModel-nav-title-msg.data-v-411247ea {
  313. font-size: 30rpx;
  314. font-weight: 400;
  315. color: white;
  316. display: block;
  317. padding-right: 20rpx;
  318. }
  319. .cell-item-title.data-v-411247ea {
  320. height: 60rpx;
  321. background: #fafafa;
  322. font-size: 28rpx;
  323. font-weight: 400;
  324. color: #666666;
  325. line-height: 60rpx;
  326. padding-left: 26rpx;
  327. }
  328. .span-cell.data-v-411247ea {
  329. position: relative;
  330. display: flex;
  331. box-sizing: border-box;
  332. width: 100%;
  333. padding: 6rpx 30rpx;
  334. overflow: hidden;
  335. color: #323233;
  336. font-size: 3.73333vw;
  337. line-height: 82rpx;
  338. height: 82rpx;
  339. background-color: #fff;
  340. border-bottom: 1px solid #ebedf0;
  341. }
  342. .carModel-nav-title.data-v-411247ea {
  343. height: 100rpx;
  344. background: linear-gradient(134deg, #FF8635 0%, #FF4828 100%);
  345. line-height: 100rpx;
  346. display: flex;
  347. z-index: 500;
  348. }
  349. .carModel-nav-title.cell-logo.data-v-411247ea {
  350. position: -webkit-sticky;
  351. position: sticky;
  352. top: 0;
  353. background: linear-gradient(134deg, #FF8635 0%, #FF4828 100%);
  354. }
  355. .carModel-nav-title .carModel-nav-title-box.data-v-411247ea {
  356. width: 100%;
  357. display: flex;
  358. }
  359. .carModel-nav-title .carModel-nav-title-img.data-v-411247ea {
  360. margin: 20rpx;
  361. width: 60rpx;
  362. height: 60rpx;
  363. }
  364. .carModel-nav-title .carModel-nav-title-msg.data-v-411247ea {
  365. font-size: 30rpx;
  366. font-weight: 400;
  367. color: white;
  368. display: block;
  369. padding-right: 20px;
  370. }
  371. .displacementListLine.data-v-411247ea {
  372. min-height: 50rpx;
  373. padding: 20rpx 20rpx 20rpx 30rpx;
  374. font-size: 28rpx;
  375. font-weight: 600;
  376. color: #333333;
  377. line-height: 50rpx;
  378. border-top: 2rpx solid #eeeeee;
  379. background-color: white;
  380. }
  381. .displacementListBox.data-v-411247ea {
  382. position: fixed;
  383. top: 0;
  384. left: 0;
  385. width: 100vw;
  386. height: 100vh;
  387. background: #F4F5F7;
  388. z-index: 11111;
  389. }
  390. .carGroupListBox.data-v-411247ea {
  391. position: fixed;
  392. top: 0;
  393. left: 0;
  394. width: 100vw;
  395. height: 100vh;
  396. background: #F4F5F7;
  397. z-index: 11111;
  398. }
  399. .brandList.data-v-411247ea {
  400. height: calc(100vh - 100rpx);
  401. }
  402. .brand-select-titleselect.data-v-411247ea {
  403. color: #FF4F00 !important;
  404. }