.navbar {
  width: 100%;
  z-index: 99;
  position: relative;
}

.navbar-placeholder {
  width: 100%;
  height: 1rem;
  display: none;
}

.navbar .navbar-container {
  width: 100%;
  height: 1rem;
  /* background-color: #ffffff; */
  top: 0;
  left: 0;
  position: fixed;
  z-index: 11;
}

.navbar .navbar-container:hover {
  background-color: #ffffff;
}

.navbar .bgcolor-gradient {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.7) 100%
  );
}

.navbar .bgcolor-white {
  background: #ffffff;
}

.navbar .navbar-bgColor {
  width: 100%;
  height: 1rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  top: 1rem;
  left: 0;
  position: absolute;
}

.navbar .navbar-content {
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar .navbar-container .logo {
  width: 2.83rem;
  height: 0.52rem;
}

.navbar .navbar-container .button {
  display: none;
}

.navbar .navbar-container .menu {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.32rem;
}

.navbar .navbar-container .menu-mobile {
  display: none !important;
}

.navbar .navbar-container .menu-item {
  height: 100%;
  position: relative;
}

.navbar .navbar-container .menu-item .menu-item-title {
  height: 100%;
  line-height: 1rem;
  font-size: 0.16rem;
  color: #3066f8;
  position: relative;
  cursor: pointer;
}

.navbar .navbar-container .menu-item .active {
  color: #0096ff;
}

.navbar .navbar-container .menu-item .menu-item-tooltip {
  /* display: none; */
  width: 2.4rem;
  font-size: 0.16rem;
  color: #ffffff;
  padding-bottom: 0.12rem;
  background: linear-gradient(to left, #3066f8, #0096ff);
  top: 100%;
  left: 0;
  position: absolute;
  cursor: normal;
  display: none;
}

.navbar .navbar-container .menu-item .active {
  display: block;
}

.navbar
  .navbar-container
  .menu-item
  .menu-item-tooltip
  .menu-item-tooltip-item {
  /* display: none; */
  padding: 0.11rem 0.24rem;
  box-sizing: border-box;
  cursor: pointer;
}

.menu-item-tooltip-item:hover {
  background: #0096ff;
}

.menu-item-light {
  color: #0096ff !important;
}