.sousuo {
	padding:30px 0 50px 0;
}
.search {
	position:relative;
	width:100%;
	margin:0 auto;
}
.search-box {
	position:relative;
}
.search-icon {
	position:absolute;
	left:15px;
	top:15px;
	width:25px;
	overflow:hidden;
	cursor:pointer;
}
.search-input {
	width:calc(100% - 55px);
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#999;
	border:none;
	outline:none;
	padding-left:55px;
	border:1px solid #e6e6e6;
	border-radius:10px;
}
.search-input:focus {
	outline:none;
	border:1px solid #2188ff;
	-webkit-box-shadow:0 0 5px 0px rgba(71,158,245,0.5);
	box-shadow:0 0 5px 0px rgba(71,158,245,0.5);
}
input::-webkit-input-placeholder {
	font-size:12px;
	letter-spacing:1px;
	color:#ccc;
}
.search-btn {
	position:absolute;
	right:0;
	top:12px;
	width:50px;
	line-height:48px;
	background:transparent;
	border:none;
	font-size:25px;
	color:#ddd;
	font-weight:bold;
	outline:none;
	padding:0 10px;
	cursor:pointer;
}
.search-engine {
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	background:#FFF;
	padding:15px 0 0 0;
	border-radius:5px;
	box-shadow:0px 5px 20px 0px #d8d7d7;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	display:none;
	z-index:999;
}
.search-engine-list::after {
	content:'';
	width:100%;
	height:20px;
	position:absolute;
	top:-20px;
	left:1px;
}
.search-engine-list li {
	float:left;
	width:30%;
	line-height:30px;
	font-size:14px;
	padding:5px 10px 5px 10px;
	margin:0 10px 10px 0;
	background:#f9f9f9;
	color:#999;
	cursor:pointer;
	list-style-type:none;
}
.search-engine-list li img {
	float:left;
	width:25px;
	border-radius:15px;
	margin-right:5px;
	margin-top:2.5px;
}
@media (max-width:480px) {
	.site {
	display:block;
	width:100%;
	text-align:center;
}
.header-menu {
	text-align:justify;
	text-align-last:justify;
}
}