.login-html{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-width: 1300px !important;
}
.content{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    min-width: 1300px;
}
.message{
    position: absolute;
    width: 100%;
    top: 7.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.message-a{
    width: 13.25rem;
    height: 3.38rem;
    background: #E8FFF1;
    border-radius: 0.38rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 1.25rem;
    color: rgba(0,0,0,0.9);
}
.message-icon{
    width: 1.13rem;
    height: 1.13rem;
    margin-right: 0.5rem;
}
.login_back{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.left-box{
    height: 100%;
    flex: 1;
}
.right-box{
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.title{
    margin-top: 10.13rem;
    margin-left: 13.63rem;
    display: flex;
    flex-direction: column;
}
.title .top{
   font-size:5.38rem; 
   color: #fff;
}
.title .bottom{
   font-size:4.25rem; 
   margin-top: 1rem;
   color: #fff;
}
.tips{
    margin-left: 13.63rem;
    margin-top: 4.13rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 300;
    font-size: 3.38rem;
    color: #FEEDE6;
    line-height: 4.88rem;
    letter-spacing: 17px;
    text-align: justify;
    font-style: normal;
    display: flex;
    flex-direction: column;
    opacity: 0.4;
    min-width: 35rem;
}
.tips-bottom{
    margin-left: 3rem;
}
.login-box{
    width: 31.94rem;
    background: #FFFFFF;
    box-shadow: 0rem 1.25rem 1.56rem 0rem rgba(0,0,0,0.05);
    border-radius: 0.38rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 3.5rem 2rem 2.25rem 2rem;
    /* margin-top: -5rem; */
}
.login-title{
    width: 100%;
    font-weight: 600;
    font-size: 2.31rem;
    color: #000000;
}
.login-tips{
    font-weight: 300;
    font-size: 1.5rem;
    color: #7A7A7A;
    margin-top: 1.19rem;
}
.login-account-number{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 2.06rem;
}
.login-account-number-title{
    width: 100%;
    font-weight: 400;
    font-size: 1.25rem;
    color: #161616;
}
.login-account-number-input{
    width: 100%;
    margin-top: 0.5rem;
}
.number-input{
    width: 27.81rem;
    height: 3.63rem;
    border-radius: 0.5rem;
    border: 0.06rem solid #D5D5D6;
    padding-left: 0.5rem;
}
.number-input-active{
    border: 0.06rem solid #FF605A;
}
.error-tips{
    margin-top: 0.1rem;
    font-weight: 400;
    font-size: 1.13rem;
    color: #FF605A;
}
.submit-b{
    width: 100%;
    margin-top: 1.19rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-btn{
    width: 27.81rem;
    height: 3.5rem;
    background: #530111;
    box-shadow: 0rem 0.69rem 0.56rem 0rem rgba(196,118,118,0.11);
    border-radius: 1.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 1.25rem;
    color: #FFFFFF;
    cursor: pointer;
}
.bottom-tips{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1.31rem;
    font-weight: 400;
    font-size: 1.25rem;
    color: #999999;
}
.footer{
    width: 100%;
    height: 9.69rem;
    background: #0A0A0A;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenter-wrap-bottom {
    background: #0A0A0A;
    padding: 2.5rem 1.25rem;
    font-size: 1.0625rem;
  }
  .contenter-wrap-bottom div {
    text-align: center;
  }
  .first a,
.second a {
  text-decoration: underline;
  color: #636972;
}
.third {
  color: #636972;
}
.third1 {
  color: #636972;
  margin-top: 10px;
}