.search-page {
  min-height: 6.76rem;
  padding-top: 1rem;
  background: #F5FAFF;
}

.crumb-line {
  padding-top: .39rem;
  font-size: .14rem;
  color: #666666;
  display: flex;
  align-items: center;
}

.crumb-line a {
  display: flex;
  align-items: center;
  gap: .05rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999999;
}

.crumb-line a img {
  width: .14rem;
  height: .14rem;
  filter: brightness(0.5) invert(1);
}

.search-box {
  width: 6.55rem;
  height: .5rem;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  border: 0.01rem solid #D8D8D8;
  background: #fff;
  display: flex;
  align-items: center;
  margin: 1.32rem auto .76rem;
  overflow: hidden;
}

.search-box input {
  flex: 1;
  height: 100%;
  padding: 0 .24rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333;
}

.search-box button {
  width: 1.15rem;
  height: .5rem;
  background: #005BAC;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-box button img {
  width: .27rem;
  height: .27rem;
}

.result-panel {
  padding-bottom: 1.4rem;
}

.result-panel h1 {
  font-weight: 400;
  font-size: 0.25rem;
  color: #333333;
  margin-bottom: .69rem;
}

.result-panel h1 strong {
  font-weight: bold;
  font-size: 0.25rem;
  color: #333333;
}

.result-tabs {
  display: flex;
  gap: .85rem;
  border-bottom: .01rem solid #d6dfe6;
  margin-bottom: .48rem;
}

.result-tabs a {
  position: relative;
  height: .48rem;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
}

.result-tabs a.active {
  color: #0069b8;
  font-weight: bold;
}

.result-tabs a.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -.01rem;
  width: 100%;
  height: .03rem;
  background: #0069b8;
}

.hasResult {
  margin-bottom: .82rem;
}

.empty-block {
  margin-bottom: .88rem;
  display: none;
}

.empty-block h2 {
  font-weight: bold;
  font-size: 0.2rem;
  color: #000000;
  margin-bottom: .24rem;
}

.empty-block p {
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
}

.result-section-title {
  margin-bottom: .28rem;
}

.result-section-title h2 {
  font-weight: bold;
  font-size: 0.2rem;
  color: #000;
  margin-bottom: .08rem;
}

.result-section-title p {
  font-size: 0.16rem;
  color: #333;
}

