a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.display_flex_1 {
	display: flex;
	justify-content: space-between;
}

.search_bac {
	/* background-color: rgb(66, 70, 71); */
	height: 10%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search_input {
	border: none;
	margin-left: 1%;
	background-color: transparent;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	padding: 8px 12px;
}

/* 设置 placeholder 的字体颜色 */
.search_input::placeholder {
	color: #fff;
}

/* 兼容 Firefox 浏览器 */
.search_input::-moz-placeholder {
	color: #fff;
}

/* 兼容 Chrome、Safari 等浏览器 */
.search_input::-webkit-input-placeholder {
	color: #fff;
}

/* 兼容 Edge、IE 等浏览器 */
.search_input:-ms-input-placeholder {
	color: #fff;
}

.search_input_bac {
	background-color: #d3d3d3;
	height: 3rem;
	line-height: 3.125rem;
	width: 20%;
	border-radius: 1.5625rem;
	margin-right: 1%;
	display: flex;
	justify-content: space-between;
	color: white;
}

input:focus {
	border: none;
	outline: none;
}

.search_icon {
	width: 2.5125rem;
	height: 70%;
	margin-right: 5%;
	margin-top: 1.5%;
}

.brand {
	width: 20%;
	display: flex;
	justify-content: space-between;
	font-size: 1.55rem;
}

@media (max-width: 1460px) {
	.display_flex_1 {
		display: flex;
		justify-content: space-between;
	}
}

@media (max-width: 1024px) {
	.search_input_bac {
		width: 30%;
	}
}

@media (max-width: 730px) {
	.display_flex_1 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

@media (max-width: 510px) {
	.display_flex_1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.brand {
		width: 30%;
	}

	.search_input_bac {
		width: 30%;
		max-width: 200px;
	}
}

.btn_down {
	background: rgb(111, 145, 245);
	color: white;
	border: none;
}