@charset "utf-8";
body{
	/* background-color: #f8f8f8; */
	background: url("/Hall/portal/image/login/city.png") no-repeat #f8f8f8 bottom;
	height: 100vh;
	*height: 700px;
}
.header{
	height: 130px;
	line-height: 130px;
	border-bottom: 1px solid #e4e4e4;
	background-color: #fff;
}
.header-con,.content{
	width: 80%;
    margin: 0 auto;
}
.content{
	position: relative;
}
.login-bg{
	width: 60%;
	height: 503px;
}
.login-bg img{
	width: 100%;
	margin-top: 60px;
}
.login-box{
	width: 26%;
	background-color: #fff;
	border-bottom: 1px solid #6281b7;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 100;
    -webkit-box-shadow:0 0 10px rgba(72, 72, 72, .5);  
  	-moz-box-shadow:0 0 10px rgba(72, 72, 72, .5);  
  	box-shadow:0 0 10px rgba(72, 72, 72, .5);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=10, Color='#484848')";
    *border:1px solid #e4e4e4;
}
.login-title{
	font-size: 24px;
	margin-bottom: 40px;
}
.input-box,.user-cap{
	height: 45px;
	line-height: 45px;
	border: 1px solid #cfcfcf;
	margin-bottom: 28px;
	width: 100%;
}
.user-cap{
	width: 45%;
	padding-left: 10px;
	margin-bottom: 0;
	vertical-align: middle;
}
.input-box img{
	float: left;
	width: 45px;
	height: 45px;
	vertical-align: top;
}
.user-input,.user-password{
	float: left;
	width:calc(100% - 55px);
	*width: 70%;
	height: 45px;
	line-height: 45px;
	border: none;
	padding-left: 10px;
	font-size: 14px;
	font-family: '微软雅黑';
}
.user-input:focus,.user-password:focus{
	outline: none;
}
#captchaImage{
	width: 30%;
	margin-left: 2%;
}
.user-agreement {
    height: 30px;
    line-height: 30px;
}
.btn-submit{
	width: 100%;
	height: 45px;
	background-color: #3193e8;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 18px;
	border: 0;
}
.btn-submit:hover{
	background-color: #63aff3
}
.footer{
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: fixed;
	bottom: 0;
}
.footer p{
	text-align: center;
}