zx-style.css 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  1. body { background: #f9f9f9; font-size: 16px; }
  2. .c-btn-maincolor { background-color: #37a6ed; color: #fff; }/*蓝色按钮样式*/
  3. .c-btn-maincolor:hover { background-color: #3099dd; }
  4. .c-37a6ec { color: #37a6ec; }
  5. .c-bfbfbf { color: #bfbfbf; }
  6. .c-fa383d { color: #fa383d; }
  7. .c-007dda { color: #007dda; }
  8. .c-ff8011 { color: #ff8011; }
  9. .c-087eff { color: #087eff; }
  10. .c-ff8100 { color: #ff8100;}
  11. .c-fff { color:#fff;}
  12. .c-ccc { color: #ccc; }
  13. .c-333 { color: #333; }
  14. .c-btn-75BF00 {background-color: #75BF00;}
  15. .bgc-00c1a5 { background-color: #00c1a5; }
  16. .bgc-ebebeb { background-color: #ebebeb; }
  17. .bgc-087eff { background-color: #087eff; }
  18. .bgc-97caff { background-color: #97caff; }
  19. .c-tag { color: #fff; font-size: 16px; padding: 2px 10px; border-radius: 4px; }
  20. .c-tag-blue { background: #3da3ee; }
  21. .line-22 { line-height: 22px; }
  22. .line-40 { line-height: 40px; }
  23. .mr40 { margin-right: 40px; }
  24. .r-15 { right: 15px; }
  25. .pt1 { padding-top:1px;}
  26. .add-model .title-word-limit { position: absolute;right: 15px; top: 12px;}
  27. .arrow-left { display: block;width: 8px;height: 8px;border: solid #fff;border-width: 0 0 2px 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  28. /* css3-Grid
  29. -----------------------------------------------------------------------------*/
  30. .ui-grid { display: -webkit-box; display: box; }
  31. .ui-grid-middle { -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; }
  32. .ui-grid-vertical { -webkit-box-orient: vertical; box-orient: vertical; }
  33. .ui-grid-label { -webkit-box-flex: 0; box-flex: 0; width: 100px; font-weight: 600; }
  34. .ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
  35. .ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }
  36. /*n-list*/
  37. .ptb12 { padding-top: 12px; padding-bottom: 12px; }
  38. .n-list { background-color: #fff; }
  39. .n-list > li, .n-list > .n-list-li { position: relative; display: -webkit-box; display: box; box-pack: center; padding-right: 15px; margin-left: 15px; border-top: 1px solid #f1f1f1; clear: both; }
  40. .n-list > li:first-child, .n-list > .n-list-li:first-child { border-top: none; }
  41. .n-list > .n-list-link:active { background-color: #f7f7f7; padding-left: 15px; margin-left: 0 }
  42. .n-list > .n-list-cover { padding-left: 15px; margin-left: 0; }
  43. .n-list > .list-arrow-r, .n-list > .list-arrow-d, .n-list > .list-arrow-u { padding-right: 30px }
  44. .n-list > .list-arrow-r:after, .n-list > .list-arrow-d:after, .n-list > .list-arrow-u:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  45. .n-list > .list-arrow-d:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  46. .n-list > .list-arrow-u:after { right: 13px; margin-top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  47. .n-list-title { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; }
  48. .n-list-key, .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
  49. .n-list-info { display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
  50. .n-list-flex { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
  51. .n-list > .n-list-function { border-top: none; padding-right: 0; }
  52. .n-list > .n-list-function .n-list-flex { border-top: 1px solid #f1f1f1; }
  53. .n-list > .n-list-function:first-child .n-list-flex { border-top: none; }
  54. .n-list > li:first-child, .n-list > .n-list-function:first-child, .n-list > .n-list-function:first-child .n-list-info, .n-list > div:first-child { border: 0; }
  55. .n-list > .n-list-label { display: block; border-top: none; padding-right: 0; }
  56. .n-list .n-list-img { width: 100px; height: 68px; overflow: hidden; position: relative }
  57. .n-list .n-list-img img { width: 100%; height: auto; }
  58. .required { position: relative; }
  59. .required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; }
  60. .n-avatar-s, .n-avatar-m, .n-avatar-l { width: 26px; height: 26px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
  61. .n-avatar-m { width: 40px; height: 40px; }
  62. .n-avatar-l { width: 54px; height: 54px; }
  63. .n-avatar-s img, .n-avatar-m img, .n-avatar-l img { width: 100%; height: 100%; }
  64. .word-bread { word-wrap: break-word; }
  65. /* 电话咨询 */
  66. .doc-avatar { width: 50px; height: 50px; border-radius: 50%; text-align:center; overflow: hidden; }
  67. .doc-avatar img { width: auto; height: 100%; }
  68. .view-more { display: inline-block; width: 100%; text-align: center; padding: 15px 0; }
  69. .doc-detail .list-arrow-d:after { top: 15px; margin-top: 0; }
  70. .doc-detail .list-arrow-u:after { top: 20px; margin-top: 0; }
  71. .level, .honor { display: inline-block; width: 20px; height: 20px; }
  72. .level img, .honor img { width: 100%; height: 100%; }
  73. /* 指定咨询 */
  74. .upload-img { overflow: hidden; display: inline-block; }
  75. .upload-img ul li { position: relative; display: inline; float: left; width: 76px; height: 76px; padding: 0 10px 10px 0; }
  76. .upload-img ul li img { width: 100%; height: 100%; }
  77. .upload-img .del-img { position: absolute; top: 0; right: 10px; text-align: center; width: 26px; height: 26px; line-height: 20px; z-index: 10; background: rgba(0,0,0,.5); border-radius: 0 0 0 90%; overflow: hidden; }
  78. .upload-img .del-img .iconfont { color: #fff; font-size: 14px; line-height: 14px; margin-left: 4px; }
  79. .add-btn { position: relative; display: block; width: 74px; height: 74px; font-size: 0; color: #b8b8b8; border: 1px dashed #a0a0a0; background: #fff; }
  80. .add-btn:before { content: ""; display: block; position: absolute; top: 34px; left: 22px; width: 30px; height: 2px; background: #a0a0a0; }
  81. .add-btn:after { content: ""; display: block; position: absolute; top: 20px; left: 36px; width: 2px; height: 30px; background: #a0a0a0; }
  82. .doc-tab li { width: 50%; }
  83. .doc-tab li.hit { border-bottom: 3px solid #4dcd70; }
  84. .doc-tab li.hit a { color: #4dcd70; }
  85. .doc-list-sm { padding: 10px 15px; }
  86. .doc-list-sm span { color: #666; }
  87. .doc-list-sm b { color: #333; font-weight: normal; }
  88. .delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8); text-align: center; z-index: 2200; }
  89. .del-img-box { width: 100%; height: 100%; display: table; }
  90. .del-img-con { display: table-cell; vertical-align: middle; }
  91. .del-img-con img { width: auto; height: auto; border:2px solid #000; }
  92. .del-img-con p { position: relative; display: inline-block !important; -webkit-animation: myfirst .3s ease; }
  93. .del-img-box p:after { font-family: "iconfont" !important; content: "\d605"; position: absolute; display: block; top: 5px; right: 10px; width: 32px; height: 32px; z-index: 5000; color: #fff; font-size: 32px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; -webkit-text-shadow:0 0 1px #f00;text-shadow:0 0 1px #000; }
  94. .del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; }
  95. .del-img-btn .iconfont { font-size: 20px; margin-right: 4px; }
  96. .r-input { width: 100%; text-align: right; }
  97. .r-textarea { width: 100%; border: 0; padding: 0; resize: none; }
  98. .over-lay, .over-lay[id] { position: fixed; top: 0; left: 0; z-index: 3000; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
  99. .ins-img-btn { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 3100; }
  100. .ins-img-btn .c-btn { border-radius: 4px; border: none; color: #157efb; font-size: 20px; }
  101. .ins-img-btn .c-btn:first-child { border-radius: 4px 4px 0 0; }
  102. .ins-img-btn .c-btn:nth-child(2) { border-top: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
  103. .zx-notes { text-align: left; color: #5b5b5b; font-size: 12px; }
  104. .ui-popup .zx-notes li { padding: 0 !important; margin: 0 !important; }
  105. /* 咨询信息 */
  106. .talk-box { position: relative; width: 100%; padding: 10px; background: #fff; border-radius: 5px; border: 1px solid #e6bc5d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  107. .talk-box:after { position: absolute; content: ""; top: -6px; left: 30px; font-size: 13px; color: #5b5b5b; width: 10px; height: 10px; border: 1px solid #e6bc5d; border-width: 1px 1px 0 0; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  108. .icon-round { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; vertical-align: middle; color: #fff; font-size: 14px; border-radius: 50%; overflow: hidden; }
  109. .upload-img ul li.upload-btn-box { width: 240px; height: 76px; }
  110. .upload-img ul li.upload-btn-box p { width: 150px; font-size: 13px; color: #5b5b5b; display: block; padding: 18px 0 0 10px; }
  111. .pingjia { font-size: 13px; color: #ff8100; }
  112. .pingjia .iconfont { font-size: 20px; line-height: 20px; color: #ff8100; }
  113. .bottom-iconbtn { position: fixed; bottom: 0; left: 0; width: 100%; height: 44px; border-top: 1px solid #e1e1e1; background: #fff; z-index: 1000; }
  114. .bottom-iconbtn a { display: inline-block; width: 49%; height: 44px; line-height: 44px; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #e1e1e1; overflow: hidden; }
  115. .bottom-iconbtn a:last-child { border: none; }
  116. .bottom-iconbtn a .iconfont { font-size: 18px; line-height: 18px; vertical-align: middle; }
  117. .sel-phiz { overflow: hidden; }
  118. .sel-phiz li { width: 33.33%; float: left; text-align: center; color: #333; font-size: 15px; }
  119. .sel-phiz li .iconfont { font-size: 40px; line-height: 40px; color: #ccc; }
  120. .sel-phiz li p { line-height:1.1;}
  121. .padding-fixed { width: 100%; height: 70px; }
  122. .tel-zx-list>li .n-list-key{ min-width:6em;}
  123. .sel-phiz li i{ display:inline-block; background:url(../images/sel-phiztb.png) no-repeat; background-size:126px 92px;}
  124. .sel-phiz li i.icon-flower{ width:42px; height:46px; background-position:0 0;}
  125. .sel-phiz li i.icon-flag{ width:44px; height:46px; background-position:-42px 0;}
  126. .sel-phiz li i.icon-gife{ width:39px; height:46px; background-position:-87px 0;}
  127. .sel-phiz li.selected i.icon-flower{ background-position:0 -46px;}
  128. .sel-phiz li.selected i.icon-flag{ background-position:-42px -46px;}
  129. .sel-phiz li.selected i.icon-gife{ background-position:-87px -46px;}
  130. /*爱心咨询*/
  131. .common-title { font-size: 12px; padding: 10px 15px; color: #5b5b5b; }
  132. .ax-consultation li { position: relative; }
  133. .ax-consultation select, .ax-consultation input { color: #909090 !important; }
  134. .ax-consultation li input.short { border: 1px solid #000; width: 50%; box-sizing: border-box; }
  135. .ax-consultation li .input-group .form-select { height: 30px; box-sizing: border-box; padding: 2px 13px 2px 5px; }
  136. .ax-consultation li .form-select-arrow { top: 9px; right: 7px; }
  137. .ax-consultation li .c-list-value h4{ min-width:4em;}
  138. .ax-consultation li .input-group { position: relative; }
  139. .arrow-down { display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  140. .ax-consultation li .list-icon { position: absolute; right: 15px; top: 50%; margin-top: -4px; }
  141. .ax-consultation li .input-group .list-icon { position: absolute; right: 10px; top: 50%; margin-top: -4px; }
  142. .pl40 { padding-left: 40px; }
  143. .ml40 { margin-left: 40px; }
  144. .ax-consultation li .input-group-addon { padding: 0 10px; }
  145. .pm_age { display: inline-block; width: 138px; height: 30px; border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; vertical-align: middle; overflow: hidden; position: relative; }
  146. .ageinput { width: 65px; height: 30px; line-height: 30px; background: #fff; border: none; float: left; font-size: 15px; color: #333; border-right: 1px solid #ddd; padding-left: 10px; border-radius:5px 0 0 5px; }
  147. .pm_age .agesel { width: 60px; height: 30px; line-height: 30px; float: left; font-size: 15px; color: #808080; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica; background: url(/images/point_d.png) 94% center no-repeat #fff; background-size: 13px 8px; -webkit-background-size: 13px 8px; padding: 0 0 0 10px; }
  148. .pt2 { padding-top: 2px; }
  149. /*问医生*/
  150. .bg-9dcd82 { background: #9dcd82; }
  151. .bg-ff7aac { background: #ff7aac; }
  152. .bg-8ebcf8 { background: #8ebcf8; }
  153. .bg-ffbc16 { background: #ffbc16; }
  154. .ask-doctors-boxer .c-avatar-m i { width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; display: block; color: #fff; font-size: 24px; }
  155. .ask-doctors-boxer .tiper-words { width: 100%; box-sizing: border-box; }
  156. .ask-doctors-boxer .tiper-words img { width: 100%; }
  157. /*专家列表*/
  158. .professor-listhead { height: 45px; background: #fff; width: 100%; z-index: 99;position:fixed;bottom:0;left:0; }
  159. .professor-listhead li { float: left; line-height: 45px; box-sizing: border-box; border-right: 1px solid #f2f2f2; text-align: center; color: #5b5b5b; font-size: 14px; height: 45px; }
  160. .professor-listhead li span { text-overflow: ellipsis; overflow: hidden; height: 45px; line-height: 45px; white-space: nowrap; max-width: 80%; display: inline-block; position: relative; padding: 0 15px 0 0; box-sizing: border-box; }
  161. .professor-listhead li:last-child { border: none; }
  162. .professor-listhead li em.cur { color: #37a6eb; }
  163. .professor-listhead li i { display: block; position: absolute; top: 20px; right: 0; }
  164. .professor-listhead li.cur i.s-arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #b4b4b4; border-top: 0; }
  165. .s-arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #b4b4b4; border-top: 0;}
  166. .professor-main .c-avatar-m { padding: 6px 0 6px; }
  167. .professor-main .c-avatar-m img { border-radius: 40px; overflow: hidden; width: 40px; height: 40px; }
  168. .professor-main .c-list-indent-s { padding-right: 15px !important; }
  169. .pt35 { padding-top: 35px; }
  170. .c-ff8100 { color: #ff8100; }
  171. .professor-main .c-5b5b5b { color: #5b5b5b !important; }
  172. .list-addmore { color: #007cd9; font-size: 13px; width: 100%; text-align: center; line-height: 34px; }
  173. .professor-main .c-list-info { padding: 6px 0 6px; }
  174. .professor-main li { padding-left: 15px !important; margin-left: 0 !important; }
  175. /*专家列表iscroll*/
  176. .shadow-panel { position: fixed; top: 0; left: 0; bottom: 45px; width: 100%; z-index: 90; background-color: rgba(0,0,0,.35); }
  177. .scroll-fixed { position: fixed; bottom: 45px; left: 0; z-index: 98;}
  178. .scroll-citybox, .scroll-hospbox { width: 100%; height: 352px; overflow: hidden; }
  179. .scroll-specbox{ width: 100%; height: 352px; overflow: hidden; }
  180. .scroll-citybox li, .scroll-hospbox li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  181. .city-box-leftwrapper { width: 40%; background: #f5f5f5; }
  182. .city-box-rightwrapper { width: 60%; background: #ffffff; }
  183. .hosp-box-leftwrapper { width: 50%; background: #f5f5f5; }
  184. .hosp-box-rightwrapper { width: 50%; background: #ffffff; }
  185. .spec-box-leftwrapper { width: 100%; background: #ffffff; font-size:14px; }
  186. .cc-lef li { padding: 11px 20px; color: #5b5b5b; font-size: 14px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 100%; box-sizing: border-box; }
  187. .cc-lef li:last-child { border-bottom: none; }
  188. .cc-lef li span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; }
  189. .cc-rig li { margin-left: 15px; border-bottom: 1px solid #e1e1e1; height: 43px; line-height: 43px; color: #5b5b5b; font-size: 14px; }
  190. .cc-rig li:last-child { border-bottom: none; }
  191. .cc-lef li.cur { background: #fff; border-right: 1px solid #fff; }
  192. .cc-rig li.cur { color: #37a6eb; }
  193. .city-box-leftwrapper, .city-box-rightwrapper, .hosp-box-leftwrapper, .hosp-box-rightwrapper, .spec-box-leftwrapper { float: left; position: relative; height: 352px; overflow: hidden; /* Prevent native touch events on Windows */
  194. -ms-touch-action: none; /* Prevent the callout on tap-hold and text selection */
  195. -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Prevent text resize on orientation change, useful for web-apps */
  196. -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
  197. .city-leftscroller, .city-rightscroller, .hosp-leftscroller, .hosp-rightscroller, .spec-leftscroller { position: absolute; width: 100%; /* Prevent elements to be highlighted on tap */
  198. -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
  199. -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
  200. .shadow-panel { display: none; }
  201. .spec-leftscroller div.c-33 { color: #5b5b5b; float: left; box-sizing: border-box; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 36px; line-height: 36px;font-size:14px;}
  202. .spec-leftscroller div.c-33.cur { color: #37a6eb; }
  203. .main-scrollboxer{-webkit-overflow-scrolling:touch;}
  204. /*医生列表搜索无数据*/
  205. .search-nodata { width: 100%; font-size: 16px; color: #5b5b5b; text-align: center; padding: 100px 0 40px 0; }
  206. .search-nodata-img { width: 40%; max-width: 320px; margin: 0 auto; }
  207. .search-nodata-icon { background: url(../images/no-data.png) no-repeat 100% 0; width: 100%; height: 0; padding-bottom: 100%; background-size: 100% auto; }
  208. /*网络咨询详情页*/
  209. .c-avatar-m { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
  210. .doctor_detail_intro { font-size: 15px; background: #fff; margin-top: 20px; }
  211. .doctor_detail_intro .tit { color: #909090; display: inline-block; float: left; width: 75px; }
  212. .doctor_detail_intro .tit2 { color: #909090; display: inline-block; float: left; width: auto; }
  213. .doctor_detail_intro .words { -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; padding-right: 15px; box-sizing: border-box; color: #333; overflow: hidden; }
  214. .doctor_detail_intro .main_good_at, .doctor_detail_intro .main_intro { margin-left: 15px; padding: 15px 0 }
  215. .report-img, .report-img img { width: 70px; height: 70px; float: left; margin-right: 10px; }
  216. .time-title { width: 22px; height: 22px; border-radius: 50%; line-height: 20px; text-align: center; display: inline-block; background-color: #4dcd70 }
  217. .time-title i, iconfont { font-size: 13px; }
  218. .review { width: 100%; margin-top: 10px; }
  219. .review .hd { height: 5px; position: relative; }
  220. .review .hd .ui-arrow { position: absolute; top: -5px; left: 10px; border-bottom-color: #ff8100; }
  221. .review .hd .ui-arrow s { top: -4px; }
  222. .review .bd { border: 1px solid #ff8100; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  223. /*电话咨询记录*/
  224. .doctor_detail_intro .record-tit { color: #909090; display: inline-block; float: left; width: 85px; }
  225. .no-record { text-align: center; line-height: 23px; padding: 0 15px; }
  226. .icon-record { display: inline-block; width: 125px; height: 125px; background: url(../images/no-data.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; margin: 60px 0 5px 0; }
  227. /*电话咨询-登记成功*/
  228. .win-register { text-align: center; }
  229. .win-register i, iconfont { font-size: 60px; }
  230. .b-height { height: 80px; }
  231. .s-height { height: 40px; line-height: 40px; text-align: center }
  232. .c-49 { width: 49% }
  233. /*确认就诊人信息*/
  234. .demo-input-merge .input-group-addon { min-width: 90px; width: 90px; text-align: left; }
  235. .l-span { top: 17px; left: 0px; position: absolute; color: #f00 }
  236. .words-box { padding-top: 8px; border-top: 1px solid #e1e1e1 ;}
  237. .words-box .form-textarea2 { height: 100px; border: 0px; resize: none }
  238. .input-merge .input-group.input-border .input-group-addon, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .input-group-addon { border-radius: 0px; }
  239. .input-merge .input-group.input-border { padding-left: 15px; }
  240. .input-merge .input-group.input-border .input-group-addon { padding-left: 0 }
  241. .t-14 { top: 14px; }
  242. .t-12 { top: 12px; position: absolute; color: #ff8100; }
  243. .words-box .form-textarea2::-webkit-input-placeholder, .words-box .r-textarea::-webkit-input-placeholder {
  244. color: #bfbfbf;
  245. }
  246. .words-box .form-textarea2:-moz-placeholder,.words-box .r-textarea:-moz-input-placeholder {
  247. color: #bfbfbf;
  248. }
  249. .words-box .form-textarea2:-ms-input-placeholder, .words-box .r-textarea:-ms-input-placeholder {
  250. color: #bfbfbf;
  251. }
  252. .number-r-b { right: 15px; bottom: -15px; position: absolute; }
  253. /*网络咨询*/
  254. .hz-header { height: 45px; background: #fff; }
  255. .hz-header li { font-size: 13px; color: #5b5b5b; }
  256. .hz-header li.cur { border-bottom: 2px solid #37a6ed; }
  257. .hz-header li.cur span { color: #007cd9; }
  258. .hz-header li span { margin: 12px 0; border-right: 1px solid #e1e1e1; text-align: center; display: block; box-sizing: border-box; }
  259. .visit-list { }
  260. .visit-list li { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; padding-left: 15px; margin-top: 15px; }
  261. .visit-list li .vlname { line-height: 45px; border-bottom: 1px solid #f2f2f2; position: relative; padding-right: 15px; }
  262. .visit-list li .vlname .arrow-right { position: absolute; right: 15px; top: 50%; margin-top: -4px; }
  263. .visit-list li .vlcard { line-height: 40px; color: #bfbfbf; padding-right: 15px; }
  264. .c-btn-r, .c-btn-full-r { display: inline-block; zoom: 1; *display:inline;
  265. vertical-align: baseline; outline: none; cursor: pointer; border: 0; background: none; text-align: center; text-decoration: none; padding: 5px 10px; color: #fff; position: relative; font: 14px/1 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53; line-height: normal !important; background-color: #37a6ec; border-radius: 4px; }
  266. .r-w100 { width: 100px; text-align: right;}
  267. .bgc-fffae8{background:#fffae8;}
  268. .pb3{ padding-bottom:3px;}
  269. .pb2{ padding-bottom:2px;}
  270. .c-ser-btn a{ height:28px; line-height:28px; border:1px solid #e8e8e8;}
  271. .c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: auto; }
  272. .test-boxer .c-avatar-m{ text-align:center; padding:0;}
  273. .test-boxer .c-avatar-m img{ width:auto; height:100%; border-radius:0;}
  274. /*2015.11.9*/
  275. .scroll-include{height:260px;overflow:hidden;}
  276. @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
  277. .scroll-include{height:200px;}
  278. }
  279. /*2015.11.18*/
  280. .c-nowrap.c-f16{font-size:16px !important;}
  281. /*2.12专家列表*/
  282. .c-ser-main i.left-42{left:42%;}
  283. .professor-listhead.professor-list-listhead{ }
  284. .professor-list-btn { height: 28px;line-height: 28px;border-radius: 4px;padding: 5px 10px;margin-left: 10px;}
  285. /*2.12编辑模板*/
  286. .list-arrow-r.ml0 { margin-left:0;}
  287. /*2.12回复模块*/
  288. .icon-look { background:url(../images/icon-look.png) no-repeat 0 0;background-size:100%;width:22px;height:23px;display:block;margin:10px auto 0;}
  289. .talk-box.reply-talk-box { padding:0;border-color:#e1e1e1;}
  290. .talk-box.reply-talk-box:after { border-color:#e1e1e1;left:15px;}
  291. .talk-box.reply-talk-box.right:after { right:15px;left:auto;}
  292. .reply-talk-box.n-list>li { padding-left:15px;margin-left:0;border-top:0;}
  293. .reply-talk-box .look-report li { float:left;width:57px;text-align:center;}
  294. .reply-talk-box .look-report li div { height:56px;border:1px solid #e3e3e3;}
  295. .icon-homan { display:block;background:#e1e1e1 url(../images/icon-homan.png) no-repeat 50% 50%;width:40px;height:40px;border-radius:50%;background-size:50%;}
  296. .btn-voice { background:url(../images/btn-voice.jpg) no-repeat 0 0;background-size:100%;width:85px;height:34px;display:block;}
  297. .icon-reply { width:15px;height:15px;display:block;background:url(../images/icon-reply.jpg) no-repeat 0 0;background-size:100%;}
  298. .icon-broadcast {background:url(../images/icon-broadcast.png) no-repeat 0 0;background-size:100%;width:12px;height:16px;}
  299. .icon-border { width:1px;height:14px;margin:5px 12px 0;background-color: #ddd;}
  300. .reply-title {position:relative;background:#97caff;color:#fff;font-size: 14px;padding:10px 0;padding-left:25px;}
  301. .reply-title:after { position: absolute;top: 50%;left: 15px;margin-top: -5px;content: "";display: block;width: 8px;height: 8px;border:1px solid #fff;border-width: 0 0 2px 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
  302. .c-tag-blue.c-f13{ font-size: 13px;}
  303. /*2.12关注*/
  304. .heed { background:url(../images/heed.png) no-repeat 0 0;background-size:100%;width:26px;height:26px;display:block;margin:0 auto 5px;}
  305. .heed-orange { background:url(../images/heed-orange.png) no-repeat 0 0;background-size:100%;width:26px;height:26px;display:block;margin:0 auto 5px;}
  306. #heed,#heed-orange { width:40px;text-align: center;padding-top:12px;}
  307. .pm_age .agesel.w-70 { width:70px;}
  308. /*2.12回复录音*/
  309. .win-broadcast { position:fixed;outline: 0px;top:50%;left:50%;margin:-113px 0 0 -135px;width:269px;height:226px;border-radius: 5px;z-index:100;}
  310. .win-broadcast .bg { background-color: #fff;width:269px;height:226px;border-radius: 5px;display:block;}
  311. .win-broadcast .broadcast { background:url(../images/broadcast.png) no-repeat 0 -2px;width:85px;height:85px;display:block;background-size: 100%; position:absolute;top:67px;left:34%;border-radius: 50%;z-index:99;}
  312. .win-broadcast .word { position: absolute;bottom: 0;border-radius: 5px;border-top: 1px solid #e1e1e1;border-top-right-radius: 0;border-top-left-radius: 0;color: #666;background-color: #fff;height: 35px;width: 100%;line-height: 35px;}
  313. .win-broadcast .word.title { top:0;border-top-left-radius:5px;border-top-right-radius:5px;}
  314. .delete {display: block;position: absolute;height: 12px;width: 12px;border-radius: 50%;background-color: #fff;right: 6px;top: 6px;z-index: 10;text-align: center;line-height: 9px;color: #919191;font-size: 12px;}
  315. .broadcast-shadow-panel {width:100%;position:absolute;overflow:hidden;z-index:10;top:0;background-color: rgba(0,0,0,.35);}
  316. /*动画*/
  317. .win-broadcast .broadcast
  318. {
  319. animation: broadcast 2s infinite;
  320. -webkit-animation: broadcast 2s infinite; /* Safari 和 Chrome */
  321. }
  322. @-webkit-keyframes broadcast /* Safari 和 Chrome */
  323. {
  324. 0% { background-color:#ccf5ff;box-shadow: 0 0 0 0px #ccf5ff,0 0 0 0 #c3e9f2, 0 0 0 0px #e9fffe,0 0 0 0 #ddf5f4;}
  325. 25% { background-color:#ccf5ff;box-shadow: 0 0 0 5px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 20px #e9fffe,0 0 0 1px #ddf5f4;}
  326. 50% { background-color:#ccf5ff;box-shadow: 0 0 0 10px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 25px #e9fffe,0 0 0 1px #ddf5f4;}
  327. 100% { background-color:#ccf5ff;box-shadow: 0 0 0 15px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 30px #e9fffe,0 0 0 1px #ddf5f4;}
  328. }
  329. /* 12-18 */
  330. .nxz-voice{ line-height:21px; text-align:right;}
  331. .nzx-tb{ display:inline-block; width:15px; height:21px; background:url(../images/icon-broadcast.png) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto; vertical-align:middle;}
  332. .win-broadcast-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:rgba(0,0,0,.35); display:none;}
  333. .myorder li .vlname { line-height: 20px; border-bottom: 1px solid #f2f2f2; position: relative; padding-right: 15px; padding-top:10px; padding-bottom:10px;}
  334. /* 1-12 */
  335. .myaks-top{}
  336. .myaks-top li{ background:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-top:10px;}
  337. .myaks-top li:first-child{ margin-top:0;}
  338. .mt-mess{ margin-left:10px; padding:10px 0;}
  339. .mt-con{ margin-left:10px; padding:10px 10px 10px 0; border-top:1px solid #f2f2f2;}
  340. .mtime{ line-height:25px;}
  341. .mtime em{ display:inline-block; width:14px; height:14px; background:url(../images/sex.png) no-repeat; background-size:29px 14px; vertical-align:middle; margin:0 5px 5px 0;}
  342. .mtime em.sex-male{ background-position:0 0;}
  343. .mtime em.sex-female{ background-position:-15px 0;}
  344. .msympt{ position:relative; padding-left:40px; min-height:20px;}
  345. .msympt h4{ display:block; position:absolute; left:0; top:0; color:#909090;}
  346. .mt-state{ line-height:40px; text-align:center; border-top:1px solid #f2f2f2; color:#17b3ec;}
  347. .mreport-list .c-list-link .c-list-value{ padding-right:0;}
  348. .h35{ height:35px;}
  349. .myask-lab{ width:100%; height:35px; background:#fff;}
  350. .myask-lab li{ display:block; width:33.33%; float:left; font-size:13px; color:#5b5b5b; line-height:34px; text-align:center; position:relative; z-index:600;}
  351. .labfixed{ position:fixed; left:0; top:0; z-index:600;}
  352. .myask-lab li.curr{ border-bottom:2px solid #17b3ec; color:#17b3ec;}
  353. .myask-lab:before{ content:''; display:block; width:33.33%; height:22px; position:absolute; left:33.33%; top:6px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; z-index:500;}
  354. .myask-visit li{ margin-top:10px;}
  355. .myask-visit li:first-child{ margin-top:0;}
  356. /* 再次咨询弹窗 */
  357. .botpop{ position:fixed; left:0; bottom:0; width:100%; z-index:700; -webkit-animation:choopop .2s ease; animation:choopop .2s ease; display:none;}
  358. @-webkit-keyframes choopop{
  359. 0%{ bottom:-200px;}
  360. 100%{ bottom:0px;}
  361. }
  362. @keyframes choopop{
  363. 0%{ bottom:-200px;}
  364. 100%{ bottom:0px;}
  365. }
  366. .botpop li{ line-height:50px; background:#fff; border-top:1px solid #f2f2f2; padding:0 15px;}
  367. .botpop li.curr{ color:#17b3ec;}
  368. .botpopmb{ width:100%; height:100%; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; z-index:650; display:none;}
  369. /* index */
  370. .bgc-f3f3f3{ background-color:#f3f3f3;}
  371. .bor-f2-r{ border-right:1px solid #f2f2f2;}
  372. .bor-f2-b{ border-bottom:1px solid #f2f2f2;}
  373. .bor-f2-tb{ border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
  374. .lih43{ line-height:43px;}
  375. .icon-mindex{ display:inline-block; background:url(../images/icon-mindex.png) no-repeat; background-size:250px 250px; vertical-align:text-top;}
  376. .icon-mpart1{ width:91px; height:100px; background-position:0 0; margin-bottom:5px;}
  377. .icon-mpart2{ width:49px; height:40px; background-position:-95px 0; margin-top:-21px;}
  378. .icon-mpart3{ width:40px; height:39px; background-position:-150px 0; margin-bottom:2px;}
  379. .icon-mpart4{ width:41px; height:39px; background-position:-195px 0; margin-bottom:2px;}
  380. .icon-mpart5{ width:45px; height:35px; background-position:-95px -41px; margin-top:-21px; margin-left:4px;}
  381. .icon-msearch{ width:15px; height:15px; background-position:0 -155px; margin:1px 5px 0 0;}
  382. .mindex-search{ width:100%; padding:8px 7px; background-color:#fff;}
  383. .mindex-search div{ height:27px; line-height:27px; background-color:#f2f2f2; border-radius:3px;}
  384. .mindex-search div{ position:relative; padding:0 10px 0 30px;}
  385. .mindex-search .icon-msearch{ position:absolute; left:8px; top:5px;}
  386. .mindex-search .search-text{ display:block; width:100%; height:100%; background-color:#f2f2f2; appearance:none; -webkit-appearance:none; border-radius:3px;}
  387. .mindex-top{ background:#fff; line-height:20px; height:187px;}
  388. .mt-center{ display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; text-align:center;}
  389. .mt-part1-1{ width:47%; height:100%; float:left;}
  390. .mt-part1-2{ width:53%; height:100%; float:left;}
  391. .mt-part2{ width:100%; height:50%;}
  392. .mt-part3{ width:50%; height:100%; float:left;}
  393. .mt-freeask{ display:inline-block;}
  394. .mindex-img{ position:relative;}
  395. .mindex-img .bd li{ display:block; width:100%; height:61px;}
  396. .mindex-img .bd li img{ width:100%; height:100%;}
  397. .mindex-img .hd{ position:absolute; height:7px; line-height:7px; bottom:5px; left:50%; font-size:1px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
  398. .mindex-img .hd li{ display:inline-block; width:7px; height:7px; line-height:7px; background:#cacaca; border-radius:50%; margin:0 5px; font-size:0px; overflow:hidden; color:#cacaca;}
  399. .mindex-img .hd li.on{ background:#17b3ec; color:#17b3ec;}
  400. .mindex-list{ background-color:#fff;}
  401. .mindex-list li{ display:block; width:25%; height:80px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; text-align:center; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; color:#909090;}
  402. .mindex-list li:nth-child(4n){ border-right:0;}
  403. .mindex-list li i{ width:25px; height:25px;}
  404. .icon-mlist3{ background-position:0 -105px;}
  405. .icon-mlist4{ background-position:-25px -105px;}
  406. .icon-mlist5{ background-position:-50px -105px;}
  407. .icon-mlist80{ background-position:-75px -105px;}
  408. .icon-mlist10{ background-position:-100px -105px;}
  409. .icon-mlist11{ background-position:-125px -105px;}
  410. .icon-mlist12{ background-position:-150px -105px;}
  411. .icon-mlist19{ background-position:-175px -105px;}
  412. .icon-mlist13{ background-position:-200px -105px;}
  413. .icon-mlist50{ background-position:-225px -105px;}
  414. .icon-mlist16{ background-position:0 -130px;}
  415. .icon-mlist54{ background-position:-25px -130px;}
  416. .icon-mlist27{ background-position:-50px -130px;}
  417. .icon-mlist14{ background-position:-75px -130px;}
  418. .icon-mlist21{ background-position:-100px -130px;}
  419. .icon-mlist52{ background-position:-125px -130px;}
  420. .icon-mlist15{ background-position:-150px -130px;}
  421. .icon-mlist81{ background-position:-175px -130px;}
  422. .icon-mlist78{ background-position:-200px -130px;}
  423. .mindex-recom{ background-color:#fff; padding:10px;}
  424. .mindex-recom .mrtit{ line-height:23px;}
  425. .mindex-recom ul{ display:block;}
  426. .mindex-recom li{ display:block; width:25%; float:left; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; padding:0 2px; margin-top:10px; line-height:1.4;}
  427. .mindex-recom li img{ width:40px; height:40px; border-radius:50%; margin-bottom:2px;}
  428. /*2.15专家列表*/
  429. .cc-lef li.cur span{padding-left:15px;background:url(../images/cs-jtright.png) no-repeat left center;}
  430. .spec-box-leftwrapper .c-100{text-align:center;padding:15px 15px;color:#5b5b5b;font-size:14px;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
  431. .spec-box-leftwrapper .c-100.cur{color:#37a6eb;}
  432. .scroll-itemchoscbox {width: 100%; height:302px; overflow: hidden;background:#fff;font-size:14px;}
  433. .itemchos-box-leftwrapper{position: relative; height: 302px; overflow: hidden; /* Prevent native touch events on Windows */
  434. -ms-touch-action: none; /* Prevent the callout on tap-hold and text selection */
  435. -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Prevent text resize on orientation change, useful for web-apps */
  436. -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
  437. .itemchos-leftscroller{ position: absolute; width: 100%; /* Prevent elements to be highlighted on tap */
  438. -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
  439. -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
  440. .itemch-tit h2{line-height:28px;}
  441. .itemchos-leftscroller .disp-tit-box{color:#5b5b5b;}
  442. .itemchos-leftscroller .disp-tit-box em{color:#37a6ec;}
  443. .itemchos-leftscroller .disp-mainbox{padding:15px 0 10px;}
  444. .itemchos-leftscroller .disp-sloer .c-33{border-radius:3px;text-align:center;background:#f2f2f2;color:#333333;padding:3px 0;margin-bottom:15px;}
  445. .itemchos-leftscroller .disp-sloer .c-33.cur{background:#37a6ec;color:#fff;}
  446. .disp-sloer .c-row .c-33:last-child{margin-left:0;}
  447. .disp-sloer .c-row .c-33.tipsl{margin-right:3%;}
  448. .c-ffa800{color:#ffa800;}
  449. .itemch-tit .c-btn-tiny{width:65px;}
  450. .c-lab-mor li.doctor a{border-left:1px solid #f2f2f2;}
  451. .test-boxer.second .c-avatar-m img{border-radius:100%;}
  452. .second .cc-lef li.cur span{background:none;}
  453. /* 绿色风格皮肤样式 */
  454. /*green*/
  455. .wdz-green .c-btn-maincolor { background: #4dcd70; }/*微导诊按钮绿色*/
  456. .wdz-green .c-btn-maincolor:hover { background-color: #4dc86f; }
  457. .wdz-green .c-btn-wordcolor { color: #4dcd70; }/*微导诊文字绿色*/
  458. .wdz-green .professor-listhead li em.cur { color: #4dcd70; }
  459. .wdz-green .cc-rig li.cur { color: #4dcd70; }/*专家列表按城市文字绿色*/
  460. .wdz-green .spec-leftscroller div.c-33.cur { color: #4dcd70; }/*专家列表按专科文字绿色*/
  461. .wdz-green .c-37a6ed, .wdz-green c-007cd9{ color: #4dcd70; }
  462. .wdz-green .c-lab-les {border: 1px solid #4dc86f; }
  463. .wdz-green .c-lab-les li { border-left: 1px solid #4dc86f; }
  464. .wdz-green .c-lab-les li a { color: #4dc86f; }
  465. .wdz-green .c-lab-les li.hit { background-color: #4dc86f; }
  466. .wdz-green .c-lab-les li.hit a { color: #fff; }
  467. .wdz-green .c-lab-mor li.hit { border-bottom: 3px solid #4dc86f; }
  468. .wdz-green .c-lab-mor li.hit a { color: #4dc86f; }
  469. .wdz-green .hz-header li.cur { border-bottom: 2px solid #4dc86f; }
  470. .wdz-green .hz-header li.cur span { color: #4dc86f; }
  471. .wdz-green .c-ser-btn a{background:#4dc86f;}
  472. .wdz-green .view-more a{color:#4dc86f;}
  473. .wdz-green .c-4dc86f{color:#4dc86f;}
  474. .wdz-green .spec-box-leftwrapper .c-100.cur{color:#4dc86f;}
  475. .wdz-green .scroll-itemchoscbox .c-btn-37a6ec{background: #4dcd70;}
  476. .wdz-green .itemchos-leftscroller .disp-sloer .c-33.cur{background: #4dcd70;}
  477. .wdz-green .itemchos-leftscroller .disp-tit-box em{color: #4dc86f;}
  478. .swiper-container { width: 100%; margin: 10px auto 0 auto !important;}
  479. .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
  480. .swiper-slide div{ text-align:center;}
  481. .swiper-container .swiper-slide div img{ width:40px; height:40px; border-radius:50%;}
  482. /* 医患沟通开始 */
  483. .c-chat-box { border: none; padding-left: 15px; padding-right: 15px; }
  484. .time-tips { margin: 10px 0 0 0; text-align: center; clear: both; }
  485. .time-tips span { position: relative; display: inline-block; padding: 0 60px; color: #aeaeae; font-size: 13px; }
  486. .time-tips span:before, .time-tips span:after { position: absolute; content: ""; display: block; width: 50px; height: 1px; background: #e6e4e1; top: 50%; }
  487. .time-tips span:before { left: 0; }
  488. .time-tips span:after { right: 0; }
  489. .chat-left, .chat-right { clear: both; overflow: hidden; padding: 10px 0; }
  490. .chat-left > dt, .chat-right > dt { width: 40px; height: 40px; }
  491. .chat-left > dt { float: left; margin-right: 15px; }
  492. .chat-right > dt { float: right; margin-left: 15px; }
  493. .chat-left > dt img, .chat-right > dt img { width: 40px; height: 40px; border-radius: 50%; }
  494. .chat-left > dd, .chat-right > dd { position: relative; min-height: 18px; font-size: 14px; display: inline-block; max-width: 65%; background: #fff; border: 1px solid #e1e1e1; border-radius: 6px; padding: 8px 10px; box-shadow: 1px 1px 1px rgba(0,0,0,.1); }
  495. .chat-left > dd { float: left; white-space: pre-wrap; word-wrap: break-word; }
  496. .chat-right > dd { float: right; background: #bce0ff; border: 1px solid #81bdf7; white-space: pre-wrap; word-wrap: break-word; }
  497. .chat-left > dd:after { content: ""; position: absolute; top: 14px; left: -6px; display: block; width: 8px; height: 8px; background: #fff; border-color: #e1e1e1; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
  498. .chat-right > dd:after { content: ""; position: absolute; top: 14px; right: -6px; display: block; width: 8px; height: 8px; background: #bce0ff; border-color: #81bdf7; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
  499. .chat-left > dd p img, .chat-right > dd p img { max-width: 150px; max-height: 150px; margin: 5px 0; }
  500. .pull-more { text-align: center; color: #5b5b5b; font-size: 14px; padding: 14px 0; }
  501. .chat-btm-box { position: fixed; bottom: 0; left: 0; z-index: 2100; width: 100%; background: #fafafa; border-top: 1px solid #e1e1e1; }
  502. .nopos { position: relative; bottom: auto; left: auto; }
  503. .chat-text { position: relative; padding: 10px 15px 10px 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  504. .insert-more { position: absolute; display: block; width: 30px; height: 30px; top: 6px; right: 25px; }
  505. .insert-more i { font-size: 30px; line-height: 30px; color: #a9a9a9; }
  506. .send-text { position: absolute; width: 50px; padding: 8px 0; display: block; bottom: 10px; right: 15px; background: #37a6ec; border-radius: 4px; }
  507. .word-count { font-size: 12px; text-align: right; padding: 0 5px; color: #bfbfbf; }
  508. .insert-img { position: absolute; display: block; width: 30px; height: 30px; top: 6px; right: 15px; border: 1px solid #737373; border-radius: 50%; }
  509. .insert-img:before { position: absolute; content: ""; width: 16px; height: 2px; background: #737373; top: 14px; left: 7px; }
  510. .insert-img:after { position: absolute; content: ""; width: 2px; height: 16px; background: #737373; top: 7px; left: 14px; }
  511. .insert-img span { display: none; }
  512. .chat-text-inp { padding: 0 65px 0 0; }
  513. .chat-text-box { border: 1px solid #e1e1e1; background: #fff; border-radius: 4px;}
  514. .chat-txt-con { width: 100%; height: 31px; outline: 0; font-size: 14px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding:0 5px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
  515. .ins-img-btn { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 3100; }
  516. .ins-img-btn .c-btn { border-radius: 4px; border: none; color: #157efb; font-size: 20px; }
  517. .ins-img-btn .c-btn:first-child { border-radius: 4px 4px 0 0; }
  518. .ins-img-btn .c-btn:nth-child(2) { border-top: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
  519. .pull-more { text-align: center; color: #5b5b5b; font-size: 14px; padding: 14px 0; }
  520. .bgc-f7f5f2 { background: #f7f5f2; }
  521. .more-opt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fafafa; z-index: 2200; }
  522. .m-close { position: absolute; top: 8px; right: 8px; display: block; width: 20px; height: 20px; }
  523. .m-close i.ico-close { position: static; width: 20px; height: 20px; background-color: #afafaf; }
  524. i.ico-close:before { width: 12px; height: 2px; left: 4px; top: 9px; }
  525. i.ico-close:after { width: 2px; height: 12px; left: 9px; top: 4px; }
  526. .more-opt-list { clear: both; padding: 58px 30px 0 30px; text-align: center; overflow: hidden; }
  527. .more-opt-list.normal { clear: both; padding: 7px 30px 0 30px; text-align: center; overflow: hidden; }
  528. .dh-nav { width: 100%; height: 40px; line-height:40px; border-bottom: 1px solid #e1e1e1; background: #fff; font-size:14px;}
  529. .dh-nav li{ display:block; float:left; padding:0 20px;}
  530. .dh-nav li.curr{ color:#4dcd70; position:relative;}
  531. .dh-nav li.curr:before{ content:''; display:block; position:absolute; width:100%; height:2px; background:#4dcd70; left:0; bottom:-1px;}
  532. .dh-list { width:100%; background:#fff; z-index:1;}
  533. .dh-list-box { width: 100%; }
  534. .dh-list li{ overflow:hidden; padding:15px 0 5px 0; font-size:14px; color:#333; display:block;}
  535. .dh-list li label{ display:block; width:25%; float:left; text-align:center; margin-bottom:10px;}
  536. .dh-list li label img{ width:40px; height:40px; border-radius:50%;}
  537. .prerecord{ padding-left:10px; border-top:1px solid #f2f2f2; background:#fff;}
  538. .prerecord:first-child{ border-top:0; margin-top:0;}
  539. .prerecord div{ text-align:left !important;}
  540. .pd-top{ line-height:25px; padding:5px 0; padding-right:10px;}
  541. .pb-mid{ display:box; display:-webkit-box; padding-right:10px;}
  542. .pd-img{ width:40px; height:40px; margin:10px 10px 10px 0; box-flex:0; -webkit-box-flex:0;}
  543. .pd-img img{ width:40px; height:40px; border-radius:50%;}
  544. .pd-mess{ box-flex:1; -webkit-box-flex:1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
  545. .pd-btn{ width:60px; box-flex:0; -webkit-box-flex:0; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
  546. .pd-btn a{ display:block; width:60px; height:25px; line-height:25px; text-align:center; color:#fff; background:#4cd079; font-size:13px; border-radius:4px;}
  547. .pd-bot{ border-top:1px solid #f2f2f2; line-height:40px; padding-right:10px;}
  548. .pd-bot a{ display:inline-block; width:60px; height:30px; line-height:30px; background:#4dcd70; border-radius:4px; text-align:center; color:#fff; float:right; margin-top:5px;}
  549. .pd-bot a.disab{ background:#ccc;}
  550. .scoresr{ line-height:45px; border-top:1px dashed #f2f2f2; border-bottom:1px dashed #f2f2f2; padding:0 15px 0 28px;}
  551. .ti-star { background: url(../images/tip-star.png) no-repeat; text-align: left; width: 157px; background-size: cover; overflow: hidden; background-position: 0 -22px; margin-top:12px; margin-left:15px;}
  552. .ti-star ul { background: url(../images/tip-star.png) no-repeat; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
  553. .ti-star ul.one { background-position: -134px 0; }
  554. .ti-star ul.two { background-position: -101px 0; }
  555. .ti-star ul.three { background-position: -67px 0; }
  556. .ti-star ul.four { background-position: -34px 0; }
  557. .ti-star ul.five { background-position: 0 0; }
  558. .scoresr li { float: left; width: 31.4px; height: 24px; }
  559. .nxz-voice-hold{ position:absolute; left:10px; bottom:8px;}