/*单页切换 进出场动画淡入淡出*/
.fade-in-linear-enter {
    opacity: 0;
}

.fade-in-linear-enter-to {
    opacity: 1;
}

.fade-in-linear-leave {
    opacity: 1;
}

.fade-in-linear-leave-to {
    opacity: 0;
}

.fade-in-linear-enter-active, .fade-in-linear-leave-active {
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
}

.turn-on-enter {
    transform: translate3d(100%, 0, 0);
}

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

.turn-on-enter-active, .turn-on-leave-active {
    transition: transform 0.3s ease-in-out;
    position: absolute;
}

.turn-off-enter {
    transform: translate3d(-100%, 0, 0);
}

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

.turn-off-enter-active, .turn-off-leave-active {
    transition: transform 0.3s ease-in-out;
    position: absolute;
}

.turn-off-leave-active {
    z-index: 2;
}