
.selectLink{
	display: flex;
	justify-content: space-between;
	gap:20px;
}
.container1, .container2,.container3, .container4, .container5{
	flex:1;
	height:40px;
}
h1 {
	color: #333;
	margin-bottom: 30px;
	font-weight: 600;
}

.dropdown1,.dropdown2,.dropdown3,.dropdown4 {
	position: relative;
	width: 100%;
	
}

.dropdown-btn1,.dropdown-btn2,.dropdown-btn3,.dropdown-btn4  {
	width: 100%;
	padding: 5px 10px;
	background-color: #f8f9fa;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
	border-radius: 8px 8px 8px 8px;
}

.dropdown-btn1:hover,.dropdown-btn2:hover,.dropdown-btn3:hover,.dropdown-btn4:hover{
	border-color: #6a11cb;
}

.dropdown-btn1:after,.dropdown-btn2:after,.dropdown-btn3:after,.dropdown-btn4:after {
	content: "▼";
	font-size: 16px;
	transition: transform 0.3s ease;
}

.dropdown-btn1.active:after,.dropdown-btn2.active:after,.dropdown-btn3.active:after,.dropdown-btn4.active:after {
	transform: rotate(180deg);
}

.dropdown-content1,.dropdown-content2,.dropdown-content3,.dropdown-content4 {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	z-index: 10;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}

.dropdown-content1.active,.dropdown-content2.active,.dropdown-content3.active,.dropdown-content4.active {
	max-height: 300px;
	opacity: 1;
}

.dropdown-items1,.dropdown-items2,.dropdown-items3,.dropdown-items4 {
	max-height: 250px;
	overflow-y: auto;
	padding: 5px 0;
}

/* 自定义滚动条样式 */
.dropdown-items1::-webkit-scrollbar,.dropdown-items2::-webkit-scrollbar,.dropdown-items3::-webkit-scrollbar,.dropdown-items4::-webkit-scrollbar {
	width: 6px;
}

.dropdown-items1::-webkit-scrollbar-track,.dropdown-items2::-webkit-scrollbar-track,.dropdown-items3::-webkit-scrollbar-track,.dropdown-items4::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.dropdown-items1::-webkit-scrollbar-thumb,.dropdown-items2::-webkit-scrollbar-thumb,.dropdown-items3::-webkit-scrollbar-thumb,.dropdown-items4::-webkit-scrollbar-thumb  {
	background: #c1c1c1;
	border-radius: 3px;
}

.dropdown-items1::-webkit-scrollbar-thumb:hover,.dropdown-items2::-webkit-scrollbar-thumb:hover,.dropdown-items3::-webkit-scrollbar-thumb:hover,.dropdown-items4::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

.dropdown-item1,.dropdown-item2,.dropdown-item3,.dropdown-item4 {
	padding: 5px 10px;
	text-align: left;
	cursor: pointer;
	border-bottom: 1px solid #f1f1f1;
	transition: background-color 0.2s ease;
	display: flex;
	align-items: center;
}

.dropdown-item1:last-child,.dropdown-item2:last-child,.dropdown-item3:last-child,.dropdown-item4:last-child {
	border-bottom: none;
}

.dropdown-item1:hover,.dropdown-item2:hover,.dropdown-item3:hover,.dropdown-item4:hover {
	background-color: #f8f9fa;
}

.dropdown-item1 i,.dropdown-item2 i,.dropdown-item3 i,.dropdown-item4 i {
	margin-right: 10px;
	color: #6a11cb;
}

.description {
	color: #666;
	margin-top: 30px;
	line-height: 1.6;
	font-size: 14px;
}

.status {
	/* margin-top: 20px;
	padding: 15px;
	background-color: #f8f9fa;
	border-radius: 8px;
	color: #495057;
	font-size: 14px; */
}

@media (max-width: 600px) {
	.container {
		padding: 25px;
	}
	
	h1 {
		font-size: 24px;
	}
}