personal-manage.css 2.8 KB

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