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;
 }
/* input{
    border: none;
}  */
.xsformDiv .form-control{
    border: none;
}
 
 .mfy-container{
    /* 将 flex-grow 设置为1，该元素会占用全部可使用空间 
       而其他元素该属性值为0，因此不会得到多余的空间*/
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 1 0 auto;
    background: url(../images/bg.png) no-repeat;
    background-size: cover;
 }
 
 .register-title{
     text-align: center;
     margin-top: 1.2rem;
     margin-bottom: 1rem;
 }
 #flagtrue{
    width: 10%;
    height: 34px;
    display: inline-block;
    vertical-align: bottom;
}
.registerDiv{
    background: url(../image/jieru.png) no-repeat;
    background-size: cover;
    width: 90%;
    margin: 0 auto;
}

 .register-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; */
 }
 .register-container container{
     height: 100%;
 }
 .formDiv{
     max-width: 420px;
     margin: 0 auto;
     background-color: #fff;
     padding: 1rem 1rem 1.5rem;
     min-width: 350px;
     position: relative;
 }
 .formDiv>div>.row{
    margin-bottom: .4rem;
    margin-right: 0;
    margin-left: 0;
}
.xsformDiv{
    padding: .5rem 1.5rem 1.5rem;
}
#registerBtn,#agentregisterBtn,#xsregisterBtn,#xsagentregisterBtn{
    width: 100%;
    background-color: #D9262C;
    color: #fff;
}
#registersuccessbtn,#agentregistersuccessbtn{
    background-color: #D9262C;
    color: #fff;
    border-color:#D9262C;
}
.xsregisterForm>.row,.xsagentregisterForm>.row{
    margin-right: 0;
    margin-left: 0;
    margin-bottom: .7rem;
}
.agentregisterForm,.xsagentregisterForm{
    display: none;
    min-height: 14.61rem;
}
.registerForm{
    min-height: 14.61rem;
}
 #flagtrue,#flagtrue2,#agentflagtrue,#xsflagtrue,#xsflagtrue2,#xsagentflagtrue{
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    border: none;
    box-shadow: none;
    height: 34px;
}
#phoneVerificationCode,#agentphoneVerificationCode,#xsphoneVerificationCode,#xsagentphoneVerificationCode{
    color: #EE3F3F;
    border: #EE3F3F 1px solid;
    width: 100%;
}
#phoneVerificationCode:hover,#xsphoneVerificationCode:hover{
    color: #fff;
    background-color:#EE3F3F;
}

 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;
 }
 .tabbutton{
    /* width: 40px; */
    /* height: 40px; */
    float: right;
}
#xstabbutton{
    color: #777;
}
/* .tabbutton img,.xstabbutton img{
    width: 100%;
    min-width: 30px;
} */
.tabTitle,.xstabTitle{
    float: right;
    width: 80px;
    height: 30px;
    max-width: 80px;
}
.tabTitle img,.xstabTitle img{
    width: 100%;
    min-width: 60px;
}
.identity{
    position: absolute;
    top: 1rem;
    right: -5rem;
}
#xsphoneVerificationCode,#xsagentphoneVerificationCode{
    width: 100%;
    height: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.xsregisterForm>.row{
    margin-bottom: .7rem;
    /* line-height: 45px; */
 }
 .xsregisterForm>.row input,.xsformDiv>.row>button,#xscodeImage{
    height: 45px;
    border: none;
 }
 .xsagentregisterForm>.row{
    margin-bottom: .7rem;
    /* line-height: 45px; */
 }
 .xsagentregisterForm>.row input,.xsagentregisterForm>.row>button,#xscodeImage{
    height: 45px;
 }
 #xsregisterBtn,#xsflagtrue2,#xsagentflagtrue,#xsflagtrue{
     height: 45px;
 }
 #xsagentcodeImage{
     height: 45px;
 }
 .xsregisterForm .register-title,.xsagentregisterForm .register-title{
    font-size: 1.3rem;
    margin-top: .2rem;
    margin-bottom: 1.8rem;
 }