.catalog-tree {
  margin-top: 10px;
  font-size: 14px;
  color: #333;

  .custom-tree-node {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    display: block;
    flex: 1;
    width: calc(100% - 28px);

    .node_label {
      margin-right: 2px;
    }

    .tree-label {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }
  }

  .el-tree__drop-indicator {
    height: 3px;
    background-color: #409eff;
  }

  .el-tree-node__content {
    margin-bottom: 7px !important;

    &:hover {
      background-color: #f0f4ff !important;
    }
  }

  .el-tree-node__children {
    .el-tree-node {
      margin-bottom: 0px !important;
      padding-left: 18px;
    }

    .el-tree-node__content {
      margin-bottom: 5px !important;
      padding-left: 0 !important;

      &:hover {
        background-color: #f0f4ff !important;
      }
    }
  }

  .expanded.el-icon-caret-right:before {
    content: "\E6DF" !important;
    color: #333 !important;
    font-weight: bold;
  }

  .el-icon-caret-right:before {
    content: "\E6E0" !important;
    color: #333 !important;
    font-weight: bold;
  }

  .el-tree-node__expand-icon.is-leaf.el-icon-caret-right:before {
    content: '' !important;
  }

  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .el-tree-node.is-current>.el-tree-node__content {
    background-color: #f0f4ff !important;
    color: #409eff;
  }

  .el-tree-node__content {
    padding-right: 10px !important;
    .el-checkbox{
      order: 100;
      margin-left: auto;
      margin-right: 24px;
    }
    .el-tree-node__label{
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
  }

  .el-tree-node {
    //屏蔽叶子节点的checkbox
    .is-leaf + .el-checkbox .el-checkbox__inner {
      display: none;
    }
    //若该节点有子元素,展示子元素checkbox
    div[role="group"] {
      .el-checkbox .el-checkbox__inner {
        display: inline-block;
      }
    }
/*     .el-checkbox .el-checkbox__inner {
      display: none;
    } */
  }
}
//文档管理+文档列表的树形结构展开收起需要其他的样式
.other-tree{
    .expanded.el-icon-caret-right:before {
        content: url('~@/assets/img/set_m/down.png') !important;
    }
    .el-icon-caret-right:before {
        content: url('~@/assets/img/set_m/slide.png') !important;
    }
    .el-tree-node__expand-icon.is-leaf.el-icon-caret-right:before {
        content: '' !important;
    }
}