.appraisal {
  margin: 6px;
}
.appraisal-head {
  padding: 14px 20px 0 14px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.appraisal-head-date {
  margin-left: 10px;
}
.appraisal-content-list {
  padding: 14px 20px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
}
.appraisal-content-list-table {
  margin-top: 14px;
  min-height: 440px;
}
.appraisal-content-chart {
  margin-top: 6px;
}
.appraisal-content-kh {
  height: 515px;
  background-color: var(--bg-color2);
  border: 1px solid var(--bg-border-color2);
  padding: 15px 20px;
}
.appraisal-content-kh-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.appraisal-content-kh-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.appraisal-content-kh-item img {
  width: 46px;
  height: 46px;
  margin-right: 12px;
}
.appraisal-content-kh-item--name {
  color: var(--label-color);
}
.appraisal-content-kh-item--value {
  color: var(--info-color);
  font-size: 12px;
}
.appraisal-content-kh-item--value span {
  font-size: 22px;
}
.appraisal-content-kh-top {
  margin-top: 24px;
}
.appraisal-content-kh-topItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--info-color);
  padding-right: 24px;
  margin-bottom: 16px;
}
.appraisal-content-kh-topItem img {
  width: 23px;
  height: 25px;
  margin-right: 18px;
}
.appraisal-content-kh-topItem-content {
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appraisal-content-kh-topItem-score {
  width: 60px;
  text-align: right;
  color: var(--info-warnning);
}
.appraisal-content-kh-topItem span {
  font-size: 20px;
}
.appraisal-content-zg {
  height: 515px;
  background-color: var(--bg-color2);
  padding: 15px 20px;
  border: 1px solid var(--bg-border-color2);
}
.appraisal-content-zg-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.appraisal-content-zg-base-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 48px;
}
.appraisal-content-zg-base-item img {
  width: 46px;
  height: 46px;
  margin-right: 19px;
}
.appraisal-content-zg-base-item--name {
  color: var(--label-color);
}
.appraisal-content-zg-base-item--value {
  color: var(--info-color);
  font-size: 12px;
}
.appraisal-content-zg-base-item--value span {
  font-size: 22px;
}
.appraisal-content-zg-wt {
  margin-top: 24px;
}
.ant-image-preview-mask,
.ant-image-preview-wrap {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
