xufangzixunxiangqing.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  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. }
  213. .top-panel{position: fixed; top: 45px; left:0; width: 100%; height: auto; z-index: 4;background-color: #f2f4f6;}
  214. .topmsg1{text-align: center; line-height: 30px; color: #909090;}
  215. #other_div .mui-slider-item{
  216. padding-bottom: 30px;
  217. margin-right: 10px;
  218. }
  219. #other_div .mui-slider-item li img {
  220. width: 43px;
  221. }
  222. .div-drug{width: 100%;z-index: 4;background: #fff;box-shadow: 0px 2px 5px #ddd;}
  223. .p10{padding:10px;}
  224. .div-xufang-status{width: 70px;height: 22px;position: absolute;right: 10px;border: 1px solid #17B3EC;color: #17B3EC;text-align: center;font-size: 12px;border-radius: 20px;}
  225. .c-btn2{
  226. display: inline-block;
  227. height: 30px;
  228. line-height: 30px;
  229. background-color: #17b3ef;
  230. color: #fff;
  231. border-radius: 6px;
  232. width: 100%;
  233. text-align: center;
  234. font-size: 12px;
  235. }
  236. .expand-box{
  237. position: absolute;
  238. bottom: -18px;
  239. left: 50%;
  240. background-color: #fff;
  241. width: 40px;
  242. text-align: center;
  243. margin-left: -20px;
  244. height: 36px;
  245. border-radius: 50%;
  246. box-shadow: 0px 2px 2px #ddd;
  247. z-index: -1;
  248. }
  249. .expand-box img{
  250. vertical-align: baseline;
  251. margin-top: 8px;
  252. }
  253. #diseaseTips{margin-top: 23px; font-size: 14px; color: #909090; text-align: center;}
  254. .new-sty a{color: #47A8EF!important;}
  255. .follow{font-size: 14px;color: #17B3EC;text-decoration: underline;width: 90px;text-align: right;z-index: 99;position: absolute;right: 3px;top: 19px;padding:15px 0px 5px 0px;}
  256. .xf-list{display: -webkit-box;}
  257. .xf-nav{width: 100%;height: 42px;position: relative;}
  258. .xf-li:last-child{margin-right: 0px;}
  259. .xf-li{width: 60px;margin-right: 10px;height: 32px;background-color: #17B3EC;color: #fff;font-size: 14px;text-align: center;line-height: 32px;border-radius: 5px;}
  260. .mui-scroll {width: auto!important;}
  261. .xf-record{position: relative;}
  262. .j-msg{padding-right: 94px;}
  263. .chat-right .word-bread.survey-msg{
  264. background-color: #e4e4e4;
  265. padding: 4px 5px;
  266. border-color: #dcdcdc;
  267. }
  268. .chat-right .word-bread.survey-msg:after{
  269. background-color: #e4e4e4;
  270. border-color: #dcdcdc;
  271. }
  272. .chat-left .word-bread.survey-msg{
  273. background-color: #e4e4e4;
  274. padding: 4px 5px!important;
  275. border-color: #dcdcdc;
  276. }
  277. .chat-left .word-bread.survey-msg:after{
  278. background-color: #e4e4e4;
  279. border-color: #dcdcdc;
  280. }
  281. .word-bread.survey-msg .msg-body{
  282. background-color: #fff;
  283. padding: 4px 5px;
  284. border-radius: 5px;
  285. }
  286. .chat-left .word-bread{
  287. padding: 6px 8px;
  288. }
  289. .chat-right .word-bread{
  290. padding: 6px 8px;
  291. }
  292. .xf-notice{font-size: 14px;color: #666;text-align: center;padding: 10px 0px;position: relative;left: 27px;}