@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 625%;
}
body {
    font-size: .14rem; overflow: hidden; background-color: #f9f9f9;
}
a {
    text-decoration: none;
}
/* 成功 */
.success i {
    color: #55a23a;
}
/* 错误 or 阻止 */
.error, .stop {
    border-color: #fadcd3;
    background-color: #fdeee9;
}
.error i, .stop i {
    color: #f17975;
}
/* 警告 */
.warning {
    border-color: #e6e098;
    background-color: #fefea4;
}
.warning i {
    color: #ff9966;
}
/* 疑问 */
.question {
    border-color: #b2e2ea;
    background-color: #e0f4ff;
}
.question i {
    color: #66cae2;
}
/* 等待 */
.wait {
    border-color: #e8d1ba;
    background-color: #f3ecc9;
}
.wait i {
    color: #d1a066;
}
/* 信息 */
.message {
    color:#337ab7;
    background-color: #d9edf7;
    border-color: #b2e2ea;
}
.message i {
    color: #68b5e2;
}

.msg .text h2 {
    margin: 0;
    font-size: 22px;
    line-height: 40px;
    font-weight: normal;
}

@media(min-width:800px) {
    
    /* PC端提示信息 */
    header { display: none; }
    .msg {
        margin: 150px auto 0;
        padding: 50px 20px;
        box-sizing: border-box;
        width: 600px;
        height: 200px;
        background-color: #fff;
        border-radius: 5px;
    }
    .msg .icon {
        width: 100px;
        float: left;
        text-align: center;
    }
    .msg a {
        color: #69c
    }
    .msg a:hover {
        text-decoration: underline;
        color: #69c
    }
    .msg i {
        font-size: 60px;
        font-weight: normal;
    }
    .msg .text{
        float:left;
        width: 458px;
    }
    .msg .text p {
        color: #666;
        font-size: 14px;
        line-height: 30px;
        margin: 10px 0
    }
    .msg.error a {
        color:#dd5050;
    }
    .stop h2 { margin-top:15px; }
}

@media(max-width:800px) {
    /**
     * 移动端提示信息
     */
    .webkit_box {
        display: -webkit-box;
        display: box;
    }
    .webkit_box_flex {
        -webkit-box-flex: 1;
        box-flex: 1;
        width: 0%;
    }
    em {
        font-style: normal;
    }
    header {
        position: absolute;
        top: 0;
        padding: 0 .05rem;
        box-sizing: border-box;
        width: 100%;
        z-index: 500;
        height: .45rem;
        line-height: .45rem;
        background: -webkit-gradient(linear, 0 80%, 0 100%, from(#55a23a), to(#338316));
        color: #fff;
        text-align: center;
        font-size: .15rem;
    }
    header .left {
        position: absolute;
        left: .05rem;
    }
    header .right {
        position: absolute;
        right: .05rem;
    }
    header a,
    header a:hover,
    header a:focus,
    header a:visited {
        color: #fff;
        display: inline-block;
        padding: 5px 10px;
    }
    .msg {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 1.2rem .2rem .2rem;
        box-sizing: border-box
    }
    .msg h2 { text-align: center; }
    .msg i {
        font-size: 1rem;
    }
    .msg a {
        display: block;
        border-radius: .03rem;
        border: none;
        width: 80%;
        margin:0 auto;
        height: .35rem;
        line-height: .35rem;
        background-color: #f65e0b;
        color: #fff;
        text-align: center;
        font-size: .16rem;
    }
    .msg .text, .msg p {
        margin: .2rem 0;
        font-size: .16rem;
    }
    .success a {
        background-color: transparent;
        color: #55a23a;
        display: inline;
    }
    .warning a {
        background-color: #ff9966;
    }
    .error a, .stop a {
        background-color: #f17975;
    }
    .question a {
        background-color: #66cae2;
    }
    .wait a {
        background-color: transparent;
        display: inline;
        color: #d1a066;
    }
}