/* PC 搜索框 */
.pc-search-box{float:left}
.pc-search { display: block; margin:10px 20px;}
.pc-search input {
width: 420px;
padding: 10px;
font-size: 16px;
}
.pc-search button {
padding:10px 10px;
font-size: 15px;
background:#e2282e;
color:#eee;
}
#suggestions {
position: absolute;
background: #fff;
width: calc(100% - 40px);
max-width: 500px;
margin-top: -5px;
z-index: 100;
margin-left: 20px;
}


/* 手机假搜索框 */
.mobile-search {
display: none;
padding: 5px 13px;
background: #f2f2f2;
border-radius: 5px;
font-size: 16px;
color: #666;
margin: 5px;
cursor: pointer;
}

/* 手机遮罩搜索层 */
#searchOverlay {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: #fff;
z-index: 9999;
flex-direction: column;
padding: 10px 0;
box-sizing: border-box;/* 防止 padding 撑大容器 */
overflow-y: auto;
}
/* 搜索栏容器（横向排列关闭按钮、输入框和搜索按钮） */
#searchOverlay .search-bar {
display: flex;
align-items: center;/* 垂直居中 */
margin-bottom: 10px;/* 与下拉建议的间距 */
	  padding:0 10px;
	  gap: 10px;
}

/* 关闭按钮（固定宽度） */
#searchOverlay #closeBtn {
flex: 0 0 auto;/* 不伸缩 */
color: #5a5555;
cursor: pointer;
font-size:26px;
padding: 8px;  /* 增大点击区域 */
}

/* 表单（占满剩余宽度） */
#searchOverlay form {
display: flex;
flex: 1;/* 占满剩余空间 */
}
/* 输入框（自动填充剩余空间） */
#searchOverlay input {
flex: 1;
padding: 0 12px;
border: none;
border-radius: 5px;
min-width: 0;  /* 防止内容溢出 */
	  height:36px;
	  font-size: 16px;
	  background: #f2f2f2;
}
/* 搜索按钮（固定宽度） */
#searchOverlay button {
flex: 0 0 auto;  /* 不伸缩 */
padding: 0 12px;
font-size: 16px;
white-space: nowrap;/* 防止文字换行 */
	  height:36px;
	  color:#333;
	  background:none;
	  
}
#searchOverlay input,button{
border: none;
outline: none;
}

.ssug {
  position: relative; /* 为伪元素定位提供基准 */
  padding-left: 50px; /* 给搜索图标留空间 */
  padding-right: 25px; /* 给箭头留空间 */

  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.ssug:before {
  /* 搜索图标 */
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  width: 32px;
  height: 32px;
  background:url(search_smi.png) no-repeat;
}

.ssug:after {
  /* 右箭头 */
  content: "→";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

.ssug:hover {
  background: #f0f0f0;
}

.ssug a {
  display: block; /* 让链接填满整个div */
  padding: 12px 0; /* 保持点击区域高度 */
  color: #333;
  text-decoration: none;
}

.paihang1{FLOAT: left;width:100%;position: relative;display: inline-block;}
.paihang1 ul{padding:0 5%;border: 1px solid #eee;}
.paihang1 ul li{position: relative;padding: 15px;padding-left:90px;border-bottom: 1px solid #eee;}
.paihang1 ul li span{position: absolute;left: 60px;top: 10px;font-size:16px;text-align: center;width: 20px;line-height:60px;color:#fff;}
.paihang1 ul li a{font-weight: 500;font-size: 16px;line-height: 50px;color: #274F69;}
.paihang1 ul li p{font-size: 14px;margin-top: 7px;line-height: 20px;color:#edb610}
.paihang1 .img{position: absolute;left: 0;top: 10px;text-align: center;width: 60px;height:60px;color:#fff;background-size:cover;}
.l-douban{position: absolute;right: 0;top: 25px;width: 100px;line-height:30px;color:green;}


/* 响应式 */
@media (max-width: 768px) {
.pc-search { display: none; }
.mobile-search { display: block; }
#suggestions { display: none; }
}