/**!
 * 我的关注
 * date:2017-10-11
 * author: xlb;
 */

body{
	background:#f0f0f0;
}
/* 忘记密码步骤一 */
.reg-con{
    position: relative;
}
.input-area {
	margin-left: 330px;
}

.input-area>div {
	margin-top: 27px;
}

.input-area span {
	width:82px;
	font-size: 15px;
	color:#333;
	height: 54px;
	line-height: 54px;
	display: block;
	float: left;
	margin-right:30px; 
	text-align: right;
}

.input-area input {
	height: 52px;
	float:left;
	border:1px solid #ddd;
	outline: none;
	padding-left: 20px;
	font-size: 13px;
	line-height: 52px;
	vertical-align: middle;
}

.img{
	width:110px;
	height:54px;
}

.phone {
	width:378px;
}

.verifycode{
	width:268px;
}

.check-code {
	width:118px;
}

.reg-warning {
	display:none;
	position: absolute;
	top: 58px;
	left: 141px;
	padding-left: 22px;
	color: #ee2222;
	font-size: 12px;
	background: url(../images/mall/regwaring.png) left no-repeat;
}
.phone-warning {
	display:none;
	position: absolute;
	top: 338px;
	left: 531px;
	padding-left: 22px;
	color: #ee2222;
	font-size: 12px;
	background: url(../images/mall/regwaring.png) left no-repeat;
}



/* 忘记密码步骤二*/
.input-area span.phone-num {
	font-size: 13px;
	color:#999;
	height: 54px;
	line-height: 54px;
	display: block;
	float: left;
	margin:0 35px 0 -6px; 
}

.phone-link {
	  height: 54px;
    line-height: 54px;
    display: block;
    float: left;
    color:#2687eb;
}

.msg-code {
	width:256px;
	padding:0 123px 0 20px;
}

.get-code {
	display: block;
	position: absolute;
	width: 110px;
	height: 44px;
	background: #f2f2f2;
	text-align: center;	
	line-height: 44px;
	vertical-align: middle;
	font-size: 13px;
	color:#555;
	left:727px;
	top:5px;
	margin-left:-301px;
	cursor: pointer;
    border:none;
}

@media screen and (max-height:700px) {
    .info-area .get-code {
       top:5px;
    }
}

/* 忘记密码步骤三*/
.input-area input.new-psd,
.input-area input.new-psd-again {
	width:338px;
	padding-right: 44px;
}

.input-area {
	margin-left: 310px;
}

.input-area span {
	width:110px;
}

.key-power {
	position: absolute;
	margin-top: 58px;
	margin-left: 143px;
	font-size: 12px;
	color: #666;
}
.key-power div {
/* 	display: inline-block; */
	display:none;
	width: 40px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	color: #fff;
}
.key-power div.level1 {
	background-color: #ee2222;
}
.key-power div.level2 {
	background-color: #e7962c;
}
.key-power div.level3 {
	background-color: #228a2e;
}

/* 忘记密码步骤四*/
.success-remind {
	width:210px;
	padding-left: 65px;
	margin:83px auto 0 auto;
	background: url("../images/mall/right.png") left center no-repeat;
}

.success-remind>p {
	color:#78bc52;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}

.success-remind>span {
	vertical-align: middle;
	margin-right: 8px;
}

.success-remind>a {
	vertical-align: middle;
	color:#0066ff;
}