body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;font-family: "微软雅黑"; -webkit-appearance: none;}
a{color:#2b2b2b; text-decoration:none}
body{ font-size:12px; background: url(../images/login-bg.jpg) repeat;}
img { border:0px;}

.whole{
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.title{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:36px;
	text-align:center;

	color:#fff;
}
.coordinates-icon{
	width:200px;
	height:140px;
	margin:20px auto;
	position:relative;
}
.coordinates{
	/*width:144px;*/
	/*height:190px;*/
	overflow:hidden;
	position:absolute;
	z-index:8;
	/*margin-left:134px;*/
	/*top:-60px;*/
}
.coordinates img{
	width:100%;
	height:auto;
}



.login-form{
	padding:5%;
}

.nws-item-login{display: flex;width: 92%;padding:10px;
	background-color: rgba(255,255,255,0.1);
}
.nws-item-login i{font-size:2rem;color:#fff}
.nws-item-login input{background: transparent!important;border: none;padding:2px;color: #fff;margin-left:5px;font-size:1.5rem;}
.nws-item-login input::placeholder{color: #fff}



.common-div{
	width:100%;
	height:50px;
	overflow:hidden;
	border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:40px;
}
.user-name,.user-pasw{
	background-color:rgba(255,255,255,0.1);
}
.common-div >.common-icon{
	float:left;
	width:44px;
	height:44px;
	overflow:hidden;
	margin:19px;
}
.common-div >.common-icon img{
	width:100%;
	height:auto;
}
.common-div >input{
	float:left;
	width:360px;
	height:44px;
	margin:19px 8px;
	background-color:transparent;
	border:none;
	outline:none;
	font-size:26px;
	color:#fff;
}
.common-div >input::placeholder{color:#fff}
.login-btn{
	background-color:#009688;
	color:#fff;
	font-size:28px;
	text-align:center;
	line-height:50px;
}
.forgets{
	width:458px;
	height:auto;
	margin:0 auto;
}
.forgets >a{
	color:#fff;
	opacity:0.2;
	font-size:24px;
}
.forgets >a +a{
	float:right;
}

/***layer css***/
.layui-m-layercont,.layui-m-layerbtn >span{
	font-size:24px !important;
}

/***动画***/
.topAct{
	animation:topAct 3s ease-in-out infinite;
	-webkit-animation:topAct 3s ease-in-out infinite;
	-moz-animation:topAct 3s ease-in-out infinite;
	-o-animation:topAct 3s ease-in-out infinite;
	-ms-animation:topAct 3s ease-in-out infinite;
}
@keyframes topAct
{
	0% {top:-60px;}
	50% {top:0px;}
	100%{top:-60px;}
}
@-webkit-keyframes topAct
{
	0% {top:-60px;}
	50% {top:0px;}
	100%{top:-60px;}
}
@-moz-keyframes topAct
{
	0% {top:-60px;}
	50% {top:0px;}
	100%{top:-60px;}
}