body{
  margin: 0;
}

#app{

  //适配移动端
  .mobile {
    .main-container {
      margin-left: 0px;
    }
    .sidebar-container {
      top: 65px;
      transition: transform .28s;
      width: 220px;
    }
    &.hideSidebar {
      .sidebar-container {
        transition-duration: 0.3s;
        transform: translate3d(-180px, 0, 0);
      }
    }
  }

  .withoutAnimation {
    .main-container,
    .sidebar-container {
      transition: none;
    }
  }

  .main-container{
    -webkit-transition: margin-left .28s;
    transition: margin-left .28s;
    margin-left: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.page-container {
  .page-body {
    background: #fff;
    margin: 15px;
    padding: 20px;
  }
}