.slide-enter-active,
.slide-leave-active {
    transition: all 0.75s ease-out;
}


.slide-enter-to {
    position: absolute;
    right: 0;
}


.slide-enter-from {
    position: absolute;
    right: -100%;
}


.slide-leave-to {
    position: absolute;
    left: -100%;
}


.slide-leave-from {
    position: absolute;
    left: 0;
}

.scale-enter-active,
.scale-leave-active {
    transition: all 0.5s ease;
}
.scale-enter-from,
.scale-leave-to {
    opacity: 0;
    transform: scale(0.9);
}

.scale-slide-enter-active {
    position: absolute;
    top: 0;

    width: 100vw;
    /*top: 0; bottom: 0;*/
    transition: all 0.85s ease;
}
.scale-slide-leave-active {
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    transition: all 0.85s ease;
}
.scale-slide-enter-from {
    left: 90%;
    transition: all 0.85s ease;
}
.scale-slide-enter-to {
    transition: all 0.85s ease;
    left: 0%;
}
.scale-slide-leave-from {
    transform: scale(1);
}
.scale-slide-leave-to {
    transform: scale(0.8);
}
/*-----------------*/
.fade-enter-active, .fade-leave-active {
    position: absolute;
    width: 100%;
    transition: opacity .5s
 }
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
    opacity: 0;
}
/*-------fade up----------*/
/*.fade-up-enter-active, .fade-up-leave-active {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    transition: all .5s;*/
/*}*/
/*.fade-up-enter-active {*/
/*    margin-top: 1em;*/
/*}*/
/*.fade-up-enter-to {*/
/*    margin-top: 0em;*/
/*}*/
/*.fade-up-enter, .fade-up-leave-to {*/
/*    opacity: 0;*/
/*}*/
.fade-up-enter-active, .fade-up-leave-active {
    position: relative;
    top: 0;
    width: 100%;
    transition: all .5s;
}
.fade-up-enter-active {
    position: absolute;
    transform: translateY(1em);
}
.fade-up-enter-to {
    transform: translateY(0);
}
.fade-up-enter, .fade-up-leave-to {
    opacity: 0;
}