/*
 * Author: xiezuobing
 * Version: 0.1.0
 * Compile Date: 2017-10-17 17:49
*/ 
.wow {
    opacity: 0;
    opacity: 1\9;
    *opacity: 1;
}

.delay {
    animation-delay: 100ms;
}
img {
    vertical-align: top;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}   

.fadeIn {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: fadeIn .8s forwards 0.3s;
    animation: fadeIn .8s forwards 0.3s;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        -ms-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}   

.fadeInUp {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: fadeInUp .8s forwards;
    animation: fadeInUp .8s forwards;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}   

.fadeInDown {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: fadeInDown .8s forwards 0.3s;
    animation: fadeInDown .8s forwards 0.3s;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}   

.fadeOutDown {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: fadeOutDown .8s forwards;
    animation: fadeOutDown .8s forwards;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}   

.fadeInLeft {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: fadeInLeft .8s forwards 0.3s;
    animation: fadeInLeft .8s forwards 0.3s;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}   

.fadeInRight {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: fadeInRight .8s forwards 0.3s;
    animation: fadeInRight .8s forwards 0.3s;
}


@-webkit-keyframes Roatea {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes Roatea {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.Roatea {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: Roatea .8s forwards 0.3s;
    animation: Roatea .8s forwards 0.3s
}

@-webkit-keyframes Roateb {
    from {
        opacity: 0;
        -webkit-transform: scale(0.5, .5);
        transform: scale(0.5, .5)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.Roateb {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: Roateb .8s forwards 0.3s;
    animation: Roateb .8s forwards 0.3s
}