follow-up.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .followup-list{padding: 0px 20px;margin: 0;overflow: hidden;}
  2. .consultation-list-item{cursor: pointer;list-style: none;border: 1px solid #d7dce6;margin-top: 20px;min-height: 80px;border-radius: 8px;overflow: hidden;position: relative;}
  3. .follow-user-info{padding: 10px 40px 10px 15px;position: relative;overflow: hidden;height: 80px;}
  4. .follow-up-doctor{font-weight: 700;color: #333;font-size: 16px;border-bottom: 1px solid #d7dce6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;height: 40px;line-height: 40px;margin-bottom: 0;padding-right: 10px;}
  5. .follow-status[data-status="1"]:before{content: '已完成';background: #c8c8c8;}
  6. .follow-status[data-status="2"]:before{content: '计划中';background: #19D5C5;}
  7. .follow-status[data-status="3"]:before{content: '进行中';background: #fca701;}
  8. .start-time{font-weight: 100;font-size: 14px;}
  9. .edu-status,.follow-status{position: absolute;right: 10px;top: -1px;}
  10. .edu-status:before,.follow-status:before{content: '';width: 26px;height: auto;color: #fff;display: inline-block;line-height: 1.2;font-size: 13px;text-align: center;padding: 5px 5px 8px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;}
  11. .fu-tag{display: inline-block; background-color: #12b7f5; color: #fff; font-size: 12px; height: 20px; line-height: 20px; width: 50px; text-align: center; margin-left: 10px; font-weight: normal; border-radius: 10px;}
  12. .completion-time{margin-bottom: 0;font-size: 13px;}
  13. .act-type{margin-bottom: 20px;}
  14. .consultation-list-item:first-child{margin-top: 0px;}
  15. .pagination{margin: 20px 0px 15px;}
  16. /*通用*/
  17. .ib{display: inline-block;}
  18. .verti-top{vertical-align: top;}
  19. .mr20{margin-right: 20px;}
  20. .mr10{margin-right: 10px;}
  21. em{font-style: normal;}
  22. *{box-sizing: border-box;padding: 0;margin: 0;}
  23. .disabled-input{pointer-events: none;}
  24. .red{color: #FF2222;margin-right: 3px;}
  25. .w-100{width: 100px!important;}
  26. .w-200{width: 200px!important;}
  27. .w-210{width: 210px!important;}
  28. .w-120{width: 120px!important;}
  29. .w-114{width: 114px!important;}
  30. .w-138{width: 138px!important;}
  31. .w-210{width: 210px!important;}
  32. .w-110{width: 110px!important;}
  33. .w-70{width: 70px!important;}
  34. .c-100{width: 100%!important;}
  35. .ml20{margin-left: 20px;}
  36. .w-290{width: 290px!important;}
  37. .pt20{padding-top: 20px;}
  38. .mt15{margin-top: 15px;}
  39. .mr5{margin-right: 5px;}
  40. .ml0{margin-left: 0px!important;}
  41. .pt3{padding-top: 5px;}
  42. .red{color: #FF2222;margin-right: 3px;}
  43. .c-hide{display: none;}
  44. .ml20{margin-left: 20px;}
  45. .c-t-center{text-align: center;}
  46. /*注册*/
  47. .row-item{font-size: 14px;color: #333;margin-top: 20px;}
  48. .row-item input{width: 220px;background: #f5f5fa;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  49. /*症状*/
  50. .page_title{font-size: 18px;padding: 10px;margin-bottom: 0;text-align: center;}
  51. .inline-container-l{padding: 0 60px;}
  52. .inline-container{padding: 0px 20px;}
  53. .row-line-item{width: 160px;display: inline-block;font-size: 14px;margin-top: 20px;}
  54. .row-line-item-2{width: 320px;}
  55. .checkbox-inline{padding-left: 24px;}
  56. .radio-inline{padding-left: 30px;}
  57. .radio-inline+.radio-inline{margin-left: 20px;}
  58. .checkbox-inline input[type='checkbox'],.radio-inline input[type='radio']{opacity: 0;}
  59. input[type='checkbox']+span:before{content: '';position: absolute;left: 0;top: 4px;background: url(../image/gouxuan_btn.png);width: 14px;height: 14px;display: inline-block;}
  60. input[type='checkbox']:checked+span:before{background: url(../image/gouxuan_pre.png);}
  61. input[type='radio']+span:before{content: '';position: absolute;left: 0;top: 0;background: url(../image/dianxuan_btn.png);width: 20px;height: 20px;display: inline-block;}
  62. input[type='radio']:checked+span:before{background: url(../image/dianxuan_pre.png);}
  63. .remark{display: inline-block;width: 220px;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  64. /*健康教育*/
  65. .row-inline-item{display: inline-block;margin-left: 20px;margin-top: 20px;}
  66. .row-inline-item span{font-size: 14px;}
  67. .form-control{display: inline-block;margin: 0 5px;width: 64px;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
  68. .input-groups{margin-top: 20px;}
  69. .input-groups textarea{width: 100%;padding: 6px 8px;margin: 0;width: 100%;overflow: hidden;}
  70. .input-group-addons{margin-bottom: 10px;}
  71. /*评价*/
  72. .slash{display: inline-block;width: 15px;text-align: center;}
  73. /*实验室*/
  74. .notice{font-size: 12px;color: #909090;padding: 20px 30px 0px;}
  75. .notice span{color: #FF2222;}
  76. /*用药*/
  77. .medication .row-inline-item{margin-top: 10px;}
  78. .row-title{font-size: 14px;margin-left: 20px;color: #999;}
  79. /*转诊*/
  80. .fr-text{margin-left:105px;width: 450px;margin-top: 10px;}
  81. .form-control.c-hide{display: none;}
  82. .form-control.ib{display: inline-block;}
  83. .fr-reason{width: 450px;}
  84. /*tab*/
  85. .followup-tab{width: 120px;line-height: 42px;margin: 0;padding: 0;text-align: center;list-style: none;background: #f5f5f5;border-right: 1px solid #ddd;}
  86. .followup-tab li{padding-top: 10px;}
  87. .followup-tab li a{display: block;box-sizing: content-box;text-decoration: none;font-size: 14px;width: 100%;color: #666;}
  88. .followup-tab li.active a,.followup-tab li:hover a{background: #fff;color: #12b6f4;}
  89. .followup-tab li:hover a{border: none;}
  90. .followup-tab li.active a{line-height: 40px;border-right: 1px solid #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}