#routerView[data-v-335c25ad] {
  height: 100%;
  width: 100vw;
}
.trans-left-enter-active[data-v-335c25ad] {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  animation: transLeft-335c25ad .2s linear forwards;
}
.trans-left-leave-active[data-v-335c25ad] {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  animation: transOrigin-335c25ad .2s linear forwards;
}
.trans-right-enter-active[data-v-335c25ad] {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  animation: transOrigin-335c25ad .2s linear forwards;
}
.trans-right-leave-active[data-v-335c25ad] {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  animation: transRight-335c25ad .2s linear forwards;
}
@keyframes transLeft-335c25ad {
from {
    transform: translate(100%, 0);
}
to {
    transform: translate(0, 0);
}
}
@keyframes transRight-335c25ad {
from {
    transform: translate(0, 0);
}
to {
    transform: translate(100%, 0);
}
}
@keyframes transOrigin-335c25ad {
from {
    transform: translate(0, 0);
}
to {
    transform: translate(0, 0);
}
}