@charset "utf-8";

body,
html {
    background: #fff;
}

.user-header {
    padding-top: 0.1px;
}

.logo-box {
    position: relative;
    z-index: 999;
    margin: 0 auto;
    text-align: center;
    margin-top: 1rem;
}

.logo-box img {
    display: inline-block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    border: .08rem solid rgba(255, 255, 255, .5);
}

.logo-box .com-name {
    line-height: .9rem;
    font-size: .32rem;
    color: #fff;
}

.form-box {
    padding: .45rem .85rem 0;
}

.form-box .input-grounp {
    position: relative;
    margin-bottom: .18rem;
}

input::-webkit-input-placeholder {
    color: #aeaeb5;
}

.form-box .input-grounp .phone-number {
    background: #f4f4f4 url(../img/login/signup_phone.png) .25rem center no-repeat;
    background-size: .4rem;
}

.form-box .input-grounp .password {
    background: #f4f4f4 url(../img/login/signup_lock.png) .25rem center no-repeat;
    background-size: .4rem;
}

.form-box input {
    width: 100%;
    height: .8rem;
    border: 1px solid #dadada;
    border-radius: 5px;
    /* text-indent: .9rem; */
    font-size: .28rem;
    padding: 0 .8rem;
}

.btn-primary {
    background-color: #508ad0;
}

.wx-login {
    position: fixed;
    bottom: .7rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.wx-login img {
    width: .4rem;
}

.wx-login img,
.wx-login span {
    display: inline-block;
    vertical-align: middle;
    color: #777;
}

.hui-header.want {
    background-color: #fff;
    border-bottom: 1px solid #b3b2b3;
}

.hui-header.want h1 {
    color: #000;
}

.tip-header {
    font-size: .28rem;
    text-align: center;
    margin: .4rem 0;
}

.tip-header .tip {
    line-height: .6rem;
}

.form-box.first {
    padding-top: 0;
}

.show_pass {
    position: absolute;
    right: 0;
    top: 0;
    width: .8rem;
    height: 100%;
    z-index: 9;
}

.show_pass img {
    display: block;
    width: .38rem;
    height: auto;
    margin: .3rem auto 0;

}

.regist {
    margin-top: .4rem;
}
.regist a {
    color: #508ad0;
}
.form-box .input-grounp .verifycode {
    background: #f4f4f4 url(/public/static/index_app/img/signup_yanzhengma.png) .25rem center no-repeat;
    background-size: .4rem;
}
.getCode {
    position: absolute;
    right: 0;
    top: .1rem;
    width: auto;
    padding: 0 .3rem;
    text-align: center;
    /* height: 100%; */
    line-height: .6rem;
    font-size: .26rem;
    color: #64a8f8;
    border-left: 1px solid #9e9e9e;
    z-index: 9;
}