@media (max-width:1255px) {
    .list-title {
        padding: 0 10px;
    }

    .group-list {
        padding: 10px 10px;
    }
}

@media (max-width:1120px) {
    .navbar-info {
        float: left;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }

    .navbar-info .user,
    .navbar-info .time {
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 0.96rem;
    }
}

@media (max-width:970px) {

    .navbar,
    .side-menu__close,
    .side-menu__open,
    .site-side,
    .navbar-right {
        display: none;
        width: 0;
        z-index: -1;
        position: absolute;
    }

    #site-main {
        padding-left: 0;
    }

    .breadcrumb {
        padding: 10px 15px;
    }
    
    .rwd-navbar,
    .hamburger {
        display: block;
    }
}

@media (max-width:768px) {
    .inner {
        width: 90%;
        margin: 0 auto;
    }

    .widget-message .item::before {
        background: url(../images/i-item2.png) 95% center no-repeat;
        background-size: 65%;
    }

    .widget-message .item-confidential::before {
        background: url(../images/i-item1.png) 95% center no-repeat;
        background-size: 65%;
    }

    .widget-message .item a {
        padding: 15px 60px 15px 10px;
    }
}

@media (max-width:710px) {
    .widget-message .item {
        width: 45%;
        margin: 10px 0 10px 3.5%;
        padding: 0 10px;
    }

    .widget-message .item1::before,
    .widget-message .item3::before {
        content: "";
        position: absolute;
        width: 45px;
        height: 41px;
        top: 65px;
        left: 50%;
        transform: translate(-50%);
    }

    .widget-message .num {
        margin: 0;
        padding: 45px 0 0 0;
        font-size: 2.5rem;
        text-align: center;
        line-height: normal;
    }


    .widget-message .item2 .sub .sub-title {
        font-size: 0.8rem;
        text-align: center;
    }

    .widget-message .item2 .sub {
        float: left;
        width: 50%;
        padding: 56px 0 0 0;
    }

    .widget-message .item2 .sub .num {
        font-size: 2.5rem;
        line-height: 1;
        margin: 0;
        padding: 4px 0 0 0;
    }

    .widget-message .item2 .device-web::before,
    .widget-message .item2 .device-mobile::before {
        content: "";
        position: absolute;
        width: 46px;
        height: 43px;
        top: 7px;
        left: 50%;
        transform: translate(-50%);
    }

    .widget-message .num {
        margin: 0;
        padding: 64px 0 0 0;
        font-size: 2.5rem;
        text-align: center;
        line-height: normal;
    }

    .widget-message .item1::before,
    .widget-message .item3::before {
        content: "";
        position: absolute;
        width: 45px;
        height: 41px;
        top: 57px;
        left: 50%;
        transform: translate(-50%);
    }

}

@media (max-width:570px) {
    .login-box {
        width: 80%;
        margin: 0 auto;
    }

    .login-item,
    .login-content {
        width: 100%;
    }

    .login-form {
        padding: 10px 0;
    }

    .login-form li {
        padding: 5px 0;
    }

    .login-box .btn {
        margin: 20px 0 40px 0;
    }

    .login-box .btn input {
        width: 110px;
        padding: 10px 0;
    }

    .login-content input {
        width: calc(100% - 42px);
        margin: 0 5px 0 0;
    }

    .account .login-content input {
        width: 100%;
        margin: 0;
    }
}

@media (max-width:420px) {
    .navbar .logo {
        padding: 14px 0px 14px 35px;
        color: #fff;
        background: url(../images/logo.png) 0 center no-repeat;
        background-size: 30px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1;
        width: 200px;
        margin: 0 auto;
    }

    #footer .copyright {
        width: 100%;
        text-align: center;
    }
}

@media (max-width:375px) {
    .login-box .captcha {
        width: 45%;
    }

    .login-title {
        font-size: 1.3rem;
    }

    .login-title .logo {
        width: 28px;
    }

    .login-box .captcha-code {
        width: 50%;
    }
}