@bg: #fafafa;
html,
body {
  height: 100%;
}

.home-page {
  width: 100%;
  max-width: 1200px;
  min-width: 760px; // background: #fff;
  margin: 30px auto;
  .el-tabs__item.is-left {
    width: 100%;
    max-width: 200px;
    text-align: center;
  }
  .el-tabs__header.is-left {
    width: 15%;
  }
  .el-tabs__nav-wrap.is-left {
    background: #fff;
  }
  .el-tabs__item.is-left.is-active {
    background: #ecf5fd;
  }
  .el-tabs--left .el-tabs__header.is-left {
    margin-right: 20px;
  }
}

.app-list-loading {
  min-height: 500px;
}

/* 可以设置不同的进入和离开动画 */

/* 设置持续时间和动画函数 */

.slide-fade-enter-active {
  transition: all .3s linear;
}

.slide-fade-leave-active {
  transition: all .3s linear;
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}