.resetBody a{
    color: #05a6f1;
}
.content{
    width: 464px;
    margin:0 auto;
    height: 100%;
    padding-top: 80px;
}
.contentBody{
    height: 100%;
    padding-top: 35px;
    position: relative;
}
.contentBody h3{
   font:400 36px/48px "microsoft yahei";
    text-align: center;
    margin-bottom: 20px;
}
.contentBody h6{
    font:400 20px/20px "microsoft yahei";
    text-align: center;
    margin-bottom: 30px;
}
.resetBody{
    width: 464px;
    height: 425px;
    border:1px solid #e8e8e8;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    background-color: #f7f7f7;
    border-radius: 3px;
    padding-top: 48px;
    display: none;
}
.resetPassword{
    width: 344px;
    margin:0 auto;
}
.resetImg{
    width: 112px;
    margin:0 auto;
}
.resetPassword p{
    margin-top: 20px;
    font: 100 18px/30px "microsoft yahei";
    margin-bottom: 10px;
}
#resetInput,#sendPhone{
    height: 50px;
    font:100 20px/50px "microsoft yahei";
    margin-bottom: 10px;
}
#sendPhone{
    margin-bottom: 0;
}
#nextStep{
    width: 100%;
    height: 40px;
    font:100 20px/38px "microsoft yahei";
    border-radius: 3px;
    margin-top: 20px;
}
.backlogin{
    margin-top:15px;

}
.backloginBtn{
    width:80px;
    height: 32px;
    margin:0 auto;
    text-align: center;
    font:100 16px/32px "microsoft yahei";

}
.backlogin a{
    color: #05a6f1;
}
.blings{
    -moz-box-shadow:0 0 10px 3px #6fd1ff;
    -webkit-box-shadow:0 0 10px 3px #6fd1ff;
    box-shadow:0 0 10px 3px #6fd1ff;
}

/*手机验证*/
.secondStepphone,.secondStepusername{
    height:484px;
    padding-top: 28px;
}
.secondStepphone .resetImg{
    width: 56px;
    margin:0 auto;
}
.secondStepphone p{
    margin-bottom: 18px;
}
.timesend{
    height:70px;
    text-align: center;
    font:100 20px/70px "microsoft yahei";
}
#tosendPhone{
    color: #000 !important;
}
#nextStepP,#nextStepU,#nextStepE{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    font:100 20px/38px "microsoft yahei";
    margin-bottom: 48px;
}
.lastStep{
    padding-top:10px;
    border-top:1px solid #e2e2e2;

}
.lastStepBtn{
    width: 72px;
    height: 32px;
    margin:0 auto;
    text-align: center;
    font:100 20px/32px "microsoft yahei";
}
/*用户名验证*/
.secondStepusername{
    padding-top:32px;
}
.secondStepusername .resetImg{
    width: 80px;
}
.secondStepusername h6{
    margin-top: 32px;
    text-align: left;
    margin-bottom: 23px;
}
#securityQue{
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}
#security,#sendEmail{
    height: 50px;
    font:100 20px/50px "microsoft yahei"
}
.othererificationMethod{
    height:70px;
    font:100 20px/70px "microsoft yahei";
}
#useEmail{
    margin-left: 40px;
}

/*邮箱验证*/
.secondStepemail{
    height: 510px;
    padding-top:43px;
}
.secondStepemail .resetImg{
    width: 80px;
}
.secondStepemail h6{
    margin-top: 26px;
    margin-bottom: 4px;
    text-align: left;
}
.secondStepemail p{
    font:100 20px/30px "microsoft yahei";
    margin-top: 0;
    margin-bottom: 19px;
}
#tosendEmail{
    color: #000;
}

/*验证成功*/
.thirdStep{
    height: 402px;
    padding-top: 36px;
}
.thirdStep .resetImg{
    width: 84px;
}
.thirdStep h6{
    margin-top: 36px;
    margin-bottom: 23px;
    text-align: left;
}
.thirdStep .mesInput{
    height: 50px;
    font:100 20px/50px "microsoft yahei";
    margin-bottom:10px;
}
#finished{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    font:100 20px/38px "microsoft yahei";

}
.resetFinished{
    height: 406px;
    padding-top: 28px;
}
.resetFinished .resetImg{
    width: 83px;
}
.noticeSuc{
    height: 178px;
    font:100 20px/178px "microsoft yahei"
}
#complete{
    height: 40px;
    font:100 20px/38px "microsoft yahei";
    border-radius: 3px;
    width: 100%;
}
.firstStep{
    display: block;
}

body #veriCodeImg {
    height: 50px;
}

body #veriCode {
    height: 50px;
}

@media screen and (max-width: 1280px) {
    .contentBody h3{
        font:100 31px/31px "microsoft yahei";
        margin-bottom:15px;
    }
    .contentBody h6{
        font:100 16px/16px "microsoft yahei";
        margin-bottom: 30px;
    }
    .contentBody{
        padding-top:53px;
    }
    .resetBody{
        width: 332px;
        height: 330px;
        padding-top: 19px;
    }
    .content{
        width: 332px;
    }
    .resetPassword{
        width: 285px;
    }
    .resetPassword p{
        margin-top: 10px;
        font:100 16px/24px "microsoft yahei";
        margin-bottom: 10px;
    }
    #resetInput, #sendPhone{
        height: 36px;
        font:100 13px/36px "microsoft yahei";
        margin-bottom: 8px;
    }
    #nextStep{
        height: 36px;
        font:100 16px/34px "microsoft yahei"
    }
    .secondStepphone, .secondStepusername{
        height:371px;
    }
    .timesend{
        height: 45px;
        font:100 16px/45px "microsoft yahei"
    }
    #nextStepP, #nextStepU, #nextStepE{
        margin-bottom: 14px;
    }
    .thirdStep h6{
        margin:20px 0;
    }
    .thirdStep .mesInput{
        height: 36px;
        font:100 16px/36px "microsoft yahei";
        margin-bottom: 8px;
    }
    .noticeSuc{
        height: 110px;
        font:100 18px/110px "microsoft yahei"
    }
    .secondStepemail h6{
        margin-bottom: 4px;
        margin-top: 20px;
    }
    #security, #sendEmail{
        height: 36px;
        font:100 16px/36px "microsoft yahei"
    }
    .secondStepemail{
        height: 390px;
    }
    .thirdStep{
        height: 297px;
    }
    .secondStepusername h6{
        margin: 15px 0;
    }
    .othererificationMethod{
        height: 50px;
        font:100 16px/50px "microsoft yahei"
    }
    body #veriCodeImg {
        height: 30px;
    }
}
@media screen and (max-width: 350px) {
    .content{
        width: 100%;
    }
    .resetBody{
        width: 318px;
    }
    .contentBody h3 {
        font-size: 20px;
    }
    .contentBody {
        padding-top: 25px;
    }
    body #veriCodeImg {
        height: 30px;
    }
}