/*提示*/

body {
    background-color: #ffffff;
}

.prompt {
    -webkit-display: fixed;
    -moz-display: fixed;
    -ms-display: fixed;
    -o-display: fixed;
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 12;
    padding-left: 20px;
    padding-right: 20px;
    transform: translateY(-150%);
    transition: all 0.5s ease;
    box-shadow: 0px 0px 10px 1px #808080;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

/* 镂空按钮 四种颜色 蓝 绿 红 黄 111*/
.button_hang_blue {
    position: absolute;
    width: 80%;
    height: 90%;
    top: 5%;
    left: 10%;
    font-size: 12px;
    background-color: #E8F4FF;
    border-radius: 3px;
    color: #00BFFF;
    border: 1px solid #87CEFA;
}

.button_hang_blue:hover {
    color: #fff;
    background-color: #18ABFF;

}

.button_hang_green:hover {
    color: #fff;
    background-color: #13CE66;

}

.button_hang_red:hover {
    color: #fff;
    background-color: #FF4949;

}

.button_hang_yellow:hover {
    color: #fff;
    background-color: #FFD04A;

}

.button_hang_green {
    position: absolute;
    width: 80%;
    height: 90%;
    top: 5%;
    left: 10%;
    font-size: 12px;
    background-color: #E7FAF0;
    border-radius: 3px;
    color: #13CE66;
    border: 1px solid #13CE66;
}

.button_hang_red {
    position: absolute;
    width: 80%;
    height: 90%;
    top: 5%;
    left: 10%;
    font-size: 12px;
    background-color: #FFEDED;
    border-radius: 3px;
    color: #FF4949;
    border: 1px solid #FF4949;
}

.button_hang_yellow {
    position: absolute;
    width: 80%;
    height: 90%;
    top: 5%;
    left: 10%;
    font-size: 12px;
    background-color: #FFF8E6;
    border-radius: 3px;
    color: #FFD04A;
    border: 1px solid #FFD04A;
}