html{
    height: 100%;
}

body{
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f0f0f0;
}
nav{
    /* 我们希望 header 采用固定的高度，只占用必须的空间 */
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
 }
 
 /* 内容 */
 .login-container{
    /* 将 flex-grow 设置为1，该元素会占用全部可使用空间 
       而其他元素该属性值为0，因此不会得到多余的空间*/
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 1 0 auto;
    background: url(../image/login-big.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center; /*定义body的元素垂直居中*/
    /* justify-content: center; */
 }
 .login-container container{
     height: 100%;
 }
 .loginDiv{
     /* margin: 1.2rem auto;
     height: 100%; */
     overflow: hidden;
     padding-right: 2rem;
 }
 .login-title{
     text-align: center;
     margin-top: 0.5rem;
     margin-bottom: 1rem;
 }
 .formDiv{
     max-width: 420px;
     /* margin: 1.2rem auto; */
     background-color: #fff;
     /*padding: .1rem 1.5rem 1.5rem;*/
     min-width: 350px;
     float: right;
     position: relative;
     border-radius: 8px;
 }
 .xsformDiv{
    /* height: 100%; */
    padding: .1rem 1.5rem 1.5rem;
    background-color: #f0f0f0;
 }
 .formDiv>.row,.xsformDiv>.row{
     margin-bottom: .5rem;
     margin-right: 0;
     margin-left: 0;
 }
 .xsformDiv>.row{
    margin-bottom: .7rem;
    line-height: 45px;
 }
 .xsformDiv>.row input,.xsformDiv>.row>button,#xscodeImage{
    height: 45px;
    border: none;
 }
 .xsformDiv .login-title{
     font-size: 1.4rem;
     margin-bottom: 1.8rem;
 }
 .formDiv .row>div:nth-child(1){
     padding-left: 0;
     padding-right: 0;
 }
 #login,#xslogin,#loginname,#logincaptcha{
    width: 100%;
    background-color: #D9262C;
    color: #fff;
    margin-bottom: 10px;
}
/* .rememberPassword{
    height:34px;
} */


 footer{
    /* 和 header 一样，footer 也采用固定高度*/
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
 }
 .mfy_login_footer{
    background-color: #424242;
    padding-top:.6rem;
    padding-bottom: .7rem;
    color: #ccc;
    font-size: .34rem;
    height: 2.22rem;
 }
 .mfy_login_footer>.container{
     text-align: center;
 }
.login_type{
    width: 74px;
    height: 28px;
    font-size: 10px;
    padding: 4px;
    background:#ffe0e0 ;
    border: 1px solid #ff5357;
    color: #ff5357;
    position: absolute;
    text-align: center;
    top: 60px;
    right: 1px;
    cursor: pointer;
}

.deleteLeftPadding{
    width: 100px;
    float: left;
}