@keyframes lx{
	0%{transform: rotate(20deg) translateX(0px);opacity: 1;}
	30%{transform: rotate(20deg) translateX(500px);opacity: 1;}
	31%{transform: rotate(20deg) translateX(500px);opacity: 0;}
	100%{transform: rotate(20deg) translateX(500px);opacity: 0;}
}
@-moz-keyframes lx{
	0%{transform: rotate(20deg) translateX(0px);opacity: 1;}
	30%{transform: rotate(20deg) translateX(500px);opacity: 1;}
	31%{transform: rotate(20deg) translateX(500px);opacity: 0;}
	100%{transform: rotate(20deg) translateX(500px);opacity: 0;}
}
@-ms-keyframes lx{
	0%{transform: rotate(20deg) translateX(0px);opacity: 1;}
	30%{transform: rotate(20deg) translateX(500px);opacity: 1;}
	31%{transform: rotate(20deg) translateX(500px);opacity: 0;}
	100%{transform: rotate(20deg) translateX(500px);opacity: 0;}
}
@-webkit-keyframes lx{
	0%{transform: rotate(20deg) translateX(0px);opacity: 1;}
	30%{transform: rotate(20deg) translateX(500px);opacity: 1;}
	31%{transform: rotate(20deg) translateX(500px);opacity: 0;}
	100%{transform: rotate(20deg) translateX(500px);opacity: 0;}
}
body{
	display: none;
}
.empty-top{
	height: 40px;
}
.container{
	min-width: 1200px;
	background-image: linear-gradient(90deg,
	#5c8bff 0%,
	#65caff 100%);
	height: 100%;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8bff', endColorstr='#65caff',GradientType=0 );
}
.header{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.logo{
	float: left;
}
.linkTo{
	overflow: hidden;
	float: right;
}
.linkTo div{
	float:right;
	font-size: 16px;
	color:#fff;
	line-height: 33px;
}
.linkTo div:not(:first-child){
	margin-right: 87px;
}
.footer{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2em;
	text-align: center;
	color:#fff;
	font-size: 14px;
}
.login-container{
	position: relative;
	width: 560px;
	height: 375px;
	margin: 0 auto;
}
.forgetBox{
	width: 460px;
	height: 360px;
	margin: 0 auto;
	background-color: #f3f6ff;
	box-shadow: 0px 0px 5px 0px
	rgba(38, 104, 255, 0.66);
	position: relative;
	z-index: 20;
	box-shadow: 1px 1px 1px #00B7EE;
}
.box-content{
	overflow: hidden;
	position: relative;
	margin-left: 40px;
}
.empty-title{
	height: 20px;
}
.boxTitle{
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 2px;
	color: #888888;
}
.content-input input{
	margin-left: 15px;
	margin-right: 20px;
	padding-left: 5px;
	width: 220px;
	height: 36px;
	font-size: 14px;
	font-family: "微软雅黑";
	letter-spacing: 2px;
}
.content-input a{
	font: 14px "微软雅黑";
	color: #008be6;
	cursor: pointer;
}
.border-blue{
	border: 1px solid #5db4cf;
}
.content-input{
	margin-top: 25px;
}
.content-button{
	width: 110px;
	height: 36px;
	background-color: #4593ff;
	border-radius: 10px;
	font: 16px/36px "微软雅黑";
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	margin-left: 55px;
	margin-top: 25px;
}
.lx li{
	width: 100px;
	position: absolute;
	background-image: linear-gradient(90deg,
	rgba(255,255,255,0) 0%,
	rgba(255,255,255,1) 100%);
	height: 2px;
	z-index: 1;
}
.content-input .code-active{
	font: 14px "微软雅黑";
	color: #008be6;
	cursor: pointer;
}
.content-input .code-default{
	font: 14px "微软雅黑";
	color: #999999;
	cursor: default;
}