.ohu-notice-bar {
  box-sizing: border-box;
  position: relative;
  padding: 0.13333rem 0.4rem;
  font-size: 0.37333rem;
}
.ohu-notice-bar.is-default {
  background: #FEFCEB;
  color: #ff9434;
}
.ohu-notice-bar.is-warning {
  background: #FFF1F2;
  color: #ff2d31;
}
.ohu-notice-bar.has-icon {
  padding-left: 1.06667rem;
}
.ohu-notice-bar.has-action {
  padding-right: 1.06667rem;
}
.ohu-notice-bar__icon {
  font-size: 1.4em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.13333rem;
  width: 0.64rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ohu-notice-bar__text {
  line-height: 1.43em;
}
.ohu-notice-bar__text.is-wrap div {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}
.ohu-notice-bar__text.is-inline {
  overflow: hidden;
}
.ohu-notice-bar__text.is-inline div {
  white-space: nowrap;
}
.ohu-notice-bar__text div {
  display: inline-block;
}
.ohu-notice-bar__action {
  font-size: 1.4em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.13333rem;
  width: 0.64rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
}