.ohu-nav-bar.is-primary {
  background: #2d7eff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__left > .ohu-btn {
  padding: 0 0.26667rem;
  color: #fff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__left > .ohu-btn:active {
  background: #3c87ff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__left > .is-icon-only {
  font-size: 0.48rem;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__right > .ohu-btn {
  padding: 0 0.26667rem;
  color: #fff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__right > .ohu-btn:active {
  background: #3c87ff;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__right > .is-icon-only {
  font-size: 0.48rem;
}
.ohu-nav-bar.is-primary .ohu-nav-bar__center {
  color: #fff;
}
.ohu-nav-bar-inner {
  display: flex;
  height: 1.30667rem;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.ohu-nav-bar__left {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.ohu-nav-bar__left > .ohu-btn {
  padding: 0 0.26667rem;
  color: #333;
}
.ohu-nav-bar__left > .ohu-btn:active {
  color: #333;
}
.ohu-nav-bar__left > .is-icon-only {
  font-size: 0.48rem;
}
.ohu-nav-bar__center {
  height: 100%;
  color: #333;
}
.ohu-nav-bar__title {
  box-sizing: border-box;
  padding: 0.33333rem 0;
  text-align: center;
  font-size: 0.48rem;
  font-weight: normal;
  line-height: 1.3888888889em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ohu-nav-bar__right {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
}
.ohu-nav-bar__right > .ohu-btn {
  padding: 0 0.26667rem;
  color: #333;
}
.ohu-nav-bar__right > .ohu-btn:active {
  color: #333;
}
.ohu-nav-bar__right > .is-icon-only {
  font-size: 0.48rem;
}