index.scss 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. .Page.buildingPropertyConsultant {
  2. width: 100%;
  3. height: 100%;
  4. > scroll-view {
  5. width: 100%;
  6. height: 100%;
  7. .TopTips {
  8. display: block;
  9. padding: 0 30px;
  10. font-size: 28px;
  11. color: rgba(0, 0, 0, 0.31);
  12. line-height: 80px;
  13. background: #F5F5F5;
  14. }
  15. .List {
  16. position: relative;
  17. overflow: hidden;
  18. padding: 0 30px;
  19. >view {
  20. position: relative;
  21. overflow: hidden;
  22. padding: 20px 0 40px;
  23. border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  24. margin-top: 20px;
  25. &:first-child {
  26. margin-top: 0;
  27. }
  28. >.flex-h {
  29. align-items: center;
  30. >.Icon {
  31. width: 92px;
  32. height: 92px;
  33. border-radius: 100%;
  34. background: #eee;
  35. position: relative;
  36. overflow: hidden;
  37. margin-right: 20px;
  38. >image {
  39. width: 100%;
  40. height: 100%;
  41. }
  42. }
  43. >.flex-item {
  44. >.Name {
  45. font-size: 0;
  46. white-space: nowrap;
  47. >text {
  48. display: inline-block;
  49. vertical-align: middle;
  50. font-size: 32px;
  51. color: #333;
  52. line-height: 44px;
  53. }
  54. >image {
  55. height: 32px;
  56. margin-left: 20px;
  57. display: inline-block;
  58. vertical-align: middle;
  59. }
  60. }
  61. >text {
  62. display: block;
  63. font-size: 28px;
  64. color: rgba(0, 0, 0, 0.44);
  65. line-height: 40px;
  66. margin-top: 8px;
  67. }
  68. }
  69. >text {
  70. font-size: 50px;
  71. line-height: 80px;
  72. width: 80px;
  73. text-align: center;
  74. border-radius: 100%;
  75. background: rgba(251, 171, 87, 0.12);
  76. color: #FBAB57;
  77. margin-left: 40px;
  78. &:last-child {
  79. background: rgba(129, 188, 75, 0.12);
  80. color: #81BC4B;
  81. }
  82. }
  83. }
  84. >.Desc {
  85. position: relative;
  86. overflow: hidden;
  87. background: #F9F9F9;
  88. padding: 24px 20px;
  89. margin-top: 20px;
  90. >text {
  91. display: block;
  92. font-size: 28px;
  93. color: rgba(0, 0, 0, 0.36);
  94. line-height: 40px;
  95. }
  96. }
  97. }
  98. >.More {
  99. text-align: center;
  100. border: none;
  101. >text {
  102. display: inline-block;
  103. font-size: 28px;
  104. color: #333;
  105. line-height: 40px;
  106. }
  107. }
  108. >.BottomTips {
  109. display: block;
  110. text-align: center;
  111. font-size: 28px;
  112. color: #999;
  113. line-height: 40px;
  114. margin-top: 20px;
  115. margin-bottom: 40px;
  116. }
  117. }
  118. }
  119. }