html,body{
	padding: 0px;
	margin: 0px;
}

.top_search{
	float: left;
	height: 50px;
	width: 100%;
	background: #f0f0f0;
}
.search{
	width: 90%;
	height: 30px;
	margin-top: 10px;
	display: flex;
	margin-left: 5%;
	background: white;
}
.search_img{
	height: 30px;
}
.search_img img{
	height: 30px;
	display: block;
}

.search_text{
	text-align: center;
	background: white;
	flex: 1;
	color: #666666;
	line-height: 30px;
	width: 70%;
	padding: 0px;
	margin: 0px;
	height: 30px;
	outline: none;
	border: 0px solid #F9F9F9;
	float: left;
}
.search_border{
	position: fixed;
	width: 100%;
}

.initial_border{
   float: left;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 90%;
   margin-left: 5%;
}
.initial_modle{
	height: 25px;
	width: 10%;
	color: white;
	line-height: 25px;
	text-align: center;
	float: left;
	margin: 0 auto;
	margin-top: 5px;
	border-radius: 5px;
	background: #666666;
	margin-left: 3.7%;
}

#top_nav{
	display: none;
	position: fixed;
	width: 100%;
	background: white;
	bottom: -1px;
}

.area{
	height: 40px;
	width: 33.33%;
	font-size: 13px;
	word-break:keep-all;           
    white-space:nowrap;          
    overflow:hidden;              
    text-overflow:ellipsis;
	float: left;
	text-align: center;
	color: #666666;
	line-height: 40px;
	border-bottom:2px solid #F0F0F0;
}
.choose_area{
	background: #F0F0F0;
	height: 150px;
	overflow: scroll;
}
.choose_nav{
	height: 20px;
	width: 100%;
	background: #F0F0F0;
	float: left;
}

.active{
	border-radius: 5px;
	background: red;
	color: white;
}

.initial_active{
	background: red;
}
.click_none{
	margin-top: 5px;
	border-radius: 5px;
	height: 25px;
	width: 20%;
	float: right;
	margin-right: 5%;
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 24px;
	background: red;
}