personal-manage.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. .bgc-f5f5fa {background-color: #f5f5fa;}
  2. .bgc-dff5fc {background-color: #dff5fc;}
  3. .w360 {width: 360px;}
  4. .w-100-360 {width: calc(100% - 361px);}
  5. .c-orange {color: orange;}
  6. .c-ff3b30 {color: #ff3b30;}
  7. .c-2dbe55 {color: #2dbe55;}
  8. .bgc-orange {background-color: #ff9526;}
  9. .bgc-c1c1c1 {background-color: #ebebf5;}
  10. .bd-12b7f5{border-color: #12b7f5 !important}
  11. .lh22 {height: 22px; line-height: 22px;}
  12. .lh30 {height: 30px; line-height: 30px;}
  13. .b-r-11 {border-radius: 11px;}
  14. .w30 {width: 30px;}
  15. .set-dianxian {
  16. width: 20px;
  17. height: 59px;
  18. background: url(../images/dianxian.png) no-repeat repeat center center;
  19. }
  20. .mt13 {margin-top: 13px;}
  21. .mt8 {margin-top: 8px;}
  22. .set-taday {
  23. width: 20px;
  24. height: 20px;
  25. border-radius: 50%;
  26. background-color: #12b7f5;
  27. line-height: 20px;
  28. margin-left: -10px;
  29. }
  30. .set-row {
  31. width: 10px;
  32. height: 10px;
  33. border-radius: 50%;
  34. margin-left: -5px;
  35. }
  36. .recover-list::-webkit-scrollbar{
  37. width: 0;
  38. }
  39. .w-100-220 {width: calc(100% - 220px);}
  40. .record-li:hover {
  41. background-color: #f1f6f5;
  42. color: #12B7F5;
  43. }
  44. .doc-li:hover, .plan-li:hover {
  45. background-color: #e1e1e1;
  46. }
  47. .bgc-red {
  48. background-color: lightcoral;
  49. }
  50. .w-100-60 {width: calc(100% - 60px);}
  51. .set-hospital {
  52. background: url(../images/yiyuan_icon.png) no-repeat no-repeat 5px 3px;
  53. background-size: 12px 12px;
  54. }
  55. .h73 {height: 73px;}
  56. .w100 {width: 100px;}
  57. .w96 {width: 96px;}
  58. .w96.active {
  59. background-color: #12b7f5;
  60. color: #ffffff;
  61. }
  62. .content {height: 100%}
  63. .h380 {height: 380px;}
  64. .over-hidden {overflow: hidden;}
  65. .lh30 {height: 30px; line-height: 30px;}
  66. .w130 {width: 130px;}
  67. .type .active {
  68. background-color: #12b7f5;
  69. color: #fff;
  70. }
  71. .b-r-5 {
  72. border-radius: 5px;
  73. }
  74. .b-r-15 {
  75. border-radius: 15px;
  76. }
  77. .b-c-12b7f5 {
  78. border-color: #12b7f5;
  79. }
  80. .w-row{
  81. width: 100%;
  82. }
  83. .flex {
  84. display: flex;
  85. }
  86. .flex1{
  87. flex: 1;
  88. }
  89. .c-12b7f5 {
  90. color: #12b7f5;
  91. }
  92. .bg-f5f5fa{
  93. background-color: #f5f5fa;
  94. }
  95. .link-control{
  96. padding-right: 20px;
  97. position: relative;
  98. }
  99. .link-control::after{
  100. content: "";
  101. position: absolute;
  102. right: 10px;
  103. top: 50%;
  104. width: 6px;
  105. height: 6px;
  106. border-right: 1px solid #D7DCE6;
  107. border-bottom: 1px solid #D7DCE6;
  108. -webkit-transform: translateY(-50%) rotate(-45deg);
  109. -moz-transform: translateY(-50%) rotate(-45deg);
  110. -ms-transform: translateY(-50%) rotate(-45deg);
  111. -o-transform: translateY(-50%) rotate(-45deg);
  112. transform: translateY(-50%) rotate(-45deg);
  113. }
  114. .link-control.is-active{
  115. border-color: #12b7f5;
  116. }
  117. .vc{
  118. align-items: center;
  119. }
  120. .zhibiao_icon{
  121. display: inline-block;
  122. padding-right: 10px;
  123. position: relative;
  124. }
  125. .zhibiao_icon::after{
  126. content: "";
  127. position: absolute;
  128. right: 0;
  129. top: 50%;
  130. -webkit-transform: translateY(-50%);
  131. -moz-transform: translateY(-50%);
  132. -ms-transform: translateY(-50%);
  133. -o-transform: translateY(-50%);
  134. transform: translateY(-50%);
  135. width: 8px;
  136. height: 12px;
  137. }
  138. .zhibiao_icon.low::after{
  139. background: url('../images/zhibiao_di_icon.png') no-repeat;
  140. background-size: 100% 100%;
  141. }
  142. .zhibiao_icon.high::after{
  143. background: url('../images/zhibiao_gao_icon.png') no-repeat;
  144. background-size: 100% 100%;
  145. }
  146. .icon-group{position: absolute;top: 15px;right: 15px;z-index: 1;}
  147. .icon-edit{font-size: 22px; color: #12b7f5;}
  148. .icon-close{font-size: 22px;}
  149. .btn-yuyue{background-color: #02cfb9;color: #fff;}
  150. .btn-yuyue:hover,.btn-yuyue:link{color: #fff;background-color: #01c1ad;}
  151. .btn-12b7f5{color: #fff;background-color: #12b7f5;}
  152. .btn-12b7f5:hover,.btn-12b7f5:link{color: #fff;background-color: #12b7f5;}
  153. .btn-disabled{background-color: #eee;color: #999;}
  154. .btn-disabled:hover, .btn-disabled:link{background-color: #eee;color: #999;}
  155. .btn-fuwuma{background-color: #2dbe55;color: #fff;}
  156. .btn-fuwuma:hover,.btn-fuwuma:link{color: #fff;background-color: #209440;}
  157. .btn-zhidao{background-color: #12b7f5;color: #fff;}
  158. .btn-zhidao:hover,.btn-zhidao:link{color: #fff;background-color: #10a0d6;}
  159. .upload-box{margin-top:0;padding: 10px 0 10px 10px;overflow: hidden;border: 1px solid #d7dce6;}
  160. .upload-box li{width: 60px;height: 60px;position: relative;display: block;float: left;margin-right: 10px;}
  161. .upload-box li img{width: 100%;display: block;}
  162. .upload-img-box{width: 100%;height: 100%;overflow: hidden;}
  163. .delete-img{position: absolute;right: -5px;top: -5px;color: #fff;background-color: #ccc;border-radius: 100%;text-align: center;line-height: 15px;width: 15px;height: 15px;}
  164. .upload-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;z-index: 3;font-size: 0;width: 100%;height: 100%;}
  165. .add-img{font-size: 40px;line-height: 60px;font-weight: 500;width: 60px;height: 60px;display: block;text-align: center;border: 1px dashed #d7dce6;color: #bec8d2;}