PC-application/component/common/jtbc.css

.copd-filter-group {
  display: flex;
  flex-wrap: wrap;
}
.pb20 {
  padding-bottom: 20px;
}
.dialog-title {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}
.dialog-title::before {
  position: absolute;
  content: '';
  left: 0;
  top: 4px;
  width: 3px;
  height: 15px;
  background-color: #00bf79;
}
.jtbc label {
  white-space: nowrap;
}
.c-333 {
  color: #333;
}
.c-f14 {
  font-size: 14px;
}
.c-909399 {
  color: #909399;
}
.c-ff5e6c {
  color: #ff5e6c;
}
.c-17b3ec {
  color: #17b3ec;
}
.c-20d7ad {
  color: #20d7ad;
}
.bg-ff5e6c {
  background-color: #ff5e6c;
}
.bg-17b3ec {
  background-color: #17b3ec;
}
.bg-20d7ad {
  background-color: #20d7ad;
}
.form-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  /* height: 36px; */
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.form-label {
  color: #909399;
}
.dialog-box {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}
.textarea-content {
  max-width: 300px;
}
.jtbc .timeline-box {
  padding: 0 20px;
}
.jtbc .timeline-box .timeline {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  height: 70px;
  line-height: 70px;
}
.jtbc .timeline-box .timeline .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  z-index: 2;
}
.jtbc .timeline-box .timeline .time {
  margin-right: 90px;
  width: 120px;
}
.jtbc .timeline-box .timeline .name {
  width: 100px;
}
.jtbc .timeline-box .timeline .statusName {
  padding-left: 100px;
}
.jtbc .line {
  position: absolute;
  width: 1px;
  height: 70px;
  left: 218px;
  background-color: #e2e2e2;
  top: 50%;
  transform: translateY(-50%);
}
.jtbc .pagination {
  margin-top: 20px;
  float: right;
}

.nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0;
  color: #5e6d82;
  font-size: 16px;
}
.nodata img {
  margin-bottom: 20px;
}

/* follow-record 康复随访记录样式 */

.follow-record .el-radio__input.is-disabled .el-radio__inner,
.follow-record .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #fff;
}
.follow-record .el-radio__input.is-disabled + span.el-radio__label {
  color: #606266;
}
.follow-record .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #606266;
}

.follow-record .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #fff;
}
.follow-dialog-form {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 20px 24px;
}

.follow-col {
  padding-bottom: 10px;
  font-size: 16px;
}

.patient-box {
  display: flex;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.info-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 16px;
}
.scollY {
  max-height: 500px;
  overflow-y: scroll;
}
.year-item {
  margin: 0 20px;
  position: relative;
}
.year-item .year {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.year-item .time-label {
  width: 76px;
  text-align: center;
}
.year-item .year-circle {
  width: 6px;
  height: 6px;
  border: 2px solid #ff6905;
  border-radius: 50%;
}
.time-circle {
  width: 6px;
  height: 6px;
  border: 2px solid #1d92ff;
  border-radius: 50%;
}
.year-item .record-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: relative;
}
.year-item::after {
  content: '';
  width: 1px;
  height: calc(100% - 28px);
  display: block;
  position: absolute;
  left: 80px;
  top: 20px;
  background-color: rgba(0, 0, 0, 0.1);
}
.record-detail-item {
  background-color: #ecf5ff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  margin-left: 16px;
  width: 590px;
}
.record-detail-item .risk {
  font-size: 16px;
  margin-bottom: 4px;
}
.between {
  display: flex;
  justify-content: space-between;
}

.service-item {
  background: #f3f3f3;
  padding: 14px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.sf-box {
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.sf-box::before {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: calc(100% - 52px);
  background-color: rgba(0, 0, 0, 0.1);
  left: 114px;
  top: 26px;
}
.c-409eff {
  color: #409eff;
  font-size: 16px;
}
.c-ff6600 {
  color: #ff6600;
}
.complete-situation {
  width: 130px;
}
.sf-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.sf-time {
  width: 110px;
}
.sf-doctor {
  width: 100px;
  text-align: center;
}
.sf-hospital {
  width: 320px;
}
.sf-status {
  width: 100px;
}
.bottom-box {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}