.three-nav-wrap001 {
  border-bottom: 1px solid #ccc;
}

.three-nav-wrap001 .layout ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.three-nav-wrap001 .layout ul li {
  height: calc(var(--zy-unit) * 0.6);
  font-size: calc(var(--zy-unit) * 0.16);
  line-height: calc(var(--zy-unit) * 0.6);
  margin: 0 calc(var(--zy-unit) * 0.15);
  position: relative;
}

.three-nav-wrap001 .layout ul li a {
  display: inline-block;
  height: 100%;
}

.three-nav-wrap001 .layout ul li .cur-line {
  width: 0;
}

.three-nav-wrap001 .layout ul li.cur .cur-line {
  width: 100%;
  height: 2px;
  background-color: var(--ruifox-color-primary-1);
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 960px) {
  .three-nav-wrap001 .layout ul li {
    height: 40px !important;
    line-height: 40px !important;
  }
}