/* 动画 */
@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@-o-keyframes fadeInUp{0%{opacity:0;transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);-moz-transform:translateY(50px);-webkit-transform:translateY(50px);}100%{opacity:1;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);}}
@-moz-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);-moz-transform:translateX(-50px);-webkit-transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);}}
@-moz-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        transform: translateX(-50px);
        -o-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-o-keyframes fadeInRight{0%{opacity:0;transform:translateX(50px);-o-transform:translateX(50px);-ms-transform:translateX(50px);-moz-transform:translateX(50px);-webkit-transform:translateX(50px);}100%{opacity:1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);}}
@-moz-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        transform: translateX(50px);
        -o-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -webkit-transform: translateX(50px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
.animated
{
    animation-duration: 1s;
    -o-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.fadeInUp
{
    animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
.fadeInRight
{
    animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
}
.fadeInLeft
{
    animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
}