.body {
  width: 100%;
  height: 150px;
  top: 0;
  position: fixed;
  background: linear-gradient(
    180deg,
    rgba(1, 26, 77, 0.95) 0%,
    rgba(0, 47, 140, 0.95) 20%,
    rgba(7, 62, 171, 0.79) 60%,
    transparent 100%
  );
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.LogoInfo {
  /* position: absolute; */
  left: 60px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.LogoInfo img {
  margin-right: 15px;
}

.btnList {
  top: 10px;
  position: absolute;
  right: 8%;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: rgba(184, 215, 255, 1);
}

.btnList .btn {
  margin: 0 12px;
  white-space: nowrap;
}

.btnList .btn a {
  text-decoration: none;
  font-size: 16px;
  color: rgba(184, 215, 255, 1);
}

.btnList .splitLine {
  margin: 5px 20px;
  margin-top: 10px;
  width: 2px;
  background: rgba(184, 215, 255, 1);
  height: 15px;
}

.btnList .E-icon {
  width: 20px;
  height: 20px;
}

.btnList p {
  margin: 0 8px;
}

.btnList .down {
  width: 30px;
  height: 30px;
}

.btnList .searchBox {
  margin-top: 5px;
  display: flex;
  align-items: center;
}

.btnList .search {
  margin-left: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer; /* 鼠标光标变为指针 */
}

.btnList .searchInput {
  width: 0; /* 初始状态：宽度为 0 */
  background: transparent;
  padding: 0 !important;
  border: none;
  height: 40px;
  font-size: 18px;
  border-bottom: 1px solid rgba(184, 215, 255, 0.4);
  color: rgba(184, 215, 255, 1);
  transition: width 0.3s ease; /* 过渡效果 */
  overflow: hidden; /* 隐藏溢出内容 */
  max-width: 400px; /* 设置最大宽度 */
}

.btnList .searchInput::placeholder {
  color: rgba(
    184,
    215,
    255,
    1
  ); /* 设置 placeholder 的字体颜色，可以调整成你需要的颜色 */
  opacity: 1; /* 防止某些浏览器降低透明度 */
}

.btnList .searchInput:focus {
  outline: none; /* 去掉聚焦时的轮廓 */
  border: none; /* 确保聚焦时不显示边框 */
  border-bottom: 1px solid rgba(184, 215, 255, 0.4);
}

.btnList .searchInput.visible {
  width: 400px; /* 鼠标悬停时，显示的宽度 */
  padding: 0 !important;
}

.NavList {
  /* position: absolute; */
  right: 100px;
  display: flex;
}

.NavListClomeIcon {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 5%;
  cursor: pointer;
  z-index: 999;
  display: none;
}

.Modules {
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 999;
  position: absolute;
  right: -100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: right 0.3s ease; /* 添加动画过渡效果 */
}

.NavListClome {
  position: absolute;
  padding: 0 60px;
  right: 0;
  padding-right: 120px;
  height: 100vh;
  display: flex;
  flex-direction: column !important;
  align-items: center;
  padding-bottom: 30px;
  overflow: scroll;

  background: linear-gradient(
    180deg,
    rgba(7, 62, 171, 1) 0%,
    rgba(0, 47, 140, 1) 20%,
    rgba(1, 26, 77, 1) 60%,
    transparent 100%
  );
  color: #fff; /* 设置 placeholder 的字体颜色，可以调整成你需要的颜色 */
}

.NavListClome .NavChild a {
  margin: 8px 0;
  padding: 0 15px;
  display: block;
  cursor: pointer;
  padding-bottom: 5px;
  color: #fff !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(184, 215, 255, 1);
}

/* 隐藏滚动条 */
.NavListClome::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1329px) {
  .NavList {
    display: none;
  }
  .body {
    justify-content: flex-start;
  }
  .LogoInfo {
    margin-left: 5%;
  }

  .NavListClomeIcon {
    display: block;
  }
}

.NavList .Nav {
  position: relative; /* 设置相对定位 */
  padding: 0 25px;
  height: 55px;
  color: rgba(184, 215, 255, 1);
  padding-bottom: 3px;
  transition: color 0.2s linear; /* 只对颜色进行过渡 */
  white-space: nowrap;
}

.NavList .Nav h1 {
  cursor: pointer;
  font-size: 20px;
}

.NavList .Nav h1 a {
  color: rgba(184, 215, 255, 1);
}

.NavList .Nav h1 a:hover {
  font-weight: bold;
  color: #fff !important;
}


.NavList .Nav::after {
  content: "";
  position: absolute;
  left: 50%; /* 左侧距 50% */
  bottom: 0; /* 底部对齐 */
  width: 100%; /* 默认宽度 100% */
  height: 3px; /* 底部线条的高度 */
  background-color: #fff; /* 底部线条的颜色 */
  transform: translateX(-50%) scaleX(0); /* 初始状态：从中心往左右缩小 */
  transition: transform 0.2s linear; /* 动画效果 */
  transform-origin: center; /* 动画的起始点为中心 */
}

.NavList .Nav .NavChild {
  top: 70px;
  left: 0;
  cursor: pointer;
  padding: 0 30px;
  position: absolute;
  color: rgba(184, 215, 255, 1);
  background: rgba(7, 62, 171, 0.6);
  max-height: 0; /* 初始状态：高度为 0 */
  overflow: hidden; /* 隐藏溢出内容 */
  transition: max-height 0.8s linear, color 0.2s linear; /* 合并多重过渡效果 */
  width: max-content; /* 设置宽度为内容的最大宽度 */
  white-space: nowrap; /* 防止内容换行 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.NavList .Nav .NavChild a {
  display: block;
  color: #cce2ff !important;
  text-decoration: none;
  margin: 15px 0px !important;
}

.NavList .Nav .NavChild a:hover {
  font-weight: bold;
  color: #fff !important;
}

.NavList .Nav:hover {
  color: #fff !important;
}

.NavList .Nav:hover::after {
  transform: translateX(-50%) scaleX(1); /* 鼠标悬停时，宽度从中心扩展到 100% */
}

.NavList .Nav:hover .NavChild {
  max-height: 1000px; /* 鼠标悬停时，高度扩展到 1000px */
}