.main {
		width: 620px;
		margin: 0 auto;
		margin-top: 100px;
	}
.text-description {
	margin-top: 20px;
	color: #fff;
}
.logo {
	margin-top: 10px;
	text-align: center;
}
.logo img {
	width: 60px;
	height: 60px;
	text-align: center;
}
.input-container {
	height: 40px;
	float: left;
	margin-top: 40px;
}
.input-container input[type="text"] {
	text-align: left;
	width: 500px;
	height: 40px;
	margin-right: 10px;
}
.input-container input[type="button"] {
	width: 100px;
	height: 40px;
	clear:both;
}	
.generate-container {
	width: 650px;
	height: 40px;
	float: left;
	margin-top: 20px;
}	
.generate-container img {
	width: 200px;
	height: 200px;
	margin-right: 20px;
	display: none;
}
.footer {
	bottom: 0px;
	position: absolute;
	width:  100%;
}
.footer p {
	text-align: center;
	padding: 5px;
}
.img-content {
    width: 240px;
    height: 240px;
}

/** layui **/
.layui-nav {
	height: 40px;
	padding: 5px;
}
.layui-layer-content img {
	width: 512px;
	height: 512px;
}