﻿@charset“ UTF-8”;

/ *！
* animate.css -http：//daneden.me/animate
*版本-3.5.1
*根据MIT许可获得许可-http://opensource.org/licenses/MIT
*
*版权所有（c）2016 Daniel Eden
* /

[动画名称] {
    可见性：隐藏； -webkit-animation-duration：1.2s;
    动画时间：1 .2秒； -webkit-animation-fill-mode：两者； animation-fill-mode：两者； -webkit-transition-timing-function：线性； 过渡计时功能：线性；
}



@ -webkit-keyframes fadeInLeft_qs100 {
    来自 {
        不透明度：0； -webkit-transform：translation3d（-100px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}


@keyframes fadeInLeft_qs100 {
    来自 {
        不透明度：0； 转换：translate3d（-100px，0，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}


@ -webkit-keyframes fadeInRight_qs100 {
    来自 {
        不透明度：0； -webkit-transform：translation3d（100px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInRight_qs100 {
    来自 {
        不透明度：0； 转换：translate3d（100px，0，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}

@ -webkit-keyframes fadeInUp_qs100 {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0px，100px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInUp_qs100 {
    来自 {
        不透明度：0； 转换：translate3d（0px，100px，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}

@ -webkit-keyframes fadeInDown_qs100 {
    来自 {
        不透明度：0； -webkit-transform：translate3d（0，-100px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInDown_qs100 {
    来自 {
        不透明度：0； 转换：translate3d（0，-100px，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}



@ -webkit-keyframes fadeInLeft_qs50 {
    来自 {
        不透明度：0； -webkit-transform：translate3d（-50px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInLeft_qs50 {
    来自 {
        不透明度：0； 转换：translate3d（-50px，0，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}

@ -webkit-keyframes fadeInRight_qs50 {
    来自 {
        不透明度：0； -webkit-transform：translation3d（50px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInRight_qs50 {
    来自 {
        不透明度：0； 转换：translate3d（50px，0，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}

@ -webkit-keyframes fadeInUp_qs50 {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0px，50px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInUp_qs50 {
    来自 {
        不透明度：0； 转换：translate3d（0px，50px，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}

@ -webkit-keyframes fadeInDown_qs50 {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0，-50px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
    }
}

@keyframes fadeInDown_qs50 {
    来自 {
        不透明度：0； 转换：translate3d（0，-50px，0）;
    }

    至 {
        不透明度：1； 转换：无；
    }
}

.animated {
    -webkit-animation-duration：1秒； 动画时间：1秒； -webkit-animation-fill-mode：两者； animation-fill-mode：两者；
}

    .animated.infinite {
        -webkit-animation-iteration-count：无限； animation-iteration-count：无限；
    }

    .animated.hinge {
        -webkit-animation-duration：2s;
        动画时间：2秒；
    }

    .animated.flipOutX，
    .animated.flipOutY，
    .animated.bounceIn，
    .animated.bounceOut {
        -webkit-animation-duration：0 .75秒； 动画时间：0.75秒；
    }

@ -webkit-keyframes反弹 {
    从20％，53％，80％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）； -webkit-transform：translation3d（0,0,0）;
        转换：translate3d（0,0,0）;
    }

    40％，43％ {
        -webkit-animation-timing-function：cubic-bezier（0 .755，0.050，0.855，0.060）;
        animation-timing-function函数：三次贝塞尔曲线（0 .755，0.050，0.855，0.060）;
        -webkit-transform：translate3d（0，-30px，0）;
        转换：translate3d（0，-30px，0）;
    }

    70％ {
        -webkit-animation-timing-function：cubic-bezier（0 .755，0.050，0.855，0.060）;
        animation-timing-function函数：三次贝塞尔曲线（0 .755，0.050，0.855，0.060）;
        -webkit-transform：translation3d（0，-15px，0）;
        转换：translate3d（0，-15px，0）;
    }

    90％ {
        -webkit-transform：translation3d（0，-4px，0）;
        转换：translate3d（0，-4px，0）;
    }
}

@keyframes反弹 {
    从20％，53％，80％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）； -webkit-transform：translation3d（0,0,0）;
        转换：translate3d（0,0,0）;
    }

    40％，43％ {
        -webkit-animation-timing-function：cubic-bezier（0 .755，0.050，0.855，0.060）;
        animation-timing-function函数：三次贝塞尔曲线（0 .755，0.050，0.855，0.060）;
        -webkit-transform：translate3d（0，-30px，0）;
        转换：translate3d（0，-30px，0）;
    }

    70％ {
        -webkit-animation-timing-function：cubic-bezier（0 .755，0.050，0.855，0.060）;
        animation-timing-function函数：三次贝塞尔曲线（0 .755，0.050，0.855，0.060）;
        -webkit-transform：translation3d（0，-15px，0）;
        转换：translate3d（0，-15px，0）;
    }

    90％ {
        -webkit-transform：translation3d（0，-4px，0）;
        转换：translate3d（0，-4px，0）;
    }
}

.bounce {
    -webkit-animation-name：反弹； animation-name：反弹； -webkit-transform-origin：中心底部； transform-origin：中心底部；
}

@ -webkit-keyframes Flash {
    从50％到 {
        不透明度：1；
    }

    25％，75％ {
        不透明度：0；
    }
}

@keyframes flash {
    从50％到 {
        不透明度：1；
    }

    25％，75％ {
        不透明度：0；
    }
}

.flash {
    -webkit-animation-name：Flash； 动画名称：flash；
}

/ *最初由Nick Pettit创作-https://github.com/nickpettit/glide * /

@ -webkit-keyframes脉冲 {
    来自

{
    -webkit-transform：scale3d（1，1，1）;
    转换：scale3d（1，1，1）;
}

50％ {
    -webkit-transform：scale3d（1 .05，1.05，1.05）;
    转换：scale3d（1 .05，1.05，1.05）;
}

至 {
    -webkit-transform：scale3d（1，1，1）;
    转换：scale3d（1，1，1）;
}

}

@keyframes脉冲 {
    来自 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }

    50％ {
        -webkit-transform：scale3d（1 .05，1.05，1.05）;
        转换：scale3d（1 .05，1.05，1.05）;
    }

    至 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

.pulse {
    -webkit-animation-name：脉冲； 动画名称：pulse；
}

@ -webkit-keyframes rubberBand {
    来自 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }

    30％ {
        -webkit-transform：scale3d（1 .25，0.75，1）;
        转换：scale3d（1 .25，0.75，1）;
    }

    40％ {
        -webkit-transform：scale3d（0 .75，1.25，1）;
        转换：scale3d（0 .75，1.25，1）;
    }

    50％ {
        -webkit-transform：scale3d（1 .15，0.85，1）;
        转换：scale3d（1 .15，0.85，1）;
    }

    65％ {
        -webkit-transform：scale3d（ .95，1.05，1）;
        转换：scale3d（ .95，1.05，1）;
    }

    75％ {
        -webkit-transform：scale3d（1 .05，.95，1）;
        转换：scale3d（1 .05，.95，1）;
    }

    至 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

@keyframes rubberBand {
    来自 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }

    30％ {
        -webkit-transform：scale3d（1 .25，0.75，1）;
        转换：scale3d（1 .25，0.75，1）;
    }

    40％ {
        -webkit-transform：scale3d（0 .75，1.25，1）;
        转换：scale3d（0 .75，1.25，1）;
    }

    50％ {
        -webkit-transform：scale3d（1 .15，0.85，1）;
        转换：scale3d（1 .15，0.85，1）;
    }

    65％ {
        -webkit-transform：scale3d（ .95，1.05，1）;
        转换：scale3d（ .95，1.05，1）;
    }

    75％ {
        -webkit-transform：scale3d（1 .05，.95，1）;
        转换：scale3d（1 .05，.95，1）;
    }

    至 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

。橡皮筋 {
    -webkit-animation-name：rubberBand； 动画名称：rubberBand;
}

@ -webkit-keyframes震动 {
    从到 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    10％，30％，50％，70％，90％ {
        -webkit-transform：translation3d（-10px，0，0）;
        转换：translate3d（-10px，0，0）;
    }

    20％，40％，60％，80％ {
        -webkit-transform：translation3d（10px，0，0）;
        转换：translate3d（10px，0，0）;
    }
}

@keyframes震动 {
    从到 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    10％，30％，50％，70％，90％ {
        -webkit-transform：translation3d（-10px，0，0）;
        转换：translate3d（-10px，0，0）;
    }

    20％，40％，60％，80％ {
        -webkit-transform：translation3d（10px，0，0）;
        转换：translate3d（10px，0，0）;
    }
}

.shake {
    -webkit-animation-name：摇动； animation-name：摇动；
}

@ -webkit-keyframes headShake {
    0％ {
        -webkit-transform：translateX（0）;
        转换：translateX（0）;
    }

    6.5％ {
        -webkit-transform：translateX（-6px）rotationY（-9deg）;
        转换：translateX（-6px）rotationY（-9deg）;
    }

    18.5％ {
        -webkit-transform：translateX（5px）rotationY（7deg）;
        转换：translateX（5px）rotationY（7deg）;
    }

    31.5％ {
        -webkit-transform：translateX（-3px）rotationY（-5deg）;
        转换：translateX（-3px）rotationY（-5deg）;
    }

    43.5％ {
        -webkit-transform：translateX（2px）rotationY（3deg）;
        变换：translateX（2px）rotateY（3deg）;
    }

    50％ {
        -webkit-transform：translateX（0）;
        转换：translateX（0）;
    }
}

@keyframes headShake {
    0％ {
        -webkit-transform：translateX（0）;
        转换：translateX（0）;
    }

    6.5％ {
        -webkit-transform：translateX（-6px）rotationY（-9deg）;
        转换：translateX（-6px）rotationY（-9deg）;
    }

    18.5％ {
        -webkit-transform：translateX（5px）rotationY（7deg）;
        转换：translateX（5px）rotationY（7deg）;
    }

    31.5％ {
        -webkit-transform：translateX（-3px）rotationY（-5deg）;
        转换：translateX（-3px）rotationY（-5deg）;
    }

    43.5％ {
        -webkit-transform：translateX（2px）rotationY（3deg）;
        变换：translateX（2px）rotateY（3deg）;
    }

    50％ {
        -webkit-transform：translateX（0）;
        转换：translateX（0）;
    }
}

.headShake {
    -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松； -webkit-animation-name：headShake； 动画名称：headShake;
}

@ -webkit-keyframes swing {
    20％ {
        -webkit-transform：rotation3d（0，0，1，15deg）;
        转换：rotate3d（0，0，1，15deg）;
    }

    40％ {
        -webkit-transform：rotation3d（0，0，1，-10deg）;
        转换：rotate3d（0，0，1，-10deg）;
    }

    60％ {
        -webkit-transform：rotation3d（0，0，1，5deg）;
        转换：rotate3d（0，0，1，5deg）;
    }

    80％ {
        -webkit-transform：rotation3d（0，0，1，-5deg）;
        转换：rotate3d（0，0，1，-5deg）;
    }

    至 {
        -webkit-transform：rotation3d（0，0，1，0deg）;
        转换：rotate3d（0，0，1，0deg）;
    }
}

@keyframes swing {
    20％ {
        -webkit-transform：rotation3d（0，0，1，15deg）;
        转换：rotate3d（0，0，1，15deg）;
    }

    40％ {
        -webkit-transform：rotation3d（0，0，1，-10deg）;
        转换：rotate3d（0，0，1，-10deg）;
    }

    60％ {
        -webkit-transform：rotation3d（0，0，1，5deg）;
        转换：rotate3d（0，0，1，5deg）;
    }

    80％ {
        -webkit-transform：rotation3d（0，0，1，-5deg）;
        转换：rotate3d（0，0，1，-5deg）;
    }

    至 {
        -webkit-transform：rotation3d（0，0，1，0deg）;
        转换：rotate3d（0，0，1，0deg）;
    }
}

。摇摆 {
    -webkit-transform-origin：顶部居中； transform-origin：顶部中心； -webkit-animation-name：摇摆； 动画名称：swing；
}

@ -webkit-keyframes tada {
    来自 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }

    10％，20％ {
        -webkit-transform：scale3d（ .9，.9，.9）rotation3d（0，0，1，-3deg）;
        变换：scale3d（ .9，.9，.9）rotation3d（0，0，1，-3deg）;
    }

    30％，50％，70％，90％ {
        -webkit-transform：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，3deg）;
        转换：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，3deg）;
    }

    40％，60％，80％ {
        -webkit-transform：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，-3deg）;
        转换：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，-3deg）;
    }

    至 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

@keyframes tada {
    来自 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }

    10％，20％ {
        -webkit-transform：scale3d（ .9，.9，.9）rotation3d（0，0，1，-3deg）;
        变换：scale3d（ .9，.9，.9）rotation3d（0，0，1，-3deg）;
    }

    30％，50％，70％，90％ {
        -webkit-transform：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，3deg）;
        转换：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，3deg）;
    }

    40％，60％，80％ {
        -webkit-transform：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，-3deg）;
        转换：scale3d（1 .1，1.1，1.1）rotation3d（0，0，1，-3deg）;
    }

    至 {
        -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

.tada {
    -webkit-animation-name：tada； 动画名称：tada；
}

/ *最初由Nick Pettit创作-https://github.com/nickpettit/glide * /

@ -webkit-keyframes摆动 {
    来自

{
    -webkit-transform：无;
    转换：无；
}

15％ {
    -webkit-transform：translate3d（-25％，0，0）rotation3d（0，0，1，-5deg）;
    转换：translate3d（-25％，0，0）rotation3d（0，0，1，-5deg）;
}

30％ {
    -webkit-transform：translate3d（20％，0，0）rotation3d（0，0，1，3deg）;
    转换：translate3d（20％，0，0）rotation3d（0，0，1，3deg）;
}

45％ {
    -webkit-transform：translate3d（-15％，0，0）rotation3d（0，0，1，-3deg）;
    转换：translate3d（-15％，0，0）rotation3d（0，0，1，-3deg）;
}

60％ {
    -webkit-transform：translate3d（10％，0，0）rotation3d（0，0，1，2deg）;
    转换：translate3d（10％，0，0）rotation3d（0，0，1，2deg）;
}

75％ {
    -webkit-transform：translate3d（-5％，0，0）rotation3d（0，0，1，-1deg）;
    变换：translate3d（-5％，0,0）rotate3d（0,0,1，-1deg）;
}

至 {
    -webkit-transform：无;
    转换：无；
}

}

@keyframes摆动 {
    来自 {
        -webkit-transform：无;
        转换：无；
    }

    15％ {
        -webkit-transform：translate3d（-25％，0，0）rotation3d（0，0，1，-5deg）;
        转换：translate3d（-25％，0，0）rotation3d（0，0，1，-5deg）;
    }

    30％ {
        -webkit-transform：translate3d（20％，0，0）rotation3d（0，0，1，3deg）;
        转换：translate3d（20％，0，0）rotation3d（0，0，1，3deg）;
    }

    45％ {
        -webkit-transform：translate3d（-15％，0，0）rotation3d（0，0，1，-3deg）;
        转换：translate3d（-15％，0，0）rotation3d（0，0，1，-3deg）;
    }

    60％ {
        -webkit-transform：translate3d（10％，0，0）rotation3d（0，0，1，2deg）;
        转换：translate3d（10％，0，0）rotation3d（0，0，1，2deg）;
    }

    75％ {
        -webkit-transform：translate3d（-5％，0，0）rotation3d（0，0，1，-1deg）;
        变换：translate3d（-5％，0,0）rotate3d（0,0,1，-1deg）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

.wobble {
    -webkit-animation-name：摆动； animation-name：摆动；
}

@ -webkit-keyframes jello {
    从11.1％到 {
        -webkit-transform：无;
        转换：无；
    }

    22.2％ {
        -webkit-transform：skewX（-12 .5deg）skewY（-12.5deg）;
        转换：skewX（-12 .5deg）skewY（-12.5deg）;
    }

    33.3％ {
        -webkit-transform：skewX（6 .25deg）skewY（6.25deg）;
        转换：skewX（6 .25deg）skewY（6.25deg）;
    }

    44.4％ {
        -webkit-transform：skewX（-3 .125deg）skewY（-3.125deg）;
        转换：skewX（-3 .125deg）skewY（-3.125deg）;
    }

    55.5％ {
        -webkit-transform：skewX（1 .5625deg）skewY（1.5625deg）;
        转换：skewX（1 .5625deg）skewY（1.5625deg）;
    }

    66.6％ {
        -webkit-transform：skewX（-0 .78125deg）skewY（-0.78125deg）;
        转换：skewX（-0 .78125deg）skewY（-0.78125deg）;
    }

    77.7％ {
        -webkit-transform：skewX（0 .390625deg）skewY（0.390625deg）;
        转换：skewX（0 .390625deg）skewY（0.390625deg）;
    }

    88.8％ {
        -webkit-transform：skewX（-0 .1953125deg）skewY（-0.1953125deg）;
        转换：skewX（-0 .1953125deg）skewY（-0.1953125deg）;
    }
}

@keyframes jello {
    从11.1％到 {
        -webkit-transform：无;
        转换：无；
    }

    22.2％ {
        -webkit-transform：skewX（-12 .5deg）skewY（-12.5deg）;
        转换：skewX（-12 .5deg）skewY（-12.5deg）;
    }

    33.3％ {
        -webkit-transform：skewX（6 .25deg）skewY（6.25deg）;
        转换：skewX（6 .25deg）skewY（6.25deg）;
    }

    44.4％ {
        -webkit-transform：skewX（-3 .125deg）skewY（-3.125deg）;
        转换：skewX（-3 .125deg）skewY（-3.125deg）;
    }

    55.5％ {
        -webkit-transform：skewX（1 .5625deg）skewY（1.5625deg）;
        转换：skewX（1 .5625deg）skewY（1.5625deg）;
    }

    66.6％ {
        -webkit-transform：skewX（-0 .78125deg）skewY（-0.78125deg）;
        转换：skewX（-0 .78125deg）skewY（-0.78125deg）;
    }

    77.7％ {
        -webkit-transform：skewX（0 .390625deg）skewY（0.390625deg）;
        转换：skewX（0 .390625deg）skewY（0.390625deg）;
    }

    88.8％ {
        -webkit-transform：skewX（-0 .1953125deg）skewY（-0.1953125deg）;
        转换：skewX（-0 .1953125deg）skewY（-0.1953125deg）;
    }
}

.jello {
    -webkit-animation-name：果冻； 动画名称：jello;
    -webkit-transform-origin：中心;
    transform-origin：中心;
}

@ -webkit-keyframes bounceIn {
    从20％，40％，60％，80％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    0％ {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }

    20％ {
        -webkit-transform：scale3d（1 .1，1.1，1.1）;
        转换：scale3d（1 .1，1.1，1.1）;
    }

    40％ {
        -webkit-transform：scale3d（ .9，.9，.9）;
        转换：scale3d（ .9，.9，.9）;
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（1.03，1.03，1.03）;
        转换：scale3d（1 .03，1.03，1.03）;
    }

    80％ {
        -webkit-transform：scale3d（ .97，.97，.97）;
        转换：scale3d（ .97，.97，.97）;
    }

    至 {
        不透明度：1； -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

@keyframes bounceIn {
    从20％，40％，60％，80％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    0％ {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }

    20％ {
        -webkit-transform：scale3d（1 .1，1.1，1.1）;
        转换：scale3d（1 .1，1.1，1.1）;
    }

    40％ {
        -webkit-transform：scale3d（ .9，.9，.9）;
        转换：scale3d（ .9，.9，.9）;
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（1.03，1.03，1.03）;
        转换：scale3d（1 .03，1.03，1.03）;
    }

    80％ {
        -webkit-transform：scale3d（ .97，.97，.97）;
        转换：scale3d（ .97，.97，.97）;
    }

    至 {
        不透明度：1； -webkit-transform：scale3d（1，1，1）;
        转换：scale3d（1，1，1）;
    }
}

.bounceIn {
    -webkit-animation-name：bounceIn;
    animation-name：bounceIn;
}

@ -webkit-keyframes bounceInDown {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    0％ {
        不透明度：0； -webkit-transform：translation3d（0，-3000px，0）;
        转换：translate3d（0，-3000px，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translation3d（0，25px，0）;
        转换：translate3d（0，25px，0）;
    }

    75％ {
        -webkit-transform：translation3d（0，-10px，0）;
        转换：translate3d（0，-10px，0）;
    }

    90％ {
        -webkit-transform：translate3d（0，5px，0）;
        转换：translate3d（0，5px，0）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

@keyframes bounceInDown {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    0％ {
        不透明度：0； -webkit-transform：translation3d（0，-3000px，0）;
        转换：translate3d（0，-3000px，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translation3d（0，25px，0）;
        转换：translate3d（0，25px，0）;
    }

    75％ {
        -webkit-transform：translation3d（0，-10px，0）;
        转换：translate3d（0，-10px，0）;
    }

    90％ {
        -webkit-transform：translate3d（0，5px，0）;
        转换：translate3d（0，5px，0）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

.bounceInDown {
    -webkit-animation-name：bounceInDown;
    动画名称：bounceInDown;
}

@ -webkit-keyframes bounceInLeft {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    0％ {
        不透明度：0； -webkit-transform：translate3d（-3000px，0，0）;
        转换：translate3d（-3000px，0，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translation3d（25px，0，0）;
        转换：translate3d（25px，0，0）;
    }

    75％ {
        -webkit-transform：translation3d（-10px，0，0）;
        转换：translate3d（-10px，0，0）;
    }

    90％ {
        -webkit-transform：translation3d（5px，0，0）;
        转换：translate3d（5px，0，0）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

@keyframes bounceInLeft {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    0％ {
        不透明度：0； -webkit-transform：translate3d（-3000px，0，0）;
        转换：translate3d（-3000px，0，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translation3d（25px，0，0）;
        转换：translate3d（25px，0，0）;
    }

    75％ {
        -webkit-transform：translation3d（-10px，0，0）;
        转换：translate3d（-10px，0，0）;
    }

    90％ {
        -webkit-transform：translation3d（5px，0，0）;
        转换：translate3d（5px，0，0）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

.bounceInLeft {
    -webkit-animation-name：bounceInLeft;
    animation-name：bounceInLeft;
}

@ -webkit-keyframes bounceInRight {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    来自 {
        不透明度：0； -webkit-transform：translation3d（3000px，0，0）;
        转换：translate3d（3000px，0，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translate3d（-25px，0，0）;
        转换：translate3d（-25px，0，0）;
    }

    75％ {
        -webkit-transform：translation3d（10px，0，0）;
        转换：translate3d（10px，0，0）;
    }

    90％ {
        -webkit-transform：translate3d（-5px，0，0）;
        转换：translate3d（-5px，0，0）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

@keyframes bounceInRight {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    来自 {
        不透明度：0； -webkit-transform：translation3d（3000px，0，0）;
        转换：translate3d（3000px，0，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translate3d（-25px，0，0）;
        转换：translate3d（-25px，0，0）;
    }

    75％ {
        -webkit-transform：translation3d（10px，0，0）;
        转换：translate3d（10px，0，0）;
    }

    90％ {
        -webkit-transform：translate3d（-5px，0，0）;
        转换：translate3d（-5px，0，0）;
    }

    至 {
        -webkit-transform：无;
        转换：无；
    }
}

.bounceInRight {
    -webkit-animation-name：bounceInRight;
    animation-name：bounceInRight;
}

@ -webkit-keyframes bounceInUp {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    来自 {
        不透明度：0； -webkit-transform：translate3d（0，3000px，0）;
        转换：translate3d（0，3000px，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translation3d（0，-20px，0）;
        转换：translate3d（0，-20px，0）;
    }

    75％ {
        -webkit-transform：translation3d（0，10px，0）;
        转换：translate3d（0，10px，0）;
    }

    90％ {
        -webkit-transform：translate3d（0，-5px，0）;
        转换：translate3d（0，-5px，0）;
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

@keyframes bounceInUp {
    从60％，75％，90％到 {
        -webkit-animation-timing-function：cubic-bezier（0 .215，0.610，0.355，1.000）;
        animation-timing-function函数：三次贝塞尔曲线（0 .215、0.610、0.355、1.000）；
    }

    来自 {
        不透明度：0； -webkit-transform：translate3d（0，3000px，0）;
        转换：translate3d（0，3000px，0）;
    }

    60％ {
        不透明度：1； -webkit-transform：translation3d（0，-20px，0）;
        转换：translate3d（0，-20px，0）;
    }

    75％ {
        -webkit-transform：translation3d（0，10px，0）;
        转换：translate3d（0，10px，0）;
    }

    90％ {
        -webkit-transform：translate3d（0，-5px，0）;
        转换：translate3d（0，-5px，0）;
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

.bounceInUp {
    -webkit-animation-name：bounceInUp;
    animation-name：bounceInUp;
}

@ -webkit-keyframes bounceOut {
    20％ {
        -webkit-transform：scale3d（ .9，.9，.9）;
        转换：scale3d（ .9，.9，.9）;
    }

    50％，55％ {
        不透明度：1； -webkit-transform：scale3d（1.1，1.1，1.1）;
        转换：scale3d（1 .1，1.1，1.1）;
    }

    至 {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }
}

@keyframes bounceOut {
    20％ {
        -webkit-transform：scale3d（ .9，.9，.9）;
        转换：scale3d（ .9，.9，.9）;
    }

    50％，55％ {
        不透明度：1； -webkit-transform：scale3d（1.1，1.1，1.1）;
        转换：scale3d（1 .1，1.1，1.1）;
    }

    至 {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }
}

.bounceOut {
    -webkit-animation-name：bounceOut;
    动画名称：bounceOut；
}

@ -webkit-keyframes bounceOutDown {
    20％ {
        -webkit-transform：translation3d（0，10px，0）;
        转换：translate3d（0，10px，0）;
    }

    40％，45％ {
        不透明度：1； -webkit-transform：translation3d（0，-20px，0）;
        转换：translate3d（0，-20px，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（0，2000px，0）;
        转换：translate3d（0，2000px，0）;
    }
}

@keyframes bounceOutDown {
    20％ {
        -webkit-transform：translation3d（0，10px，0）;
        转换：translate3d（0，10px，0）;
    }

    40％，45％ {
        不透明度：1； -webkit-transform：translation3d（0，-20px，0）;
        转换：translate3d（0，-20px，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（0，2000px，0）;
        转换：translate3d（0，2000px，0）;
    }
}

.bounceOutDown {
    -webkit-animation-name：bounceOutDown;
    动画名称：bounceOutDown;
}

@ -webkit-keyframes bounceOutLeft {
    20％ {
        不透明度：1； -webkit-transform：translation3d（20px，0，0）;
        转换：translate3d（20px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（-2000px，0，0）;
        转换：translate3d（-2000px，0，0）;
    }
}

@keyframes bounceOutLeft {
    20％ {
        不透明度：1； -webkit-transform：translation3d（20px，0，0）;
        转换：translate3d（20px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（-2000px，0，0）;
        转换：translate3d（-2000px，0，0）;
    }
}

.bounceOutLeft {
    -webkit-animation-name：bounceOutLeft;
    animation-name：bounceOutLeft;
}

@ -webkit-keyframes bounceOutRight {
    20％ {
        不透明度：1； -webkit-transform：translation3d（-20px，0，0）;
        转换：translate3d（-20px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（2000px，0，0）;
        转换：translate3d（2000px，0，0）;
    }
}

@keyframes bounceOutRight {
    20％ {
        不透明度：1； -webkit-transform：translation3d（-20px，0，0）;
        转换：translate3d（-20px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（2000px，0，0）;
        转换：translate3d（2000px，0，0）;
    }
}

.bounceOutRight {
    -webkit-animation-name：bounceOutRight;
    动画名称：bounceOutRight；
}

@ -webkit-keyframes bounceOutUp {
    20％ {
        -webkit-transform：translation3d（0，-10px，0）;
        转换：translate3d（0，-10px，0）;
    }

    40％，45％ {
        不透明度：1； -webkit-transform：translate3d（0，20px，0）;
        转换：translate3d（0，20px，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（0，-2000px，0）;
        转换：translation3d（0，-2000px，0）;
    }
}

@keyframes bounceOutUp {
    20％ {
        -webkit-transform：translation3d（0，-10px，0）;
        转换：translate3d（0，-10px，0）;
    }

    40％，45％ {
        不透明度：1； -webkit-transform：translate3d（0，20px，0）;
        转换：translate3d（0，20px，0）;
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（0，-2000px，0）;
        转换：translation3d（0，-2000px，0）;
    }
}

.bounceOutUp {
    -webkit-animation-name：bounceOutUp;
    animation-name：bounceOutUp;
}

@ -webkit-keyframes fadeIn {
    来自 {
        不透明度：0；
    }

    至 {
        不透明度：1；
    }
}

@keyframes fadeIn {
    来自 {
        不透明度：0；
    }

    至 {
        不透明度：1；
    }
}

。淡入 {
    -webkit-animation-name：淡入； 动画名称：fadeIn;
}

@ -webkit-keyframes fadeInDown {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInDown {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInDown {
    -webkit-animation-name：fadeInDown;
    动画名称：fadeInDown;
}

@ -webkit-keyframes fadeInDownBig {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0，-2000px，0）;
        转换：translation3d（0，-2000px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInDownBig {
    来自 {
        不透明度：0； -webkit-transform：translation3d（0，-2000px，0）;
        转换：translation3d（0，-2000px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInDownBig {
    -webkit-animation-name：fadeInDownBig;
    动画名称：fadeInDownBig;
}

@ -webkit-keyframes fadeInLeft {
    来自 {
        不透明度：0； -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInLeft {
    来自 {
        不透明度：0； -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInLeft {
    -webkit-animation-name：fadeInLeft;
    动画名称：fadeInLeft;
}

@ -webkit-keyframes fadeInLeftBig {
    来自 {
        不透明度：0； -webkit-transform：translation3d（-2000px，0，0）;
        转换：translate3d（-2000px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInLeftBig {
    来自 {
        不透明度：0； -webkit-transform：translation3d（-2000px，0，0）;
        转换：translate3d（-2000px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInLeftBig {
    -webkit-animation-name：fadeInLeftBig;
    动画名称：fadeInLeftBig;
}

@ -webkit-keyframes fadeInRight {
    来自 {
        不透明度：0； -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInRight {
    来自 {
        不透明度：0； -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInRight {
    -webkit-animation-name：fadeInRight;
    动画名称：fadeInRight;
}

@ -webkit-keyframes fadeInRightBig {
    来自 {
        不透明度：0； -webkit-transform：translation3d（2000px，0，0）;
        转换：translate3d（2000px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInRightBig {
    来自 {
        不透明度：0； -webkit-transform：translation3d（2000px，0，0）;
        转换：translate3d（2000px，0，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInRightBig {
    -webkit-animation-name：fadeInRightBig;
    动画名称：fadeInRightBig;
}

@ -webkit-keyframes fadeInUp {
    来自 {
        不透明度：0； -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInUp {
    来自 {
        不透明度：0； -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInUp {
    -webkit-animation-name：fadeInUp;
    动画名称：fadeInUp;
}

@ -webkit-keyframes fadeInUpBig {
    来自 {
        不透明度：0； -webkit-transform：translate3d（0，2000px，0）;
        转换：translate3d（0，2000px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

@keyframes fadeInUpBig {
    来自 {
        不透明度：0； -webkit-transform：translate3d（0，2000px，0）;
        转换：translate3d（0，2000px，0）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.fadeInUpBig {
    -webkit-animation-name：fadeInUpBig;
    动画名称：fadeInUpBig;
}

@ -webkit-keyframes fadeOut {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0；
    }
}

@keyframes fadeOut {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0；
    }
}

。消退 {
    -webkit-animation-name：淡出； 动画名称：fadeOut;
}

@ -webkit-keyframes fadeOutDown {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
    }
}

@keyframes fadeOutDown {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
    }
}

.fadeOutDown {
    -webkit-animation-name：fadeOutDown;
    动画名称：fadeOutDown;
}

@ -webkit-keyframes fadeOutDownBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（0，2000px，0）;
        转换：translate3d（0，2000px，0）;
    }
}

@keyframes fadeOutDownBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（0，2000px，0）;
        转换：translate3d（0，2000px，0）;
    }
}

.fadeOutDownBig {
    -webkit-animation-name：fadeOutDownBig;
    动画名称：fadeOutDownBig;
}

@ -webkit-keyframes fadeOutLeft {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
    }
}

@keyframes fadeOutLeft {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
    }
}

.fadeOutLeft {
    -webkit-animation-name：fadeOutLeft;
    动画名称：fadeOutLeft;
}

@ -webkit-keyframes fadeOutLeftBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（-2000px，0，0）;
        转换：translate3d（-2000px，0，0）;
    }
}

@keyframes fadeOutLeftBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（-2000px，0，0）;
        转换：translate3d（-2000px，0，0）;
    }
}

.fadeOutLeftBig {
    -webkit-animation-name：fadeOutLeftBig;
    动画名称：fadeOutLeftBig;
}

@ -webkit-keyframes fadeOutRight {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
    }
}

@keyframes fadeOutRight {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
    }
}

.fadeOutRight {
    -webkit-animation-name：fadeOutRight;
    动画名称：fadeOutRight；
}

@ -webkit-keyframes fadeOutRightBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（2000px，0，0）;
        转换：translate3d（2000px，0，0）;
    }
}

@keyframes fadeOutRightBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（2000px，0，0）;
        转换：translate3d（2000px，0，0）;
    }
}

.fadeOutRightBig {
    -webkit-animation-name：fadeOutRightBig;
    动画名称：fadeOutRightBig;
}

@ -webkit-keyframes fadeOutUp {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
    }
}

@keyframes fadeOutUp {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
    }
}

.fadeOutUp {
    -webkit-animation-name：fadeOutUp;
    动画名称：fadeOutUp;
}

@ -webkit-keyframes fadeOutUpBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（0，-2000px，0）;
        转换：translation3d（0，-2000px，0）;
    }
}

@keyframes fadeOutUpBig {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translation3d（0，-2000px，0）;
        转换：translation3d（0，-2000px，0）;
    }
}

.fadeOutUpBig {
    -webkit-animation-name：fadeOutUpBig;
    动画名称：fadeOutUpBig;
}

@ -webkit-keyframes翻转 {
    来自 {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-360deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-360deg）;
        -webkit-animation-timing-function：缓解； 动画定时功能：轻松播放；
    }

    40％ {
        -webkit-transform：透视图（400px）translation3d（0，0，150px）rotate3d（0，1，0，-190deg）;
        转换：Perspective（400px）平移3d（0，0，150px）rotation3d（0，1，0，-190deg）;
        -webkit-animation-timing-function：缓解； 动画定时功能：轻松播放；
    }

    50％ {
        -webkit-transform：透视图（400px）translation3d（0，0，150px）rotate3d（0，1，0，-170deg）;
        转换：Perspective（400px）平移3d（0，0，150px）rotation3d（0，1，0，-170deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    80％ {
        -webkit-transform：Perspective（400px）scale3d（ .95，.95，.95）;
        转换：Perspective（400px）scale3d（ .95，.95，.95）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    至 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }
}

@keyframes flip {
    来自 {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-360deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-360deg）;
        -webkit-animation-timing-function：缓解； 动画定时功能：轻松播放；
    }

    40％ {
        -webkit-transform：透视图（400px）translation3d（0，0，150px）rotate3d（0，1，0，-190deg）;
        转换：Perspective（400px）平移3d（0，0，150px）rotation3d（0，1，0，-190deg）;
        -webkit-animation-timing-function：缓解； 动画定时功能：轻松播放；
    }

    50％ {
        -webkit-transform：透视图（400px）translation3d（0，0，150px）rotate3d（0，1，0，-170deg）;
        转换：Perspective（400px）平移3d（0，0，150px）rotation3d（0，1，0，-170deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    80％ {
        -webkit-transform：Perspective（400px）scale3d（ .95，.95，.95）;
        转换：Perspective（400px）scale3d（ .95，.95，.95）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    至 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }
}

.animated.flip {
    -webkit-backface-visibility：可见； 背面可见度：可见； -webkit-animation-name：翻转； 动画名称：flip；
}

@ -webkit-keyframes flipInX {
    来自 {
        -webkit-transform：透视图（400px）rotation3d（1，0，0，90deg）;
        变换：Perspective（400px）rotation3d（1、0、0、90deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入； 不透明度：0；
    }

    40％ {
        -webkit-transform：透视图（400px）rotation3d（1、0、0，-20deg）;
        变换：Perspective（400px）rotation3d（1、0、0，-20deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    60％ {
        -webkit-transform：透视图（400px）rotation3d（1、0、0、10deg）;
        变换：Perspective（400px）rotation3d（1、0、0、10deg）;
        不透明度：1；
    }

    80％ {
        -webkit-transform：透视图（400px）rotation3d（1，0，0，-5deg）;
        变换：Perspective（400px）rotation3d（1，0，0，-5deg）;
    }

    至 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }
}

@keyframes flipInX {
    来自 {
        -webkit-transform：透视图（400px）rotation3d（1，0，0，90deg）;
        变换：Perspective（400px）rotation3d（1、0、0、90deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入； 不透明度：0；
    }

    40％ {
        -webkit-transform：透视图（400px）rotation3d（1、0、0，-20deg）;
        变换：Perspective（400px）rotation3d（1、0、0，-20deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    60％ {
        -webkit-transform：透视图（400px）rotation3d（1、0、0、10deg）;
        变换：Perspective（400px）rotation3d（1、0、0、10deg）;
        不透明度：1；
    }

    80％ {
        -webkit-transform：透视图（400px）rotation3d（1，0，0，-5deg）;
        变换：Perspective（400px）rotation3d（1，0，0，-5deg）;
    }

    至 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }
}

.flipInX {
    -webkit-backface-visibility：可见！重要； 背面可见性：可见！重要； -webkit-animation-name：flipInX;
    动画名称：flipInX;
}

@ -webkit-keyframes flipInY {
    来自 {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，90deg）;
        变换：Perspective（400px）rotation3d（0，1，0，90deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入； 不透明度：0；
    }

    40％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-20deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-20deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    60％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，10deg）;
        变换：Perspective（400px）rotation3d（0，1，0，10deg）;
        不透明度：1；
    }

    80％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-5deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-5deg）;
    }

    至 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }
}

@keyframes flipInY {
    来自 {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，90deg）;
        变换：Perspective（400px）rotation3d（0，1，0，90deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入； 不透明度：0；
    }

    40％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-20deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-20deg）;
        -webkit-animation-timing-function：放心； 动画定时功能：缓入；
    }

    60％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，10deg）;
        变换：Perspective（400px）rotation3d（0，1，0，10deg）;
        不透明度：1；
    }

    80％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-5deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-5deg）;
    }

    至 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }
}

.flipInY {
    -webkit-backface-visibility：可见！重要； 背面可见性：可见！重要； -webkit-animation-name：flipInY;
    动画名称：flipInY;
}

@ -webkit-keyframes flipOutX {
    来自 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }

    30％ {
        -webkit-transform：透视图（400px）rotation3d（1、0、0，-20deg）;
        变换：Perspective（400px）rotation3d（1、0、0，-20deg）;
        不透明度：1；
    }

    至 {
        -webkit-transform：透视图（400px）rotation3d（1，0，0，90deg）;
        变换：Perspective（400px）rotation3d（1、0、0、90deg）;
        不透明度：0；
    }
}

@keyframes flipOutX {
    来自 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }

    30％ {
        -webkit-transform：透视图（400px）rotation3d（1、0、0，-20deg）;
        变换：Perspective（400px）rotation3d（1、0、0，-20deg）;
        不透明度：1；
    }

    至 {
        -webkit-transform：透视图（400px）rotation3d（1，0，0，90deg）;
        变换：Perspective（400px）rotation3d（1、0、0、90deg）;
        不透明度：0；
    }
}

.flipOutX {
    -webkit-animation-name：flipOutX;
    动画名称：flipOutX； -webkit-backface-visibility：可见！重要； 背面可见性：可见！重要；
}

@ -webkit-keyframes flipOutY {
    来自 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }

    30％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-15deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-15deg）;
        不透明度：1；
    }

    至 {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，90deg）;
        变换：Perspective（400px）rotation3d（0，1，0，90deg）;
        不透明度：0；
    }
}

@keyframes flipOutY {
    来自 {
        -webkit-transform：透视图（400px）;
        转换：Perspective（400px）;
    }

    30％ {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，-15deg）;
        转换：Perspective（400px）rotation3d（0，1，0，-15deg）;
        不透明度：1；
    }

    至 {
        -webkit-transform：透视图（400px）rotation3d（0，1，0，90deg）;
        变换：Perspective（400px）rotation3d（0，1，0，90deg）;
        不透明度：0；
    }
}

.flipOutY {
    -webkit-backface-visibility：可见！重要； 背面可见性：可见！重要； -webkit-animation-name：flipOutY;
    动画名称：flipOutY;
}

@ -webkit-keyframes lightSpeedIn {
    来自 {
        -webkit-transform：translation3d（100％，0，0）skewX（-30deg）;
        转换：translation3d（100％，0，0）skewX（-30deg）;
        不透明度：0；
    }

    60％ {
        -webkit-transform：skewX（20deg）;
        变换：skewX（20deg）;
        不透明度：1；
    }

    80％ {
        -webkit-transform：skewX（-5deg）;
        转换：skewX（-5deg）;
        不透明度：1；
    }

    至 {
        -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

@keyframes lightSpeedIn {
    来自 {
        -webkit-transform：translation3d（100％，0，0）skewX（-30deg）;
        转换：translation3d（100％，0，0）skewX（-30deg）;
        不透明度：0；
    }

    60％ {
        -webkit-transform：skewX（20deg）;
        变换：skewX（20deg）;
        不透明度：1；
    }

    80％ {
        -webkit-transform：skewX（-5deg）;
        转换：skewX（-5deg）;
        不透明度：1；
    }

    至 {
        -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

.lightSpeedIn {
    -webkit-animation-name：lightSpeedIn;
    动画名称：lightSpeedIn;
    -webkit-animation-timing-function：缓解； 动画定时功能：轻松播放；
}

@ -webkit-keyframes lightSpeedOut {
    来自 {
        不透明度：1；
    }

    至 {
        -webkit-transform：translation3d（100％，0，0）skewX（30deg）;
        转换：translation3d（100％，0，0）skewX（30deg）;
        不透明度：0；
    }
}

@keyframes lightSpeedOut {
    来自 {
        不透明度：1；
    }

    至 {
        -webkit-transform：translation3d（100％，0，0）skewX（30deg）;
        转换：translation3d（100％，0，0）skewX（30deg）;
        不透明度：0；
    }
}

.lightSpeedOut {
    -webkit-animation-name：lightSpeedOut;
    动画名称：lightSpeedOut； -webkit-animation-timing-function：放心； 动画定时功能：缓入；
}

@ -webkit-keyframes rotationIn {
    来自 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        -webkit-transform：rotation3d（0，0，1，-200deg）;
        转换：rotate3d（0，0，1，-200deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

@keyframes rotationIn {
    来自 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        -webkit-transform：rotation3d（0，0，1，-200deg）;
        转换：rotate3d（0，0，1，-200deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

.rotateIn {
    -webkit-animation-name：rotateIn； 动画名称：rotateIn;
}

@ -webkit-keyframes rotationInDownLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，-45deg）;
        转换：rotate3d（0，0，1，-45deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

@keyframes rotationInDownLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，-45deg）;
        转换：rotate3d（0，0，1，-45deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

.rotateInDownLeft {
    -webkit-animation-name：rotateInDownLeft； 动画名称：rotateInDownLeft;
}

@ -webkit-keyframes rotationInDownRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，45deg）;
        转换：rotate3d（0，0，1，45deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

@keyframes rotationInDownRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，45deg）;
        转换：rotate3d（0，0，1，45deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

.rotateInDownRight {
    -webkit-animation-name：rotateInDownRight； 动画名称：rotateInDownRight；
}

@ -webkit-keyframes rotationInUpLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，45deg）;
        转换：rotate3d（0，0，1，45deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

@keyframes rotationInUpLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，45deg）;
        转换：rotate3d（0，0，1，45deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

.rotateInUpLeft {
    -webkit-animation-name：rotateInUpLeft； 动画名称：rotateInUpLeft;
}

@ -webkit-keyframes rotationInUpRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，-90deg）;
        变换：rotate3d（0，0，1，-90deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

@keyframes rotationInUpRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，-90deg）;
        变换：rotate3d（0，0，1，-90deg）;
        不透明度：0；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：无;
        转换：无； 不透明度：1；
    }
}

.rotateInUpRight {
    -webkit-animation-name：rotateInUpRight； 动画名称：rotateInUpRight；
}

@ -webkit-keyframes rotationOut {
    来自 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        不透明度：1；
    }

    至 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        -webkit-transform：rotation3d（0，0，1，200deg）;
        转换：rotate3d（0，0，1，200deg）;
        不透明度：0；
    }
}

@keyframes rotationOut {
    来自 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        不透明度：1；
    }

    至 {
        -webkit-transform-origin：中心;
        transform-origin：中心;
        -webkit-transform：rotation3d（0，0，1，200deg）;
        转换：rotate3d（0，0，1，200deg）;
        不透明度：0；
    }
}

.rotateOut {
    -webkit-animation-name：rotateOut； 动画名称：rotateOut；
}

@ -webkit-keyframes rotationOutDownLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，45deg）;
        转换：rotate3d（0，0，1，45deg）;
        不透明度：0；
    }
}

@keyframes rotationOutDownLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，45deg）;
        转换：rotate3d（0，0，1，45deg）;
        不透明度：0；
    }
}

.rotateOutDownLeft {
    -webkit-animation-name：rotateOutDownLeft； 动画名称：rotateOutDownLeft；
}

@ -webkit-keyframes rotationOutDownRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，-45deg）;
        转换：rotate3d（0，0，1，-45deg）;
        不透明度：0；
    }
}

@keyframes rotationOutDownRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，-45deg）;
        转换：rotate3d（0，0，1，-45deg）;
        不透明度：0；
    }
}

.rotateOutDownRight {
    -webkit-animation-name：rotateOutDownRight； 动画名称：rotateOutDownRight；
}

@ -webkit-keyframes rotationOutUpLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，-45deg）;
        转换：rotate3d（0，0，1，-45deg）;
        不透明度：0；
    }
}

@keyframes rotationOutUpLeft {
    来自 {
        -webkit-transform-origin：左下； transform-origin：左下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：左下； transform-origin：左下； -webkit-transform：rotation3d（0，0，1，-45deg）;
        转换：rotate3d（0，0，1，-45deg）;
        不透明度：0；
    }
}

.rotateOutUpLeft {
    -webkit-animation-name：rotateOutUpLeft； 动画名称：rotateOutUpLeft；
}

@ -webkit-keyframes rotationOutUpRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，90deg）;
        转换：rotate3d（0，0，1，90deg）;
        不透明度：0；
    }
}

@keyframes rotationOutUpRight {
    来自 {
        -webkit-transform-origin：右下； transform-origin：右下； 不透明度：1；
    }

    至 {
        -webkit-transform-origin：右下； transform-origin：右下； -webkit-transform：rotation3d（0，0，1，90deg）;
        转换：rotate3d（0，0，1，90deg）;
        不透明度：0；
    }
}

.rotateOutUpRight {
    -webkit-animation-name：rotateOutUpRight； 动画名称：rotateOutUpRight；
}

@ -webkit-keyframes铰链 {
    0％ {
        -webkit-transform-origin：左上方； transform-origin：左上方； -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松；
    }

    20％，60％ {
        -webkit-transform：rotation3d（0，0，1，80deg）;
        转换：rotate3d（0，0，1，80deg）;
        -webkit-transform-origin：左上方； transform-origin：左上方； -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松；
    }

    40％，80％ {
        -webkit-transform：rotation3d（0，0，1，60deg）;
        转换：rotate3d（0，0，1，60deg）;
        -webkit-transform-origin：左上方； transform-origin：左上方； -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松； 不透明度：1；
    }

    至 {
        -webkit-transform：translation3d（0，700px，0）;
        转换：translate3d（0，700px，0）;
        不透明度：0；
    }
}

@keyframes铰链 {
    0％ {
        -webkit-transform-origin：左上方； transform-origin：左上方； -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松；
    }

    20％，60％ {
        -webkit-transform：rotation3d（0，0，1，80deg）;
        转换：rotate3d（0，0，1，80deg）;
        -webkit-transform-origin：左上方； transform-origin：左上方； -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松；
    }

    40％，80％ {
        -webkit-transform：rotation3d（0，0，1，60deg）;
        转换：rotate3d（0，0，1，60deg）;
        -webkit-transform-origin：左上方； transform-origin：左上方； -webkit-animation-timing-function：轻松输入； 动画定时功能：进出轻松； 不透明度：1；
    }

    至 {
        -webkit-transform：translation3d（0，700px，0）;
        转换：translate3d（0，700px，0）;
        不透明度：0；
    }
}

.hinge {
    -webkit-animation-name：铰链； 动画名称：铰链；
}

/ *最初由Nick Pettit创作-https://github.com/nickpettit/glide * /

@ -webkit-keyframes rollIn {
    来自

{
    不透明度：0； -webkit-transform：translate3d（-100％，0，0）rotation3d（0，0，1，-120deg）;
    转换：translate3d（-100％，0，0）rotation3d（0，0，1，-120deg）;
}

至 {
    不透明度：1； -webkit-transform：无;
    转换：无；
}

}

@keyframes rollIn {
    来自 {
        不透明度：0； -webkit-transform：translate3d（-100％，0，0）rotation3d（0，0，1，-120deg）;
        转换：translate3d（-100％，0，0）rotation3d（0，0，1，-120deg）;
    }

    至 {
        不透明度：1； -webkit-transform：无;
        转换：无；
    }
}

.rollIn {
    -webkit-animation-name：rollIn;
    动画名称：rollIn;
}

/ *最初由Nick Pettit创作-https://github.com/nickpettit/glide * /

@ -webkit-keyframes卷出 {
    来自

{
    不透明度：1；
}

至 {
    不透明度：0； -webkit-transform：translate3d（100％，0，0）rotation3d（0，0，1，120deg）;
    转换：translate3d（100％，0，0）rotation3d（0，0，1，120deg）;
}

}

@keyframes rollOut {
    来自 {
        不透明度：1；
    }

    至 {
        不透明度：0； -webkit-transform：translate3d（100％，0，0）rotation3d（0，0，1，120deg）;
        转换：translate3d（100％，0，0）rotation3d（0，0，1，120deg）;
    }
}

。推出 {
    -webkit-animation-name：rollOut； 动画名称：rollOut;
}

@ -webkit-keyframes zoomIn {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }

    50％ {
        不透明度：1；
    }
}

@keyframes zoomIn {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }

    50％ {
        不透明度：1；
    }
}

。放大 {
    -webkit-animation-name：zoomIn;
    animation-name：zoomIn;
}

@ -webkit-keyframes zoomInDown {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，-1000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，-1000px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

@keyframes zoomInDown {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，-1000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，-1000px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

.zoomInDown {
    -webkit-animation-name：zoomInDown;
    动画名称：zoomInDown;
}

@ -webkit-keyframes zoomInLeft {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（-1000px，0，0）;
        转换：scale3d（ .1，.1，.1）translate3d（-1000px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（10px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（10px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

@keyframes zoomInLeft {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（-1000px，0，0）;
        转换：scale3d（ .1，.1，.1）translate3d（-1000px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（10px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（10px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

.zoomInLeft {
    -webkit-animation-name：zoomInLeft;
    animation-name：zoomInLeft;
}

@ -webkit-keyframes zoomInRight {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（1000px，0，0）;
        转换：scale3d（ .1，.1，.1）translate3d（1000px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（-10px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（-10px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing- function：animation-beinger （0.175，0.885，0.320，1）;
    }
}

@keyframes zoomInRight {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（1000px，0，0）;
        转换：scale3d（ .1，.1，.1）translate3d（1000px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（-10px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（-10px，0，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

.zoomInRight {
    -webkit-animation-name：zoomInRight;
    animation-name：zoomInRight;
}

@ -webkit-keyframes zoomInUp {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，1000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，1000px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，-60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，-60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

@keyframes zoomInUp {
    来自 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，1000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，1000px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    60％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，-60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，-60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

.zoomInUp {
    -webkit-animation-name：zoomInUp;
    animation-name：zoomInUp;
}

@ -webkit-keyframes zoomOut {
    来自 {
        不透明度：1；
    }

    50％ {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }

    至 {
        不透明度：0；
    }
}

@keyframes zoomOut {
    来自 {
        不透明度：1；
    }

    50％ {
        不透明度：0； -webkit-transform：scale3d（.3，.3，.3）;
        转换：scale3d（ .3，.3，.3）;
    }

    至 {
        不透明度：0；
    }
}

。缩小 {
    -webkit-animation-name：zoomOut;
    animation-name：zoomOut;
}

@ -webkit-keyframes zoomOutDown {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，-60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，-60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    至 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，2000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，2000px，0）;
        -webkit-transform-origin：中心底部； transform-origin：中心底部； -webkit-animation-timing-function：cubic-bezier（0.175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

@keyframes zoomOutDown {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，-60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，-60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    至 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，2000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，2000px，0）;
        -webkit-transform-origin：中心底部； transform-origin：中心底部； -webkit-animation-timing-function：cubic-bezier（0.175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

.zoomOutDown {
    -webkit-animation-name：zoomOutDown;
    动画名称：zoomOutDown;
}

@ -webkit-keyframes zoomOutLeft {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（42px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（42px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：scale（.1）translation3d（-2000px，0，0）;
        转换：scale（ .1）translate3d（-2000px，0，0）;
        -webkit-transform-origin：左中心； transform-origin：左中心；
    }
}

@keyframes zoomOutLeft {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（42px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（42px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：scale（.1）translation3d（-2000px，0，0）;
        转换：scale（ .1）translate3d（-2000px，0，0）;
        -webkit-transform-origin：左中心； transform-origin：左中心；
    }
}

.zoomOutLeft {
    -webkit-animation-name：zoomOutLeft;
    animation-name：zoomOutLeft;
}

@ -webkit-keyframes zoomOutRight {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（-42px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（-42px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：scale（.1）translation3d（2000px，0，0）;
        转换：scale（ .1）translate3d（2000px，0，0）;
        -webkit-transform-origin：右居中； transform-origin：右中心；
    }
}

@keyframes zoomOutRight {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（-42px，0，0）;
        转换：scale3d（ .475，.475，.475）translate3d（-42px，0，0）;
    }

    至 {
        不透明度：0； -webkit-transform：scale（.1）translation3d（2000px，0，0）;
        转换：scale（ .1）translate3d（2000px，0，0）;
        -webkit-transform-origin：右居中； transform-origin：右中心；
    }
}

.zoomOutRight {
    -webkit-animation-name：zoomOutRight;
    animation-name：zoomOutRight;
}

@ -webkit-keyframes zoomOutUp {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    至 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，-2000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，-2000px，0）;
        -webkit-transform-origin：中心底部； transform-origin：中心底部； -webkit-animation-timing-function：cubic-bezier（0.175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

@keyframes zoomOutUp {
    40％ {
        不透明度：1； -webkit-transform：scale3d（.475，.475，.475）translate3d（0，60px，0）;
        转换：scale3d（ .475，.475，.475）translate3d（0，60px，0）;
        -webkit-animation-timing-function：cubic-bezier（0 .550，0.055，0.675，0.190）;
        动画定时功能：三次贝塞尔曲线（0 .550，0.055，0.675，0.190）；
    }

    至 {
        不透明度：0； -webkit-transform：scale3d（.1，.1，.1）translate3d（0，-2000px，0）;
        转换：scale3d（ .1，.1，.1）translate3d（0，-2000px，0）;
        -webkit-transform-origin：中心底部； transform-origin：中心底部； -webkit-animation-timing-function：cubic-bezier（0.175，0.885，0.320，1）;
        animation-timing-function函数：三次贝塞尔曲线（0 .175，0.885，0.320，1）;
    }
}

.zoomOutUp {
    -webkit-animation-name：zoomOutUp;
    animation-name：zoomOutUp;
}

@ -webkit-keyframes slideInDown {
    来自 {
        -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

@keyframes slideInDown {
    来自 {
        -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

.slideInDown {
    -webkit-animation-name：slideInDown;
    动画名称：slideInDown;
}

@ -webkit-keyframes slideInLeft {
    来自 {
        -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

@keyframes slideInLeft {
    来自 {
        -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

.slideInLeft {
    -webkit-animation-name：slideInLeft;
    动画名称：slideInLeft;
}

@ -webkit-keyframes slideInRight {
    来自 {
        -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

@keyframes slideInRight {
    来自 {
        -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

.slideInRight {
    -webkit-animation-name：slideInRight;
    动画名称：slideInRight;
}

@ -webkit-keyframes slideInUp {
    来自 {
        -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

@keyframes slideInUp {
    来自 {
        -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
        能见度：可见；
    }

    至 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }
}

.slideInUp {
    -webkit-animation-name：slideInUp;
    动画名称：slideInUp;
}

@ -webkit-keyframes slideOutDown {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
    }
}

@keyframes slideOutDown {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translate3d（0，100％，0）;
        转换：translate3d（0，100％，0）;
    }
}

.slideOutDown {
    -webkit-animation-name：slideOutDown;
    动画名称：slideOutDown;
}

@ -webkit-keyframes slideOutLeft {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
    }
}

@keyframes slideOutLeft {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translate3d（-100％，0，0）;
        转换：translate3d（-100％，0，0）;
    }
}

.slideOutLeft {
    -webkit-animation-name：slideOutLeft;
    动画名称：slideOutLeft;
}

@ -webkit-keyframes slideOutRight {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
    }
}

@keyframes slideOutRight {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translate3d（100％，0，0）;
        转换：translate3d（100％，0，0）;
    }
}

.slideOutRight {
    -webkit-animation-name：slideOutRight;
    动画名称：slideOutRight;
}

@ -webkit-keyframes slideOutUp {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
    }
}

@keyframes slideOutUp {
    来自 {
        -webkit-transform：translation3d（0，0，0）;
        转换：translate3d（0，0，0）;
    }

    至 {
        可见性：隐藏； -webkit-transform：translation3d（0，-100％，0）;
        转换：translate3d（0，-100％，0）;
    }
}

.slideOutUp {
    -webkit-animation-name：slideOutUp;
    动画名称：slideOutUp;
}
