@charset "utf-8";
div.pages{
    background: #fff;
}
html{
    height: 100%;
    background: #fff;
}
h1.title{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
    left: 0;
    font-weight: 500;
    color: #999;
    font-size: 1rem;
}
header.bar-nav{
    background: #fff;
    height: 2.75rem;
    line-height: 2.75rem;
}
h1.title{
    line-height: 2.75rem;
}
.bar button.button{
    top: .6rem;
}
header .button{
    border: none;
}
.r-into{
    line-height: 2.2rem;
    color: #099FDE;
    font-size: .9rem;
}
.enroll_title{
    font-size: 1.5rem;
    padding: 5rem 0 0;
    text-align: center;
    color: #333;
}
.form-content{
    padding: 0 1rem;
    margin-top: 3rem;
}
.form-item{
    position: relative;
}
.form-item input{
    padding: 1rem 0 0;
    font-size: 1rem;
    border-bottom: 1px solid #DBDBDB;
}
.next_operation .button{
    margin-top: 2rem;
    width: 100%;
}
/*2/3*/
.title_note{
    margin-top: 10px;
    color: #999;
}
.verify_code{
    position: absolute;
    right: 0;
    color:#099fde;
    top: 0;
    padding: 1.5rem 0;
    z-index: 11;
}
.verify_code .v-code{
    color: #099fde;
    height: auto;
    padding: 0;
   	border: none;
    font-size: .8rem;
    position: relative;
    top: -.3rem;
}
.verify_code_img{
    position: absolute;
    right: 0;
    top: .8rem;
}
.verify_code_img img{
    height: 2rem;
    width: auto;
}

.register-success{
    font-size: 1rem;
    font-weight: 700;
    color: #62C03D;
    text-align: center;
}
.register-success img{
    width: 2rem;
    position: relative;
    top: 0.6rem;
    margin-right: .3rem;
}