adviserList.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. /* 搜索 */
  2. .indexSearch{
  3. width: 100%;
  4. height: 53px;
  5. background: #f9f9f9;
  6. padding: 8px 0 ;
  7. margin: 22px auto 34px;
  8. box-shadow: 0 0 1px #ccc;
  9. }
  10. footer{
  11. display: none;
  12. }
  13. .indexSearch .search-inp{
  14. clear: both;
  15. width:635px;
  16. height: 36px;
  17. float: right;
  18. margin-right: 8px;
  19. }
  20. .form-control,.btn{
  21. border-radius: 0
  22. }
  23. .searchBtn{
  24. width: 104px;
  25. font-size: 18px;
  26. }
  27. .indexSearch .demandSearch{
  28. width: 530px;
  29. height: 36px;
  30. line-height: 34px;
  31. border-color: #bbd5e5;
  32. }
  33. .indexSearch .searchBtn{
  34. height: 36px;
  35. line-height: 22px;
  36. background: #1697e9;
  37. border: 1px solid #1697e9;
  38. color: #ffffff;
  39. }
  40. .indexSearch .searchBtn img{
  41. width: 25px;height: 24px;
  42. vertical-align: top
  43. }
  44. .indexSearch .search-inp .input-group{
  45. width: 530px;
  46. }
  47. /* 列表 */
  48. .pagination_box {
  49. width: 100%;
  50. line-height: 74px
  51. }
  52. .pagination_box nav {
  53. float: right;
  54. clear: both;
  55. }
  56. .pagination_box ul li a {
  57. color: #333
  58. }
  59. .pagination_box .pagination {
  60. float: right;
  61. margin-right: 20px;
  62. }
  63. .pagination_box .totalCount {
  64. float: right;
  65. line-height:84px;
  66. display: inline-block;
  67. margin-right: 15px;
  68. }
  69. .inp{
  70. float: right;
  71. }
  72. .pagination_box{
  73. display: none;
  74. }
  75. .list_none {
  76. width: 550px;
  77. height: 150px;
  78. background: url("../../../img/all_null.png") no-repeat;
  79. margin: 50px auto;
  80. }
  81. .inp{
  82. display: none;
  83. }
  84. .inp input{
  85. vertical-align:middle;
  86. width:40px;
  87. height: 32px;
  88. text-align: center;
  89. border-radius: 5px;
  90. border:1px solid #ccc;
  91. }
  92. .inp button{
  93. margin: 0 10px;
  94. width: 50px;
  95. }
  96. .nubCollect{
  97. display: inline-block;
  98. margin-left: 20px;
  99. }
  100. .search{
  101. width: 100%;
  102. height: 52px;
  103. line-height: 52px;
  104. background: #f9f9f9;
  105. }
  106. .pagination_box .pagePre a{
  107. margin-right: 10px
  108. }
  109. .pagination_box .pageNext a{
  110. margin-left: 10px;
  111. }
  112. .sort a{
  113. display: inline-block;
  114. padding: 0 16px 0;
  115. text-align: center;
  116. font-size: 16px;
  117. color: #40acff;
  118. border: 1px solid #40acff;
  119. height: 34px;
  120. line-height: 32px;
  121. margin-right: 17px;
  122. border-radius: 20px;
  123. cursor: pointer;
  124. }
  125. .sort a.active{
  126. background: #1697e9;
  127. color: #ffffff;
  128. }
  129. .adviserList{
  130. margin-top: 10px;
  131. width: 100%;
  132. }
  133. .adviserList ul li{
  134. margin-bottom: 35px;
  135. height: 192px;
  136. padding-top: 30px;
  137. border: 1px solid #eaeaea;
  138. background: #fbfbfb;
  139. border-radius: 15px;
  140. }
  141. .adviserList ul li:hover{
  142. box-shadow: 0 0 20px #ccc;
  143. }
  144. .adviserList ul li div a{
  145. width: 100%;
  146. display: inline-block;
  147. }
  148. .adviserList ul li div img{
  149. width:118px;
  150. height: 118px;
  151. border-radius: 50%;
  152. float: left;
  153. margin-left: 23px;
  154. border-radius: 50%;
  155. }
  156. .adviserList ul li div .txt{
  157. width: 1000px;
  158. margin-right: 27px;
  159. float: right;
  160. }
  161. .txt .address{
  162. color: #1697e9!important;
  163. clear: both;
  164. margin-bottom: 5px;
  165. }
  166. .adviserList ul li div .txt>div{
  167. height: 50px;
  168. line-height: 50px;
  169. overflow: hidden;
  170. }
  171. .adviserList ul li div .txt>div h4{
  172. float: left;
  173. line-height: 50px;
  174. color: #1f1f1f;
  175. font-size: 22px;
  176. }
  177. .adviserList ul li div .txt>div h4 span{
  178. display: inline-block;
  179. margin-left: 18px;
  180. color: #1797e9;
  181. font-size: 18px;
  182. }
  183. .adviserList ul li div .txt>div p{
  184. float: right;
  185. }
  186. .adviserList ul li div .txt>div p{
  187. color: #ff6b26;
  188. font-size: 12px;
  189. }
  190. .adviserList ul li div .txt>div p .heart{
  191. display: inline-block;
  192. width: 20px;
  193. height: 16px;
  194. margin-left: 8px;
  195. vertical-align: top;
  196. margin-top: 16px;
  197. background: url(../../../img/newMenu/serviceDetal_03.jpg)no-repeat;
  198. background-size:100% 100%;
  199. }
  200. .adviserList ul li div .txt>div p .heart.active{
  201. background: url(../../../img/newMenu/serviceDetal_Ok.jpg)no-repeat;
  202. background-size:100% 100%;
  203. }
  204. .adviserList ul li div .txt>p{
  205. font-size: 14px;
  206. color: #707070;
  207. overflow: hidden;
  208. display: -webkit-box;
  209. text-overflow: ellipsis;
  210. -webkit-box-orient: vertical;
  211. -webkit-line-clamp:3;
  212. text-align: justify;
  213. }
  214. .pagination_box .totalCount{
  215. line-height: 76px;
  216. }
  217. .pagination_box .inp input{
  218. margin-top: -5px;
  219. }
  220. .pagination_box .inp button{
  221. margin-top: -5px;
  222. line-height: 0;
  223. }