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


/*登录界面*/
.login_top{ height: 90px; padding-bottom: 10px; background:#fff url(../images/navshadow.jpg)  repeat-x left bottom; }
.login_top .logo{ float: left; margin:18px 80px 0 0;}
.login_top .logo img {
    width: 219px;
    height: 50px;
}
.login_top .logo a{ display: block; }
.login_top .logo span{ font-size: 26px; color: #4d4d4d; position: relative; top: 12px; margin-left: 20px; display: block;}
.login_bg{ background:url(../images/loginbg.jpg) no-repeat center; height: 500px;}

.loginbox{ background: #fff; height: 380px; width: 360px; margin:50px 0; padding: 10px 20px;}
.loginbox h2 { height: 35px; line-height: 35px;color: #262626;
    font-weight: bold;}
.loginbox h2 span{ cursor: pointer;font-weight: normal;}
.logindown{ position: absolute; right: 0px; top: 35px; background: #fff; border: 1px solid #d4d4d4;
display: none; z-index: 15;}
.logindown a{ display:block; padding:0px 4px; text-align: center; font-size: 12px; height: 25px; line-height: 25px;}
.logindown a:hover{ background:#ccc}



.login_input{width: 300px; margin:50px  auto 0 auto; height:290px;}

.login_input .login_one{ display: none; height:70px;}

.login_input .login_div{ height: 38px;width:300px; line-height: 40px; border-radius: 5px; margin-bottom: 10px;border: 1px solid #d9d9d9;}
.login_input .login_div i{ width: 34px; height: 34px; display: block; float:left;margin:2px;}
.login_input .tel i{background:#f2f2f2 url(../images/login_tel.png) no-repeat center; }
.login_input .pass{ margin-bottom: 7px;}
.login_input .pass i{background:#f2f2f2 url(../images/login_pass.png) no-repeat center;}
.login_input .login_yzm i{background:#f2f2f2 url(../images/login_yzm.png) no-repeat center;}
.login_sjm i{background:#f2f2f2 url(../images/login_sjm.png) no-repeat center;}
.login_input .txt,.login_input .txt2{height: 20px; line-height: 20px; padding: 9px 0;display: block;  
text-indent: 12px; border-radius: 0 5px 5px 0;
box-shadow: 0px 0px 1px #e0e0e0; }

#img-code{
	width:100px;
	height: 36px; line-height: 36px;border: none;float:right; border-radius:5px;
	color:#fff;box-shadow: 0px 0px 1px #e0e0e0;cursor: pointer;
	margin:2px;
}

#img-code img{ width:100px; height:36px; border-radius:5px;}

.login_input .txt3{height: 36px; line-height: 36px;border: none;display: block; 
	color:#fff;margin:2px;
box-shadow: 0px 0px 1px #e0e0e0; }
.login_input .txt{width: 262px; border:none;}
.login_input .txt2{width: 140px; border:none;}
.login_input .txt3{width: 100px; cursor: pointer; border:none;}
.login_input .login_yzm{ }
.login_input .login_yzm a{ display: block; float: right; width: 100px; border:1px solid #e0e0e0;box-shadow: 0px 0px 1px #e0e0e0;}

.login_input h3{ font-size: 14px; height:20px; line-height:20px; margin-left: 5px;overflow:hidden;position:relative;}
.login_input h3 input{ position: relative; vertical-align: middle;margin-right: 5px;}
.login_input h3 a:hover{ color: #ffa000}
.login_btn{ width: 300px; height: 40px; line-height: 35px; color: #fff; 	
font-size: 16px; letter-spacing：20px;text-align: center; border: none; margin-top: 35px; cursor: pointer;
background:#FDC46F;
background: -moz-linear-gradient(top,#fcb95b,#ff9500);/*ff Flock*/
background: -webkit-gradient(linear,left top,left bottom,from(#fcb95b),to(#ff9500));/*Safari Chrome*/
background: -o-linear-gradient(top,#fcb95b, #ff9500);/*Opera */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc46d,endColorstr=#FDC46F,grandientType=0);/*ie*/

}

.login_btn:hover{ background:#ff9500}


.icon{ background:url(../images/authCodeLogin.png) no-repeat; }
.iconR{ background:url(../images/passageLogin.png) no-repeat; }
.login_method{ width: 100%; bottom: 20px;left:0;}
.login_method b{ height: 1px; width: 100%; display: block; position: absolute; left: 0px; top: 17px;}
.login_method span{ font-size: 14px; background: #fff; width: 100px; display: block;text-align: center;
margin:0 auto; position: relative;z-index: 10; height: 35px; line-height: 35px; color:#333}
.login_method h4{background:url(../images/login_line.png) no-repeat center;font-size: 14px;
height:30px;width: 260px;margin: 0 auto;}
.login_method a,.login_method a i{  display: inline-block;height:20px; line-height: 20px; }
.login_method a i{ padding-left: 25px; }

.login_method a:hover{ color: #ffa000}

.login_input .tips,.login_alert .tips{ width: 298px; height: 28px; line-height: 28px; position: absolute;   display: none;
 color:#b20707;border:none;}
.login_input .tips i,.login_alert .tips i{ height: 18px; width: 18px; display: block; margin: 5px 5px 5px 10px;}
.login_input .error,.login_alert .error{ background:#fbebd2;}



/*下单登录界面*/
.login_alert{ width: 430px; height: 380px; background: #fff; position: fixed; top: 50%; left: 50%; margin:-200px 0 0 -250px;
z-index: 1000; display:none;}
.login_alert .login_alert_input{ width: 300px; margin:0 auto; position: relative;}
.login_alert h2{ font-size: 24px; text-align: center; padding:30px 0;}
.login_alert .login_close{position: absolute;
    right: 15px;
    top: 10px;
    width: 30px;
    height: 30px;
    background: url(../images/login_close.png) center no-repeat;}
.login_alert .login_alert_input{ height: 314px;}
.login_alert_input .login_one{ display: none; height: 50px; margin-top: 10px;}

.login_alert_input .login_div{ height: 40px; line-height: 40px;margin-bottom: 10px;
}
.login_alert_input .login_div i{ width: 40px; height: 40px; display: block; float:left;}

.login_input_border{border: 1px solid #e0e0e0;
box-shadow: 0px 0px 1px #e0e0e0; border-radius: 5px; }
.login_alert_input .tel i{background:#f2f2f2 url(../images/alert_login_tel.png) no-repeat center;
width: 38px;
    height: 38px;
    margin: 1px; }
.login_alert_input .pass i{background:#f2f2f2 url(../images/alert_login_pass.png) no-repeat center;
width: 38px;
    height: 38px;
    margin: 1px}
.login_alert_input .login_yzm i{background:#f2f2f2 url(../images/alert_login_yzm.png) no-repeat center;
width: 38px;
    height: 38px;
    margin: 1px;}

.login_alert_input .txt,.login_alert_input .txt2{height: 20px; line-height: 20px; padding: 10px 0; border: none;display: block;  
text-indent: 12px; border-radius: 0 5px 5px 0;}

.login_alert_input .txt3{height: 40px; line-height: 40px;border: none;display: block; 
	color:#fff; width: 110px; text-align: center; cursor: pointer;
}
.login_alert_input .txt{ width: 220px;}
.login_alert_input .txt2{width: 110px;}
.picCard{background:#f2f2f2 url(../images/login_yzm.png) no-repeat center;
width: 38px;
    height: 38px;
    margin: 1px;}
.login_alert_input .login_yzm{ }
.login_alert_input .login_yzm a{ display: block; float: right; width: 100px; border:1px solid #e0e0e0;box-shadow: 0px 0px 1px #e0e0e0;}
.login_yzm_group{ width: 180px;}


.login_alert_input .login_btn{ width: 300px; height: 40px; line-height: 40px; color: #fff; 	
font-size: 16px; text-align: center; border: none; margin-top: 20px;

background: -moz-linear-gradient(top,#ffc46d,#ff9500);/*ff Flock*/
background: -webkit-gradient(linear,left top,left bottom,from(#ffc46d),to(#ff9500));/*Safari Chrome*/
background: -o-linear-gradient(top,#ffc46d, #ff9500);/*Opera */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc46d,endColorstr=#ff9500,grandientType=0);/*ie*/

}

.login_alert_input .tips{ width:300px;}

/*底部*/
.login_footer-nav-list { text-align: center; padding-top:50px;}
.login_footnavbg{ padding:22px 0;}
.login_footer-nav-list a{ display: inline-block; vertical-align: top; font-size: 16px; color: #444344;
padding: 0 25px;}
.login_footerbottom{ padding-bottom:50px;

}

.login_footerbottom p{ color: #333; text-align: center; font-size: 16px; line-height: 1.8}
#ServerNum, #ServerNum p {
line-height: 1;
text-align: center;
color: #333;
}

.footerbottom .certs {
padding-bottom:10px;
text-align: center;
}
.border1{
	display:inline-block;
	width:178px;
	height:38px;
	border:1px solid #e0e0e0;
	border-radius:5px;
}
.iconError{
	background:url('../images/X.png');
	background-size:18px 18px;
}
.noBorder{
	border: none;
}
.common_top .footer-nav-list a{
	color:#666;
	border-right:1px solid #c7c7c7;
}