html{*overflow:auto;}
body{ font-family:'微软雅黑';background: #2074bb;}
#container{ position:relative; background:url(../images/login_light.png) no-repeat center center;}
#bd{}
.login{
	margin: 0 auto;
	padding-top: 15px;
	width: 640px;
	height: 435px;
	background: url(../images/login_pro.png);
}
.login .login-top{ margin:0 auto; width:590px; height:161px; background:url(../images/login_img.png);}
.login .login-top h1{ height:161px; margin-left:157px; background:url(../images/clasp.png) no-repeat left center;}
.login .login-input{ margin-top:21px; padding-left:165px;}
.login .login-input p{ margin-top:11px; line-height:39px;}
.login .login-input p label{ float:left; text-align:right; width:51px; color:#000000; font-size:16px; }
.wbk{ padding:0 0 0 49px; margin-left:16px; width:244px; height:39px;line-height:39px\0; *line-height:39px; border:none; outline:none; }
.wbyz{ padding:0 0 0 49px; margin-left:16px; width:126px; height:39px;line-height:39px\0; *line-height:39px; border:none; outline:none; background:url(../images/login_yzm.png)}
.login .login-input p.user input{ background:url(../images/login_user.png);}
.login .login-input p.password input{ background:url(../images/login_password.png);}
.login .login-btn{
	margin-top: 18px;
	padding-left: 0px;
	line-height: 38px;
}
.login .login-btn .btn{ float:left; width:117px; height:39px; background:url(../images/login_btn.png);  color:#fff; text-align:center; font-size:16px;font-family:'微软雅黑';}
.login .login-btn .remember{ float:left; width:80px; position:relative; margin-left:22px;}
.login .login-btn .remember em{ float:left; width:18px; height:38px; background:url(../images/login_check.png) no-repeat left center;}
.login .login-btn .remember input{ position:absolute; height:16px; width:18px; top:11px; left:0; margin:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.login .login-btn .remember label{ float:left; line-height:36px; margin-left:6px; color:#000000; font-size:14px; cursor:pointer;}
.login .login-btn .remember input[type="checkbox"]:checked ~ em,.login .login-btn .remember.checked em{ background:url(../images/check-select.png) no-repeat left center;}
/*验证码*/
.login1{ margin:0 auto; padding-top:15px; width:640px; height:460px; background:url(../images/login_pro1.png) no-repeat;}
.login1 .login-top{ margin:0 auto; width:590px; height:161px; background:url(../images/login_img.png);}
.login1 .login-top h1{ height:161px; margin-left:27px; background:url(../images/login_logo.png) no-repeat left center;}
.login1 .login-input{ margin-top:21px; padding-left:165px;}
.login1 .login-input p{ margin-top:11px; line-height:39px;}
.login1 .login-input p label{ float:left; text-align:right; width:51px; color:#000000; font-size:16px; }
.login1 .login-input p input{ padding:0 0 0 49px; margin-left:16px; width:195px; height:39px;line-height:39px\0; *line-height:39px; border:none; outline:none; }
.login1 .login-input p.user input{ background:url(../images/login_user.png);}
.login1 .login-input p.password input{ background:url(../images/login_password.png);}
.login1 .login-btn{ margin-top:18px; padding-left:232px; line-height:38px;}
.login1 .login-btn .btn{ float:left; width:117px; height:39px; background:url(../images/login_btn.png);  color:#fff; text-align:center; font-size:16px;font-family:'微软雅黑';}
.login1 .login-btn .remember{ float:left; width:80px; position:relative; margin-left:22px;}
.login1 .login-btn .remember em{ float:left; width:18px; height:38px; background:url(../images/login_check.png) no-repeat left center;}
.login1 .login-btn .remember input{ position:absolute; height:16px; width:18px; top:11px; left:0; margin:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.login1 .login-btn .remember label{ float:left; line-height:36px; margin-left:6px; color:#000000; font-size:14px; cursor:pointer;}
.login1 .login-btn .remember input[type="checkbox"]:checked ~ em,.login .login-btn .remember.checked em{ background:url(../images/check-select.png) no-repeat left center;}
.login1 .login-input p.yzm input{ background:url(../images/login_yzm.png);}

#ft{ position:absolute;left:0;right:0;bottom:40px; color:#10486b; text-align:center; z-index:2;}
.btn-b {
	background-image: linear-gradient(to bottom, #66C2FF 0, #33ADFF 100%);
	border-color: #0099FF;
	background-color: #66C2FF\9;
}
.btn-b:hover, .btn-b:focus {
	background-color: #33ADFF;
}
.btnbox {
	text-align: center;
	padding: 10px 0 0;
}
.clbtn {
	width: 50%;
	color: #FFF;
	padding: 6px 0;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
	background-repeat: repeat-x;
}
.clbtn:hover, .clbtn:focus {
	background-position: 0 -15px;
}