.main-title {
  font-size: 0.28rem;
  color: #171725;
}
.main-content-box {
  box-sizing: border-box;
  width: 100%;
}
.search-box {
  margin-top: 0.4rem;
  margin-bottom: 0.3rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.14rem;
}
.search-box .first-nav,
.search-box .sec-nav {
  display: flex;
  font-size: 0.14rem;
  color: #1E2736;
}
.search-box .first-nav .nav-name,
.search-box .sec-nav .nav-name {
  flex-shrink: 0;
  margin-right: 0.12rem;
}
.search-box .first-nav .nav-box,
.search-box .sec-nav .nav-box {
  flex: 1;
  display: flex;
  align-items: center;
  column-gap: 0.12rem;
  row-gap: 0.14rem;
  flex-wrap: wrap;
}
.search-box .first-nav .nav-box .nav-item,
.search-box .sec-nav .nav-box .nav-item {
  border-radius: 3px;
  border: 1px solid #DCDFE6;
  padding: 6px 12px;
  cursor: pointer;
}
.search-box .first-nav .nav-box .nav-item.active,
.search-box .sec-nav .nav-box .nav-item.active {
  border: 1px solid #0058FF;
  color: #0058FF;
}
.search-box .first-nav .nav-box .nav-item:hover,
.search-box .sec-nav .nav-box .nav-item:hover {
  color: #0058FF;
}