@keyframes menuA
{
    from {right: -70%}
    to {right: 0%}
}

@-moz-keyframes menuA /* Firefox */
{
    from {right: -70%}
    to {right: 0%}
}

@-webkit-keyframes menuA /* Safari 和 Chrome */
{
    from {right: -70%}
    to {right: 0%}
}

@-o-keyframes menuA /* Opera */
{
    from {right: -70%}
    to {right: 0%}
}

@keyframes menuC
{
    from {right: 0}
    to {right: -70%}
}

@-moz-keyframes menuC /* Firefox */
{
    from {right: 0}
    to {right: -70%}
}

@-webkit-keyframes menuC /* Safari 和 Chrome */
{
    from {right: 0}
    to {right: -70%}
}

@-o-keyframes menuC /* Opera */
{
    from {right: 0}
    to {right: -70%}
}



@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    40% {opacity: 0;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}