// 转场动画
.transitionPush-leave, .transitionPush-enter, .transitionPop-enter, .transitionPop-leave {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.transitionPush-enter {
  animation: transitionPushEnter 0.3s  ease;
  
  z-index: 2;
}
.transitionPush-leave {
  // animation: transitionPushLeave 0.3s ease;
  z-index: 1;
}
.transitionPop-enter {
  // animation: transitionPopEnter 0.3s ease;
  z-index: 1;
}
.transitionPop-leave {
  animation: transitionPopLeave 0.3s  ease;
  z-index: 2;
}

@-webkit-keyframes transitionPushEnter {
  from {
    transform: translate(100%, 0) translateZ(0);
  }
  to {
    transform: translate(0, 0) translateZ(0);
  }
}
@-webkit-keyframes transitionPushLeave {
  0% {
    transform: translate(0%, 0) translateZ(0);
  }
  100% {
    transform: translate(-100%, 0) translateZ(0);
  }
}
@-webkit-keyframes transitionPopEnter {
  0% {
    transform: translate(-100%, 0) translateZ(0);
  }
  100% {
    transform: translate(0, 0) translateZ(0);
  }
}
@-webkit-keyframes transitionPopLeave {
  from {
    transform: translate(0, 0) translateZ(0);
  }
  to {
    transform: translate(100%, 0) translateZ(0);
  }
}