:host {
  .toolbar-btn {
    padding-left: 0;
  }

  ::ng-deep {
    .ant-checkbox-wrapper+.ant-checkbox-wrapper {
      margin: 0;
    }

    .listDiv {
      cdk-virtual-scroll-viewport {
        border: 1px solid rgba(242, 242, 240, 1);
      }

      .selectedItem {
        background: #e6f7ff;

        span {
          a {
            color: rgba(212, 72, 86, 1);
          }
        }

        ul>li>a>i {
          color: rgba(212, 72, 86, 1);
        }
      }

      .listBottom {
        height          : 2.5rem;
        overflow        : hidden;
        text-align      : center;
        background-color: rgba(245, 245, 245, 0.7);

        &:hover {
          background-color: rgba(245, 245, 245, 1);
          transition      : all 1s;
        }
      }
    }

    .ant-tabs-nav {
      width : 100%;
      margin: 0 !important;
    }

    .buttons {
      padding: 0;

      button {
        display  : block;
        max-width: 10rem;
        margin   : 0.3rem 0.5rem 0 0;
      }

      .ant-btn+.ant-btn:not(.ant-btn-link),
      .ant-btn+nz-popconfirm,
      nz-popconfirm+.ant-btn,
      nz-popconfirm+nz-popconfirm,
      .ant-btn+nz-button-group,
      nz-button-group+.ant-btn,
      .ant-btn+nz-dropdown,
      nz-dropdown+.ant-btn,
      nz-popconfirm+nz-button-group,
      nz-button-group+nz-popconfirm {
        margin-left: 0;
      }
    }

    .ant-tabs-bar {
      margin: 0;
    }

    // .ant-tree-node-selected {
    //   background: none !important;
    // }
    // .ant-tree-node-content-wrapper:hover {
    //   background: none;
    // }
    .ant-tree-node-content-wrapper {
      width: 100%;
    }

    .ant-tabs .ant-tabs-tabpane {
      padding      : 10px 10px 2px 10px;
      background   : #fdfdfd;
      border-right : solid 1px #eee;
      border-bottom: solid 1px #eee;
      border-left  : solid 1px #eee;
    }

    // .ant-tabs-tab {
    //   width: 50%;
    //   text-align: center;
    // }
    // .ant-tabs-tab-arrow-show {
    //   display: none;
    // }
    ul {
      margin : 0;
      padding: 0;
    }
  }
}

.firstStepBox {
  width      : 100%;
  line-height: 50px;
  text-align : center;
  background : #f7f7f7;
}

.itemBox {
  width      : 100%;
  height     : 50px;
  padding    : 0 0 0 60px;
  color      : #5f5f5f;
  line-height: 50px;
  cursor     : pointer;

  &:hover {
    background: #e6f7ff;
  }
}

.twoStepBox {
  width      : 100%;
  line-height: 50px;
  text-align : center;
  background : #f7f7f7;

  span {
    display: inline-block;
    margin : 0 auto;
  }

  >i {
    float : right;
    margin: 20px 20px 0 0;
  }

  button {
    float : right;
    margin: 8px 20px 0 0;
  }

  .blueFont {
    color: #1890ff;
  }
}

.folder-desc i {
  margin: 0 5px;
}

.flexBox {
  .titleBox {
    display        : flex;
    justify-content: space-between;

    i {
      margin: 0 8px;
    }
  }
}

ul {
  display: block;
}

li {
  line-height: 30px;
  list-style : none;
}

.dictData {
  dl {
    margin : 0;
    padding: 0;
  }

  dt {
    margin       : 0 0 5px 0;
    padding      : 3px 0;
    color        : #999;
    font-weight  : normal;
    font-size    : 13px;
    border-bottom: solid 1px #eee;
  }
}

label {
  color    : #666;
  font-size: 13px;
}

.treeWrap {
  display: flex;
  width  : 700px;

  .leftBox {
    width          : 40%;
    // border-right: solid 1px #eee;
  }

  .rightBox {
    width  : 60%;
    padding: 0 0 0 20px;
  }
}