$color: #c0c4cc;
$bgColor: #232526;
$hover-color: #304156;
.system_setting_box {
 display: flex;
 overflow-y: auto;
 .station_tree {
  min-width: 260px;
  max-width: 450px;
  overflow-y: auto;
  height: calc(100vh - 70px);
  border-right: 1px solid #606266;
  @import './tree-data.scss';
  // 禁用
  .is_disabled {
   color: #606266;
   cursor: not-allowed;
  }
 }

 .charts {
  flex: 1;
  padding: 10px;
  text-align: left;
  position: relative;
  .show_org {
   position: absolute;
   left: 10px;
   top: 10px;
   padding: 5px;
   font-size: 28px;
   color: #909399;
   cursor: pointer;
  }
  /deep/ .el-tabs {
   width: 680px;
   border: 1px dashed #606266;
   padding: 20px;
   margin-bottom: 10px;
  }
  /deep/ .el-tabs__item {
   color: $color;
  }
  /deep/ .el-tabs__item.is-active {
   color: #409eff;
  }
  // tabs下面的横线
  /deep/ .el-tabs__nav-wrap::after {
   background-color: $hover-color;
  }

  /deep/ .el-tabs__content {
   .el-radio__label {
    color: $color;
   }
   .el-radio__input.is-checked + .el-radio__label {
    color: #409eff;
   }
   .el-input-number__decrease,
   .el-input-number__increase {
    background: $bgColor;
    border-left-color: #606266;
   }
   .el-input-number__increase {
    border-bottom-color: #606266;
   }
   p {
    margin: 12px 0;
   }
   p.no_show {
    visibility: hidden;
    margin: 8px 0;
   }
   .mark {
    color: red;
   }
   .position_left {
    padding-left: 8px;
   }
  }
 }
}