*{
	margin: 0;
	padding: 0;
	
	font-family: '方正准圆简体','font1',"微软雅黑";
}

@font-face {
	font-family:'font1';
	src: url('../fonts/font1.ttf');
}

body{
	width: 100vw;
	height: 100vh;
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 100%;
}


body .content{
	width: 80%;
	height: 100%;
	margin: 0 auto;
	min-width: 600px;
	max-width: 1000px;
}


.content .logo{
	width: 60%;
	margin: 40px 0 0 40px;
}
.content .search-box{
	width: 70%;
	height: 400px;
	background: url('../images/map.png') no-repeat;
	background-size: 100% 100%;
	padding: 50px 15%;
}

.content .search-box>h2{
	color: rgb(255,57,83);
	font-size: 30px;
}
.content .search-box>input{
	width: 80%;
	height: 40px;
	background: #fff;
	font-size: 14px;
	margin: 28px 10px 0 0;
	border: 1px solid #ccc;
	text-indent: 4px;
	color: #444;
	
}
.content .search-box>button{
	width: 60px;
	height: 40px;
	border: none;
	background: rgb(255,57,83);
	font-size: 14px;
	color: #fff;
	
}

.content .search-box>.msg_box{
	width: 60%;
	margin: 40px auto;
	height: 120px;
	color: #444;
}
.content .search-box>.tips{
	color: #444;
	font-size: 14px;
	line-height: 20px;
	
}