body, html {
    margin: 0;
    padding: 0;
}

.loginPage {
    width: 100vw;
    height: 100vh;
    background: url("../images/loginbg.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.logo {
    background: rgba(27,71,134,0.6);
    padding: 3vh 3vw;
}

    .logo img {
        height: 7vh;
    }

.loginBox {
    border-radius: 1vw;
    overflow: hidden;
    margin: 11vh auto 0 auto;
    width: 21vw;
    background: rgba(247,252,254,0.96);
}

.loginTitle {
    color: #666666;
    font-size: 1.5vw;
    text-align: center;
    margin: 2vh auto 0 auto;
}

.input1 {
    width: 16vw;
    height: 5vh;
    display: block;
    background: rgba(247,252,254,0.96);
    box-sizing: border-box;
    font-size: 0.8vw;
    padding: 1vw 1vw;
    margin: 2vh auto;
    outline: none;
    border: 1px solid #a0a0a0;
}

.codeBox {
    width: 16vw;
    margin: 2vh auto;
}

    .codeBox img, .codeBox input {
        display: inline-block;
        vertical-align: middle;
    }

    .codeBox img {
        width: 7.5vw;
        height: 5vh;
        margin-right: 1vw;
    }

    .codeBox input {
        width: 7.5vw;
        height: 5vh;
        background: rgba(247,252,254,0.96);
        box-sizing: border-box;
        font-size: 0.8vw;
        padding: 1vw 1vw;
        outline: none;
        border: 1px solid #a0a0a0;
    }

.otherLinks {
    overflow: hidden;
    width: 16vw;
    margin: 2vh auto;
}

    .otherLinks a {
        text-decoration: none;
        color: #3399ff;
        font-size: 0.7vw;
    }

        .otherLinks a:last-of-type {
            float: right;
        }

.loginButton {
    display: block;
    width: 21vw;
    height: 6vh;
    margin-top: 5vh;
    line-height: 6vh;
    text-decoration: none;
    color: #ffffff;
    background: #1b4786;
    text-align: center;
    letter-spacing: 1vw;
    text-indent: 1vw;
    font-size: 1.4vw;
}

.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
}

.tips {
    text-align: center;
    background: rgba(27,71,134,0.8);
    color: #ffffff;
    font-size: 1vw;
    padding: 2vh 0;
}

    .tips p {
        margin: 0.5vh 0;
        padding: 0;
    }

.copy {
    text-align: center;
    height: 5vh;
    line-height: 5vh;
    background: rgba(61,76,127,0.83);
    font-size: 0.8vw;
    color: #cbcbcb;
}