@media screen and (max-width: 500px) {
    .loginTitle {
        font-size: 30px;
    }
}

@media screen and (max-device-width: 800px) {
    /*登录*/
    .bg {
        width: 100vw;
        height: 100vh;
        background: url(../img/sjbg.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .logo {
        display: block;
        margin: 0 auto;
        padding-top: 10px;
        width: 90%;
    }

    .loginBox {
        width: 80%;
        right: 10%;
    }

    .inputBox, .loginBotton, .loginBotton:hover {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-top: 30px;
    }
    /*页面2*/
    .container {
        width: 90%;
        padding: 0 5%;
    }

    .header {
        padding: 20px 0;
    }

        .header img {
            width: 100%;
        }

    .linkBox {
        padding: 80px 5%;
        justify-content: space-between;
    }

        .linkBox a {
            width: 45%;
            height: auto;
            margin: 20px 0;
        }

            .linkBox a p {
                font-size: 16px;
                padding: 20px 0;
            }

            .linkBox a img {
                width: 30%;
                margin-top: 20px;
            }
}

@media screen and (max-device-width:1399px) {
    .container {
        width: 90%;
        padding: 0 5%;
    }

    .linkBox a {
        width: 45%;
        height: auto;
        margin: 20px 0;
    }

        .linkBox a p {
            font-size: 16px;
            padding: 20px 0;
        }

        .linkBox a img {
            width: 30%;
            margin-top: 20px;
        }
}