.warn {
    background-color: #eaa001;
}

.success {
    background-color: #44b549;
}

.error {
    background-color: #e35b5b;
}

.page_tips {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 20000;
    -moz-animation: HelpOut 3s 3s forwards;
    -webkit-animation: HelpOut 3s 3s forwards;
    -o-animation: HelpOut 3s 3s forwards;
    -animation: HelpOut 3s 3s forwards;
}

.inner {
    display: inline-block;
    min-width: 280px;
    padding: 5px 30px;
    color: #fff;
    font-family:'Microsoft YaHei';
}

@keyframes HelpOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes HelpOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes HelpOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes HelpOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}