searchdoctor.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. .searchbar { border-bottom: 1px solid #CCC; }
  2. #search_suggest_text { position: absolute; top: 50px; left: 8px; color: #17b3ec; font-size: 18px;z-index: 10;}
  3. .locate-city { background-color: #F2F3F5; }
  4. .locate-city img { width: 15px; height: 20px; }
  5. .list-wrap { border-top: 1px solid #CCC; /*background-color: #FFF;*/ }
  6. .more-result { display: block; height: 35px; line-height: 35px; margin-left: -10px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
  7. .more-result>span { position: relative; color: #666; }
  8. .more-result .fa-angle-right { position: absolute; top: -3px; right: -10px;font-size: 22px; }
  9. .search-target-text em { font-weight: bold; color: #75BF00; }
  10. .scroll-wrapper { top: 0px; }
  11. #search_suggest_text { left: 0; width: 100%; padding-left: 8px; box-sizing: border-box; }
  12. .no-result-img { display: block; width: 320px; height: 184px; margin: 0 auto; margin-top: 160px; }
  13. .j-text-ellipsis em { font-weight: bold; color: #23AFFF; }
  14. #jumin_wrapper .c-list > li { margin-left: 0; }
  15. .l-sanshi-ico { width: 150px; }
  16. .lin-search{
  17. height: 30px;
  18. padding: 8px 10px;
  19. background-color: #fff;
  20. }
  21. .lin-search img{
  22. width: 29px;
  23. }
  24. .lin-search div{
  25. text-align: center;
  26. border-radius: 5px;
  27. line-height: 29px;
  28. background-color: #f2f4f6;
  29. color: #999;
  30. }
  31. .lin-search-ipt{
  32. height: 30px;
  33. padding: 8px 10px;
  34. background-color: #17b3ec;
  35. display: -webkit-box;
  36. }
  37. .lin-search-ipt .div-input{
  38. border-radius: 5px;
  39. line-height: 29px;
  40. background-color: #f2f4f6;
  41. color: #999;
  42. text-align: left;
  43. -webkit-box-flex: 1;
  44. }
  45. .lin-search-ipt input{
  46. background-color: #f2f4f6 ;
  47. border-radius: 5px;
  48. height: 30px;
  49. color: #999;
  50. text-align: left;
  51. padding-left: 30px;
  52. background: url(../../../images/sousuo_icon.png) no-repeat;
  53. background-size: 30px 30px;
  54. width: 88%;
  55. }
  56. .lin-search-ipt a{
  57. font-size: 16px;
  58. display: block;
  59. width: 32px;
  60. padding: 4px 6px 4px 12px;
  61. color: #fff;
  62. }
  63. .f-fs12{font-size: 12px;}
  64. .search-his .title{
  65. padding:0 12px;
  66. height: 44px;
  67. border-bottom: solid 1px #dcdcdc;
  68. }
  69. .search-his .cler{
  70. float: right;
  71. padding: 10px 0;
  72. color: #999;
  73. font-size: 16px;
  74. }
  75. .search-his .his{
  76. float: left;
  77. padding: 10px 0;
  78. font-size: 16px;
  79. font-weight: bold;
  80. color: #333;
  81. }
  82. .search-his .his-list{
  83. box-sizing: border-box;
  84. border-bottom: solid 1px #f1f1f1;
  85. padding: 10px 12px;
  86. font-size: 16px;
  87. color: #333;
  88. text-overflow: ellipsis;
  89. overflow: hidden;
  90. white-space: nowrap;
  91. }
  92. .search-his .his-list:first-child{
  93. border-top: none;
  94. }
  95. .search-his .his-list:last-child{
  96. border-bottom: solid 1px #dcdcdc;
  97. }
  98. .his-list-ul{
  99. background-color: #fff;
  100. }
  101. .arrow-right{position: absolute; top: 50%; right: 10px; margin-top: -5px;}
  102. .lin-search-ipt{height: 50px;padding: 8px 10px;background-color: #17b3ec;display: -webkit-box;border-bottom: 1px solid #dcdcdc;}
  103. .lin-search-ipt .div-input{padding-top: 2px;border-radius: 5px;line-height: 29px;background-color: #f2f4f6;color: #999;text-align: left; -webkit-box-flex: 1;}
  104. .lin-search-ipt input{background-color: #f2f4f6 ;border-radius: 5px;height: 30px;text-align: left;padding-left: 30px;background: url(../../../images/sousuo_icon.png) no-repeat;background-size: 30px 30px;width: 98%;}
  105. .lin-search-ipt input[type=text]{border: none!important;}
  106. .lin-search-ipt a{font-size: 16px;display: block;width: 50px;padding: 4px 4px 4px 0px;color: #fff;text-align: right;}
  107. .mb-em{color: #909090;font-size: 12px;display: inline-block;margin-left: 6px;}
  108. .mj-flex{display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;padding-top: 5px;}
  109. .weixin-icon { width: 20px; height: 17px; margin-top: 0px; margin-right: 5px; }
  110. .xuetang-icon { width: 12px; height: 21px; margin-top: 0px; margin-right: 0px; }
  111. .xueya-icon { width: 15px; height: 18px; margin-top: 0px; margin-right: 5px; }
  112. .mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;}
  113. .mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;}
  114. .mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;}
  115. .mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}
  116. .mb-icon-flex{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;}
  117. #pati_list li{padding-right: 10px;}
  118. .mb-yu{ width: 36px; height: 18px;margin-left: 5px;}