.search-container{
	position: relative;
}
.search-request{
	position: absolute;
	width: 100%;
	top: 4px;
	z-index: 10;
}
.search-article {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	display: inline-flex;
	min-width: 0;
	word-wrap: break-word;
	justify-content: flex-start;
	background: #fff;
	margin-bottom: 4px;
	border-radius: 8px;
	padding: 13px 18px;
	width: 100%;
	border: 1px solid #e0e6ed;
	transition: all 0.5s ease;
	cursor: pointer;
}
.search-article .left-part{
	min-width: 60px;
}
.search-article .left-part img{
	width: 43px;
	height: 43px;
	border-radius: 8px;
	margin-right: 0;
	margin-left: 0;
}
.search-article .right-part{
	color: #506690;
	font-weight: 500;
	font-size: 14px;
}
.search-menu {
	background-color: var(--color-gray);
	position: absolute;
	width: 100%;
	left: 0;
	top: -300px;
	transition: all 0.6s ease;
	z-index: 999;
	box-sizing: border-box;
}
.search-menu .search-form-container {
	max-width: 370px;
	  position: relative;
	  margin: 0 auto;
	  padding: 15px 0px;
}
.search-menu-open .search-menu {
	top: 64px;
}