@media screen and (max-width: 1024px) {
    /* 登录页头部样式 */
    .schoolColor_header {
        padding: 0;
    }
    .schoolColor_header .container-fluid {
        position: static;
        margin-top: 0;
    }
    .login-area{
        float: none;
        margin-right: 0;
        margin: 0 auto;
    }
    /* 页脚样式 */
    .copyright-area{
        float: none;
        margin: 8px auto 0;
    }
}

@media screen and (max-width: 768px) {
    .container-fluid .school-logo + span{
        display: none;
    }
    .menu-info-area .menu-detail-area {
        width: 100%;
        padding-right: 20px;
        float: none;
    }
    .left-area{
        width: 100%;
    }
    .school-logo-area img {
        display: none;
    }
    #frame-area {
        padding: 0;
    }
    #main-menus-area {
        padding: 0;
        position: relative;
    }
    .analysis-wrench {
        top: 100px;
    }
    .analysis-area {
        top: 141px;
    }
    #main-menus-area .more-menu {
        background-color: #ffffff;
        position: absolute;
        top: 80px;
        right: 0;
        display: block;
    }
    .more-menu-area {
        top: 110px;
    }
    #header_div {
        height: auto;
    }
    .role-area {
        top: 80px;
    }
    .profile-info-area {
        top: 80px;
    }
    .menu-area .menu-info-area {
        width: 100%;
        height: auto !important;
        max-height: 300px;
        padding-bottom: 44px;
        box-sizing: border-box;
    }
    .container-func .form-horizontal div{
        overflow-x: scroll;
    }
    .table {
        width: 1800px;
    }
    .text-nowrap {
        width: 1800px;
    }
    #pageOnLoading{
        width: 100%;
        left: 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .login-area{
        width: 80%;
    }
    
    /* 二级菜单隐藏 S */
    .left-area {
        padding-top: 12px;
    }
    .menu-info-area {
        display: none;
    }
    
    .menu-info-area.active {
        display: block;
    }
    /* 二级菜单隐藏 E */
}

@media screen and (max-width: 375px) {
}