body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;display: block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
} 
body{
	font-family: "微软雅黑";
	font-size: 14px;
	min-height:620px;
	background:#2EA1F9;
	position:relative;
}
.login-warp{
	position: absolute;
	width: 100%;
	height: 100%;
}
.login{
	height: 600px;
	width: 1000px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -300px;
}
.login-warp .captitle{
	margin-top:20px;
	height:36px;
	line-height: 36px;
	color:#fff;
	width:100%;
}
.login-warp .captitle h1{
	height:36px;
	width:82px;
	background:url(../images/logo-icon.png) no-repeat left center;
	float:left;
}
.login-warp .captitle span{
	display:inline-block;
	font-size: 28px;
	color:#fff;
	margin-top:2px;
}
.login-warp .captitle span:first-of-type{
	margin-left:10px;
	padding-right:10px;
}
.login-warp .captitle span:last-of-type{
	border-left:1px solid #fff;
	padding-left:10px;
}

.login .login-frame{
	width:380px;
	height:380px;
	background: #82c7fb;
	float: right;
	margin-right: 42px;
	margin-top: 70px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	-webkit-animation: move 1s ease-out;
	-moz-animation: move 1s ease-out;
	animation: move 1s ease-out;
}
.login .login-frame:hover{
	box-shadow: 1px 1px 20px #333;
}
.login-frame .title{
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.login-frame .group{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height: 48px;
	width: 338px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	margin-bottom: 20px;
	background:#fff;	
}
.login-frame .group-yzm{
	width: 168px;
	margin-left: 20px;
	margin-bottom: 0;
}
.login-frame .group .group-ico{
	display: block;
	float: left;
	width: 48px;
	height: 48px;
}
.login-warp .bottom-font{
	position: absolute;
	bottom:0px;
	font-size: 14px;
	color:#fff;
	text-align:center;
	line-height: 30px;
	width:100%;
}
.login-warp .bottom-font p{
	width:100%;
	line-height: 24px;
}
span.ico-user{
	background: url(../images/ico-user2.png) no-repeat center center;
}
span.ico-password{
	background: url(../images/ico-password2.png) no-repeat center center;
}
span.ico-yzm{
	background: url(../images/ico-yzm2.png) no-repeat center center;
}
.login-frame .group input.input-text{
	margin-top: 1px;
	height: 46px;
	width: 280px;
	line-height:46px;
	font-size: 14px;
	font-family: "微软雅黑";
	border: none;
	outline-style: none;
}
.login-frame .group input.input-yzm{
	margin-top:1px;
	height: 46px;
	width: 110px;
	line-height: 46px;
	font-size: 14px;
	font-family: "微软雅黑";	
	border: none;
	outline-style: none;
}
.login-frame .yzm-code{
	position: absolute;
	top: 206px;
	right: 20px;
	width:150px;
	height: 48px;
}
.login-frame .yzm-code .img-code{
	width: 88px;
	height: 48px;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	float: left;
}
.login-frame .yzm-code .img-code img{
	width: 88px;
	height: 48px;
}
.login-frame .yzm-code .btn-code{
	cursor: pointer;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 14px;
	
}
.login-frame .btn-sub{
	height: 50px;
	width: 340px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 3px;
	background: #2ea1f9;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 16px;
	cursor: pointer;
	margin-top:10px;
}

.login-frame .error{
	text-align: center;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 40px;
	height: 30px;
	color:red;
	margin-top:10px;
}
.selected{
	border: 1px solid #4380f5!important;
}
@-webkit-keyframes move{
	 0%{
		margin-right: 0;
	}
	 100%{
		margin-right: 40px;
	}
}
@-moz-keyframes move{
	 0%{
		margin-right: 0;
	}
	 100%{
		margin-right: 40px;
	}
}
@eyframes move{
	 0%{
		margin-right: 0;
	}
	 100%{
		margin-right: 40px;
	}
}
@-webkit-keyframes icon{
	 0%{
		left: 200px;
	}
	 100%{
		left: 398px;
	}
}
@-moz-keyframes icon{
	  0%{
		left: 200px;
	}
	 100%{
		left: 398px;
	}
}
@eyframes icon{
	 0%{
		left: 200px;
	}
	 100%{
		left: 398px;
	}
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}
@-moz-keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation: shake 1s ease-out;
	-moz-animation: shake 1s ease-out;
	animation: shake 1s ease-out;
}