/**
  * about.html  旋转显示效果
 */
@keyframes myfirst
{
    from {
        width: 10px;
        height: auto;
        margin-left:-10000px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to {
        transform: rotate(720deg) ;
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        -ms-transform: rotate(720deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
    from {
        width: 10px;
        height: auto;
        margin-left:-10000px;
        transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to {
        transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    from {
        width: 10px;
        height: auto;
        margin-left:-10000px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to {
        transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
    }
}

@-o-keyframes myfirst /* Opera */
{
    from {
        width: 10px;
        height: auto;
        margin-left:-10000px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to {
        transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
    }
}

/**
  * about.html  左滑动显示效果
 */
@keyframes leftto
{
    from {
        margin-left:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-left:0px;
        color: rgba(0,0,0,1);
    }
}

@-moz-keyframes leftto /* Firefox */
{
    from {
        margin-left:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-left:0px;
        color: rgba(0,0,0,1);
    }
}

@-webkit-keyframes leftto /* Safari 和 Chrome */
{
    from {
        margin-left:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-left:0px;
        color: rgba(0,0,0,1);
    }
}

@-o-keyframes leftto /* Opera */
{
    from {
        margin-left:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-left:0px;
        color: rgba(0,0,0,1);
    }
}
/**
 *about.html  右滑动显示效果
 */
@keyframes rightto
{
    from {
        margin-right:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-right:0px;
        color: rgba(0,0,0,1);
    }
}

@-moz-keyframes rightto /* Firefox */
{
    from {
        margin-right:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-right:0px;
        color: rgba(0,0,0,1);
    }
}

@-webkit-keyframes rightto /* Safari 和 Chrome */
{
    from {
        margin-right:-1000px;
        color: rgba(0,0,0,0);
    }
    to {
        margin-right:0px;
        color: rgba(0,0,0,1);
    }
}

@-o-keyframes rightto /* Opera topto */
                                {
from {
    margin-right:-1000px;
    color: rgba(0,0,0,0);
}
to {
    margin-right:0px;
    color: rgba(0,0,0,1);
}
}
/**
 * 上移
 */

@keyframes topto
{
    from {
        margin-top:110px;
        opacity: 0;
    }

    to{
        margin-top:0px;
        opacity: 1;
    }
}

@-moz-keyframes topto /* Firefox */
{
    from {
        margin-top:110px;
        opacity: 0;
    }
    to {
        margin-top:0px;
        opacity: 1;
    }
}

@-webkit-keyframes topto /* Safari 和 Chrome */
{
    from {
        margin-top:110px;
        opacity: 0;
    }
    to {
        margin-top:0px;
        opacity: 1;
    }
}

@-o-keyframes topto /* Opera  */
{
    from {
        margin-top:110px;
        opacity: 0;
    }
    to{
        margin-top:0px;
        opacity: 1;
    }
}

/**
 *文字上移动 lineheto
 */
@keyframes lineheto
{
    from {
        line-height: 200px;
        font-size: 28px;
    }

    to{
        line-height: 40px;
        font-size: 24px;
    }
}

@-moz-keyframes lineheto /* Firefox */
{
    from {
        line-height: 200px;
        font-size: 28px;
    }

    to{
        line-height: 40px;
        font-size: 24px;
    }
}

@-webkit-keyframes lineheto /* Safari 和 Chrome */
{
    from {
        line-height: 200px;
        font-size: 28px;
    }

    to{
        line-height: 40px;
        font-size: 24px;
    }
}

@-o-keyframes lineheto /* Opera  */
{
    from {
        line-height: 200px;
        font-size: 28px;
    }

    to{
        line-height: 40px;
        font-size: 24px;
    }
}
/**
 *文字下移动 linehedown
 */
@keyframes linehedown
{
    from {
        line-height: 40px;
        font-size: 22px;
    }

    to{
        line-height: 200px;
        font-size: 28px;
    }
}

@-moz-keyframes linehedown /* Firefox */
{
    from {
        line-height: 40px;
        font-size: 22px;
    }

    to{
        line-height: 200px;
        font-size: 28px;
    }
}

@-webkit-keyframes linehedown /* Safari 和 Chrome */
{
    from {
        line-height: 40px;
        font-size: 22px;
    }

    to{
        line-height: 200px;
        font-size: 28px;
    }
}

@-o-keyframes linehedown /* Opera  */
{
    from {
        line-height: 40px;
        font-size: 22px;
    }

    to{
        line-height: 200px;
        font-size: 28px;
    }
}