.login {
    height: 100%;
    //background: url('../assets/background.svg');
    background: url("../assets/img/login-bj.jpg") no-repeat center;
    background-size: 100% 100%;
    .login-main-box{
        display: flex;
        box-shadow: 0 6px 6px rgba(34,66,168,0.38);
        .login-img{
            width: 20vw;
            height: 35vw;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .login-form{
            width: 44vw;
            height: 35vw;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            .login-form-inside{
                width: 60%;
            }
        }
    }
    .ivu-tabs-nav-container {
        line-height: 2;
        font-size: 17px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        zoom: 1;
    }

    .form {
        padding-top: 1vh;

        .input-verify {
            width: 67%;
        }
    }

    .code-image {
        .ivu-spin-fix .ivu-spin-main {
            height: 20px;
        }
    }

    .forget-pass,
    .other-way {
        font-size: 14px;
    }

    .login-btn,
    .other-login {
        margin-top: 3vh;
    }
    .login-btn{
        border-radius: 4vw;
        box-shadow: 0 4px 4px rgba(0,118,255,0.31);
        color: #fff;
        height: 2.5vw;
    }

    .icons {
        display: flex;
        align-items: center;
    }

    .other-icon {
        cursor: pointer;
        margin-left: 8px;
        display: flex;
        align-items: center;
        color: rgba(0, 0, 0, .2);

        :hover {
            color: #2d8cf0;
        }
    }

    .content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
@media screen and (max-width: 960px){
    .login-img{
        width: 200px!important;
        height: 345px!important;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .login-form{
        width: 400px!important;
        height: 345px!important;
        //height: 36vw;
        //background: #fff;
        //display: flex;
        //justify-content: center;
        //align-items: center;
        //.login-form-inside{
        //    width: 60%;
        //}
    }
}