/* gxeta.ou163.com 站内搜索组件样式 */
.gx-search { position: relative; display: inline-block; vertical-align: middle; margin-top: 18px; }
.gx-search form { display: inline-block; margin: 0; padding: 0; }
.gx-search input {
  height: 30px; padding: 0 10px; border: 1px solid #cfd8e3; border-right: none;
  font-size: 13px; vertical-align: middle; width: 180px; outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.gx-search input:focus { border-color: #1a5ca8; box-shadow: 0 0 0 3px rgba(26,92,168,.15); }
.gx-search button {
  height: 32px; background: #1a5ca8; color: #fff; border: none; padding: 0 16px;
  font-size: 13px; cursor: pointer; vertical-align: middle;
}
.gx-search button:hover { background: #144a87; }

.gx-suggest {
  position: absolute; top: 100%; right: 0; width: 400px; background: #fff;
  border: 1px solid #cfd8e3; box-shadow: 0 6px 16px rgba(0,0,0,.14);
  max-height: 400px; overflow-y: auto; display: none; z-index: 9999; text-align: left;
}
.gx-suggest.show { display: block; }
.gx-suggest-item {
  display: block; padding: 9px 12px; border-bottom: 1px solid #f0f2f5;
  text-decoration: none; color: #333; font-size: 13px;
}
.gx-suggest-item:hover, .gx-suggest-item.active { background: #eaf2fb; }
.gx-suggest-item .gx-t { display: block; color: #1a5ca8; line-height: 1.5; }
.gx-suggest-item .gx-m { display: block; color: #999; font-size: 12px; margin-top: 3px; }
.gx-suggest-item em { color: #cc0000; font-style: normal; }
.gx-suggest-empty { padding: 16px 12px; text-align: center; font-size: 13px; color: #999; }
.gx-suggest-more {
  padding: 9px 12px; text-align: center; font-size: 12px; color: #1a5ca8;
  background: #fafbfc; cursor: pointer;
}
.gx-suggest-more:hover { background: #eaf2fb; }

/* 搜索结果页 */
.gx-result { max-width: 1000px; margin: 0 auto; padding: 24px 16px; }
.gx-result-head { border-bottom: 2px solid #1a5ca8; padding-bottom: 10px; margin-bottom: 18px; }
.gx-result-head h1 { font-size: 18px; color: #1a5ca8; margin: 0 0 6px; font-weight: 500; }
.gx-result-head .gx-kw { color: #cc0000; }
.gx-result-head p { margin: 0; font-size: 13px; color: #888; }
.gx-result-list { list-style: none; margin: 0; padding: 0; }
.gx-result-item { padding: 14px 0; border-bottom: 1px dashed #e3e8ef; }
.gx-result-item h2 { font-size: 15px; margin: 0 0 6px; font-weight: 500; }
.gx-result-item h2 a { color: #1a5ca8; text-decoration: none; }
.gx-result-item h2 a:hover { text-decoration: underline; }
.gx-result-item em { color: #cc0000; font-style: normal; }
.gx-result-item .gx-sum { font-size: 13px; color: #555; line-height: 1.7; margin: 0 0 6px; }
.gx-result-item .gx-meta { font-size: 12px; color: #999; }
.gx-empty { padding: 60px 0; text-align: center; color: #888; font-size: 14px; }
.gx-loading { padding: 60px 0; text-align: center; color: #888; font-size: 14px; }
.gx-pager { text-align: center; padding: 24px 0; }
.gx-pager button {
  background: #1a5ca8; color: #fff; border: none; padding: 8px 22px;
  font-size: 13px; cursor: pointer; border-radius: 2px;
}
.gx-pager button:hover { background: #144a87; }

@media (max-width: 768px) {
  .gx-search input { width: 120px; }
  .gx-search button { padding: 0 10px; }
  .gx-suggest { width: 260px; }
}