personal-manage.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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: 36px;
  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. }
  29. .set-row {
  30. width: 10px;
  31. height: 10px;
  32. border-radius: 50%;
  33. }
  34. .w-100-220 {width: calc(100% - 220px);}
  35. .record-li:hover {
  36. background-color: #f1f6f5;
  37. color: #12B7F5;
  38. }
  39. .doc-li:hover, .plan-li:hover {
  40. background-color: #e1e1e1;
  41. }
  42. .bgc-red {
  43. background-color: lightcoral;
  44. }
  45. .w-100-60 {width: calc(100% - 60px);}
  46. .set-hospital {
  47. background: url(../images/yiyuan_icon.png) no-repeat no-repeat 5px 3px;
  48. background-size: 12px 12px;
  49. }
  50. .h73 {height: 73px;}
  51. .w100 {width: 100px;}
  52. .w96 {width: 96px;}
  53. .w96.active {
  54. background-color: #12b7f5;
  55. color: #ffffff;
  56. }
  57. .content {height: 100%}
  58. .h380 {height: 380px;}
  59. .over-hidden {overflow: hidden;}
  60. .lh30 {height: 30px; line-height: 30px;}
  61. .w130 {width: 130px;}
  62. .type .active {
  63. background-color: #12b7f5;
  64. color: #fff;
  65. }
  66. .b-r-5 {
  67. border-radius: 5px;
  68. }
  69. .b-r-15 {
  70. border-radius: 15px;
  71. }
  72. .b-c-12b7f5 {
  73. border-color: #12b7f5;
  74. }
  75. .w-row{
  76. width: 100%;
  77. }
  78. .flex {
  79. display: flex;
  80. }
  81. .flex1{
  82. flex: 1;
  83. }
  84. .c-12b7f5 {
  85. color: #12b7f5;
  86. }
  87. .bg-f5f5fa{
  88. background-color: #f5f5fa;
  89. }
  90. .link-control{
  91. padding-right: 20px;
  92. position: relative;
  93. }
  94. .link-control::after{
  95. content: "";
  96. position: absolute;
  97. right: 10px;
  98. top: 50%;
  99. width: 6px;
  100. height: 6px;
  101. border-right: 1px solid #D7DCE6;
  102. border-bottom: 1px solid #D7DCE6;
  103. -webkit-transform: translateY(-50%) rotate(-45deg);
  104. -moz-transform: translateY(-50%) rotate(-45deg);
  105. -ms-transform: translateY(-50%) rotate(-45deg);
  106. -o-transform: translateY(-50%) rotate(-45deg);
  107. transform: translateY(-50%) rotate(-45deg);
  108. }
  109. .link-control.is-active{
  110. border-color: #12b7f5;
  111. }
  112. .vc{
  113. align-items: center;
  114. }
  115. .zhibiao_icon{
  116. padding-right: 10px;
  117. position: relative;
  118. }
  119. .zhibiao_icon::after{
  120. content: "";
  121. position: absolute;
  122. right: 0;
  123. top: 50%;
  124. -webkit-transform: translateY(-50%);
  125. -moz-transform: translateY(-50%);
  126. -ms-transform: translateY(-50%);
  127. -o-transform: translateY(-50%);
  128. transform: translateY(-50%);
  129. width: 8px;
  130. height: 12px;
  131. }
  132. .zhibiao_icon.low::after{
  133. background: url('../images/zhibiao_di_icon.png') no-repeat;
  134. background-size: 100% 100%;
  135. }
  136. .zhibiao_icon.high::after{
  137. background: url('../images/zhibiao_gao_icon.png') no-repeat;
  138. background-size: 100% 100%;
  139. }