carRentalList.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. .store-card {
  2. background-color: #ffffff;
  3. border-radius: 32rpx;
  4. padding: 32rpx;
  5. margin-bottom: 20rpx;
  6. }
  7. .card-top-style>view:nth-of-type(1) {
  8. color: #2A3A5A;
  9. font-size: 36rpx;
  10. font-weight: bold;
  11. margin-bottom: 20rpx;
  12. }
  13. .card-top-style>view:nth-of-type(2) {
  14. font-family: DIN, DIN;
  15. color: #0074FF;
  16. font-family: DIN, DIN;
  17. font-size: 26rpx;
  18. font-weight: bold;
  19. text-align: center;
  20. height: 36rpx;
  21. line-height: 36rpx;
  22. background-color: #E5F1FF;
  23. border-radius: 20rpx;
  24. /* padding: 5rpx 18rpx; */
  25. padding-left: 18rpx;
  26. padding-right: 18rpx;
  27. }
  28. .align-c {
  29. display: flex;
  30. align-items: center;
  31. font-weight: 600;
  32. font-size: 24rpx;
  33. color: #060809;
  34. }
  35. .card-center-ren view {
  36. margin-right: 12rpx;
  37. font-size: 22rpx;
  38. color: #2A3A5A;
  39. border-radius: 8rpx;
  40. padding: 12rpx 20rpx;
  41. border: 2rpx solid #E7EAEE;
  42. font-family: PingFangSC, PingFang SC;
  43. line-height: 20rpx;
  44. font-style: normal;
  45. margin-bottom: 24rpx;
  46. }
  47. .card-center-num {
  48. font-family: DIN, DIN;
  49. font-weight: bold;
  50. font-size: 26rpx;
  51. color: #0074FF;
  52. text-align: left;
  53. font-style: normal;
  54. margin-right: 4rpx;
  55. }
  56. .card-bottom{
  57. margin-bottom: 36rpx;
  58. }
  59. .card-bottom img,
  60. .second-view img {
  61. width: 160rpx;
  62. height: 160rpx;
  63. border-radius: 16rpx;
  64. }
  65. .bottom-item {
  66. margin-left: 24rpx;
  67. width: 100%;
  68. text-align: left;
  69. }
  70. .bottom-item>view:nth-of-type(1) {
  71. color: #2A3A5A;
  72. font-size: 32rpx;
  73. font-weight: bold;
  74. margin-bottom: 16rpx;
  75. }
  76. .bottom-item>view:nth-of-type(2) {
  77. color: #9FA7B7;
  78. font-size: 24rpx;
  79. margin-bottom: 30rpx;
  80. }
  81. .bottom-text {
  82. color: #2A3A5A;
  83. font-size: 28rpx;
  84. display: flex;
  85. align-items: baseline;
  86. }
  87. .bottom-text>text:nth-of-type(1) {
  88. color: #F95151;
  89. font-weight: bold;
  90. }
  91. .bottom-text>text:nth-of-type(2) {
  92. color: #F95151;
  93. font-size: 40rpx;
  94. font-weight: bold;
  95. }
  96. .contents {
  97. width: 100%;
  98. height: 170rpx;
  99. overflow: hidden;
  100. margin-top: 32rpx;
  101. }
  102. .card-second {
  103. /* height: 100rpx; */
  104. /* #ifdef MP-ALIPAY */
  105. width: 90% !important;
  106. /* #endif */
  107. /* #ifdef MP-WEIXIN */
  108. width: 80% !important;
  109. /* #endif */
  110. padding-left: 32rpx;
  111. padding-right: 32rpx;
  112. border-right: 2rpx solid #EBF3FF;
  113. }
  114. .second-view {
  115. width: 100%;
  116. }
  117. .form-item {
  118. height: 170rpx;
  119. width: 85% !important;
  120. border-right: 2rpx solid #EBF3FF;
  121. display: inline-flex;
  122. flex-direction: column;
  123. /* padding-left: 32rpx; */
  124. padding-right: 32rpx;
  125. }
  126. .scrollview-box {
  127. margin-top: 32rpx;
  128. white-space: nowrap;
  129. width: 100%;
  130. }
  131. .empty {
  132. font-size: 30rpx;
  133. width: 100%;
  134. text-align: center;
  135. margin-top: 40rpx;
  136. }
  137. .time-style-view{
  138. font-weight: 400;
  139. font-size: 26rpx;
  140. color: #828DA2;
  141. padding: 8rpx 12rpx;
  142. border-radius: 8rpx;
  143. border: 2rpx solid #E7EAEE;
  144. }