/* #region nav */
.nav {
  padding: 20px 0;
  background-color: #ffffff;
}
.nav-logo {
  width: 206px;
  height: 48px;
  margin-right: 60px;
}
.nav_text,
#nav-search {
  font-size: 14px;
  font-family: "Helvetica Neue","Microsoft YaHei","微软雅黑",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  line-height: 13px;
  color: #000000;
  background-color: transparent;
}
.nav_text + .nav_text {
  margin-left: 30px;
}

.nav_active,
.nav_text:hover {
  color: #fd4244 !important;
  font-size: 14px;
  font-family: "Helvetica Neue","Microsoft YaHei","微软雅黑",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 700;
  position: relative;
}
.nav_active::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 6px;
  background-image: url('../images/590cc53011fae9ffd078e689d65aa7f1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.nav-search {
  margin-left: 23px;
  margin-right: 24px;
  padding: 4px 4px 4px 16px;
  background-color: #f0f0f0;
  border-radius: 20px;
  height: 40px;
}
.nav-search-btn {
  border-radius: 20px;
  width: 32px;
  height: 32px;
  background-image: url('../images/pages/4f4e0871aaf1b2d06dab431bf33b3bce.png');
}
.nav-more-icon {
  width: 14px;
  height: 14px;
  margin-left: 4px;
}
.nav-more {
  position: relative;
  font-size: 14px;
  font-family: "Helvetica Neue","Microsoft YaHei","微软雅黑",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  line-height: 20px;
  color: #8c8c8c;
  background-color: transparent;
  margin-left: 30px;
}
.nav-more:hover .nav-more-wrap {
  display: flex;
}
.nav-more-wrap {
  display: none;
  border-radius: 4px;
  width: 104px;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  transform: translate(-50%, 0);
  padding: 4px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 2px 6px #0000001f;
}
.nav-more-item {
  width: 100%;
  font-size: 14px;
  font-family: "Helvetica Neue","Microsoft YaHei","微软雅黑",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  line-height: 13px;
  color: #8c8c8c;
  background-color: transparent;
  height: 32px;
  line-height: 32px;
  text-align: center;
  box-sizing: border-box;
}
.nav-more-item:hover {
  color: #fd4244;
  background-color: #fff7f7;
}
.nav-divi {
  background-color: #bfbfbf;
  width: 1px;
  height: 10px;
}
.space-x-24 > *:not(:first-child) {
  margin-left: 24px;
}
.icon-user {
  font-size: 12px;
  margin-right: 4px;
}
.space-x-8 > *:not(:first-child) {
  margin-left: 8px;
}
.login-btn {
  font-size: 14px;
  font-family: "Helvetica Neue","Microsoft YaHei","微软雅黑",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  line-height: 13px;
  color: #ffffffa6;
  cursor: pointer;
}
.login-btn:hover,
.logup-btn:hover {
  color: #fd4244 !important;
  cursor: pointer;
}
.logup-btn {
  margin-right: 8px;
}
/* #endregion nav */