section {
	width: 1200px;
	margin: 0 auto;
	height: 675px;
}
.pic{
	width: 590px;
	height: 675px;
	float: left;
	position: relative;
}
.pic img{
	position: absolute;
	right: 0;top: 50%;
	transform: translateY(-50%);
}

.loginBox{
	width: 600px;
	float: right;
	height: 675px;
	background: url(../imgs/login/loginBook.png) no-repeat left center;
}
.title{
	height: 78px;width: 407px;
	text-align: center;
	padding-top: 122px;
}
.title h1{
	font-size: 34px;
	line-height: 50px;
	width: 100%;
	height: 50px;
}
.title span{
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	display: block;
}

.login{
	width: 327px;
	height: 201px;
	margin-left: 61px;
	text-align: center;
	position: relative;
}
.login .remind{
	font-size: 14px;
	/*color: #0082b6;*/
	color: #AFEEEE;
	line-height: 40px;
	display: block;
	height: 40px;
}
.login div{
	width: 240px;
	height: 36px;
	border: 1px solid #333;
	border-radius: 18px;
	margin: 0px auto 16px;
	position: relative;
}
.login div input{
	width: 175px;
	height: 36px;
	line-height: 36px;
	float: left;
	margin-left: 20px;
	outline: medium;
}
.username i,.password i{
	width: 22px;
	height: 22px;
	background: url(../imgs/login/no.png) no-repeat center;
	float: right;
	position: absolute;
	right: 13px;top: 7px;
	cursor: pointer;
}
.password i{
	background: url(../imgs/login/eye.png) no-repeat center;
}
.loginBtn{
	outline: medium;
	cursor: pointer;
	width: 240px;
	height: 36px;
	background-color: #0082b6;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	margin: 0 auto;
	border-radius: 18px;
}
.loginBtn:hover{
	box-shadow: inset 0 15px 25px 0 rgba(255,255,255,.2); 
}

/*-------激活按钮--------*/
.loginBox .login #activate{
	width: 50px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: -30px;
	border: 1px solid red;
	border-radius: 8px;
	color: red;
	cursor: pointer;
}
#hintCon{
	color: #0082b6;
	width: 100%;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}