.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

.list-item {
    display: inline-block;
    margin-right: 10px;
}
.list-enter-active, .list-leave-active {
    transition: all 1s;
}
.list-enter, .list-leave-to
    /* .list-leave-active for below version 2.1.8 */ {
    opacity: 0;
    transform: translateY(30px);
}

#init-animation {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 9999999999999999;
    text-align: center;
}
#init-animation-logo {
    position: fixed;
    width: 100%;
    top: 42%;
}
#init-animation-logo > img {
    margin: 0 auto;
    min-width: 200px;
    width: 30%;
}

.slide-fade-left-enter-active {
    transition: all .8s ease;
}
.slide-fade-left-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-left-enter {
    transform: translateX(-30px);
    opacity: 0;
}
.slide-fade-left-leave-to {
    transform: translateX(30px);
    opacity: 0;
}

.slide-fade-right-enter-active {
    transition: all .8s ease;
}
.slide-fade-right-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-right-enter {
    transform: translateX(30px);
    opacity: 0;
}
.slide-fade-right-leave-to {
    transform: translateX(-30px);
    opacity: 0;
}