antissoft / NetworkInformation

  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%;
  //   }
  // }