slow-disease-manage.css 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @charset "utf-8";
  2. .main{}
  3. .c-323232{color: #323232;}
  4. .patient-info{/*height: 52px;*/padding-top: 14px;padding-bottom: 14px;}
  5. .n-list > .n-list-li{padding-left: 10px;margin-left: 0;padding-right: 0px;}
  6. .mb-icon-flex{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;}
  7. .doc-avatar{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
  8. .doc-avatar img{width: 100%;height: 100%;}
  9. .left{float: left;}
  10. .right{float: right;}
  11. .weixing-icon{width: 20px;height: 17px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
  12. .xuetang-icon{width: 12px;height: 21px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
  13. .xueyaji-icon{width: 15px;height: 18px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
  14. .gaotang-icon{width: 40px;height: 40px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
  15. .zinengcheliang-icon{width: 80px;height: 40px;margin-top: 0px;vertical-align: middle;margin-left: 5px;}
  16. .part2{height: 140px;}
  17. .mb-flex{display: flex;display: -webkit-flex;}
  18. .c-ff6a56{color: #FF6A56;}
  19. .border-red{border:1px solid #FF6A56}
  20. .c-74bf00{color: #74BF00;}
  21. .border-green{border:1px solid #74BF00}
  22. .c-47a8ef{color:#47A8EF}
  23. .border-blue{border:1px solid #47A8EF}
  24. .cycle-div{width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center;margin: 0 auto;}
  25. .switch-box{border: 1px solid #47A8EF;border-radius: 15px;text-align: center;}
  26. .switch-box span.active{color: #fff;background-color: #47A8EF;}
  27. .switch-box span{width: 40px;display: inline-block;border-radius: 15px;color: #47A8EF;height: 30px;line-height: 30px;}
  28. .header-icon{display: inline-block;width: 20px;height: 20px;}
  29. .header-icon img{width: 20px;height: 20px;margin-top: 3px;}
  30. .text{width: 33%;}
  31. .part3{height: 210px;}
  32. .padl-10{padding-left: 10px;}
  33. .list-part3{list-style: none;}
  34. .list-part3 li{box-sizing: border-box;height: 100px;width: 50%;float: left;border: 1px solid #e1e1e1;margin-top: 5px;}
  35. .list-part3 li:nth-child(even){margin-right: 0;}
  36. .pos-r{position: relative;}
  37. .common-situation{height: 40px;line-height: 40px;border-bottom: 1px solid #e1e1e1;}
  38. .common-content{height: 58px;line-height: 58px;text-align: center;color: #909090;}
  39. .special-content{height: 58px;color:#909090;text-align: center;padding-top: 6px;}
  40. .special-content span{display: block;}
  41. .content-active{color: #47A8EF;}
  42. .special-img{width: 30px;height: 30px;background-size: 30px;position: absolute;top: 0;right: 0;}
  43. .mr2{margin-right: 2px;}
  44. .icon-img{width: 20px;height: 20px;background-size: 20px;margin-top: 12px;margin-right: 5px;}
  45. .part4{height: 140px;background-color: #fff;}
  46. .target-title,.part2-title{height: 40px;line-height: 40px;border: 1px solid #e1e1e1;}
  47. .target-content-common{width: 50%;float: left;height: 70px;text-align: center;padding-top: 12px;padding-bottom: 16px;}
  48. .c-47A8EF{color:#47A8EF}
  49. .c-909090{color: #909090;}
  50. .part5,.part6,.part7{height: 40px;background-color: #fff;line-height: 40px;}
  51. .mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;margin-right: 10px;}
  52. .mb-icon-round.red {
  53. border: solid 1px #FF4c4c;
  54. color: #FF4c4c;
  55. }
  56. .mb-icon-round.orange {
  57. border: solid 1px #FFc691;
  58. color: #FFc691;
  59. }
  60. .mb-icon-round.green {
  61. border: solid 1px #06bf04;
  62. color: #06bf04;
  63. }
  64. .mui-loading{
  65. margin: 0 auto;
  66. }