html,
body,
#app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0
}
::-webkit-scrollbar {
  width: 5px;
  height: 10px
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #b8b8b8;
  -webkit-border-radius: 6px;
  outline-offset: -2px;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5
}
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px
}

.common-info-box {
  height: calc(100vh - 150px);
}
.item-box {
  width: 100%;
  border-radius: 10px;
  background-color: rgba(244, 244, 245, 0.38);
  margin-bottom: 15px;
  .item-title {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 23px;
    padding: 10px;
  }
  .item-body {
    height: calc(100% - 68px);
    margin: 0 13px;
    // padding-bottom: 28px;
    .el-table {
      border-radius: 10px;
      height: 100%;
    }
  }
}

.router-link-active {
  text-decoration: none
}

a {
 text-decoration: none
} 

.form-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #000;
  line-height: 30px;
  flex-direction: row;
  .label {
    color: #757678;
    text-align: right;
    padding: 0 5px;
    &.w-100 {
      width: 100px;
    }
    &.w-120 {
      width: 120px;
    }
    &.w-150 {
      width: 150px;
    }
    &.w-180 {
      width: 180px;
    }
  }
  .text {
    flex: 1;
  }
}

// .NCC-dialog.NCC-dialog_center {
//   .NCC-dialog-content {
//     padding: 20px 50px 0 !important;
//     margin: 0 !important;
//     width: 100%;
//   }
// }