/* 动画时长 */
@transition-duration: 220ms;

/* 无过渡效果 */
.delay-enter-active,
.delay-leave-active {
    transition-duration: @transition-duration;
}

.route-in-enter-active,
.route-in-leave-active,
.route-out-enter-active,
.route-out-leave-active {
    pointer-events: none;
    position: absolute;
    transition-property: transform;
    transition-duration: @transition-duration;
    background-color: #fff;
}

.route-in-enter-from {
    z-index: 1;
    transform: translate3d(100%, 0, 0);
}

.route-out-enter-from {
    z-index: 1;
    transform: translate3d(-100%, 0, 0);
}

.route-out-leave-active {
    transform: translate3d(100%, 0, 0);
    transition-timing-function: ease-in;
}

.route-in-leave-active {
    transform: translate3d(-100%, 0, 0);
    transition-timing-function: ease-in;
}