.category-components {
  .content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: #606266;
    // 左边-全部分类列表
    .left-box {
      display: block;
      width: 20%;
      margin-right: 10px;
      border: 1px solid #E9EAEC;
      min-width: 200px;
      padding: 10px 0;
      .tree-box {
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        background: #FFFFFF;
        overflow-y: scroll;
        height: 450px;
        &::-webkit-scrollbar {
          display: none;
        }
        .filter-tree {
          padding-right: 10px;
          .el-tree-node__expand-icon {
            position: absolute;
            right: 2%;
          }
          .el-checkbox {
            margin-left: 12px;
          }
          .el-tree-node__expand-icon.expanded {
            transform: rotate(-90deg);
          }
          .custom-tree-node {
            display: inline-block;
            max-width: 130px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }

    // 右边-选中分类表格
    .right-box.table-box {
      position: relative;
      display: block;
      width: 80%;
      max-height: 450px;
      border: 1px solid #E9EAEC;
      border-bottom: 0;
      box-sizing: border-box;

      // 上传图片样式
      :deep(.business-qual) {
        .el-upload-list--picture-card {
          .el-upload-list__item {
            width: 80px;
            height: 80px;
            line-height: 80px;
            margin-bottom: 0;
          }
        }
        .el-upload--picture-card {
          width: 80px;
          height: 80px;
          line-height: 80px;
        }
      }

      // 表格
      :deep(.el-table__body-wrapper) {
        max-height: 400px;
        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
      }
      :deep(.el-table__body-wrapper::-webkit-scrollbar) {
        display: none; /* Chrome Safari */
      }
      :deep(.el-table__body) {
        width: 100%;
      }
      // 自定义扣率
      .custom-rate {
        :deep(.el-input) {
          :deep(.el-input__inner) {
            padding: 0 5px;
            padding-right: 0;
          }
        }
      }
    }
  }
  :deep(.el-tooltip__trigger){
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
