@charset "utf-8";
html{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #f1f1f1;
}
.w{
	width: 1200px;
	margin:0 auto;
}
.header{
	width: 100%;
	background-color: #FFF;
	position: static;
}
.login-header{
	height: 80px;
	width: 1200px;
	margin:0 auto;
}
.login-header > a{
	height: 80px;
	line-height: 80px;
	padding-left:172px;
}
.login-header > a:focus{
	outline: 0;
}
.login-header > a.left{
	background: url("../images/login-logo.png") no-repeat left center;
}
.login-header > span.left{
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	color: #797979;
}

.login{
	width: 100%;
	height: 699px;
	background: url("../images/bg-login.jpg") no-repeat top center;
}
.login .login-box{
	width: 366px;
	position: absolute;
	right: 75px;
	top: 99px;
	padding:32px 0 24px;
	background-color: #FFF;
	border-radius: 5px;
}
.login .login-box .login-title{
	color: #4f4f4f;
	margin-bottom: 25px;
	border-bottom: solid 1px #e1e1e1;
	padding: 0 44px 14px;
}
.login .login-box .login-title span{
	display: inline-block;
	font-size: 18px;
	color: #4f4f4f;
	cursor: pointer;
	position: relative;
}
.login .login-box .login-title span.active{
	color: #00aaff
}
.login .login-box .login-title span:first-child{
	margin: 0 36px 0 0;
}
.login .login-box .login-title span:first-child:after{
	content: '';
	display: inline-block;
	width: 1px;
	height: 17px;
	background-color: #e1e1e1;
	position: absolute;
	right: -21px;
	top: 5px;
}
.login .login-box .login-item{
	padding:0 32px;
}
.login-form p{
	margin-bottom: 20px;
}
.login-form input[type="text"],
.login-form input[type="password"]{
	width: 280px;
	border:solid 1px #d4d4d4;
	height: 43px;
	line-height: 43px;
	padding-left: 20px;
	background-color: #f6f6f6;
	border-radius: 3px;
	font-size: 14px;
	color: #9d9d9d;
}
/*.login-form input[type="text"]::-webkit-input-placeholder,
.login-form input[type="password"]::-webkit-input-placeholder{
    color:#3595cc;
}
.login-form input[type="text"]::-moz-placeholder,
.login-form input[type="password"]::-moz-placeholder{   !* Mozilla Firefox 19+ *!
    color:#3595cc;
}
.login-form input[type="text"]:-moz-placeholder,
.login-form input[type="password"]:-moz-placeholder{    !* Mozilla Firefox 4 to 18 *!
    color:#3595cc;
}
.login-form input[type="text"]:-ms-input-placeholder,
.login-form input[type="password"]:-ms-input-placeholder{  !* Internet Explorer 10-11 *!
    color:#3595cc;
}*/
.login-form .login-btn{
	display: inline-block;
	width: 300px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	background: url("../images/btn-login.png") no-repeat center;
}
.login-form .login-btn:hover{
	background: url("../images/btn-login-hover.png") no-repeat center;
}
.login .login-box .linkOut{
	display: inline-block;
	float: right;
	font-size: 12px;
	color: #6a6b6b;
	background:url("../images/zhuce.png") no-repeat right center;
	padding-right: 11px;
}
.login .login-box .linkOut:hover{
	color: #44a3da;
	background:url("../images/zhuce-hover.png") no-repeat right center;
}
.login-form span{
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #7e7e7e;
	height: 28px;
	line-height: 28px;
	margin-right: 5px;
}
.login-form .btn-link{
	display: inline-block;
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 8px;
}
.login-form p.login-error{
	width: 262px;
	border:solid 1px #f15532;
	height: 30px;
    line-height: 30px;
	padding-left: 38px;
	background-color: #f6f6f6;
	border-radius: 3px;
	font-size: 14px;
	color: #f15532;
	background: url("../images/error.png") no-repeat 15px center;
	margin-bottom: 15px;
	background-color: #feeeeb;
}
.login-form em{
	display: inline-block;
	float: right;
	width: 122px;
	border:solid 1px #d4d4d4;
	height: 43px;
	line-height: 43px;
	background-color: #f6f6f6;
	border-radius: 3px;
	font-size: 14px;
	color: #44a3da;
	text-align: center;
	cursor: pointer;
}


.footer{
	width: 100%;
	 padding: 0;
	 background-color: #f1f1f1;
}
.footer .footer-bot{
	width: 1200px;
	margin: 0 auto;
	padding-top:32px;
}
.footer .footer-bot span{
	display: block;
	font-size: 14px;
	color: #898989;
	margin-top: 5px;
}
.footer .footer-bot i{
	display: inline-block;
	margin-top: 25px;
}
.footer .footer-bot em{
	display: inline-block;
	font-size: 14px;
	color: #898989;
	line-height: 24px;
	margin-left: 7px;
}
.footer .footer-bot a,
.footer .footer-bot em{
	display: inline-block;
	font-size: 14px;
	color: #4e4e4e;
}
.footer-mod a{
	color: #898989!important;
}
.footer .footer-bot a{
	margin-right: 5px;
}
.footer .footer-bot a:hover{
	color: #00aaff!important;
}

