zixunxiangqing.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. #other_div .mui-slider-item{
  2. padding-bottom: 30px;
  3. margin-right: 10px;
  4. }
  5. #other_div .mui-slider-item li img {
  6. width: 43px;
  7. }
  8. .xzzd.tixys span{
  9. background: #17b3ec;
  10. border:none;
  11. color: #fff;
  12. }
  13. .c-msg {
  14. background: none;
  15. line-height: inherit;
  16. color: #000;
  17. }
  18. .c-chat-box {
  19. border: none;
  20. padding-left: 2%;
  21. padding-right: 2%;
  22. }
  23. .service .tit{
  24. font-size: 16px;
  25. color: #323232;
  26. margin-top: 10px;
  27. text-align: center;
  28. position: relative;
  29. }
  30. .pulled-bg{
  31. width:30px ;
  32. height: 16px;
  33. background: url('../images/pull-bg.png') no-repeat;
  34. background-size: contain;
  35. position: absolute;
  36. bottom: -2px;
  37. left: 50%;
  38. margin-left: -15px;
  39. z-index: 100;
  40. }
  41. .pulled-down{
  42. width:24px ;
  43. height: 25px;
  44. background: url('../images/icon_shangla.png') no-repeat;
  45. background-size: contain;
  46. position: absolute;
  47. bottom: -14px;
  48. left: 50%;
  49. margin-left: -12px;
  50. z-index: 110;
  51. background-color: #f2f4f6;
  52. border-bottom-left-radius: 50%;
  53. border-bottom-right-radius: 50%;
  54. }
  55. .pulled-up{
  56. width:24px ;
  57. height: 25px;
  58. background: url('../images/icon_xiala.png') no-repeat;
  59. background-size: contain;
  60. position: absolute;
  61. bottom: -14px;
  62. left: 50%;
  63. margin-left: -12px;
  64. z-index: 110;
  65. background-color: #f2f4f6;
  66. border-bottom-left-radius: 50%;
  67. border-bottom-right-radius: 50%;
  68. }
  69. .no-service{
  70. width: 100%;
  71. background-color: #fff;
  72. border-bottom: solid 1px #dcdcdc;
  73. position: fixed;
  74. top: 45px;
  75. left: 0px;
  76. z-index: 99;
  77. height:50px;
  78. line-height: 50px;
  79. text-align: center;
  80. font-size: 16px;
  81. color: #323232;
  82. }
  83. .service{
  84. width: 100%;
  85. height: 50px;
  86. background-color: #fff;
  87. border-bottom: solid 1px #dcdcdc;
  88. position: fixed;
  89. top: 45px;
  90. left: 0px;
  91. z-index: 99;
  92. }
  93. .value-show{
  94. width: 100%;
  95. background-color: #fff;
  96. border-bottom: solid 1px #dcdcdc;
  97. position: fixed;
  98. top: 45px;
  99. left: 0px;
  100. z-index: 99;
  101. }
  102. .value-show .nav{
  103. font-size: 14px;
  104. color: #909090;
  105. width: 100%;
  106. text-align: center;
  107. margin-top: 10px;
  108. }
  109. .value-show .msg{
  110. padding-bottom: 15px;
  111. }
  112. .value-show .msg li.one .img{
  113. width: 30px;
  114. height: 30px;
  115. border-radius: 50%;
  116. overflow: hidden;
  117. margin-right: 10px;
  118. }
  119. .value-show .msg li.one .name{
  120. width: 80px;
  121. font-size: 14px;
  122. color: #323232;
  123. margin-right: 15px;
  124. overflow: hidden;
  125. text-overflow: ellipsis;
  126. white-space: nowrap;
  127. }
  128. .value-show .msg li.one{
  129. display: -webkit-box;
  130. display: box;
  131. margin-top: 15px;
  132. -webkit-box-align: center;
  133. box-align:center;
  134. padding-left: 10px;
  135. }
  136. .value-show .msg li.one:first-child{
  137. margin-top: 10px;
  138. }
  139. .value-show .msg li.one .img img{
  140. width: 100%;
  141. }
  142. .value-show .star li{
  143. margin-right: 5px;
  144. width: 16px;
  145. height: 16px;
  146. }
  147. .value-show .star{
  148. display: -webkit-box;
  149. display: box;
  150. -webkit-box-align: center;
  151. box-align:center;
  152. }
  153. .value-show .star li img{
  154. width: 100%;
  155. }
  156. .new-li{
  157. margin-top: 10px;
  158. display: -webkit-box;
  159. -webkit-box-align: center;
  160. margin-bottom: 20px;
  161. }
  162. .new-li:last-child{
  163. margin-bottom: 10px;
  164. }
  165. .new-li .p1{
  166. width: 120px;
  167. }
  168. .new-li .p1 .imgs{
  169. width: 50px;
  170. height: 50px;
  171. border-radius: 50%;
  172. overflow: hidden;
  173. margin: 0px auto;
  174. }
  175. .new-li .p1 .name{
  176. width: 100px;
  177. text-align: center;
  178. font-size: 14px;
  179. color: #333;
  180. overflow: hidden;
  181. text-overflow: ellipsis;
  182. white-space: nowrap;
  183. margin: 5px auto 0px;
  184. }
  185. .new-li .p1 .imgs img{
  186. width: 100%;
  187. }
  188. .new-li .p2 .div{
  189. display: -webkit-box;
  190. -webkit-box-align: center;
  191. margin-bottom: 6px;
  192. }
  193. .new-li .p2 .div:last-child{
  194. margin-bottom: 0px;
  195. }
  196. .new-li .p2 .div .label{
  197. font-size: 14px;
  198. color: #333;
  199. line-height: 21px;
  200. margin-right: 15px;
  201. }
  202. .new-li .p2 .div .list{
  203. display: -webkit-box;
  204. }
  205. .new-li .p2 .div .list li{
  206. margin-right: 5px;
  207. width: 16px;
  208. height: 16px;
  209. }
  210. .new-li .p2 .div .list li img{
  211. width: 100%;
  212. }