.select {
  appearance: none; /* 重置默认样式 */
  -webkit-appearance: none; /* 兼容 WebKit 浏览器 */
  -moz-appearance: none; /* 兼容 Firefox */
  background-color: #fff; /* 背景颜色 */
  border: 1px solid #dcdfe6; /* 边框 */
  border-radius: 4px; /* 边框圆角 */
  padding: 0 8px; /* 内边距 */
  font-size: 14px; /* 字体大小 */
	width: 100%;
	height: 100%;
	box-shadow: 0 0 1px 1px rgba(223, 223, 223, 0.6);
}

/* 悬停效果 */
.select:hover {
  border-color: #0160cc; /* 悬停时改变边框颜色 */
}

/* 自定义下拉箭头 */
.select-container {
  position: relative;
	flex: 0 84px;
}

.custom-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.custom-arrow::before {
  content: '▼'; /* 使用 Unicode 箭头 */
  color: #888; /* 箭头颜色 */
}

/* 自定义选中项样式 */
.select option:checked {
  background-color: #007bff; /* 选中项背景颜色 */
  color: #fff; /* 选中项文字颜色 */
}

/* 自定义滚动条 */
.select {
  scrollbar-width: thin; /* 设置滚动条宽度 */
  scrollbar-color: #ccc #f0f0f0; /* 设置滚动条颜色 */
}

/* WebKit浏览器 */
.select::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
}

.select::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 滚动条颜色 */
  border-radius: 4px; /* 滚动条圆角 */
}

.select::-webkit-scrollbar-thumb:hover {
  background-color: #999; /* 悬停时滚动条颜色 */
}