body {
	background-image: none;
}
/*修改密码步骤进度条样式*/
li {
	list-style: none;
}
.container-progressBar{
	width: 436px;
	margin: 60px auto 40px;
}
.container-progressBa{
	width: 436px;
	margin: 10px auto 20px;
}
.progressBar{
	position: relative;
	width: 100%;
	height: 3px;
	background-color: #e6e6e6;
	border-radius: 6px;
}
.progressBar-track{
	width: 16%;
	height: 100%;
	background-color: #0095da;
}
.progressBar-track.v1{
	width: 50%;
	-moz-transition: width .3s;	/* Firefox 4 */
	-webkit-transition: width .3s;	/* Safari 和 Chrome */
	-o-transition: width .3s;	/* Opera */
	transition: width .3s;
}
.progressBar-track.v2{
	width: 84%;
	-moz-transition: width .3s;	/* Firefox 4 */
	-webkit-transition: width .3s;	/* Safari 和 Chrome */
	-o-transition: width .3s;	/* Opera */
	transition: width .3s;
}
.progressBar-track.v3{
	width: 100%;
	-moz-transition: width .15s;	/* Firefox 4 */
	-webkit-transition: width .15s;	/* Safari 和 Chrome */
	-o-transition: width .15s;	/* Opera */
	transition: width .15s;
}
.progressBar-thumb{
	position: absolute;
	top: -1em;
	left: -5.9em;
	width: 138%;	
	color: #e6e6e6;
}
.progressBar-thumb .step{
	text-align: center;
	width: 25%;
	float: left;
}
.step-knot{
	margin: 0 auto;
	background-color: #e6e6e6;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}
.step-text{
	margin-top: .6em;
}
.step.active .step-knot{
	background-color: #0095da;
}
.step.active .step-text {
	color: #666;
}
/*表单的样式*/
.modifybox{
	position: relative;
	width: 380px;
	min-height: 320px;
	margin: 80px auto 88px;
}
.user-modifybox{
	position: relative;
	width: 380px;
	min-height: 320px;
	margin: 23px auto 88px;
}
.item {
	position: absolute;
    top: 0;
    left: 100%;
    width: 100%
}
.item.active{
    left: 0;
	-moz-transition: left .2s ease-out .1s; /* Firefox 4 */
	-webkit-transition: left .2s ease-out .1s; /* Safari 和 Chrome */
	-o-transition: left .2s ease-out .1s; /* Opera */
    transition: left .2s ease-out .1s;
}
.item.off{
	left: -120%;
	-moz-transition: left .2s ease-in; /* Firefox 4 */
	-webkit-transition: left .2s ease-in; /* Safari 和 Chrome */
	-o-transition: left .2s ease-in; /* Opera */
    transition: left .2s ease-in;
}
.form-modify .form-group {
	position: relative;
	width: 100%;
	margin: 14px 0;
	padding: .3em 0 .3em .8em;
	border: 1px solid #ddd;
}
.form-lab{
	float: left;
	padding-right: 10px;
	font-weight: 500;
	color: #444444;
	line-height: 2.4em;
	margin-bottom: 0px;
}
.form-inp{
	float: right;
	width: 70% !important;
	border: none;
	box-shadow: none;
}
.form-inp:focus {
	box-shadow: none;
}
.btn-login{
	font-size: 12px;
	color: #959595;
}
/*验证手机*/
.account-msg, .verify-msg{
	margin-bottom: 14px;
    font-size: 12px;
    color: #959595;
}
.account-msg span{
	color: #333;
}
.verify-msg .iconfont{
	display: inline-block;
    margin-right: 6px;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    font-size: .8em;
    text-align: center;
    color: #fff;
    background: #1aad19;
    border-radius: 50%;
}
.verify-msg .time{
	color: #ff5a00;
}
/*验证邮箱*/
.verify-email{
	width: 100%;
	margin: 30px auto;
}
.email-info{
	margin-bottom: 14px;
	font-size: 1.2em;
    color: #000;
}
.email-box{
	color: #008cd6;
}
.email-msg{
	margin-bottom: 14px;
	font-size: .8em;
	color: #666;
}
.checkemail{
	width: 40%;
}
.problem-link{
	padding: 0 1em;
}
/*没有收到邮件*/
.no-email{
	display: inline-block;
	position: relative;
	padding: 0 1em;
	color: #008cd6;
	cursor: pointer;
}
.no-email p{
  margin-bottom: 16px;
}
.no-email-tips{
	display: none;
	position: absolute;
	top: 2.6em;
    left: 1.2em;
    width: 22em;
	padding: 16px 12px 8px 36px;
	color: #a8aab2;
	background: #f3f3f3;
    border: 1px solid rgba(0,0,0,0.2); 
    border-radius: 6px;
}
.no-email:hover .no-email-tips{
	display: block;
}
.no-email-tips .btn {
	background-color: #6cb5f3;
	border: none;
}
.no-email-tips li{
	list-style-type: disc;
}
.no-email-tips .btn:active,.no-email-tips .btn:hover,
.no-email-tips .btn:active:hover{
	background-color: #6BA5D6;
	border: none;
}
.no-email-tips:before,
.no-email-tips:after{
	content: '';
    position: absolute;
    left: 28px;
    top: -14px;
    border-style: solid;
    border-width: 0 10px 14px 10px;
    border-color: transparent transparent rgba(0,0,0,0.2) transparent;
}
.no-email-tips:after{
	top: -12px;
	border-color: transparent transparent #f3f3f3 transparent;
}
/*修改密码成功*/
.success-msg{
	margin: 0 auto;
	padding-top: 40px;
	width: 85%;
	text-align: center;
}
.success-msg .button{
	width: 50%;
}
.success-msg .iconfont{
	display: inline-block;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.4em;
    border: 2px solid #1aad19;
    border-radius: 50%;
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;    
    color: #1aad19;
}
.msg-text{
	margin-top: 10px;
	color: #777;
}
.en .form-inp{
	width: 64% !important;
}
.en .verify .form-inp{
	width: 37% !important;
}

form.form-modify-sq input[type=text]{
	border: none;
	width: 100%;
	padding: 0px;
	padding-left: 9px; 
}

@media (max-width: 768px){
	.en .form-inp{
		width: 62% !important;
	}
	.en .verify .form-inp{
		width: 35% !important;
	}
	.container-progressBar{
		width: 80%;
    	margin: 60px auto 54px;
	}
	.progressBar{
		width: 100%;
	}
	.progressBar-thumb{
		left: -3.5em;
    	width: 140%;
	}
	.modifybox{
		width: 100%;
		margin: 20px auto 30px;
	}
	.form-modify .form-group{
		width: auto !important;
		margin: 1.4em 0;
	}
	.form-lab{
		font-size: 1em;
	}
	.form-inp{
		width: 74% !important;
	}
	.no-email-tips{
		left: -8em;
		padding: 12px 0px 4px 30px;
	}
	.no-email-tips:before, .no-email-tips:after{
		left: 196px;
	}
	.en .no-email{
		padding: 0;
	}
}