@charset "utf-8";
/* CSS Document */
html,body{ height: 100% !important; font-family: "微软雅黑"; font-size: 14px;}
input[type="text"],input[type="password"],select{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;/* width: 98% !important; */height: 44px !important; font-family: "微软雅黑"; font-size: 14px;}
/*login登录界面开始*/
.login-bg{ background:url("../images/login_bg.png"); background-size:100% 100%; position: relative; display: block;}
.login{ display: block; width:442px; position: absolute; top:50%; left: 50%; margin-top:-230px; margin-left:-221px; background:#f2f5fa; box-shadow: 0 0 10px rgba(107,107,107,.2);border-radius:5px; z-index: 2;  
	/* -webkit-animation:mymove 3s ease-out;
	-moz-animation:mymove 3s ease-out;
	-ms-animation:mymove 3s ease-out;
	-o-animation:mymove 3s ease-out;
	animation: mymove 3s ease-out; */
	}
.header{height: 80px; border-radius:5px 5px 0 0; text-align: center; padding-top: 20px; line-height: 80px;}
.form{padding:20px 40px; border-bottom: 1px solid #FFF;}
.form-name{ overflow: hidden; margin: 10px 0; width:100%;}
.form-name:after{ clear: both; }
.form-name div{ background:#e3e8ee; }
.form-name span{ font-size: 18px; color: #666;}
.nameImg{ float:left; border-right: 1px solid #FFF;width:44px; height: 44px; text-align: center; line-height: 44px;}
.nameIpu{ float:left;}
.nameIpu input{ height: 30px; width:301px; line-height: 30px; padding: 7px 3px; border:0; background:#e3e8ee;text-indent: 10px; letter-spacing: 1px;}
.nameIpu input:hover{ background:#ebeff4; }
.form-name .code input{ width:160px; }
.form-name .random{ margin-left:10px; margin-top:7px; }
/* .form-name .random img{width:90px; height:30px;} */
.form-name .random span{ width:86px; height: 44px; background:#e3e8ee; display: block; text-align: center; line-height: 37px;}
.form-name .random span i{ font-size:20px; }
.form-name .rotate{ background:none; border:none; cursor: pointer;}
.btn input{ width: 100%; height: 44px;-webkit-appearance: none; line-height: 44px; background:#14b9d6; border:none; letter-spacing: 2px; color: #FFF; cursor: pointer; font-size:16px;}
.link{ text-align: center; color: #9ea4b0; padding: 20px 40px;}
.link p{ font-size:13px !important; line-height: 22px;}
.link .p2{ text-align:right;}
.link span{ white-space: nowrap; margin:0 5px;}
.link .link-Email{ font-family: "Calibri";}
.link p{ font-family: "Calibri";}
.link .p2 span{ color: #F00; }
/*.form-name .rotate:hover{ transform: rotate(360deg); transition: all ease 0.5s;}*/
/* @keyframes mymove{
	0%{ top:-500px; }
	100%{ top: 50%;}
}
@-webkit-keyframes mymove{
	0%{ top:-500px; }
	100%{ top: 50%;}
}
@-moz-keyframes mymove{
	0%{ top:-500px; }
	100%{ top: 50%;}
}
@-ms-keyframes mymove{
	0%{ top:-500px; }
	100%{ top: 50%;}
}
@-o-keyframes mymove{
	0%{ top:-500px; }
	100%{ top: 50%;}
} */
/*PC登录界面结束*/

@media all and (max-width: 450px){
	   .login-bg{ background:#eff3f6; position: relative; display: block;}
	   .login{ width:100%; background:#f2f5fa;position: absolute; top:50%; left:0; margin-top: -243px; margin-left: 0px;  box-shadow: 0 0 10px rgba(107,107,107,.2);border-radius:5px; z-index: 2;
		/* -webkit-animation:mymove 3s ease-out;
		-moz-animation:mymove 3s ease-out;
		-ms-animation:mymove 3s ease-out;
		-o-animation:mymove 3s ease-out;
		animation: mymove 3s ease-out; */
		}
	.header{ background:#323a45; height: 80px; border-radius:5px 5px 0 0; text-align: center; padding-top: 20px; line-height: 80px;}
	.header img{ width: 50%; }
	.form{padding:20px; border-bottom: 1px solid #FFF;}
	.form-name{ overflow: hidden; margin: 10px 0; width:100%;}
	.form-name:after{ clear: both; }
	.form-name div{ background:#e3e8ee; }
	.form-name span{ font-size: 18px; color: #666;}
	.nameIpu{ float:left; width:78%;}
	.nameIpu input{ height: 30px; width:100%; line-height: 30px; padding: 7px 3px; border:0; background:#e3e8ee;text-indent: 10px; letter-spacing: 1px; border-radius: 0px;}
	.nameIpu input:hover{ background:#ebeff4; }
	.form-name .code{ width:32%; }
	.form-name .code input{ width:100%; }
	.btn input{ border-radius: 0px; }
	.form-name .random{ margin:0 5%; background:#e3e8ee;width: 27%}
	.form-name .random span{ width:100%; height: 44px; background:#e3e8ee; display: block; text-align: center; line-height: 37px;}
	.form-name .random span i{ font-size:20px; }
	.form-name .rotate{ background:none; border:none; cursor: pointer; width:10%;}
	.form-name .rotate img{ width: 100%; }
	.link{ text-align: center; color: #9ea4b0;}
	.link p{ font-size:13px !important; line-height: 22px;}
	.link span{ display: inline-block;}
	.link .link-Email{ font-family: "Calibri";}
	.link p{ font-family: "Calibri";}
	.link .p2{ text-align:center;}
	.link .p2 span{ color: #F00; }
	/* @keyframes mymove{
		0%{ top:-500px; }
		100%{ top: 50%;}
	}
	@-webkit-keyframes mymove{
		0%{ top:-500px; }
		100%{ top: 50%;}
	}
	@-moz-keyframes mymove{
		0%{ top:-500px; }
		100%{ top: 50%;}
	}
	@-ms-keyframes mymove{
		0%{ top:-500px; }
		100%{ top: 50%;}
	}
	@-o-keyframes mymove{
		0%{ top:-500px; }
		100%{ top: 50%;}
	} */
}
/*移动登录界面结束*/