*{
	margin:0;
	padding:0;
}
.bj{
	position:fixed;
	height:100%;
	width:100%;
	z-index:-1;
	background-repeat: repeat;
}
	
.control{
	width:340px;
	background: white;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	border-radius: 15px;
}
.item{
	width:340px;
	height:60px;
	backgrond:#000000;
	border-radius: 15px;
}
.item div{
	width:170px;
	height:60px;
	display:inline-block;
	color:black;
	font-size:18px;
	text-align:center;
	line-height:60px;
	cursor:pointer;
	border-radius: 15px;
}
.content{
	width:100%;
}
.content div{
	margin:20px 30px;
	display:none;
	 text-align:left;
}
p{
	color:#4a4a4a;
	margin-top:30px;
	margin-bottom:6px;
	font-size:15px;
}
.content input[type="text"], .content input[type="password"]{
	width:100%;
	height:40px;
	border-radius: 3px;
	border: 1px solid #adadad;
	padding:0 10px;
	box-sizing: border-box;
}
.op{
	margin-top:40px;
	width:100%;
	height:40px;
	border-radius: 5px;
	color:white;
	border: 1px solid #adadad;
	background:rgba(166,200,129,1);
	cursor:pointer;
	letter-space:4px;
	margin-bottom:40px;
}
.active{
	background: white;
}
.item div:hover{
	background:#f6f6f6;
}
.op:hover{
	background:rgba(166,200,129,0.6);
}