huanzhe.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. .face-title { width: 28px; height: 28px; position: absolute; margin-top: 40px; margin-left: -29px; }
  2. .face-title-name { margin-left: -22px; margin-top: 43px; color: white; font-size: 14px; }
  3. .lin-down-arrow{
  4. position: relative;
  5. top: -2px;
  6. left: 5px;
  7. height: 10px;
  8. width: 10px;
  9. border-bottom: 3px solid #fff;
  10. border-right: 3px solid #fff;
  11. display: inline-block;
  12. transform:rotate(45deg);
  13. -ms-transform:rotate(45deg); /* IE 9 */
  14. -moz-transform:rotate(45deg); /* Firefox */
  15. -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  16. -o-transform:rotate(45deg); /* Opera */
  17. zoom: 1;
  18. }
  19. .lin-sel-group{
  20. position: fixed;
  21. top: 45px;
  22. background: #fff;
  23. width: 100%;
  24. z-index: 11;
  25. display: none;
  26. max-height: 260px;
  27. overflow: scroll;
  28. overflow-x: hidden;
  29. overflow-y: scroll;
  30. }
  31. .lin-sel-group li{
  32. text-align: center;
  33. color: #17b3ec;
  34. height: 40px;
  35. line-height: 40px;
  36. font-size: 16px;
  37. border-bottom: 1px solid #f2f4f6;
  38. }
  39. .lin-sel-group img{
  40. width: 20px;
  41. margin: 10px;
  42. display: none;
  43. }
  44. .lin-sel-group li.checked img{
  45. display: inline;
  46. }
  47. .lin-mask{
  48. position: absolute;
  49. top: 45px;
  50. height: 100%;
  51. width: 100%;
  52. /*background: #000;*/
  53. height: 100%;
  54. z-index: 10;
  55. display: none;
  56. background-color: rgba(0,0,0,0.5);
  57. }
  58. .lin-search{
  59. padding: 10px 10px 4px 10px;
  60. background-color: #fff;
  61. }
  62. .lin-search img{
  63. width: 29px;
  64. }
  65. .lin-search div{
  66. text-align: center;
  67. border-radius: 5px;
  68. line-height: 29px;
  69. background-color: #f2f4f6;
  70. color: #999;
  71. }
  72. .load-more {
  73. background-color: #FFF;
  74. text-align: center;
  75. padding: 10px 0px !important;
  76. margin-left: 0 !important;
  77. border-top: 1px solid #ececec !important;
  78. font-size: 14px;
  79. color: #909090;
  80. /*display: block !important;*/
  81. }
  82. .l-sanshi-ico { position: absolute; right: 30px; width: 150px; }
  83. .l-sanshi-ico div.ring-blue { margin-top: 5px; }
  84. .c-main { position: relative; }
  85. #top_msg_bar {display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 10px; font-size: 14px; color: #FFF; background-color: rgba(0,0,0,0.5); box-sizing: border-box;}
  86. #top_msg_bar .close-btn { position: absolute; right: 10px; width: 18px; height: 18px; }
  87. #handle_link { color: #17BCEC; text-decoration: underline; }
  88. #unassigned_num { color: #17BCEC; }
  89. #group_label_list { padding: 15px 0px ; background-color: #FFF;}
  90. /*.group-item img,.group-qytx img { display: block; width: 30px; height: 30px; margin: 0 auto; }*/
  91. .group-item .item-label,.group-qytx .item-label { margin-top: 5px; color: #323232; font-size: 14px; font-weight: bold; width: 100%; text-align: center; }
  92. .my-work-secflo .patient-face { margin: 11px 10px 10px 0px; }
  93. .n-list > .n-list-link:last-child {
  94. border-bottom: 1px solid #f1f1f1;
  95. }
  96. .n-list > li { border-top: 0; }
  97. .n-list > li .n-list-info { border-top: 1px solid #f1f1f1; }
  98. .n-list > li:first-child .n-list-info { border-top: none; }
  99. .div-wfp, .div-qbjm{
  100. background: #fff;
  101. padding: 10px 15px;
  102. font-size: 16px;
  103. line-height: 30px;
  104. border-bottom: 1px solid #E1E1E1;
  105. border-top: 1px solid #E1E1E1;
  106. }
  107. .mid-bar{
  108. margin: 10px 0px;
  109. display: none;
  110. }
  111. .div-qbjm{
  112. border-top: 0;
  113. }
  114. .div-wfp > img, .div-qbjm > img{
  115. width: 30px;
  116. height: 30px;
  117. border-radius: 50%;
  118. margin-right: 10px;
  119. }
  120. .div-wfp label, .div-qbjm label{
  121. color: #909090;
  122. margin-left: 10px;
  123. font-size: 14px;
  124. }
  125. /*.mui-scroll-wrapper { position: fixed; height: -moz-calc(100%); height: -webkit-calc(100% ); height: calc(100%); }*/
  126. .patient-type-big {
  127. width: 100%;
  128. padding: 15px;
  129. background: #fff;
  130. -webkit-box-sizing: border-box;
  131. -moz-box-sizing: border-box;
  132. box-sizing: border-box;
  133. display: box;
  134. display: -webkit-box;
  135. border-bottom: 1px solid #f1f1f1;
  136. }
  137. .patient-type-big h3 {
  138. display: -webkit-box;
  139. display: box;
  140. -webkit-box-flex: 1;
  141. box-flex: 1;
  142. -webkit-box-orient: vertical;
  143. -webkit-box-pack: center;
  144. }
  145. .patient-type-big span,
  146. .patient-type-big .arrow {
  147. display: -webkit-box;
  148. display: box;
  149. -webkit-box-orient: vertical;
  150. -webkit-box-pack: center;
  151. }
  152. .patient-type-big .arrow {
  153. margin-right: -5px;
  154. transition: all 0.3s;
  155. -webkit-transition: all 0.3s;
  156. }
  157. .patient-type-big .arrow .ui-arrow-r {
  158. border-left-color: #cdcdcd;
  159. }
  160. .patient-type-big span {
  161. position: relative;
  162. font-size: 12px;
  163. color: #909090;
  164. }
  165. .patient-type-big.current .arrow {
  166. -webkit-transform: rotate(180deg);
  167. -moz-transform: rotate(180deg);
  168. transform: rotate(180deg);
  169. margin-top: -7px;
  170. transition: all 0.3s;
  171. -webkit-transition: all 0.3s;
  172. }
  173. .mb-em{color: #909090;font-size: 12px;display: inline-block;margin-left: 6px;}
  174. .mb-yu{ width: 36px; height: 18px;margin-left: 5px;margin-top: 4px;}
  175. .mj-flex{display:-webkit-box;-webkit-box-align:center;padding-top: 5px;}
  176. .weixin-icon { width: 20px; height: 17px; margin-top: 0px; margin-right: 5px; }
  177. .xuetang-icon { width: 12px; height: 21px; margin-top: 0px; margin-right: 0px; }
  178. .xueya-icon { width: 15px; height: 18px; margin-top: 0px; margin-right: 5px; }
  179. .mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;}
  180. .mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;}
  181. .mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;}
  182. .mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}
  183. .mb-icon-flex{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;}
  184. #group_label_list { padding: 15px 0px ; background-color: #FFF;}
  185. #group_label_list .group-item img,.group-qytx img { display: block; width: 30px; height: 30px; margin: 0 auto; }
  186. #group_label_list .group-item .item-label,.group-qytx .item-label { margin-top: 5px; color: #323232; font-size: 14px; font-weight: bold; width: 100%; text-align: center; }