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


html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
	margin: 0;
	padding: 0;
}
*{box-sizing: border-box;}
html, body {
	min-height: 100%;
	height: 100%;
	width: 100%;
}

/*背景信息*/
.login-bg {
	background: url(/static/images/login/bg.png) no-repeat center;
	background-size: cover;
	padding-top: 8%;

}
.login-box{
	/*width:50%;*/
	/*height:60%;*/
	width:880px;
	height:500px;
	margin: 0 auto;
	background: url(/static/images/login/bg_login.png) no-repeat center;
	background-size: 100% 100%;
	padding:1%;
}
.content-left,.content-right{
	height:100%;
	float: left;
	padding:8%;

}
.content-left{
	width:60%;
	color:#ffffff;
	text-align: right;
}
.project-title{
	font-size:32px;
	margin-top:70%;
	font-weight: bold;
}
.title-line{
	border-top: 1px solid #ffffff;
	width: 70%;
	float: right;
	margin:5px 0;
}
.clear-fix{
	clear: both;
}
.sub-title{
	font-size:14px;
}
.content-right{
	width:40%;
	padding-top:10%;
}
.login-title{
	text-align: center;
	font-size:24px;
	color:#333333;
}
.login-title-line{
	width:40%;
	margin:0 auto;
	border:1px solid #5575e4;
}

.error-tip{
	color:#55e0c3;
}
.form-item{
	margin:10px 0;
}
.form-item input{
	width:100%;
	border:none;
	border-bottom:1px solid #999999;
	line-height:30px;
	font-size:14px;
	outline: none;
	padding-left:15%;

}

.form-item-user{
	background: url(/static/images/login/ic-user-gray.png) no-repeat left;
}
.form-item-password{
	background: url(/static/images/login/ic-password-gray.png) no-repeat left;
}
.form-item-code{
	background: url(/static/images/login/ic-verification-gray.png) no-repeat left;
}

.formItemActive{
	color:#5575e4;
	border-bottom:1px solid #5575e4 !important;
}
.userActive{
	background: url(/static/images/login/ic-user-blue.png) no-repeat left;
}
.passwordActive{
	background: url(/static/images/login/ic-password-blue.png) no-repeat left;
}
.codeActive{
	background: url(/static/images/login/ic-verification-blue.png) no-repeat left;
}

.ver-code-box{
	margin:10% 0 20% 0;
	white-space: nowrap;
}

.ver-code-box img{
	height:40px;
	width:auto;
	cursor:pointer;
}
.ver-code-box span{
	font-size:12px;
	color:#55e0c3;
	cursor:pointer;
}
.login-btn{
	width:100%;
	font-size:18px;
	letter-spacing:5px;
	padding:6px;
	color:#ffffff;
	background-color:#5575e4;
	border:none;
	box-shadow: rgba(85,117,228,0.5) 0 10px 18px;
	cursor:pointer;
}