/* 通用 */
a {
  text-decoration: none;
}
body:hover .navbar{
    background-color: rgba(255, 255, 255, 0.9);
 }
/*--------------------------------------------------- 按钮下划线  放上去显示，拿走后隐藏  开始 */
.btn-liney {
  font-weight: 500;
  color: #4468a7;
  text-decoration: none;
}
.btn-liney:hover {
  color: #4468a7;
  text-decoration: none;
}
.btn-liney:focus {
  text-decoration: none;
}
.btn-liney:disabled, .btn-liney.disabled {
  color: #8f9397;
}
.btn-liney:after {
  display: block;
  content: "";
  border-bottom: solid 2px #4468a7;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.btn-liney:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
/* -----------------------------------------------------------按钮下划线  放上去显示，拿走后隐藏  结束 */

/* -------------------------------------------------------------按钮颜色渐变  开始 */
.btn-grad {
  color: #ffffff;
  background: linear-gradient(150deg, #365297 0%, #62a7dd 50%, #365297 100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: 260% 100%;
  background-position: right bottom;
  border: 0;
  line-height: 1.92;
  border-radius: 0;
}
.btn-grad.active, .btn-grad:active, .btn-grad:focus, .btn-grad:hover {
  color: #ffffff;
  background-position: left bottom;
}
.btn-grad.btn-sm, .btn-group-sm > .btn-grad.btn {
  line-height: 1.8;
}
/*----------------------------------------------------------- 按钮颜色渐变 结束 */
/*nav 通用开始 */
.dropdown-item-icon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0.875rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 0.3rem;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #f0f1f3;
}

.dropdown-menu {
  border-radius: 0px !important;
  /* box-shadow: none !important; */
  border: none !important;
  background-color: #2b303b;
}

.dropdown-item {
  display: block;
  width: 100%;
  min-width: 200px !important;
  padding: 0.4rem 1rem;
  clear: both;
  font-weight: 500;
  color: #8f9397 !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #4468a7 !important;
  background-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #4468a7;
  text-decoration: none;
  background-color: transparent;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #8f9397;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}


.dropdown-item-text {
  display: block;
  padding: 0.4rem 1rem;
  color: #8f9397 !important;
}
/*nav 通用结束 */
/* 第二行 导航 开始*/
.logoimg {
  height: 40px;
}

/* ------------------------------------------------------------------------右侧菜单按钮开始 */
.navbar-toggler {
  width: 35px;
  height: 30px;
  padding: 3.5px 0 !important;
  color: #999;
  border-color: #333;
}

.navbar-toggler img {
  width: 23px;
  height: 18px;
  margin: auto;
}

/* --------------------------------------------------------------------------右侧菜单按钮结束 */
@media (min-width: 1200px) {
  .navbar-nav .nav-item {
      margin-right: 20px;
  }
}

.navbar-nav .nav-item a{
  color: #8f9397 !important;
  font-size: 14px !important;
}
.navbar-nav .nav-item a:hover{
  color: #fff !important;
}

.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item:focus .nav-link {
  color: #fff !important;
}
.navbar-nav .nav-item .active{
  color: #fff !important;
}
.dropdown-item {
  font-size: 14px;
}

.dropdown-header {
  color: #222;
}

.active {
  color: #4468a7 !important;
}

.bg-grad {
  background: linear-gradient(150deg, #62a7dd 0%, #365297 100%);
}

.all-text-white {
  color: #ffffff;
}

.btn-outline-white {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-outline-white.active,
.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover {
  color: #343a40;
  background: #ffffff;
}

.small {
  font-size: 0.5rem;
}

/* ----------------------------------------------大屏菜单开始 */
@media (min-width: 1200px) {

  /* 滑动显示 */
  .navbar-nav .dropdown-menu {
      top: 120%;
      visibility: hidden;
      opacity: 0;
      display: block;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }

  .navbar-nav .dropdown:hover>.dropdown-menu {
      top: 100%;
      visibility: visible;
      opacity: 1;
  }

  /* ----------顶部变色横条 */
  .navbar-nav .dropdown-menu:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block;
      height: 3px;
      opacity: 1;
      background: linear-gradient(150deg, #62a7dd 0%, #365297 100%);
  }
}

/* --------------------------------------------大屏展开菜单结束 */
/* ------------------------------超大屏菜单开始 */
.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  width: 1170px;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 1.5rem 0;
}

@media (max-width: 991.98px) {
  .megamenu .dropdown-menu {
      width: 100%;
      background-image: none !important;
  }
}

/* ------------------------------超大屏菜单结束*/
/* 第二行 导航 结束 */