* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

a {
	text-decoration: none;
	font-size: 18px;
	color: #ffea00
}

img {
	border: none;
}

li {
	list-style: none outside none;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/login/bg.jpg) no-repeat center center;
	background-size: cover;
}

.canvas_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

.con{
	position: absolute;
	top: calc(50% + 90px);
	left: 50%;
	/* margin-left: -360px; */
	/* margin-top: -266.5px; */
	/* width: 720px; */
	/* height: 533px; */
	width: 576px;
	height: 426.4px;
	margin-top: -213.2px;
	margin-left: -288px;
}

.con .logo {
	position: absolute;
	display: block;
	width: 240px;
	height: auto;
	transform: translate(-50%, -100%);
	left: 50%;
	margin-top: -30px;
}

.con .box{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
}

.con input{
	position: absolute;
	font-family: '黑体';
	/* color: #0b6e67; */
	color: #000000;
	background: none;
	border: none;
	outline: none;
	/* font-size: 24px;
	width: 460px;
	height: 63px;
	line-height: 63px;
	left: 156px; */
	font-size: 32px;
	width: 368px;
	height: 50px;
	line-height: 50px;
	left: 125px;
}

.con input.name{
	/* top: 165px; */
	top: 132px;
}
.con input.password{
	/* top: 254px; */
	top: 203px;
}

.con .btn{
	position: absolute;
	background: url(../images/login/btn.png) no-repeat;
	background-size: 100% auto;
	/* left: 84px;
	top: 397px;
	width: 552px;
	height: 81px; */
	left: 67px;
	top: 318px;
	width: 442px;
	height: 65px;
	border: none;
}
.con .btn:hover{
	background: url(../images/login/btn-hover.png) no-repeat;
	background-size: 100% auto;
}