.h-navbar{
  background: $nav-bar;
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
  @include pc {
    width: 10rem;
  }
  .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: $nav-bar-height;
    padding: 0 0.2rem;
    .cetner{
      flex: 1;
      font-size: 0.45rem;
      font-weight: bold;
      color: $font-text1;
      text-align: center;
    }
    .left,.right{
      display: flex;
      align-items: center;
      height: 100%;

    }
    .left{
      .back{
        width: .8rem;
      }
    }
    .right{
  
      display: flex;
      justify-content: flex-end;
      .home{
        width: .8rem;
      }
    }
  }

}