@import "../../../assets/sass/config";
@import "../../../assets/sass/box";

.header-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;

  .header-content{
    @include box();
    @include flex-justify-between();
    width: 1140px;
    padding: 0;
    margin: 0 auto;
    height: 80px;
    border-bottom: 1px solid $color-border-base;
    background: $color-white;

    .header-left{
      img{
        height: 100%;
      }
    }

    .header-right{
      @include box();
      .header-item{
        @include box();
        @include flex-center();
        height: 100%;
        padding: 0 $space-default;
        color: $color-primary;
        opacity: .5;
        cursor: pointer;

        a{
          @include box();
          @include flex-center();
          height: 100%;
          text-decoration: none;
          opacity: .5;
          color: $color-primary;

          &:hover,&.hover,&:active,&.active{
            opacity: 1;
            border-bottom: 2px solid $color-primary;
          }
        }

      }
    }
  }


}