/* 高级搜索弹窗（首页 index.html 与搜索结果页 search.html 共用）：
   弹窗内部沿用 search.css|search2023.css / hightSearch.css / other2023.css 中
   .main-container .search-wrapper .search-content-wrapper 的样式，这里只补充弹窗外壳 */
/* 遮罩铺满整个视口（含页面头部），内容超出时遮罩内部滚动。
   弹窗的竖向位置由 JS（hsPositionDialog）写 margin-top：
   视口放得下就贴在页面搜索框下沿，放不下则居中；
   这里的 padding 是弹窗与视口上下边缘的最小间距。 */
  .zcwjk_wrap_hightsearch_result{
      padding-bottom: 20px;
  }
.hight-search-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 30000;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  /* 遮罩滚到头后不要把滚动传给下面的页面 */
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 30px 0 40px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* 弹窗打开时锁住页面滚动（由 JS 加在 body 上）。
   html 没有设 overflow，body 的 overflow 会传递给视口，body 自身仍按 visible 渲染，
   不会裁掉页面内容，滚动位置也不会丢；
   滚动条消失导致的页面横向位移由 JS 给 body 补 padding-right 抵消。 */
body.hight-search-lock {
  overflow: hidden;
}
/* 弹窗宽度与首页搜索栏（.header-wjk .conbox）保持一致 */
.hight-search-mask .hight-search-dialog {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.hight-search-mask .hight-search-dialog .main-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  /* 按钮下方的留白：靠 .search-footer 的 margin-bottom 会与外层发生外边距合并被丢掉，
     所以撑在这里 */
  padding-bottom: 10px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.hight-search-mask .hight-search-dialog .main-container .main-title img {
  width: 400px;
}
/* 内层原设计基于 1150px（右栏 966px），这里按 1000px（右栏 790px）重排，保证每行都不换行 */
.hight-search-mask .hight-search-dialog .search-content-wrapper {
  width: auto;
  margin: 25px 25px 0;
  /* 浅蓝底改挂到 .search-content-box 上，只包住表单项，不框住按钮 */
  background-color: transparent;
  padding: 0;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-content-box {
  background-color: #F3F8FC;
  padding: 16px 0 25px;
}
/* 按钮落在弹窗白底上 */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-footer {
  margin: 10px 0 0;
  text-align: center;
}
/* 84% + 150px 标签在 950px 下会溢出，导致右栏整块掉到标签下面 */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right {
  /* background-color: transparent !important; */
  width: 760px;
}
/* 单选项间距 30px -> 14px */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right .position-select .item {
  margin-right: 10px;
}
/* 文号一行 4 个控件：文号分类 / 年份 / 发文顺序号 / 文号
   原样式里【文号】是 float:right，放不下会整块掉到下一行；
   且全局 box-sizing 为 content-box，padding/border 会在设定宽度之外额外累加。
   这里统一改成左浮动 + border-box 定宽，合计 750px < 右栏 790px */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right .wh-select {
  width: 150px !important;
  margin-right: 10px !important;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right .file-number-box {
  width: 195px !important;
  margin-right: 10px;
  float: left;
  padding-right: 0;
  /* input 与「号」都是 inline-block，HTML 换行产生的空白会把「号」挤下去 */
  font-size: 0;
  white-space: nowrap;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* 「号」跟在输入框右侧，占 25px */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right .file-number-box span {
  display: inline-block;
  width: 25px;
  font-size: 16px;
  line-height: 40px;
  vertical-align: top;
  text-align: center;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right .file-number-box #file_number2 {
  width: 170px !important;
  font-size: 16px;
  padding-left: 12px;
  vertical-align: top;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right ._gz_zcwjk_document_number-box {
  width: 235px !important;
  float: left;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right ._gz_zcwjk_document_number-box #_gz_zcwjk_document_number {
  width: 100% !important;
  padding-left: 12px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* 公布/成文日期一行：5 个单选 + 起止日期 */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right #dpd1,
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right #dpd2 {
  width: 130px;
  padding-left: 12px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* 关键词 / 统一编号 / 机构分类：右边缘对齐文号行
   文号行合计 150+10+150+10+195+10+235 = 760px */
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right .header_search_keyword,
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right #agency_select {
  width: 760px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* 用户/主题/行业三个分类框：整行右边缘同样对齐 760px
   760 = 3 个框 + 2 个 98px 标签(80px + 18px margin) + 2 个 12px 间隔 => 每框 180px */
.hight-search-mask .hight-search-dialog .search-content-wrapper .content-tag .search-item-right .search-item-content {
  width: 180px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .content-tag .search-item-right .search-item-content.last {
  margin-right: 0;
}
/* 关闭按钮：放在弹窗外侧右上角，白色图标直接落在深色遮罩上
   body 最小宽 1200px，1000px 弹窗两侧各余 100px，够放
   遮罩 overflow-y:auto 会连带裁剪上方溢出，所以 top 不能取负值，
   否则按钮会被遮罩顶边裁掉（遮罩 padding-top 只有 30px） */
.hight-search-mask .hight-search-dialog .hight-search-close {
  position: absolute;
  right: -27px;
  top: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.hight-search-mask .hight-search-dialog .hight-search-close:hover {
  opacity: 0.7;
}
.hight-search-mask .hight-search-dialog .search-content-wrapper .search-item .search-item-right #hs_need-search-box {
  position: relative;
}
/* 日期控件挂在 body 上，保证浮在弹窗之上 */
.datepicker {
  z-index: 1001 !important;
}

/* 点击 logo 恢复页面初始状态（首页 / 搜索结果页） */
.header-wjk .wjklogo img,
.main-container.search-page .main-title img {
  cursor: pointer;
}

/* 首页高级搜索结果区 */
.hight-search-result .loading-wrapper {
  width: 1200px;
  margin: 10px auto 0;
  border-radius: 10px;
}
.hight-search-result .main-container {
  /* padding-bottom: 30px; */
  /* margin-bottom: 40px; */
}
.hight-search-result .main-container .content-wrapper {
  margin-top: 0;
}
.hight-search-result .tab-content-box{
  padding-bottom: 20px;
}
/* 搜索结果页（search.html）高级搜索结果态：结果区复用页面原有的，左侧目录收起后右栏满宽。
   hightSearch.css 里的右栏满宽是给高级搜索独立页用的，会盖掉 search2023.css 的两栏布局，
   所以普通搜索态这里显式还原回去。 */
.main-container.search-page:not(.hight-search-mode) .content-wrapper .content-right-wrapper {
  float: right;
  width: 72%;
  margin-left: 0;
}
.main-container.search-page.hight-search-mode .content-wrapper .content-right-wrapper {
  float: none;
  width: 100%;
  margin-left: 0;
}

@media (max-width: 768px) {
  .hight-search-mask {
    padding: 0.133333rem 0 0.533333rem;
  }
  .hight-search-mask .hight-search-dialog {
    width: 96%;
  }
  .hight-search-mask .hight-search-dialog .search-content-wrapper {
    margin: 0.333333rem 0.213333rem 0;
    padding: 0;
  }
  .hight-search-mask .hight-search-dialog .search-content-wrapper .search-content-box {
    padding: 0.213333rem 0 0.4rem;
  }
  .hight-search-mask .hight-search-dialog .search-content-wrapper .search-footer {
    margin: 0.346667rem 0 0;
  }
  .hight-search-mask .hight-search-dialog .main-container {
    padding-bottom: 0.4rem;
  }
  /* 窄屏两侧没有余量，关闭按钮收回弹窗内 */
  .hight-search-mask .hight-search-dialog .hight-search-close {
    right: 0.133333rem;
    top: 0.133333rem;
    width: 0.533333rem;
    height: 0.533333rem;
    padding: 0.133333rem;
    background: #1658A0;
    border-radius: 50%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .hight-search-result .loading-wrapper {
    width: 100%;
  }
}