/*****************************************************
************************警告提示***********************
*****************************************************/
body > .warn {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    background-color: red;
    color: #FFF;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    z-index: 2;
}

body > .warn .tip {
    width: 100%;
    font-size: 12px;
}

body > .warn .tip .date, body > .warn .tip .days {
    background-color: #FFF;
    color: red;
    padding: 0 4px;
    margin: 0 4px;
}

body > .warn .close-btn .close {
    background-color: transparent;
}

body > .warn .close-btn .close i {
    font-size: 12px;
    color: #FFF;
}

.view_body.hasWarn {
    top: 50px;
}

.view_body.hasWarn .menu_box {
    top: 50px;
    height: calc(100% - 50px);
}

.view_body.hasWarn .content .content_page {
    height: calc(100vh - 95px);
}