a{ text-decoration: none;}
li{ list-style: none;}
ul, li, p{ padding: 0; margin: 0;}

.wrapper{ position: absolute; top: 0; left: 0;right: 0;bottom: 0;background: #f8fafc;}
.find-psw, .check-verify, .reset-psw, .success-info{ 
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 100000;
	width: 384px;
	height: 318px;
	padding-top: 25px;
	padding-bottom: 15px;
	transform: translate(-50%,-60%);
	background: #fff;
	box-shadow: 0 12px 24px 0 rgb(28 31 33 / 10%);
	border-radius: 12px;
	transition: all .2s;
}
.check-verify, .reset-psw, .success-info, .reset-psw-state{ display: none;}
.find-psw-title, .reset-psw-title{ padding: 22px 32px 0;}
.find-psw-title h2, .reset-psw-title h2{font-size: 20px; color: #1c1f21;line-height: 30px;font-weight: 700;}	
.find-psw-text, .reset-psw-text{ margin: 0 32px;}
.find-psw-text .ipt, .reset-psw-text .ipt{ width: 100%; height: 48px;line-height: 20px; box-sizing: border-box; padding: 14px; box-shadow: 2px 0 5px 0 #fff; background: rgba(28,31,33,.06); border-radius: 8px;border: 0; outline: none;}
.rlf-tip-error { height: 24px;line-height: 24px;margin: 0; color: #f01400;font-size: 14px;}
.find-psw-btn { position: relative; margin-bottom: 24px;}
.find-psw-btn a, .reset-psw-btn a, .success-info .btn{ display: block; height: 48px;line-height: 48px;text-align: center; font-size: 14px;border-radius: 24px;}
.verify-btn a{ background: #f3f3f3; border: 1px solid #ccc; color: #999;  letter-spacing: -.25px;}
.verify-btn .success{ color: #0c8;}
.operate-btn a, .reset-psw-btn a, .success-info .btn{ background: #f20d0d; border: 1px solid #f20d0d; color: #fff; font-size: 16px;}
.find-psw-btn a:hover, .reset-psw-btn a:hover, .success-info .btn:hover{ opacity: .8;}
.not-allowed{ cursor: not-allowed; }
.disable{ background: #c81623; border-color: #c81623; opacity: .5;pointer-events: none;}
.find-psw-btn .disable:hover{ opacity: .5;}
.icon-closed{ position: absolute;top: 13px;right: 10px; color: #666; cursor: pointer;}
                              
.check-verify-tip {text-align: center;}
.check-verify-tip .icon-tip{ display: block;width: 70px;height: 76px;margin: 0 auto 30px;background: url(../imgs/auth-ico.png) no-repeat;}
.check-verify-tip p { margin: 0 auto 20px;font-size: 14px; color: #666;}
.check-verify-btns{ width: 80%; margin: 0 auto;}
.check-verify-btns a{ display: block; height: 50px;line-height: 50px;margin-bottom: 25px; text-align: center;color: #333;font-size: 18px;border: 1px solid #ddd; }
.check-verify-btns a:hover{ border-color: #0077F9; color: #0077F9;}   
						
.reset-psw-title h2{margin: 0;}
.reset-psw-title p{margin-top: 0; margin-bottom: 20px;font-size: 14px; color: #545c63;letter-spacing: 0; line-height: 22px;}
.reset-psw-text{ position: relative;}
.draw-code{position: absolute; top: 15px; right: 10px;cursor: pointer; color: #0077F9;font-size: 12px;}
.reset-psw-btn{ margin-top: 5px;}
.disabled{ color: #999999; pointer-events: none;}	
.msg-typ-tip{ font-size: 12px;line-height: 24px; color: #fff;}	
.on .msg-typ-tip{ color: #999;}	

.icon-send-success{ display: block;margin: 22px auto; width: 96px;height: 96px; line-height: 96px;border-radius: 50%; background: rgba(28,31,33,.1); font-size: 64px; color: #1c1f21; text-align: center;}
.icon-send-success i{ display: inherit; font-size: 40px; color: #454545;}
.success-info p { margin: 0;font-size: 16px;color: #1c1f21;text-align: center;line-height: 24px; font-weight: 700; padding: 16px 0 5px;}
.success-info .get-info{ line-height: 22px;padding: 0;font-weight: normal;font-size: 14px; color: #545c63; text-align: center;}
.go-login-btn{ width: 115px; margin: 30px auto;}                       

.progress-bar{ position: absolute; top: -120px; width: 800px; text-align: center; left: -208px; font-size: 0;}
.progress-bar ul li{ position: relative; display: inline-block; text-align: center; }	
.progress-bar .pro-undo{padding-left: 140px;}
.progress-bar .step-index{ position: relative; z-index: 2; display: inline-block; width: 34px; height: 34px;line-height: 34px;  margin-bottom: 14px;text-align: center; font-size: 14px;background: #d8dcdd;color: #666; border-radius: 50%;}	
.progress-bar .pro-doing .step-index, .progress-bar .pro-done .step-index { background: #0c8;color: #fff;}
.progress-bar .step-desc { margin: 0; font-size: 14px; color: #666;}	
.progress-bar .pro-doing .step-desc, .progress-bar .pro-done .step-desc{ color: #0c8;} 
.progress-bar .pro-line { position: absolute;left: -11px;top: 13px; width: 162px; height: 7px; background: #d8dcdd;}	
.progress-bar .pro-doing .pro-line{background: #0c8;}