.showresult {
    width: 500px;
    height: 47px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -250px;
    display: none;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    z-index: 99;
}
.success {
    border: 1px solid #82dbab;
    background: url(../images/success.jpg) repeat-x 0 0;
}
.tip {
    border: 1px solid #ffe8a3;
    background: url(../images/success.jpg) repeat-x 0 0;
}
.warn {
    border: 1px solid #f2bfbf;
    background: url(../images/fail.jpg) repeat-x 0 0;
}
.showresult>p{
    font-size: 14px;
    text-align: center;
    line-height: 44px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
}
.success>p{
    color: #299a60;
    background: url(../images/success_p.png) no-repeat 22px center;
}
.warn>p{
    color: #a93b3b;
    background: url(../images/fail_p.png) no-repeat 22px center;
}
.tip>p{
    color: #a93b3b;
    background: url(../images/doubt_p.png) no-repeat 22px center;
}