.contanier {
    display       : flex;
    display       : -webkit-flex;
    /* Safari */
    flex-direction: column;
    height        : 100%;
}

.header {
    background-color: #eff4fa;
    ;
    height       : 65px;
    border-bottom: 1px solid #d6dfea;

    display        : flex;
    display        : -webkit-flex;
    /* Safari */
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
}

.content {
    flex          : 1;
    display       : flex;
    display       : -webkit-flex;
    /* Safari */
    flex-direction: row;
    align-items   : center;
}

.footer {
    background-color: #eff4fa;
    line-height     : 36px;
    border-top      : 1px solid #d6dfea;
    text-align      : center;
    clear           : both;

}

.div_content_warpper {
    display        : flex;
    display        : -webkit-flex;
    /* Safari */
    flex-direction : row;
    justify-content: flex-end;
}



.div_bg {
    flex               : 1;
    height             : 100%;
    background-repeat  : no-repeat;
    background-position: right center;
    background-image   : url('../../static/cust/login_bg.png');
}



.div_login {
    margin-left : 30px;
    margin-right: 100px;
    height      : 100%;
    width       : 350px;


}

.div_login_win {
    height       : 100%;
    width        : 100%;
    padding-left : 30px;
    padding-right: 30px;
}

.login_form {
    height: 100%;
    width : 100%;

    display        : flex;
    display        : -webkit-flex;
    /* Safari */
    flex-direction : row;
    justify-content: center;
    align-items    : center;
}


.header_logo {

    overflow    : hidden;
    padding-left: 17px;
    line-height : 35px;
    font-size   : 28px;
    font-weight : normal;
    color       : #6f95c8;
    font-family : 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.header_link {
    overflow     : hidden;
    padding-right: 17px;
    line-height  : 30px;
    text-align   : right;
    color        : #b6b6b6;
    padding-right: 40px;
}

a {
    text-decoration: none;
    color          : #1d5494;
}

a:hover {
    text-decoration: underline;
}


.switch_btn {
    color: #225592;
}

.switch_btn::before {
    content        : '';
    display        : inline-block;
    width          : 12px;
    height         : 12px;
    margin-right   : 5px;
    margin-top     : 4px;
    vertical-align : top;
    background     : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAKhJREFUKBVj/A8EDCQAltze7QzP336Ga5EU5mWYXOzJgEucIbhy5f8fv/6ALALTID4I4BJnAhnNzsrMEFK1CkzDrcIhDtbw8/dfhjVtYQwgGhlgE2cBuTm6fi1cHYgPArjEGUHuhasmgoEzlEB+QgcgZ6OE0vefv8GhA7IVF0AJJQ42FrihMBtANAyDJMEqYKEBjA+4BhgD7AwYB6QBV2jA1MBsAvFBmgGBlZ57TFwdMAAAAABJRU5ErkJggg==') left top no-repeat;
    background-size: 12px 12px;
}

.login_footer {
    display        : flex;
    display        : -webkit-flex;
    /* Safari */
    flex-direction : row;
    justify-content: space-between;
}

.tips {
    color    : red;
    font-size: 12px;
}

.div_verify {
    display        : flex;
    display        : -webkit-flex;
    /* Safari */
    flex-direction : row;
    justify-content: flex-end;
    padding        : 0;
    margin         : 0;

}

.v_input {
    flex   : 1;
    padding: 0;
    margin : 0;
}

.v_container {
    width : 100px;
    height: 34px;
}

.div_login_btn {
    display        : flex;
    display        : -webkit-flex;
    /* Safari */
    flex-direction : row;
    justify-content: flex-end;
    padding        : 0;
    margin         : 0;
    align-items    : center;
}

.v_remember {
    flex: 1;
}

.app_qr_code {
    height: 100%;
    width : 100%;
    flex  : 1;

    background-repeat  : no-repeat;
    background-position: center center;
    background-image   : url('../../static/cust/app_qr_code.png');
}