body {
	background-color: #FFFFFF;
	font-family: "微软雅黑";
	padding: 0;
	margin: 0;
	color: #474747;
}
body * {
	box-sizing: border-box;
}
.clear:after,
.clear:before {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.float-left{
	float: left;
}
ul{
	list-style: none;
}
input{
	outline: none;
    width: 270px;
    height: 30px;
    border: 1px solid #ededed;
    padding:0 8px;
}
#header,#forgetPwd_section {
	margin: 0 auto;
}
#forgetPwd_section_header{
	border-bottom:5px solid #104392;
}
#header {
	width: 960px;
	height: 90px;
	background: url(img/logo.png?v=1.0) no-repeat left center;
	background-size: 172px 90px;
}
#forgetPwd_section{
	width: 960px;
	font-size: 14px;
}
#forgetPwd_section_title{
	/*padding: 30px 0;
	font-size: 18px;
	color: #474747;*/
	padding-top: 45px;
    font-size: 18px;
    color: #474747;
    margin-left: 190px;
}
#forgetPwd_section_flowBar{
	width: 670px;
    text-align: center;
    margin: 70px auto 100px;
}
#forgetPwd_section_flowBar>div{
	float: left;
	position:relative
}
.forgetPwd_section_subnav .subnav_process {
    text-align: center;
}
.forgetPwd_section_subnav .subnav_process>li {
    position: relative;
    display: inline-block;
}
.forgetPwd_section_subnav .subnav_process>li>div {
    text-align: center;
    position: relative;
    float: left;
    height: 34px;
    line-height: 30px;
    vertical-align: middle;
    width: 24px;
    overflow: visible;
    z-index: 2;
}
.forgetPwd_section_subnav .subnav_process>li>div>p{
	position: absolute;
	width: 100px;
    left: -37px;
    top: 20px;
}
.forgetPwd_section_subnav .subnav_process .active>div>p{
	color: #26a733;
}
.forgetPwd_section_subnav .subnav_process .active>div>i {
    background-image: url(img/stepokbg.png);
    background-repeat: no-repeat;
    background-color: none;
}
.forgetPwd_section_subnav .subnav_process>li>i {
    float: left;
    width: 160px;
    height: 2px;
    margin-top: 14px;
    vertical-align: middle;
    border-bottom: 5px solid #ccc;
    margin-right: -2px;
}
.forgetPwd_section_subnav .subnav_process .active>i {
	border-bottom: 5px solid #26a733;
}

.forgetPwd_section_subnav .subnav_process>li>div>i {
	display: inline-block;
    width: 24px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-style: normal;
    background-image: url(img/stepbg.png);
    background-repeat: no-repeat;
    background-color: none;
    margin-right: -2px;
    z-index: 1;
}



#forgetPwd_section_content{
	width: 600px;
	margin: 40px auto 0;
	text-align: center;
}

#forgetPwd_section_content .userName{
	position: relative;
	width: 330px;
	margin: 0 auto;
}
/*#forgetPwd_section_content .userName>i{
	position: absolute;
    top: 5px;
    left: 10px;
    font-size: 18px;
    color: #999;
}*/
#forgetPwd_section_content .errorTips{
	position: absolute;
    top: 7px;
    left: 340px;
    white-space: nowrap;
    text-align: left;
}
.backBtn{
	display: inline-block;
    width: 100px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #ededed;
    margin:20px 10px 0 0;
}
.nextBtn{
	display: inline-block;
    width: 100px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    background: #104392;
    color: #fff;
    border: 1px solid #104392;
    margin-top:20px;
}
.codeBtn{
	display: inline-block;
    width: 100px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    background: #104392;
    color: #fff;
    border: 1px solid #104392;
    vertical-align: middle;
    margin-left: 10px;
}
input.focusNow{
	border: 1px solid #104392;
}
input.focusNow + i{
	color: #104392!important;
}
.hide{
	display: none;
}
#forgetPwd_section_content .userPhone {
	position: relative;
	width: 495px;
	margin: 0 auto;
	text-align: left;
}
#forgetPwd_section_content .userPhone>div{
	margin-top: 20px;
}
#forgetPwd_section_content .userPhone .phone{
	color: #104392;
	font-size:18px;
	margin-left: 10px;
}
#forgetPwd_section_content .userPhone .code{
	position: relative;
}
#forgetPwd_section_content .userPhone .code input{
	display: inline-block;
	vertical-align: middle;
}
#forgetPwd_section_content .userPhone .code .sended{
	background: #ccc;
	border: 1px solid #ccc;
	cursor: default;
}
#forgetPwd_section_content .nextStepDisabled{
	background: #ccc;
	border: 1px solid #ccc;
	cursor: default;
}
#forgetPwd_section_content .userPhone .codeTips{
	font-size:12px ;
	margin-top: 10px;
	margin-left: 56px;
	color: #999;
}
#forgetPwd_section_content .userPhone .icon-xuanzhongman{
	font-size: 14px;
	color: #26a733;
}
#forgetPwd_section_content label.fourWords{
	width: 70px;
    text-align: right;
    display: inline-block;
}
#forgetPwd_section_content .userPwd{
	width: 350px;
	text-align: left;
	position: relative;
	margin: 0 auto;
}
#forgetPwd_section_content .userPwd>div{
	margin-top: 20px;
}
#forgetPwd_section_content .userPwd>div.errorTips{
	position: absolute;
    top: 7px;
    left: 275px;
    white-space: nowrap;
    text-align: left;
}
#forgetPwd_section_content .userPwd .errorTips>i{
	margin-right: 5px;
}
#forgetPwd_section_content .userPwd .pwd{
	position: relative;
}
#forgetPwd_section_content .userPhone .errorTips{
    left: 450px;
}
#forgetPwd_section_content .success{
	margin-top: 100px;
}
#forgetPwd_section_content .success .successTips{
	color: #26a733;
	font-size: 18px;
}
#forgetPwd_section_content .success .successTips>i{
	font-size: 18px;
	font-size: 30px;
	margin-right: 10px;
}
#forgetPwd_section_content .success .relogin{
	margin: 10px 0 0 5px;
}
.linkBlue{
	text-decoration: none;
	color: #104392;
}
.error{
	color: #ff3c00;
	font-size: 12px;
}
.error>i{
	font-size: 14px;
}
input.error{
	border-color: #ff3c00!important;
	color: #474747;	
	font-size: 14px;
}
div.error{
	display: block;
}
input.error + i{
	color: #999!important;
}
@media (max-width: 1366px) {
	#header{
		height: 70px;
		width: 740px;
		background-size: 135px;
	}
	#forgetPwd_section_title{
		padding-top: 32px;
	    margin-left: 150px;
	}
	/*#forgetPwd_section{
		width: 740px;
	}
	#forgetPwd_section_flowBar{
		width: 640px;
	}
	#forgetPwd_section_flowBar>div>dl{
	    width: 160px;
	}
	#forgetPwd_section_flowBar>div.active>i{
		left: 69px;
	}*/
}

@media (max-width: 1024px) {
	#header{
		height: 60px;
		width: 624px;
		background-size: 110px;
	}
	#forgetPwd_section_title{
		padding-top: 25px;
	    margin-left: 120px;
	}
	/*#forgetPwd_section{
		width: 624px;
	}
	#forgetPwd_section_flowBar{
		width: 600px;
	}
	#forgetPwd_section_flowBar>div>dl{
	    width: 150px;
	}
	#forgetPwd_section_flowBar>div.active>i{
		left: 64px;
	}*/
}

.nc-container{
	margin-top: 16px;
}
.nc-container .nc_scale span{
	box-sizing: content-box;
}
@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}