/*更改密码验证码页面*/
.forget_pass{
    width: 344px;
    height: 388px;
    background: #FFFFFF;
    box-shadow: 0 0 18px 2px rgba(237,223,223,0.50);
    border-radius: 6px;
    margin: 100px auto 0;
    overflow: hidden;
}

.forget_pass .forget_pass_title{
    width: 100%;
    height: 63px;
    border-bottom: 1px dashed #D9D2D2;
}

.forget_pass .forget_pass_title .logo{
    width: 103px;
    height: 31px;
    margin-left: 16px;
    padding-top: 16px;
}

.forget_pass .forget_pass_title .logo img{
    width: 100%;
}


.forget_pass .forget_pass_content{
    position: relative;
}

.forget_pass .forget_pass_content .forget_pass_input_title{
    width: 296px;
    height: 28px;
    margin: 16px auto 4px auto;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #6A6A6A;
    letter-spacing: 0;
    line-height: 28px;
}

.forget_pass .forget_pass_content .forget_pass_main{
    width: 296px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333 !important;
    border: none;
    margin: 0 auto;
    display: block;
    outline: none;
}

.forget_pass .forget_pass_content .forget_pass_main_short{
    width: 195px;
    margin: 0 0 0 25px;
}

.forget_pass .forget_pass_content .getIdentfyId{
    width: 92px;
    height: 28px;
    background: #438EB9;
    position: absolute;
    top: 36px;
    left: 228px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.forget_pass ::-webkit-input-placeholder {
    color: #D8D8D8 !important;
}
.forget_pass :-moz-placeholder {
    color: #D8D8D8 !important;
    opacity:  1;
}
.forget_pass :-ms-input-placeholder {
    color: #D8D8D8 !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.forget_pass .forget_pass_content .forget_pass_line {
    margin: 0 auto;
    height: 2px;
    width: 296px;
    background: rgba(222,222,222,0.50);
}

.forget_pass .forget_pass_content .forget_pass_line_short{
    width: 195px;
    margin: 0 0 0 25px;
}

.forget_pass .forget_pass_content .forget_pass_focus {
    height: 2px;
    width: 0%;
    transition: width 1s ease 0s;
    z-index: 999;
}

.forget_pass .forget_pass_main:focus~.forget_pass_line .forget_pass_focus {
    width: 100%;
    background: #438EB9;
}

.forget_pass .changePassBtn{
    width: 100%;
    height: 44px;
    background: #438EB9;
    line-height: 44px;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-top: 34px;
}

/*更改密码页面*/
.change_password{
    width: 344px;
    height: 324px;
    margin: 100px auto 0;
    background: #FFFFFF;
    box-shadow: 0 0 18px 2px rgba(237,223,223,0.50);
    border-radius: 6px;
    overflow: hidden;
    display: none;
}

.change_password .change_password_title{
    width: 100%;
    height: 63px;
    border-bottom: 1px dashed #D9D2D2;
}

.change_password .change_password_title .logo{
    width: 103px;
    height: 31px;
    margin-left: 16px;
    padding-top: 16px;
}

.change_password .change_password_title .logo img{
    width: 100%;
}

.change_password .change_password_content .change_password_input_title{
    width: 296px;
    height: 28px;
    margin: 16px auto 4px auto;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #6A6A6A;
    letter-spacing: 0;
    line-height: 28px;
}

.change_password .change_password_content .change_password_main{
    width: 296px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333 !important;
    border: none;
    margin: 0 auto;
    display: block;
    outline: none;
}

.change_password ::-webkit-input-placeholder {
    color: #D8D8D8 !important;
}
.change_password :-moz-placeholder {
    color: #D8D8D8 !important;
    opacity:  1;
}
.change_password :-ms-input-placeholder {
    color: #D8D8D8 !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.change_password .change_password_content .change_password_line {
    margin: 0 auto;
    height: 2px;
    width: 296px;
    background: rgba(222,222,222,0.50);
}

.change_password .change_password_content .change_password_focus {
    height: 2px;
    width: 0%;
    transition: width 1s ease 0s;
    z-index: 999;
}

.change_password .change_password_main:focus~.change_password_line .change_password_focus {
    width: 100%;
    background: #438EB9;
}

.change_password .changePasswordBtn{
    width: 100%;
    height: 44px;
    background: #438EB9;
    line-height: 44px;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-top: 52px;
}