body{
    overflow: hidden;
}
.banner{
    width: 6.8rem;
    height: 2.8rem;
    background: url('../images/bg.jpg') no-repeat;
    background-size: 6.8rem 2.8rem;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.login_phone{
    width: 6.1rem;
    height: 1.0rem;
   line-height:0.5rem;
    border: 0;
    border-bottom: 0.01rem solid #b7b6b7;
    margin-left: 0.7rem;
    margin-top: 1.0rem;
        margin-bottom: 0.5rem;
}
.login_phone::placeholder{
    padding-left: 0.1rem;
    font-size: 0.28rem;
}
.login_phone:focus{
    outline-color: #b7b6b7;
}
.login_yzm{
    width: 4.0rem;
    height: 1.0rem;    line-height:0.5rem;
    border: 0;
    border-bottom: 0.01rem solid #b7b6b7;
}
.login_yzm::placeholder{
    padding-left: 0.1rem;
    font-size: 0.28rem;
}
.login_yzm:focus{
    outline-color: #b7b6b7;
}
.login_yzmhq{
    flex: 1;
    border: 0;
    border-bottom: 0.01rem solid #b7b6b7;
    background-color: #ffffff;
    color: #2c73e9;
    font-size: 0.28rem;
    text-align: center;
}
.login_agree{
    width: 6.1rem;
    height: 1.0rem;
    display: flex;
    margin: 0 auto;
    margin-top: 1.0rem;
}
.login_read{
    width: 0.5rem;
    height: 0.25rem;
    margin-top: 0.38rem;
}
.login_agreecn{
    flex: 1;
}
.login_agreecn p{
    font-size: 0.28rem;
    line-height: 1.0rem;
    color: #999999;
}
.login_agreecn span{
    color: #2c73e9;
}
.add_btn{
    width: 6.1rem;
    height: 0.6rem;
    background-color: #2c73e9;
    border: 0;
    border-radius: 0.1rem;
    margin-left: 50%;
    transform: translate(-50%);
    color: #ffffff;
    font-size: 0.26rem;
}