.rigster{
	width: 100%;
	height: 699px;
	background:#FFF url("../images/bg-register.png") no-repeat top center;
	border-top:solid 1px #dbdbdb;
}
.register-box{
	width: 348px;
	margin:10px auto 0;
}
.register-box .register-title{
	font-size: 30px;
	color: #4f4f4f;
	text-align: center;
	margin-bottom: 25px;
}
.register-box input[type="text"],
.register-box input[type="password"]{
	width: 326px;
	border:solid 1px #d4d4d4;
	background-color: #f6f6f6;
	border-radius: 3px;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 14px;
	color: #454545;
}
.register-box input[type="text"]:hover,
.register-box input[type="password"]:hover,
.register-box input[type="text"]:focus,
.register-box input[type="password"]:focus{
	border-color: #44a3da
}
.register-box div{
	margin-bottom: 18px;
	width: 100%;
	position: relative;
}
.register-box .areaCode{
	display: inline-block;
	float: left;
	width: 50px;
	border:solid 1px #d4d4d4;
	border-right: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #f6f6f6;
	font-size: 14px;
	color: #454545;
}
.register-box input.code-input{
	float: left;
	width: 275px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.register-box input.error{
	border-color: #f15532!important;
	background-color: #feeeeb;
	color: #454545!important;
}
.register-box input.yzm-input{
	float: left;
	width: 179px;
}
.register-box .btn-yzm{
	float: right;
	width: 134px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background:#00aafc;
	font-size: 14px;
	color: #FFF;
}
.retrieve-item input[type="checkbox"]{
	float: left;
	width: 16px;
	height: 16px!important;
	border:solid 1px #d4d4d4;
	background-color: #FFF;
	margin:1px 0;
	float: left;
}
.retrieve-item p.agreeText{
	font-size: 13px;
	color: #5c5c5c;
	height: 18px;
	line-height: 18px;
	margin-left: 3px;
	float: left;
}
.retrieve-item p.agreeText > a{
	display: inline-block;
	color: #44a3da;
}
.retrieve-item .btn-register{
	display: inline-block;
	width: 348px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	background:#00aafc;
	margin-top: 5px;
}
.retrieve-item .btn-register-login{
	display: inline-block;
	font-size: 14px;
	color: #44a3da;
	margin-top: 25px;
}

.retrieve-item .register-error{
	display: inline-block;
	font-size: 14px;
	position: absolute;
	left: 360px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	color: #f15532;
	top: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #9d9d9d;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #9d9d9d;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #9d9d9d;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #9d9d9d;   
}

#mz_Float{position: absolute;z-index: 1000;top: 0;right:-290px;display: none;height:auto;width:280px;

	margin-bottom:0!important;}
.i_icon{
	background-position: 0px -96px;
	background-image: url("/static/images/elements.png");
	background-repeat:  no-repeat;
	display: inline-block;
	width: 10px;
	height: 15px;
	position: absolute;
	left: -10px;
	margin-top: -5px;
	top: 50%;
}
.bRadius2 {
	border-radius: 2px;
	outline: medium none;
	margin: 0;
	border: solid 1px #ebebeb;
	padding: 5px 15px;
	width: 250px!important;
	margin-bottom:0!important;
}

.error2{display: none;margin-left: 0px;margin-bottom: 20px;color: red;float: left;}

