@charset "utf-8";
/* CSS Document */

.retr-password { width: 100%; }
.retr-password .passwordbox { overflow: hidden; clear: both; width: 100%; }
.passwordbox .retr-title { font-family: "微软雅黑", Arial; font-size: 16px; color: #333; line-height: 55px; text-indent: 30px; }
.passwordbox .progress-bar { width: 480px; margin: 0 auto; }
.progress-bar .stepflex { border-top: 5px solid #ccc; text-align: center; margin: 30px auto; }
.progress-bar .stepflex dl { float: left; position: relative; width: 160px; top: -5px; border-top: 5px solid #ccc; }
.progress-bar .stepflex dl.doing { border-top-color: #e70012; }
.doing .s-num { background-position: -30px 0; }
.s-num { position: relative; margin: -12px auto 0; color: #fff; font-weight: 700; width: 20px; height: 20px; background-image: url(../images/common/step.png); line-height: 20px; }
.doing .s-text { color: #e70012; }
.s-text { color: #999; position:absolute; top:-40px; left:50px; font-family: "微软雅黑", Arial; font-size:14px;}
.inputinfo{width:320px; margin:0 auto;}
.space2{letter-spacing:2.5px;}
.space4{letter-spacing:4.6px;letter-spacing:4px\9;}
.lh40{ line-height:40px;}
.phone{width:100%;}
.code{width:100%;}

.phonebox{border:1px solid #ddd; height:38px; width:210px; text-indent:5px;line-height:38px; color:#666;}
.phonecodebox{ border:1px solid #ddd; height:38px; width:100px; text-indent:5px; float:left; line-height:38px;color:#666;}
.phonecode-btn{width:100px;height:40px;border:none;background:#f2f2f2;color:#666;padding:0; cursor:pointer; float:left; line-height:40px;}
.phonecode-btn-disable{width:100px;height:40px;border:none;background:#f2f2f2;color:#999;padding:0;float:left;line-height:40px;cursor:default;}

.btn-sumbit{width:100px; margin:0 auto; padding:40px 0;}
.btn-sumbit input.ok{   
	display: block;
    cursor: pointer;
    height: 36px;
    font-size: 18px;
    text-decoration: none;
    line-height: 36px;
    color: #fff;
    outline: none;
    text-align: center;
    background-color: #e70012;
    width:100px;
    border-radius: 3px;}

.stateinfo{width:400px; margin:0 auto; font-family: "微软雅黑", Arial; overflow:hidden; clear:both;}
.s-padding{padding:50px 0 70px 0;}
.stateinfo .state-pic{float:left; width:18px; height:18px; background:url(../images/common/state.png) no-repeat;}
.stateinfo .state-text{float:left; margin-left:10px;}
.stateinfo .state-text .s-sucess{color:#24b33a; font-size:18px; }
.stateinfo .state-text .s-tip{ line-height:30px;}
.stateinfo .state-text .s-tip a{color:#24b33a;}
.stateinfo .state-text .s-tip a:hover{ text-decoration:underline;}
.stateinfo .fail{ background-position:-28px 0;}

/*mystyle-jun*/
.authcodebox{ border:1px solid #ddd; height:38px; width:100px; text-indent:5px; line-height:38px;color:#666;margin-left:3px;}
.authcode-img{width:100px;height:40px;border:none;padding:0; cursor:pointer;  line-height:40px;margin-left:7px;}

/* .in-tip{width:400px; display:inline-block; margin-left:100px; color:#c5c5c5; }
.error{width:400px; display:inline-block; margin-left:100px; color:#e82020;} */

.in-tip{color:#c5c5c5;height:27px;font-size:12px;padding-top:5px; margin-left:100px; }
.error{color:#e82020;}
.in-tip  .tip-icon i{
			 background:url(../images/oth/icon.png);
			 background-position: 0 0;
		     width:16px;
		     height:16px;
		     display: inline-block;
		     margin-right:10px;
}

.in-tip .error-icon i{
			 background:url(../images/oth/icon.png);
			 background-position: -17px 0px;
			 width:16px;
		     height:16px;
		     margin-right:10px;
		     display: inline-block;
}