/*<!--整个导航框-->*/
  nav {
    position: fixed !important;
    background-color: #284940;
    color: white;
    height: 100px;
    width: 100vw;
    z-index: 1001;
    top:0;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  }

  .small-icon {
    background-color: #a4ac85;
  }

  .small-bg {
    background-color: #284940;
  }

  @media (min-width: 992px) {
    #navbarphone {
      display: none !important;
    }
  }

  @media (max-width: 992px) {
    #navbarSupportedContent {
      display: none !important;
    }
  }

  /*左边的logo*/
  .logo {
    position: relative;
    left: -90px;
    height: 100px;
    width: 300px;
    z-index: 1003;
    display: flex;
  }

  /*logo部分*/
  .logo .log-img {
    max-height: 90px;
    width: 90px;
    display: block;
  }

  .log-img img {
    position: relative;
    width: 90px;
    height: 90px;
    top: 10px;
  }

  .logo .log-text {
    position: absolute;
    width: 150px;
    height: 100px;
    font-size: 2rem;
    top: 55%;
    transform: translateY(-25%);
    left: 90px;
    font-family: Fashion;
    text-decoration: none;
    color: white;

  }

  /*窗花*/
  .paperCut {
    position: absolute;
    height: 100px;
    width: 610px;
    left: 160px;
    top: 0;
    background-image: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon/windowpin.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
  }

  /*导航栏右边部分,设置所有子项高度继承父亲*/
  .contain,
  .contain .nav-set,
  .contain .nav-set .navbar-nav,
  .contain .nav-set .navbar-nav .nav-item {
    height: 100%;
  }

  .contain .nav-set {
    /*设置这个对齐末尾*/
    justify-content: flex-end;
    z-index: 13;
    transform: translateX(1vw);
  }

  /*导航栏的项*/
  .nav-item {

    position: relative;
    top: -10px;
  }

  .dropdown-item:hover {
    background-color: #304740;
    color: #bfc66b;
  }

  .add {
    border-radius: 8000px;
    color: #bfc66b;
  }

  .nav-link {
    font-family: Fashion;
    color: white;
    font-size: 12px!important;;
  }

  .nav-link:hover {
    font-family: Fashion;
    color: #bfc66b !important;
  }

  @keyframes s {
    from {
      transform: translateY(-10px);
    }
    to {
      transform: translateY(0%);
    }
  }

  .dropdown-menu.show {
    animation: s 1;
    background-color: #304740;
    color: white;
    top: 101px;
    font-size: 18px;
  }

  .dropdown-item {
    text-align: center;
    font-family: Aaargh;
    color: white;
  }

  .wrap-text {
    white-space: normal;
    word-break: break-word;

  }

  /**/
  .nav-btn {
    /*height: 50px;*/
    /*width: 90px;*/
    background-repeat: no-repeat !important;
    background-size: 50px 50px !important;
    background-position-x: center !important;
    margin-top: 10px;
  }

  .home-btn {
    padding: 50px 20px 20px 18px !important;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/home.png");
  }

  .team-btn {
    padding: 50px 15px 5px 13px !important;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/team.png");
  }

  .project-btn {
    padding: 50px 4px 5px 4px !important;;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/project.png");
  }

  .hardware-btn {
    padding: 50px 10px 5px 10px !important;;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/hardware.png");
  }

  .parts-btn {
    padding: 50px 0px 5px 0px !important;;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/part.png");
  }

  .hp-btn {
    padding: 50px 15px 5px 24px !important;;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/hp.png");
  }

  .awards-btn {
    padding: 50px 10px 5px 10px !important;;
    background: url("https://static.igem.wiki/teams/4907/wiki/navbar-icon-new/awards.png");
  }