@CHARSET "UTF-8";

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

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

/*********************去除默认的样式****************************/
* {
    font-family: "Microsoft YaHei", Arial;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

a {
    color: #0f80e3;
    text-decoration: none;
}

a:hover {
    color: #FF6458;
    text-decoration: none;
}

ol, ul, li{
	list-style:none;
}

body, button, input, select, textarea {
    font: 12px/1.5 "Microsoft Yahei",arial;
}

img {
    border: 0;
}

input[type="text"], input[type="password"] {
    border: 1px solid #ddd;
    background: #fff;
    text-indent: 5px;
}

input[type="text"]:hover, input[type="password"]:hover {
    box-shadow: 0 0 5px rgba(15, 128, 227, 0.5);
}

/*********************End****************************/

/************************使页面的元素均居中显示***************/
html {
	 text-align:center;
}

#main {
	 margin:0 auto;
	 text-align:left;
	 width:960px;
}
/*********************End****************************/


/******************顶部导航******************************/
#top{
	margin-top:5px;
	border-bottom: 1px solid #ddd;
	height:20px;
}

#top a{
	color: #484848;
	text-decoration:none;
}

#top a:hover{
	color: #ff5500;
	text-decoration: underline;
}

#lefttop li{
	font: 12px/1.5 tahoma,sans-serif;
	padding-right:6px;
	list-style:none;
	float:left;
}

#righttop{
	float:right;
	font: 12px/1.5 tahoma,sans-serif;
}

#righttop li{
	font: 12px/1.5 tahoma,sans-serif;
	padding-right:6px;
	list-style:none;
	float:left;
}
/*************************end*****************************/





/**********以上均为公共css样式*****************************************/


/*********************中间正式内容****************************/
.other_main{
	margin:0 auto;
	width:960px;
	height:600px;
	text-align:left;
	margin-top:15px;
	float:left;
	
}

.title_style{
	background:url(../../../images/showRetrievePasswordPage/bg.jpg) repeat-x top;
	height: 56px;
	
}

.title_style1{
	float:left;
	font-size:24px;
	color:#FFF;
	padding-left:10px;
	padding-top:14px;
}

/**内部流程导航**/
.stepflex{display:inline-block;display:block}.stepflex:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .stepflex{height:1%}*+html .stepflex{min-height:1%}.stepflex{border-top:5px solid #ccc;text-align:center;margin:30px auto}.stepflex dl{float:left;position:relative;width:160px;top:-5px;border-top:5px solid #ccc}.s-num{position:relative;margin:-15px auto 0;color:#fff;font-weight:700;width:23px;height:23px;background-image:url(../../../images/showRetrievePasswordPage/step-nav.png);line-height:23px}.s-text{color:#ccc}dl.doing{border-top-color:#7abd54}.doing .s-num{background-position:-23px 0}.doing .s-text{color:#7abd54}dl.done{border-top-color:#caecb6}.done .s-num{background-position:-46px 0}.done .s-text{color:#caecb6}.doing b,.doing s,.first s,.last b{width:5px;height:5px;position:absolute;line-height:0;font-size:0;top:-5px;background-image:url(../../../images/showRetrievePasswordPage/step-nav.png);overflow:hidden}.stepflex s{left:0}.stepflex b{right:0}.first s{background-position:0 -24px;background-color:#fff}.last b{background-position:-5px -24px;background-color:#fff}.doing s{background-position:-23px -24px}.doing b{background-position:-28px -24px;background-color:#ccc}.doing.last s,.doing.normal s{background-color:#caecb6}.doing.last b{background-color:#fff}.done s{background-position:-46px -24px}.done b{background-position:-51px -24px}.doing.last .s-num{background-position:-91px 0}.last .s-num{background-position:-68px 0}#sflex01{width:160px}#sflex02{width:320px}#sflex03{width:480px}#sflex04{width:640px}
/*内部流程导航-end*/

.login-form {
    width: 550px;
    padding-bottom: 60px;
    left: 50%;
    margin-left: -275px;
    top: 50%;
    margin-top: -155px;
	z-index: 9;
    position: absolute;
    -webkit-box-shadow: 0 0 20px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0 0 20px rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 20px rgba(153, 153, 153, 0.5);
}

.login-form .item1 {
    position: relative;
    z-index: 12;
}

.login-form .row1 {
    height: 32px;
    margin: 20px 0;
}

.login-form .row2 {
    height: 100px;
    padding: 0 115px;
	text-align: center;
}

.login-form .row2 h1 {
    font-size: 26px;
	height: 27px;
    line-height: 27px;
    color: #333;
    margin-bottom: 5px;
}

.login-form .row3 {
    padding: 0 115px 45px;
	position: relative;
}

.login-form .row3 ul li .form-group {
    height: 60px;
    margin-bottom: 11px;
    position: relative;
}

.login-form .row3 ul li .form-group .input-item {
    width: 89.2%;
    padding: 0 10% 0 0;
    height: 34px;
    line-height: 34px;
    float: left;
    border: 1px solid #ddd;
}

.col-xs-7 {
    width: 58%;
	float:left;
}

.col-xs-5 {
    width: 42%;
	float:left;
}

.login-form .row3 ul li .form-group img {
    cursor: pointer;
}

.fr {
    float: right;
}

.login-form .row3 ul li .form-txt .tips {
    min-height: 20px;
    line-height: 20px;
    padding: 5px 0;
}

/*.login-form .row3 ul li .form-txt .tips .error-tips {
    color: #fd5548;
	display:none;
}

.login-form .row3 ul li .form-txt .tips .error-tips i, .login-form .row3 ul li .form-txt .tips .success-tips i {
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px 5px 0 0;
}*/

.icon-warnning16 {
    background-position: 0 -811px;
	background-image:url(../../../images/showRetrievePasswordPage/icon.png);
    background-repeat: no-repeat;
	float:left;
	padding-left: 20px;
	color: #fd5548;
	height: 16px;
	font-size: 12px;
	margin-top: 8px;
	display:none;
}

.login-form .row3 ul li .form-txt .btn {
    margin-top: 27px;
	cursor:pointer;
}

.login-form .row3 ul li .form-txt .btn, .login-form .row3 ul li .form-txt .get-code {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #317ee7;
    border: 0;
    font-size: 14px;
    color: #fff;
	margin-top: 5px;
}

.login-form .row3 ul li .form-txt .btn:hover, .login-form .row3 ul li .form-txt .get-code:hover {
    background: #1d5edc;
}

.login-form .item2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 11;
    opacity: 0.8;
    filter: opacity(80);
}
/*********************中间正式内容end****************************/