cardlist.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. .panelTop {
  2. width: 100%;
  3. justify-content: space-between;
  4. height: 100rpx;
  5. position: fixed;
  6. top: 0;
  7. background-color: #f2f2f2;
  8. border-bottom: 1rpx solid #d2d2d2;
  9. }
  10. .text1 {
  11. margin-left: 30rpx;
  12. font-size: 28rpx;
  13. color: #4D4D4D;
  14. }
  15. .panelTopRight {
  16. margin-right: 20rpx;
  17. }
  18. .panelTopRight1 {
  19. width: 80rpx;
  20. height: 80rpx;
  21. }
  22. .icon_transfer_1 {
  23. width: 32rpx;
  24. height: 26rpx;
  25. }
  26. .icon_back2top_1 {
  27. width: 26rpx;
  28. height: 28rpx;
  29. }
  30. .panelHeight {
  31. width: 100%;
  32. height: 130rpx;
  33. }
  34. .text2 {
  35. margin: 60rpx 0 10rpx 30rpx;
  36. font-size: 32rpx;
  37. color: #4D4D4D;
  38. align-self: flex-start;
  39. }
  40. .panelCard {
  41. background: #FFFFFF;
  42. border-radius: 10rpx;
  43. width: 710rpx;
  44. min-height: 279rpx;
  45. margin: 20rpx 0;
  46. justify-content: flex-start;
  47. }
  48. .cardText1 {
  49. font-size: 30rpx;
  50. color: #1E1E1E;
  51. width: 650rpx;
  52. margin-top: 30rpx;
  53. }
  54. .cardText2 {
  55. font-size: 22rpx;
  56. color: #1E1E1E;
  57. width: 650rpx;
  58. margin-top: 8rpx;
  59. font-weight: 400;
  60. }
  61. .panelCard1 {
  62. width: 100%;
  63. margin-top: 20rpx;
  64. justify-content: space-between;
  65. }
  66. .panelCardLeft {
  67. margin-left: 30rpx;
  68. justify-content: flex-start;
  69. }
  70. .panelCardRight {
  71. margin-right: 30rpx;
  72. justify-content: flex-end;
  73. }
  74. .universalpic_cardlist_gray_22x20 {
  75. width: 22rpx;
  76. height: 20rpx;
  77. }
  78. .universalpic_star_yellow_20x20 {
  79. width: 20rpx;
  80. height: 20rpx;
  81. margin-left: 20rpx;
  82. }
  83. .universalpic_arrow_down_black_14x10 {
  84. width: 14rpx;
  85. height: 10rpx;
  86. }
  87. .cardText {
  88. font-size: 20rpx;
  89. color: #787878;
  90. }
  91. .cardText3 {
  92. width: 164rpx;
  93. overflow: hidden;
  94. margin-left: 10rpx;
  95. }
  96. .cardText4 {
  97. margin-left: 20rpx;
  98. }
  99. .panelCardLine {
  100. margin-right: 20rpx;
  101. width: 2rpx;
  102. height: 20rpx;
  103. background-color: #d2d2d2;
  104. }
  105. .cardText5 {
  106. margin-right: 15rpx;
  107. }
  108. .cardText6 {
  109. margin-right: 10rpx;
  110. }
  111. .panelCardLine2 {
  112. width: 650rpx;
  113. height: 1rpx;
  114. background-color: #e3e3e3;
  115. margin: 30rpx 0 10rpx 0;
  116. }
  117. .panelCard2 {
  118. width: 100%;
  119. margin-top: 20rpx;
  120. justify-content: space-between;
  121. }
  122. .cardText7 {
  123. font-weight: 400;
  124. font-size: 22rpx;
  125. width: 70rpx;
  126. }
  127. .cardTextColor {
  128. background: #FE6659;
  129. border-radius: 4rpx;
  130. width: 26rpx;
  131. height: 16rpx;
  132. margin-right: 10rpx;
  133. }
  134. .cardText8 {
  135. font-weight: 400;
  136. font-size: 22rpx;
  137. }
  138. .panelCardHeight {
  139. height: 30rpx;
  140. }
  141. .panelFooter {
  142. position: fixed;
  143. bottom: 0;
  144. width: 100%;
  145. height: 130rpx;
  146. z-index: 10;
  147. background-color: #fff;
  148. border-top: 1rpx solid #d2d2d2;
  149. }
  150. .panelFooter1 {
  151. width: 720rpx;
  152. height: 100rpx;
  153. background: #5282FA;
  154. border-radius: 20rpx;
  155. }
  156. .icon_chart_4 {
  157. width: 30rpx;
  158. height: 30rpx;
  159. }
  160. .panelFooterText {
  161. font-size: 36rpx;
  162. color: #FFFFFF;
  163. margin-left: 20rpx;
  164. }
  165. .container2{
  166. position: absolute;
  167. top:0;
  168. background-color: rgba(0,0,0,0.16);
  169. z-index: 20;
  170. }