/*@charset "UTF-8";*/
/* CSS Document */
/*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: lijia xiong --*/
/*QQ：897232289*/
/*html5*/
/*动画样式*/

/*FadeInUp*/
.fadeInUp {
    opacity: 0;
}
.AddFadeInUp {
    -webkit-animation: AddFadeInUp .6s forwards cubic-bezier(.31, .61, .25, .99);
    animation: AddFadeInUp .6s forwards cubic-bezier(.31, .61, .25, .99);
}

@-webkit-keyframes AddFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes AddFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


.RemoveFadeInUp {
    -webkit-animation: RemoveFadeInUp .6s forwards !important;
    animation: RemoveFadeInUp .6s forwards !important;
}

@-webkit-keyframes RemoveFadeInUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);

    }
}

@keyframes RemoveFadeInUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);

    }
}

/*FadeInScale*/
.AddFadeInScale {
    -webkit-animation: AddFadeInScale .6s forwards;
    animation: AddFadeInScale .6s forwards;
}

@-webkit-keyframes AddFadeInScale {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes AddFadeInScale {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.RemoveFadeInScale {
    -webkit-animation: RemoveFadeInUp .6s forwards !important;
    animation: RemoveFadeInUp .6s forwards !important;
}

@-webkit-keyframes RemoveFadeInScale {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);

    }
}

@keyframes RemoveFadeInScale {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);

    }
}

.d1 {
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
}

.d2 {
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
}

.d3 {
    animation-delay: 300ms;
    -webkit-animation-delay: 300ms;
}

.d4 {
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms;
}

.d5 {
    animation-delay: 500ms;
    -webkit-animation-delay: 500ms;
}

.d6 {
    animation-delay: 600ms;
    -webkit-animation-delay: 600ms;
}

.d7 {
    animation-delay: 700ms;
    -webkit-animation-delay: 700ms;
}

.d8 {
    animation-delay: 800ms;
    -webkit-animation-delay: 800ms;
}

.d9 {
    animation-delay: 900ms;
    -webkit-animation-delay: 900ms;
}