.wrap[data-v-b5464b44] {
  position: relative;
}
.wrap .position-div[data-v-b5464b44] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slide-right-enter-active[data-v-b5464b44],
.slide-right-leave-active[data-v-b5464b44],
.slide-left-enter-active[data-v-b5464b44],
.slide-left-leave-active[data-v-b5464b44] {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.slide-right-enter[data-v-b5464b44] {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.slide-right-leave-to[data-v-b5464b44] {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.slide-left-enter[data-v-b5464b44] {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.slide-left-leave-to[data-v-b5464b44] {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}