jc-xuanzejumin.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. .lin-group-chat{
  2. background: #fff;
  3. width: 100%;
  4. height: 47px;
  5. padding: 0px 12px;
  6. border-top: 1px solid #f1f1f1;
  7. display: -webkit-flex;
  8. display: flex;
  9. align-items: center;
  10. -webkit-align-items: center;
  11. }
  12. .lin-group-chat:first-child{
  13. border-top-color:#dcdcdc;
  14. }
  15. .lin-group-chat:last-child{
  16. border-bottom:solid 1px #dcdcdc;
  17. }
  18. .lin-group-chat div.title{
  19. min-width: 100px;
  20. line-height: 25px;
  21. font-size: 16px;
  22. -webkit-box-flex: 1;
  23. color: #333;
  24. }
  25. .lin-group-chat div.text{
  26. width: 100%;
  27. text-align: right;
  28. color: #909090;
  29. font-size: 16px;
  30. }
  31. .zy-alert{
  32. color:#17b3ec!important;
  33. font-size: 16px;
  34. }
  35. .lin-group-chat div.icon-come{
  36. width:9px;
  37. height: 25px;
  38. background: url('../images/icon_jinru.png') no-repeat;
  39. background-size: contain;
  40. background-position: center;
  41. margin-left: 5px;
  42. }
  43. .lin-group-chat div.icon-come.no-icon{
  44. background: none;
  45. }
  46. .zy-lin-footer{
  47. width: 100%;
  48. margin-top: 80px;
  49. }
  50. .zy-send-btn{
  51. color: #fff;
  52. height: 44px;
  53. line-height: 44px;
  54. margin-right: 10px;
  55. font-size: 16px;
  56. width: 90%;
  57. background-color: #37a6ec;
  58. margin-left: 5%;
  59. margin-top: 5px;
  60. border-radius: 5px;
  61. text-align: center;
  62. }
  63. #selSick_dummy,#selDept_dummy,#selTag_dummy{
  64. width: 100%;
  65. text-align: right;
  66. line-height: inherit;
  67. height: inherit;
  68. margin-bottom: 0px;
  69. padding: 0px;
  70. -webkit-user-select: none;
  71. border: none;
  72. border-radius: 0px;
  73. outline: 0;
  74. color: #909090;
  75. font-size: 16px;
  76. height: 45px;
  77. overflow: hidden;
  78. text-overflow: ellipsis;
  79. white-space: nowrap;
  80. }
  81. .mbsc-ios .dw-msel:before {
  82. font-size: 1.2em!important;
  83. }
  84. .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
  85. border: 0;
  86. }
  87. .mui-slider-indicator.mui-segmented-control{
  88. border-bottom: 1px solid #e1e1e1;
  89. background-color: #fff;
  90. }
  91. .mui-fullscreen .mui-segmented-control~.mui-slider-group{
  92. top: 45px;
  93. }
  94. .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
  95. line-height: 43px;
  96. position: relative;
  97. border-bottom: 2px solid transparent;
  98. }
  99. .mui-segmented-control.mui-segmented-control-inverted .mui-control-item:after{
  100. content: "";
  101. position: absolute;
  102. width: 1px;
  103. height: 25px;
  104. right: 0;
  105. top: 50%;
  106. margin-top: -13px;
  107. background-color: #e1e1e1;
  108. }
  109. .mui-segmented-control.mui-segmented-control-inverted .mui-control-item:last-child:after{
  110. width: 0;
  111. }
  112. .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
  113. border-bottom: 2px solid #17b3ec;
  114. }
  115. .page-top-tab{
  116. background-color: #fff;
  117. border-bottom: 1px solid #e1e1e1;
  118. height: 45px;
  119. line-height: 45px;
  120. }
  121. .page-top-tab .ui-col-0{
  122. position: relative;
  123. width: 50%;
  124. text-align: center;
  125. color: #323232;
  126. font-size: 16px;
  127. border-bottom: 2px solid transparent;
  128. }
  129. .page-top-tab .ui-col-0.active{
  130. color: #17b3ec;
  131. border-bottom: 2px solid #17b3ec;
  132. }
  133. .page-top-tab .ui-col-0:after{
  134. content: "";
  135. position: absolute;
  136. width: 1px;
  137. height: 25px;
  138. right: 0;
  139. top: 50%;
  140. margin-top: -13px;
  141. background-color: #e1e1e1;
  142. }
  143. .page-top-tab .ui-col-0:last-child:after{
  144. width: 0;
  145. }
  146. .icon-checkbox2[type=checkbox]{
  147. box-sizing: border-box;
  148. padding: 0;
  149. cursor: pointer;
  150. position: relative;
  151. -webkit-appearance: checkbox;
  152. }
  153. .icon-checkbox2[type=checkbox]:before{
  154. content: '';
  155. background-image:url(../images/gouxuan_hui_btn.png);
  156. background-size: 20px 20px;
  157. position: absolute;
  158. top:-3px;
  159. left:-3px;
  160. height: 20px;
  161. width: 20px;
  162. -webkit-font-smoothing: antialiased;
  163. }
  164. .icon-checkbox2[type=checkbox]:checked:before {
  165. content: '';
  166. background-image:url(../images/gouxuan_lanse_pre.png);
  167. }
  168. .fixed-btn{
  169. position: absolute;
  170. width: 100%;
  171. padding: 10px;
  172. bottom: 0px;
  173. left: 0;
  174. text-align: center;
  175. }
  176. .fixed-btn .btn{
  177. display: inline-block;
  178. width: 90%;
  179. height: 40px;
  180. line-height: 40px;
  181. border-radius: 5px;
  182. color: #fff;
  183. background-color: #17b3ec;
  184. text-align: center;
  185. }
  186. .load-more{
  187. height: 40px;
  188. line-height: 40px;
  189. text-align: center;
  190. background-color: #fff;
  191. /*border-top: 1px solid #f1f1f1;*/
  192. border-bottom: 1px solid #f1f1f1;
  193. }
  194. .weixin-icon { width: 20px; height: 17px; margin-top: 0px; margin-right: 5px; }
  195. .xuetang-icon { width: 12px; height: 23px; margin-top: 0px; margin-right: 0px; }
  196. .xueya-icon { width: 15px; height: 18px; margin-top: 0px; margin-right: 8px; }
  197. .mb-yu{ width: 36px; height: 18px;margin-left: 5px;}
  198. .mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;}
  199. .mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;}
  200. .mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;}
  201. .mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}