.yg-navBar {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  font-size: 36rpx;
  color: #323233;
  padding: 0 32rpx;

  // display: flex;
  // align-items: stretch;
  // justify-content: center;

  &-container {
    box-sizing: content-box;
    position: relative;
    width: 100%;
    box-sizing: content-box;
  }

  &-virtual {
    box-sizing: content-box;
  }

  &-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 899;
  }

  &-title {
    font-weight: bold;
  }

  &-iWrap {
    height: 100%;
    padding: 0 12rpx;
  }

  &-icon {
    font-weight: bold;
  }

  &-left {
    height: 100%;
    position: absolute;
    left: 20rpx;
    top: 0;
    white-space: nowrap;
  }

  &-main {
    flex: 1;
    overflow: hidden;
  }
}