.retrieve-box{
	width: 100%;
	background-color: #FFF;
	height: 649px;
    background: #FFF url("../images/bg-register.png") no-repeat top center;
    border-top: solid 1px #dbdbdb;
    padding-top: 50px;
}
.retrieve-box .title{
	width: 868px;
	margin: 0 auto
}
.retrieve-box .title > div{
	padding-left: 310px;
	position: relative;
	height: 26px;
	float: left;
}
.retrieve-box.register .title > div{
	padding-left: 275px;
}
.retrieve-box .title span,
.retrieve-box .title em{
	display: inline-block;
	float: left;
}
.retrieve-box .title span{
	font-size: 14px;
	color: #FFF;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #c1c1c1;
	border-radius: 30px;
	margin-right: 10px;
}
.retrieve-box .title div em{
	font-size: 14px;
	color: #696969;
	height: 26px;
	line-height: 26px;
}
.retrieve-box .title div.active span{
	background-color: #00aaff;
}
.retrieve-box .title div.active em{
	color: #00aaff
}
.retrieve-box .title > div:before{
	content: "";
	height:1px;
	width:300px;
	background-color: #dbdbdb;
	position: absolute;
	left: 4px;
	top:12px;
	display: block;
}
.retrieve-box.register .title > div:before{
	width: 266px;
}
.retrieve-box .title > div.active:before{
	background-color: #00aaff;
}
.retrieve-box .title > div:first-child{
	padding-left: 0;
}
.retrieve-box .title > div:first-child:before{
	display: none;
}
.retrieve-box .retrieve-item{
	padding-top: 35px;
}
.retrieve-box .retrieve-item .retrieve-item-form{
	width: 365px;
	margin: 80px auto 0;
}
.retrieve-box .retrieve-item .retrieve-item-form input{
	border:solid 1px #d4d4d4;
	background-color: #f6f6f6;
	height: 42px;
	padding:0 20px;
	border-radius: 3px;
	margin-bottom: 15px;
	font-size: 14px;
}
.retrieve-box .retrieve-item .retrieve-item-form input.retrieve-long{
	width: 323px;
}
.retrieve-box .retrieve-item .retrieve-item-form input.retrieve-yzm{
	float: left;
	width: 159px;
}
.retrieve-item-form .btn-yzm{
	width: 149px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	font-size: 14px;
	color: #FFF;
	background-color: #00aafc;
	border-radius: 2px;
	float: right;
	display: inline-block;
	cursor: pointer;
}
.retrieve-box .retrieve-item .retrieve-item-form .refresh{
	display: inline-block;
	float: left;
	margin-top: 13px;
	cursor: pointer;
}
.retrieve-box .retrieve-item .retrieve-item-form .button-group{
	margin-top: 20px;
}
.retrieve-box .retrieve-item .retrieve-item-form .button-group a{
	display: inline-block;
	float: left;
	width: 170px;
	height: 46px;
	border:solid 1px #d4d4d4;
	background-color: #FFF;
	font-size:20px;
	color: #696969;
	text-align: center;
	line-height: 46px;
	border-radius: 3px;
}
.retrieve-box .retrieve-item .retrieve-item-form .button-group a:hover{
	border-color: #00aaff;
	color: #00aaff
}
.retrieve-box .retrieve-item .retrieve-item-form .button-group a.next{
	background-color: #00aaff;
	color: #FFF;
	border-color: #00aaff;
}
.retrieve-box .retrieve-item .retrieve-item-form .button-group a:first-child{
	margin-right: 20px;
}
.retrieve-box .retrieve-item .correct-tip{
	margin-top: 60px;	
	text-align: center;
}
.retrieve-box .retrieve-item .correct-tip span{
	display: inline-block;
	font-size: 24px;
	color: #4f4f4f;
	padding-left: 54px;
	background: url("../images/correct.png") no-repeat left center;
	height: 42px;
	line-height: 42px;
}
.retrieve-box .retrieve-item .correct-tip em{
	display: block;
	font-size: 14px;
	color: #4f4f4f;
	margin: 50px 0;
}
.retrieve-box .retrieve-item .correct-tip a.button-login{
	display: inline-block;
	width: 172px;
	height: 48px;
	background-color: #44a3da;
	color: #FFF;
	border-radius: 3px;
	line-height: 48px;
	font-size: 20px;
}

.content .business-box{
	width: 910px;
	margin: 70px auto 0;
}
.content .business-box .business-box-title{
	padding-left: 38px;
	height: 30px;
	line-height: 30px;
	background: url("../images/successed.png") no-repeat left center;
	font-size: 16px;
	color: #5c5c5c;
	margin-bottom: 28px;
}
.content .business-box .business-box-title em{
	display: inline-block;
	color: #36b638;
}
.content .business-box .business-list ul li{
	float: left;
	width: 104px;
	height: 110px;
	border:solid 1px #cccccc;
	background-color: #f5f8fa;
	text-align: center;
	margin: 0 14px 18px;
	cursor: pointer;
}
.content .business-box .business-list ul li img{
	margin-top: 20px;
}
.content .business-box .business-list ul li span{
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #888888;
}
.content .business-box .business-list ul li:nth-child(8n+8){
	margin-left: 0;
}
.content .business-box .business-list ul li:nth-child(7n+7){
	margin-right: 0;
}
.content .business-box .business-list ul li:first-child{
	margin-left: 0;
}
.content .business-box .business-list ul li:hover{
	background-color: #FFF;
	border-color:#fc6907;
	box-shadow: 3px 0 8px rgba(203,82,1,.21)
}
.content .business-box .business-list ul li.active{
	background: #FFF url("../images/business-down.png") no-repeat bottom right;
	border-color:#fc6907;
	box-shadow: 3px 0 8px rgba(203,82,1,.21)
}
.content .business-box .button{
	width: 166px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	color: #FFF;
	background-color: #44a3da;
	border-radius: 3px;
	display: inline-block;
	margin-top: 45px;
}
.content .business-box  .business-tip{
	font-size: 14px;
	color: #888888;
	margin-top: 15px;
}
.retrieve-box.register .retrieve-item{
	position: absolute;
	left: 50%;
	opacity: 0;
	min-width: 348px;
}