.innerCheck-detail {
  width: 100%;
  height: calc(100vh - 155px);

  &.screen {
    height: 100vh;

    .innerCheck-operate {
      padding: 15px;
    }
  }
}

.innerCheck-operate {
  background: #f0f2f5;
  height: 100%;
  padding: 0;

  .innerCheck-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
  }

  .detail-table {
    background: #fff;
    padding: 12px;
  }

  .print-box {
    margin-top: 5px;
    background: #fff;
  }
}

.detail-content {
  display: flex;
  align-items: stretch;
  background: #fff;
  border-bottom: 1px solid #e2e2e2;

  .detail-scanBox {
    flex: 0 0 400px;
    border-right: 1px solid #e2e2e2;
    padding: 10px;

    .detail-scanBox-item {
      display: flex;
      align-items: center;
      margin-bottom: 10px;

      > .label {
        font-size: 20px;
        font-weight: bold;
        flex: 0 0 80px;
      }

      > .content {
        flex: 1;
      }
    }
  }

  .detail-info {
    flex: 1;

    .detail-info-item {
      padding: 10px;

      &.border {
        border-bottom: 1px solid #e2e2e2;
      }
    }
  }

  .detail-message {
    text-align: center;
    position: relative;
    margin-bottom: 10px;

    .detail-message-text {
      font-size: 30px;
      letter-spacing: 5px;
    }

    .detail-message-icon {
      margin: auto;
      color: rgba(0, 174, 240, 0.5);

      &.err {
        color: rgba(255, 0, 0, 0.8);
      }

      &.ok {
        color: rgba(0, 255, 0, 0.8);
      }
    }
  }

  .detail-total {
    font-size: 25px;
    display: flex;
    align-items: center;

    .detail-total-left {
      flex: 1;
    }

    .detail-total-right {
      flex: 1;
    }
  }
}

.field-wrap {
  .field-item {
    display: flex;
    align-items: center;

    .field-item-label {
      font-size: 22px;
      color: #666666;
    }

    .field-item-content {
      flex: 1;
      font-size: 18px;
      color: #333;

      &.red {
        color: red;
      }
    }
  }
}

.container-field-item {
  display: flex;
  align-items: center;

  .field-item-label {
    font-size: 22px;
    color: #666666;
  }

  .field-item-content {
    flex: 1;
    font-size: 18px;
    color: #333;

    &.red {
      color: red;
    }
  }
}

.screen-box {
  display: inline-block;
  background: rgb(170, 187, 200);
}

/deep/.p-table tr.active.rowColorGray > td {
  background-color: green !important;
  color: #fff !important;
}

// 表格样式
/deep/ .rowColorGray {
  color: white;
  background: green !important;

  & > td {
    background: rgba(green, 0.6) !important;

    a {
      color: #fff;
    }
  }

  a {
    color: rgb(255, 255, 100);
  }

  &.ant-table-row-hover,
  &.ant-table-row-selected {
    background: rgba(green, 0.6) !important;

    & > td {
      background: rgba(green, 0.6) !important;

      a {
        color: #fff;
      }
    }
  }
}

/deep/.p-table tr.active.rowYellow > td {
  background-color: #e0cd21 !important;
  color: #fff !important;
}
/deep/ .rowYellow {
  color: white;
  background: #e0cd21 !important;

  & > td {
    background: rgba(#e0cd21, 0.6) !important;

    a {
      color: #fff;
    }
  }

  a {
    color: rgb(255, 255, 100);
  }

  &.ant-table-row-hover,
  &.ant-table-row-selected {
    background: rgba(#e0cd21, 0.6) !important;

    & > td {
      background: rgba(#e0cd21, 0.6) !important;

      a {
        color: #fff;
      }
    }
  }
}

/deep/.p-table tr.active.Ndefault > td {
  background-color: #fff !important;
  color: black !important;
}
/deep/ .Ndefault {
  color: black;
  background: #fff !important;

  & > td {
    background: rgba(#fff, 0.6) !important;

    a {
      color: black;
    }
  }

  a {
    color: rgb(255, 255, 100);
  }

  &.ant-table-row-hover,
  &.ant-table-row-selected {
    background: rgba(#fff, 0.6) !important;

    & > td {
      background: rgba(#fff, 0.6) !important;

      a {
        color: black;
      }
    }
  }
}
