html,
body {
  height: 100%;
}

html {
  /* 2 */
  -webkit-font-smoothing: inherit;

  /* chrome、safari */
  -moz-osx-font-smoothing: inherit;
}

// nprogress
#nprogress .bar {
  height: 3px;
}

// 路由动画
.slide-left-enter-from {
  transform: translate3d(100%, 0, 0);
}

.slide-left-enter-active {
  position: fixed;
  z-index: 9999;
  width: 100%;
  transition: transform 0.25s ease-out;
}

.slide-left-leave-to {
  transform: translate3d(-20%, 0, 0);
}

.slide-left-leave-active {
  position: absolute;
  width: 100%;
  transition: transform 0.25s ease-in;
}

.slide-right-enter-from {
  transform: translate3d(-20%, 0, 0);
}

.slide-right-enter-active {
  position: fixed;
  width: 100%;
  transition: transform 0.25s ease-out;
}

.slide-right-leave-to {
  transform: translate3d(100%, 0, 0);
}

.slide-right-leave-active {
  position: absolute;
  z-index: 9999;
  width: 100%;
  transition: transform 0.25s ease-in;
}