Página inicial Explorar Ajuda
Registrar Entrar
Amoy2
/
sr-iHealthApp
Observar 2
Favorito 0
Fork 0
Arquivos
Branch: master
Branches Tags
sr-iHealthApp
/
html
/
prescription
/
css
/
xufangxiangqing.css

xufangxiangqing.css 17 KB
Link permanente Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203 
  1. .os-main, .el-main {padding-top: 12px; position: absolute; top: 45px; left: 0; right: 0; bottom: 0; font-size: 14px; color: #333; overflow: auto; -webkit-overflow-scrolling: touch; }
    2. 

  2. .info-list{background: #fff;border-top: solid 1px #dcdcdc;margin-bottom: 10px;border-bottom: solid 1px #dcdcdc;}
    3. 

  3. .info-list .il-item { position: relative; }
    4. 

  4. .info-list .il-item p { line-height: 20px; padding-bottom: 15px; }
    5. 

  5. .info-list .il-item.il-i-table:after { border: none; }
    6. 

  6. .os-tit-o {box-sizing: border-box; padding: 0px 10px;height: 45px;line-height: 45px; font-size: 16px; color: #333; border-bottom: solid 1px #dcdcdc;margin-bottom: 15px;}
    7. 

  7. .os-tit-o.nomar{margin-bottom: 0px;}
    8. 

  8. .no-margin{margin-bottom: 0px;}
    9. 

  9. .os-tit-o.o-t-o-nb { padding-bottom: 0; }
    10. 

  10. .os-t-o-name { vertical-align: middle; }
    11. 

  11. .os-base-info.msg li{margin-bottom: 0px;border-bottom: solid 1px #f1f1f1;padding-top: 10px;padding-bottom: 8px;}
    12. 

  12. .os-base-info {padding: 0px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
    13. 

  13. .os-base-info.pl0{padding-left: 0px;padding-right: 0px;}
    14. 

  14. .os-base-info li {-webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block;margin-bottom: 15px;}
    15. 

  15. .os-base-info li.flex2 { -webkit-flex: 2; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
    16. 

  16. .os-base-info li.flex1 { -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    17. 

  17. .os-base-info li .pd-r { padding-right: 25px; }
    18. 

  18. .os-tit-t, .os-tit-f { margin-bottom: 10px; color: #909090; }
    19. 

  19. .os-tit-th { padding-bottom: 10px; color: #909090; }
    20. 

  20. .os-tit-f { font-weight: 600; color: #333; }
    21. 

  21. .p-bottom { text-align: center; padding: 10px 0 20px 0; font-size: 10px; color: #909090; }
    22. 

  22. .info-list-t { position: relative;background: #fff;border-top: solid 1px #dcdcdc;margin-bottom: 10px;border-bottom: solid 1px #dcdcdc;}
    23. 

  23. .il-t-item { position: relative; padding: 0 10px; }
    24. 

  24. .il-t-item.list-mt{margin-bottom: 10px;}
    25. 

  25. .il-t-item.list-mt:last-child{margin-bottom: 0px;}
    26. 

  26. .il-t-item:after { content: " "; position: absolute; left: 10px; bottom: 0; right: 10px; height: 1px; border-top: 1px solid #dcdcdc; color: #dcdcdc; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); }
    27. 

  27. .il-t-item p { padding-bottom: 15px; line-height: 20px; color: #333;}
    28. 

  28. .il-t-item p.ying-pb{padding-bottom: 10px;}
    29. 

  29. .il-t-item.jiancha-mt{margin-bottom:10px;}
    30. 

  30. .il-t-item:last-child:after { content: ""; border: none; }
    31. 

  31. .il-t-item.pl0{padding-left: 0px;padding-right: 0px;}
    32. 

  32. .sidebar-main { position: absolute; left: 0; top: 45px; right: 0; bottom: 0; background: transparent; z-index: -1; -webkit-transition: all 0.5s; transition: all 0.5s;overflow: auto; }
    33. 

  33. .sidebar-main.active { background: rgba(0, 0, 0, 0.3); z-index: 900; }
    34. 

  34. .sidebar-body { position: absolute; width: 210px; top: 0; right: -210px; /*bottom: 0;*/ background: #fff; padding-top: 5px; -webkit-transition: all 0.5s; transition: all 0.5s;min-height: 100%; }
    35. 

  35. .sidebar-body.active { right: 0; }
    36. 

  36. .sb-item { position: relative; text-align: center; font-size: 17px; }
    37. 

  37. .sb-item > a { color: #333; position: relative; display: block; height: 45px; line-height: 45px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}
    38. 

  38. .sb-item > a.active { background: #f5f7f9; }
    39. 

  39. .sb-i-list { display: none; text-align: left; }
    40. 

  40. .sb-i-list li a.active { background: #f5f7f9; }
    41. 

  41. .sb-i-list a { color: #909090; display: block; height: 45px; line-height: 45px;font-size: 14px;}
    42. 

  42. .icon { display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: middle; margin: 0 10px 0 0; }
    43. 

  43. .i-ess-info { background-image: url(../images/jibenxinxi_icon.png); }
    44. 

  44. .i-visiting-result { background-image: url(../images/linchuanzhenduan_icon.png); }
    45. 

  45. .Rp { background-image: url(../images/RP_icon.png); }
    46. 

  46. .i-ess-book{ background-image: url(../images/yishizhengshu_icon.png); }
    47. 

  47. .i-ess-recond{ background-image: url(../images/xufangjilu_icon.png); }
    48. 

  48. .i-home { display: inline-block; width: 40px; height: 40px; position: absolute; right: 14px; bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/img/i-go-home.png); border-radius: 50%; z-index: 888; }
    49. 

  49. 

  50. .sidebar { display: inline-block; width: 48px; height: 48px; position: absolute; right: 14px; top: 72px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/img/i-switch.png); border-radius: 50%; z-index: 888; }
    51. 

  51. 

  52. .i-d { display: inline-block; width: 10px; height: 6px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/img/i-drop-down.png); -webkit-transition: all 0.5s; transition: all 0.5s; }
    53. 

  53. .i-d.active { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
    54. 

  54. 

  55. .cm-list { font-size: 0; }
    56. 

  56. .cm-list li { font-size: 13px; color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    57. 

  57. .cm-list li div { -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    58. 

  58. .cm-list li div span {-webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; }
    59. 

  59. .cm-list li div span:first-child { text-align: right; }
    60. 

  60. .cm-list li div:first-child { border-right: 1px dotted #dce5f1; }
    61. 

  61. .cm-list li:first-child { padding-top: 15px; }
    62. 

  62. .cm-list li:last-child { padding-bottom: 30px; }
    63. 

  63. .cm-list li:last-child div { padding-bottom: 0; }
    64. 

  64. .i-i-list { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
    65. 

  65. .i-i-list li { display: inline-block; padding: 5px 10px 15px 0; text-align: center; }
    66. 

  66. .i-i-list li img { display: inline-block; height: 75px; width: 92px; border-radius: 5px; }
    67. 

  67. 

  68. .el-main { background: #f4f6f9; }
    69. 

  69. 

  70. .el-tit { height: 100px; background: #fff; padding-left: 20px; }
    71. 

  71. 

  72. .el-t-l { font-size: 12px; color: #909090; padding: 20px 0 5px 0; }
    73. 

  73. 

  74. .el-t-m { font-size: 30px; color: #333; font-weight: 600; }
    75. 

  75. 

  76. .el-list { padding-bottom: 20px; }
    77. 

  77. 

  78. .el-item div.list { padding:5px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; font-size: 14px; color: #909090; }
    79. 

  79. .el-item div.list span {display: block; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    80. 

  80. .el-item div.list span:last-child { text-align: right; }
    81. 

  81. .el-item div.title span {display: block; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    82. 

  82. .el-item div.title span:last-child { text-align: right; }
    83. 

  83. .el-item div.title { height:40px;line-height:40px; font-size: 14px; color: #333; font-weight: 600;padding: 0px 10px;border-bottom:solid 1px #dcdcdc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;margin-bottom: 5px;}
    84. 

  84. .el-item .el-list{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 10px;font-size: 14px; color: #909090;}
    85. 

  85. .el-item .el-list b{display: block;font-weight: normal;-webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
    86. 

  86. .el-item .el-list b:last-child { text-align: right; }
    87. 

  87. .el-item .el-title.noline{border-bottom:none;margin-bottom: 0px;}
    88. 

  88. .el-item .el-title{height:40px;line-height:40px; font-size: 14px; color: #333; font-weight: 600;padding: 0px 10px;border-bottom:solid 1px #dcdcdc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;margin-bottom: 5px;}
    89. 

  89. .el-item .el-title span{display: block;-webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    90. 

  90. .el-item .el-title span:last-child { text-align: right; }
    91. 

  91. .lto-con { box-shadow: 1px 1px 2px 0 #edf4fe; background: #fff; margin: 0px 10px 10px 10px;border-radius: 5px;}
    92. 

  92. 

  93. .lto-tit { padding: 20px 0 15px 25px; font-size: 14px; color: #1286ff; }
    94. 

  94. 

  95. .lto-info { padding: 0 10px 10px 25px; font-size: 14px; color: #333; line-height: 20px; position: relative; }
    96. 

  96. .lto-info span { color: #909090; }
    97. 

  97. .lto-info:before { content: " "; display: block; width: 5px; height: 5px; background: #1286ff; position: absolute; border-radius: 50%; left: 10px; top: 7px; }
    98. 

  98. 

  99. .hp-table { width: 100%; text-align: center; }
    100. 

  100. .hp-table tr { border: 1px solid #edf4fe; }
    101. 

  101. .hp-table tr th { height: 40px; background: #f5f7f9; font-size: 13px; color: #333; font-weight: 600; }
    102. 

  102. .hp-table tr td { height: 60px; font-size: 12px; color: #333; }
    103. 

  103. 

  104. .hp-list { color: #333; padding-bottom: 10px; }
    105. 

  105. .hp-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    106. 

  106. .hp-list li span { text-align: center; padding-bottom: 10px; }
    107. 

  107. .hp-list li span:first-child { -webkit-flex: 1.5; -webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; }
    108. 

  108. .hp-list li span:last-child { -webkit-flex: 2; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
    109. 

  109. .hp-list li:first-child span { font-weight: 600; padding-bottom: 15px; }
    110. 

  110. 

  111. .id-table { width: 100%; margin-bottom: 10px; }
    112. 

  112. .id-table tr { text-align: center; }
    113. 

  113. .id-table tr th { font-size: 13px; color: #333; padding: 10px 0; }
    114. 

  114. .id-table tr td { font-size: 12px; color: #333; padding: 10px 0; }
    115. 

  115. .id-table tr.up td { color: #ff7e7e; }
    116. 

  116. .id-table tr.down td { color: #67e39e; }
    117. 

  117. 

  118. .up-icon { position: relative; }
    119. 

  119. .up-icon:after { content: ''; display: block; position: absolute; width: 11px; height: 12px; background-image: url(../images/img/i-up.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: 2px; right: -15px; }
    120. 

  120. .icon-right{background: url('../images/jr-rop.png') no-repeat;background-size: 8px 15px; background-position: calc(100% - 10px) center;}
    121. 

  121. .down-icon { position: relative; }
    122. 

  122. .down-icon:after { content: ''; display: block; position: absolute; width: 11px; height: 12px; background-image: url(../images/img/i-down.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: 2px; right: -15px; }
    123. 

  123. .header-link{font-size: 16px;color: #fff;}
    124. 

  124. .header-link2{font-size: 16px;color: #fff;position: absolute;top: 0px;right: 10px;}
    125. 

  125. .i-ess-muban{background-image: url(../images/moban_icon.png);}
    126. 

  126. .i-ess-tiaozheng{background-image: url(../images/tiaozhengyuanying_icon.png);}
    127. 

  127. .i-ess-jumin{ background-image: url(../images/jumingxinxi_icon.png); }
    128. 

  128. .i-ess-xufang{ background-image: url(../images/xunfangxinxi_icon.png); }
    129. 

  129. .i-ess-shenhe{ background-image: url(../images/dhenhejilu_icon.png); }
    130. 

  130. .i-ess-yuan{ background-image: url(../images/yuanchufangjilu_icon.png); }
    131. 

  131. .no-border{border-bottom: none;}
    132. 

  132. .xufang-input[type='text']{border: none; text-align: right;font-size: 14px;color: #333;width: 250px;position: absolute;right: 20px;height: 38px;bottom: 1px;padding-right: 5px;}
    133. 

  133. .bttn{width: 93%;height: 40px;line-height: 40px;background-color: #ccc;color: #fff;font-size: 16px;border-radius: 5px;margin: 0 auto;text-align: center;margin-top: 10px;}
    134. 

  134. .bttn.active{background-color: #17b3ec;}
    135. 

  135. .layer-res{width: 50px;height: 50px;border-radius:50%;overflow:hidden;position: fixed;z-index: 99;bottom: 45px;right: 15px;background: url('../images/huidajuming_btn.png') no-repeat;background-size: contain;background-position: center;}
    136. 

  136. .cc-sick{height: 40px;line-height: 40px;}
    137. 

  137. .mbsc-ios .dw-msel:before {font-size: 1.2em!important;}
    138. 

  138. #selSick_dummy{margin-bottom: 0px;border: none;width: calc(100% - 15px);font-size: 14px;color: #333;height: 36px;padding: 0px;}
    139. 

  139. .cc-link{position: absolute;right: 10px;top: 0px;font-size: 14px;color: #17b3ec;}
    140. 

  140. .os-base-info li input{font-size: 14px;color: #333;margin-bottom: 0px;height:auto;padding: 5px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    141. 

  141. .os-base-info .cc-flex{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom:0px ;}
    142. 

  142. .cc-flex label{min-width: 60px;}
    143. 

  143. .cc-list-one{padding: 5px 0px 5px 0px;}
    144. 

  144. .os-base-info li input.wid-300{width: calc(100% - 90px);margin-right: 10px;}
    145. 

  145. .os-base-info li input.wid-200{width: 200px;}
    146. 

  146. .unit{font-size: 14px; color: #333;margin-left: 10px;}
    147. 

  147. .list-mt .os-base-info li label{color: #909090;}
    148. 

  148. .il-t-item.cc-ul{padding-top: 5px;padding-bottom: 5px;margin-bottom: 0px;}
    149. 

  149. .cc-flex.wi-50{width: 50%;}
    150. 

  150. .cc-posi-r{justify-content: flex-end;}
    151. 

  151. .cc-add-drug{display: -webkit-box; height: 40px;-webkit-box-pack: center;-webkit-box-align: center;}
    152. 

  152. .cc-add-drug .icon2{width: 18px;height: 18px;margin-right:5px;background: url('../images/xinzhengyaopin_icon.png') no-repeat;background-size: contain;}
    153. 

  153. .cc-add-drug .text{color: #17b3ec;font-size: 16px;}
    154. 

  154. .cc-delete{width: 18px;height: 18px;background: url('../images/delete.png') no-repeat;background-size: contain;}
    155. 

  155. .c-hide{display: none;}
    156. 

  156. .cc-input{width: 200px;height: 33px;background: url('../images/xiala_icon.png') no-repeat;background-size: 12px 6px;background-position:180px center;}
    157. 

  157. .cc-input input{background-color: transparent;}
    158. 

  158. .cc-textarea{padding-top: 10px;width: 100%;position: relative;padding-bottom: 4px;}
    159. 

  159. .cc-textarea textarea{width: 100%;border: solid 1px #dcdcdc;font-size: 14px;color: #333;padding: 5px 5px 10px 5px;}
    160. 

  160. .cc-tag{position: absolute;bottom: 10px;right: 6px;}
    161. 

  161. .xu-label{min-width: 70px;}
    162. 

  162. .os-base-info li.xu-flex{display: flex;display: -webkit-flex;}
    163. 

  163. .mx-bttn{width:100%;padding: 15px;position: fixed;bottom: 0px;left: 0px;background-color: #f2f4f6;}
    164. 

  164. .mx-bttn .comfirm-btn{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background-color: #17b3ec;border-radius: 5px;}
    165. 

  165. .layer-bg{position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: rgba(0,0,0,0.3);z-index: 999;}
    166. 

  166. .xufang-num{position: absolute;bottom: 0px;z-index: 9999;background-color: #fff;width: 100%;}
    167. 

  167. .number-pad{border-top:solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; width: 100%;margin-top: 30px;}
    168. 

  168. .number-pad .box{display: flex;display: -webkit-flex;display: -webkit-box;}
    169. 

  169. .number-pad li{width: 33.333333%;height: 50px;text-align: center;line-height: 50px;border-bottom: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;font-size: 16px;color: #333;}
    170. 

  170. .number-pad li.gray{background-color: #ececec;font-size: 15px;}
    171. 

  171. .number-pad li.del{color: #ff4c4c;}
    172. 

  172. .number-pad li.no{color: #17B3EC;}
    173. 

  173. .number-pad li:active{background-color: #ccc;}
    174. 

  174. .xufang-num .head{position: relative;}
    175. 

  175. .xufang-num .head div:nth-child(1){width: 100%;font-size: 16px;color: #333;height: 40px;line-height: 40px;}
    176. 

  176. .xufang-num .head div:nth-child(2){position:absolute;top: 0px;right: 15px; font-size: 14px;color: #ccc;height: 37px;line-height: 37px;}
    177. 

  177. .num-info{border-top: solid 1px #dcdcdc; padding: 0px 15px;}
    178. 

  178. .num-info .msg{display: -webkit-box;color: #333;border-bottom: solid 1px #dcdcdc;padding: 8px 0px;font-size: 14px;}
    179. 

  179. .num-info .msg div:nth-child(1){width: 50%;}
    180. 

  180. .num-info .msg div:nth-child(2){width: 50%;text-align: right;}
    181. 

  181. .num-info .psw div:nth-child(1){color: #333;font-size: 14px;padding: 8px 0px;}
    182. 

  182. .num-info .psw ul li{width:30px;height: 30px; border:solid 1px #dcdcdc;margin-right: 20px;display: flex;justify-content: center;align-items: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
    183. 

  183. .num-info .psw ul li:last-child{margin-right: 0px;}
    184. 

  184. .num-info .psw ul{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;padding: 5px 0px 10px;}
    185. 

  185. .foreig{font-size: 14px;color: #17B3EC;float: right;margin-bottom: 10px;}
    186. 

  186. .num-info .psw ul li .round{ display:none; width: 10px;height: 10px;border-radius: 50%;background-color: #333;}
    187. 

  187. .num-info .psw ul li.active .round{display: block;}
    188. 

  188. .xu-flex{display: flex;display: -webkit-flex;}
    189. 

  189. .xu-textarea{width: 100%;border: solid 1px #dcdcdc;font-size: 14px;color: #333;padding: 5px 5px 10px 5px;}
    190. 

  190. .xf-bttn{width: 80px;height: 34px;background-color: #17B3EC;color: #fff;font-size: 14px;text-align: center;line-height: 34px;border-radius: 5px;}
    191. 

  191. .xx-line input{border:none;padding: 0px 0px!important;font-size: 14px;color: #333;background-color: transparent;}
    192. 

  192. .xx-line label{width: 90px;}
    193. 

  193. .xf-position{position: fixed;bottom: 0px;left: 0px;width: 100%;background-color: #fff;padding-bottom:10px;}
    194. 

  194. .nopass-list li{display: inline-block;background-color:#fff;font-size: 14px;color: #17B3EC;padding: 2px 8px;border-radius: 20px;border: solid 1px #17B3EC;margin-right: 15px;margin-bottom: 5px;}
    195. 

  195. .nopass-list{padding:10px 5px 5px;}
    196. 

  196. .nopass-list li:last-child{margin-right: 0px;}
    197. 

  197. .nopass-list li.active{background-color: #17BCEC;color: #fff;}
    198. 

  198. .add-icon{width: 20px;height: 20px;background: url('../images/xinzhengyaopin_icon.png') no-repeat;background-size: 19px 19px;background-position: center;margin-right: 10px;}
    199. 

  199. .desc-icon{width: 20px;height: 20px;background: url('../images/jianshao_icon.png') no-repeat;background-size: 19px 19px;background-position: center;margin-left: 10px;}
    200. 

  200. .j-medi-single.wid-small{width:138px}
    201. 

  201. .nopass-list.change-nopass{padding:0px 15px}
    202. 

  202. .nopass-list.change-nopass li{margin-bottom:0px;margin-top: 10px;}
    203. 

  203. .ca-bg{background: url('../images/ca.png') no-repeat;background-size: 28px 28px;background-position:15px center;padding-left: 50px;}
    204.