.news-result-list {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.search-news-item {
  min-height: 1.84rem;
  background: #fff;
  box-shadow: 0 0.03rem 0.12rem rgba(0, 0, 0, .08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .34rem .4rem .25rem;
  transition: box-shadow .3s ease, transform .3s ease;
}

.search-news-item:hover {
  transform: translateY(-.02rem);
  box-shadow: 0 0.06rem 0.18rem rgba(0, 0, 0, .12);
}

.news-result-text {
  flex: 1;
  min-width: 0;
  padding-right: .6rem;
  transition: padding-right .3s ease;
}

.search-news-item:hover .news-result-text {
  padding-right: 0rem;
}

.news-result-text h3 {
  font-weight: bold;
  font-size: 0.2rem;
  color: #333333;
}

.search-news-item.active .news-result-text h3,
.search-news-item:hover .news-result-text h3 {
  color: #005BAC;
}

.news-result-text h3 span {
  color: #FF0000;
  font-weight: bold;
}

.news-result-line {
  height: .01rem;
  background: #e4e4e4;
  margin: .25rem 0 .2rem;
}

.news-result-text p {
  display: flex;
  align-items: center;
  gap: .05rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #666666;
  ;
}

.news-result-text p img {
  width: .16rem;
  height: .16rem;
}

.search-news-item .more {
  width: 1.28rem;
  height: 0.4rem;
  background: #F1F1F1;
  border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .2rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  transition: background .3s ease, color .3s ease;
}

.search-news-item.active .more,
.search-news-item:hover .more {
  background: #005BAC;
  color: #fff;
}

.news-result-thumb {
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 1.5rem;
  border-radius: .08rem;
  overflow: hidden;
  background: #eef3f7;
}

.news-result-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-result-thumb img[src=""] {
  opacity: 0;
}

.job-result-list {
  display: flex;
  flex-direction: column;
  gap: .12rem;
}

.search-job-row {
  height: .68rem;
  display: grid;
  grid-template-columns: 2.5rem 2.3rem 2.9rem 1.6rem .5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 .45rem;
  background: #fff;
  border: .01rem solid #e5e5e5;
  transition: background .3s ease, border-color .3s ease;
}

.search-job-row.active,
.search-job-row:hover {
  background: #005BAC;
  border-color: #005BAC;
}

.search-job-row span {
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
}

.search-job-row em {
  font-style: normal;
  color: #E60012;
}

.search-job-row.active span,
.search-job-row:hover span,
.search-job-row.active em,
.search-job-row:hover em {
  color: #fff;
  font-weight: bold;
}

.search-job-row i {
  position: relative;
  width: .2rem;
  height: .12rem;
  justify-self: end;
}

.search-job-row i::before,
.search-job-row i::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  background: #333;
  transition: background .3s ease;
}

.search-job-row i::before {
  width: .2rem;
  height: .02rem;
  transform: translateY(-50%);
}

.search-job-row i::after {
  width: .08rem;
  height: .08rem;
  border-top: .02rem solid #333;
  border-right: .02rem solid #333;
  background: transparent;
  transform: translateY(-50%) rotate(45deg);
}

.search-job-row.active i::before,
.search-job-row:hover i::before {
  background: #fff;
}

.search-job-row.active i::after,
.search-job-row:hover i::after {
  border-color: #fff;
}

@media (max-width: 768px) {
  .search-page {
    min-height: auto;
    padding-top: 1.08rem;
  }

  .crumb-line {
    padding-top: .28rem;
    overflow-x: auto;
    white-space: nowrap;
  }

  .crumb-line,
  .crumb-line a {
    font-size: .2rem;
  }

  .search-box {
    width: 92%;
    height: .72rem;
    border-radius: .36rem;
    margin: .62rem auto .56rem;
  }

  .search-box input {
    min-width: 0;
    padding: 0 .26rem;
    font-size: .22rem;
  }

  .search-box button {
    width: 1.24rem;
    height: .72rem;
    border-radius: .36rem;
  }

  .search-box button img {
    width: .32rem;
    height: .32rem;
  }

  .result-panel {
    padding-bottom: .9rem;
  }

  .result-panel h1,
  .result-panel h1 strong {
    font-size: .3rem;
  }

  .result-panel h1 {
    margin-bottom: .38rem;
  }

  .result-tabs {
    gap: .5rem;
    overflow-x: auto;
    margin-bottom: .38rem;
    scrollbar-width: none;
  }

  .result-tabs::-webkit-scrollbar {
    display: none;
  }

  .result-tabs a {
    flex: 0 0 auto;
    height: .58rem;
    font-size: .24rem;
  }

  .hasResult {
    margin-bottom: .62rem;
  }

  .result-section-title h2 {
    font-size: .28rem;
  }

  .result-section-title p {
    font-size: .22rem;
  }

  .news-result-list {
    gap: .24rem;
  }

  .search-news-item {
    display: block;
    min-height: 0;
    padding: .3rem;
  }

  .news-result-text,
  .search-news-item:hover .news-result-text {
    padding-right: 0;
  }

  .news-result-text h3 {
    font-size: .26rem;
    line-height: .4rem;
  }

  .news-result-line {
    margin: .22rem 0 .18rem;
  }

  .news-result-text p {
    font-size: .2rem;
  }

  .search-news-item .more {
    width: 1.56rem;
    height: .52rem;
    margin-top: .22rem;
    font-size: .22rem;
  }

  .news-result-thumb {
    width: 100%;
    height: 3.4rem;
    margin-top: .26rem;
  }

  .search-job-row {
    height: auto;
    grid-template-columns: 1fr .34rem;
    gap: .12rem .24rem;
    padding: .26rem .3rem;
  }

  .search-job-row span {
    font-size: .23rem;
    line-height: .36rem;
  }

  .search-job-row i {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    width: .28rem;
  }

  .empty-block h2 {
    font-size: .28rem;
  }

  .empty-block p {
    font-size: .22rem;
  }
}