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;
 }
 
 .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-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%;
 }
 .registerDiv{
    /* padding-top: 1rem; */
    background: url(../image/jieru.png) no-repeat;
    background-size: cover;
    width: 90%;
    margin: 0 auto;
 }
 .register-title{
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
 }
 .formDiv{
     max-width: 420px;
     margin: 1.2rem auto;
     background-color: #fff;
     padding: 1.1rem 1rem 3rem;
     min-width: 350px;
 }
 .xsformDiv{
    padding: .1rem 1.5rem 1.5rem;
 }
 .xsformDiv>.row{
    margin-right:0;
    margin-left: 0;
    margin-bottom: .7rem;
 }
 .inputStyle{
     margin: .1rem auto;
 }
 .inputDiv{
     margin-bottom: .1rem;
     font-size: .35rem;
 }
 .passwordTip,.phoneInfoTip,.mobileTip,.repasswordTip{
    opacity: 0;
    height: .65rem;
    margin-bottom: 0;
 }
 .astyle{
    border-left: #f3f3f3 2px solid;
    padding-left: .2rem;
 }
 .astyle:hover{
    color: #EE3F3F;
 }
 .forgetbtn{
     background-color:#EE3F3F;
     color: #fff;
     margin-bottom: .5rem;
 }
 .forgetbtn:hover{
    color: #fff;
    background-color:#ff5454;
 }
 #flagtrue,#xsflagtrue{
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    border: none;
    box-shadow: none;
    height: 34px;
}
#phoneVerificationCode,#xsphoneVerificationCode{
    color: #EE3F3F;
    border: #EE3F3F 1px solid;
    width: 100%;
}
#phoneVerificationCode:hover,#xsphoneVerificationCode:hover{
    color: #fff;
    background-color:#EE3F3F;
    /* border: #EE3F3F 1px solid; */
}

.formDiv>.row{
    margin-bottom: .4rem;
    margin-right: 0;
    margin-left: 0;
}
#registerBtn,#xsregisterBtn{
    width: 100%;
    background-color: #D9262C;
    color: #fff;
}
 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;
 }
 .xsformDiv>.row{
    margin-bottom: .7rem;
    /* line-height: 45px; */
 }
 .xsformDiv>.row input,.xsformDiv>.row>button,#xscodeImage{
    height: 45px;
    border: none;
 }
 #xsflagtrue,#xsphoneVerificationCode{
    height: 45px;
 }
 #xsphoneVerificationCode{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.xsformDiv .register-title{
    font-size: 1.3rem;
    margin-bottom: 1.8rem;
 }