@charset "utf-8";
body { background: #f4f4f4;}
.w940 { width: 940px; margin: 0 auto;}

/*头部*/
.header { padding: 18px; background: url(../images/header-bg.png) no-repeat;}
.header .logo { float: left; height: 50px; overflow: hidden;}
.header .logo img { max-height: 50px;}
.header .logo-text { float: left; height: 18px; padding-left: 15px; margin: 20px 0 0 15px; font-size: 16px; line-height: 18px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,.5);}
.header .header-link { float: right; width: auto; height: 14px; margin-top: 25px; line-height: 14px;}
.header .header-link li { float: left; padding-left: 15px; margin-left: 15px; border-left: 1px solid #fff;}
.header .header-link li.first { border-left: none;}
.header .header-link a { font-size: 14px; color: rgba(255,255,255,.8);}
.header .header-link a:hover { color: #fff;}

/*内容*/
.forget-content { padding: 40px 40px 60px; margin-top: 30px; background: #fff;}

/*步骤*/
.stepflex .s-num, .stepflex dl.doing b, .stepflex dl.doing s, .stepflex dl.first s, .stepflex dl.last b, .safe-con-end p i { background: url(../images/find-password.png) no-repeat;}
.stepflex { width: 720px; margin: 0 auto;}
.stepflex { display: block; margin: 50px auto 100px; text-align: center; border-top: 5px solid #ccc;}
.stepflex dl { position: relative; float: left; width: 180px; top: -5px; border-top: 5px solid #ccc;}
.stepflex-spe dl { width: 360px;}
.stepflex .s-num { position: relative; width: 35px; height: 35px; margin: -20px auto 10px; font-size: 14px; font-weight: 700; line-height: 35px; color: #fff; background-position: -120px -170px;}
.stepflex .s-text { font-size: 13px; color: #ccc;}
.stepflex dl.doing { border-top-color: #7abd54;}
.stepflex dl.doing .s-num { background-position: -160px -170px;}
.stepflex dl.doing .s-text { color: #7abd54;}
.stepflex dl.done { border-top-color: #caecb6;}
.stepflex dl.done .s-num { background-position: -200px -170px;}
.stepflex dl.done .s-text { color: #caecb6;}
.stepflex dl.doing b, .stepflex dl.doing s, .stepflex dl.first s, .stepflex dl.last b { position: absolute; top: -5px; width: 5px; height: 5px; font-size: 0; line-height: 0; overflow: hidden;}
.stepflex dl .s-text s { left: 0;}
.stepflex dl .s-text b { right: 0;}
.stepflex dl.first .s-text s { background-position: -120px -210px; background-color: #fff;}
.stepflex dl.last .s-text b { background-position: -126px -210px; background-color: #fff;}
.stepflex dl.doing .s-text s { background-position: -143px -210px;}
.stepflex dl.doing .s-text b { background-position: -150px -210px; background-color: #ccc;}
.stepflex dl.doing.last .s-text s, .stepflex dl.doing.normal .s-text s { background-color: #caecb6;}
.stepflex dl.doing.last .s-text b { background-color: #fff;}
.stepflex dl.done .s-text s { background-position: -166px -210px;}
.stepflex dl.done .s-text b { background-position: -171px -210px;}
.stepflex dl.last .s-text .s-num { background-position: -320px -120px;}
.stepflex dl.doing.last .s-text .s-num { background-position: -349px -120px;}

/*表单*/
.forget-content .form-horizontal .simple-form-field { margin-top: 12px;}
.forget-content .form-horizontal .form-group { margin-bottom: 20px;}
.forget-content .form-horizontal .control-label { font-size: 14px; line-height: 36px; padding: 0;}
.forget-content .form-control { width: 250px; height: 36px; line-height: 36px;}
.forget-content .captcha { margin-left: 10px;}
.forget-content .captcha-image { vertical-align: middle; cursor: pointer;}
.forget-content .forget-btn { width: 250px; height: 36px; font-size: 14px; line-height: 18px;}
.forget-content .get-code { display: inline-block; width: 120px; height: 36px; padding: 0 8px; margin-left: 10px; line-height: 34px; color: #666; text-align: center; vertical-align: middle; cursor: pointer; background: #f6f6f6; border: 1px solid #ddd;}

/*重置成功*/
.find-box-end { width: 100%; text-align: center;}
.find-box-end p { width: 300px; margin: 0 auto;}
.find-box-end p.success { height: 80px; font-size: 20px; line-height: 80px; color: #7fd000;}
.find-box-end p.fail { width: 400px; height: 80px; font-size: 20px; line-height: 80px; color: #fc575b;}
.find-box-end p.success i { display: inline-block; width: 80px; height: 80px; margin-right: 15px; vertical-align: middle; background: url(../images/success.png) no-repeat left top;}
.find-box-end p.fail i { display: inline-block; width: 80px; height: 80px; margin-right: 15px; vertical-align: middle; background: url(../images/fail.png) no-repeat left top;}
.find-box-end p.tips{ height: 50px; font-size: 14px; line-height: 50px;}
.find-box-end p.tips a:hover { color: #7fd000;}

/*失败*/
.fail-box { padding: 100px 0;}
.fail-tips { width: 400px; margin: 0 auto;}
.fail-tips h5, .fail-tips ul { padding-left: 110px; font-size: 14px; text-align: left;}
.fail-tips h5 { padding-bottom: 10px;}
.fail-tips ul span { font-weight: 700; color: #24a0d6;}

/*底部*/
.footer { padding-top: 30px; line-height: 16px; color: #666; text-align: center;}
.footer h5 { margin-bottom: 5px; font-weight: 300;}
.footer h6 { margin: 0; font-weight: 200;}