.me-tree-menu {
  display: flex;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  overflow: hidden;
  .left {
    width: 400px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    margin-right: 10px;
    &-header {
      margin-bottom: 5px;
      display: flex;
    }
    &-tree {
      flex: 1;
      overflow: hidden;
    }
  }
  .right {
    flex: 1;
    margin-left: 20px;
  }

  .el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px;
  }

  .el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
  }

  .custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 8px;

    & .right {
      padding: 6px;
    }
    .icon-more {
      padding: 6px;
      opacity: 0;
      transition: all 0.2s;
    }
    &:hover {
      .icon-more {
        opacity: 1;
      }
    }
  }
  // tree line 样式
  .el-tree {
    padding-right: 10px;
    &.el-tree--highlight-current {
      .el-tree-node.is-current > .el-tree-node__content {
        background-color: #0069f7;
        color: #fff;
        .el-icon {
          color: #fff;
        }
      }
      .el-tree-node.is-drop-inner {
        background-color: #d9ecff;
      }
    }

    .el-tree-node {
      justify-content: space-between;
      margin: 5px 0;
      .el-tree-node__content {
        .element-tree-node-label-wrapper {
          width:100%;
          overflow: hidden;
          .label {
            flex: 1;
            overflow: hidden;
          }
          .icon-more {
            padding: 6px;
            opacity: 0;
            transition: all 0.2s;
          }
        }
        &:hover {
          .element-tree-node-label-wrapper {
            .icon-more {
              opacity: 1;
            }
          }
        }
      }
    }
  }

  .left-tree {
    display: flex;
    flex-direction: column;
    height: 100%;
    .tool {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 5px;
    }
    .search {
      margin-bottom: 5px;
    }
  }
}

// 修改el-card样式
.me-tree-menu-card {
  display: flex;
  flex-direction: column;
  // border: none;
  .el-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    .title {
      font-size: 16px;
      // font-weight: bold;
    }
  }
  .el-card__body {
    flex: 1;
    overflow: hidden auto;
    font-weight: 700;
    padding: 0px;
  }
  .el-tree-node.is-hidden {
    display: none;
  }
  .el-dialog {
    font-weight: normal;
  }
}
