.message-delay-hide{
    position: absolute;
    width: 70%;
    top: 70px;
    margin-left: 15%;
    text-align: center;
    animation:delay-hide 2s forwards;
}

@keyframes delay-hide
{
    0%   {z-index:999999;opacity: 1}
    99%   {z-index:999999;opacity: 1}
    100%   {z-index:-999999;opacity: 0}

}

@-moz-keyframes delay-hide /* Firefox */
{
    0%   {z-index:999999;opacity: 1}
    99%   {z-index:999999;opacity: 1}
    100%   {z-index:-999999;opacity: 0}
}

@-webkit-keyframes delay-hide /* Safari 和 Chrome */
{
    0%   {z-index:999999;opacity: 1}
    99%   {z-index:999999;opacity: 1}
    100%   {z-index:-999999;opacity: 0}
}

@-o-keyframes delay-hide /* Opera */
{
    0%   {z-index:999999;opacity: 1}
    99%   {z-index:999999;opacity: 1}
    100%   {z-index:-999999;opacity: 0}
}