.lnzi-notice-bar {
  position: relative;
  display: flex;
  color: #f85;
  padding: 9px 15px;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff7cc;
}
.lnzi-notice-bar--hasmode {
  padding-right: 30px;
}
.lnzi-notice-bar--left-icon {
  min-width: 20px;
  height: 18px;
  line-height: 18px;
  box-sizing: border-box;
}
.lnzi-notice-bar--left-icon i {
  font-size: 18px;
}
.lnzi-notice-bar--right-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 15px;
  line-height: 1;
}
.lnzi-notice-bar--wrap {
  position: relative;
  flex: 1;
  height: 18px;
  overflow: hidden;
}
.lnzi-notice-bar--content {
  position: absolute;
  white-space: nowrap;
}
.lnzi-notice-bar--play {
  animation: lnzi-notice-bar-play linear both;
  -webkit-animation: lnzi-notice-bar-play linear both;
}
.lnzi-notice-bar--play-infinite {
  animation: lnzi-notice-bar-play linear infinite both;
  -webkit-animation: lnzi-notice-bar-play-infinite linear infinite both;
}
@keyframes lnzi-notice-bar-play {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes lnzi-notice-bar-play {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes lnzi-notice-bar-play-infinite {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes lnzi-notice-bar-play-infinite {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}