@charset "UTF-8";
.noticeBar[data-v-624a0fbb] {
  width: 100%;
  height: 1.06667rem;
  border-radius: 0.66667rem;
  background-color: var(--bg_color_L2);
  box-shadow: 0 0.05333rem 0.10667rem #00000014;
  padding: 0 0.26667rem;
  display: flex;
  align-items: center;
  margin: 0.26667rem auto 0;
  gap: 0.21333rem;
}
.noticeBar > .icon[data-v-624a0fbb] {
  width: 0.53333rem;
  height: 0.53333rem;
  flex: none;
}
.noticeBar .more[data-v-624a0fbb] {
  font-size: 0.32rem;
  color: var(--text_btn_main);
  padding: 0 0.52rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main_gradient_color);
  height: 0.66667rem;
  border-radius: 0.66667rem;
  flex: none;
}
.noticeBar .more > img[data-v-624a0fbb] {
  width: 0.32rem;
  height: 0.32rem;
}
.noticeBar .noticeBar-body[data-v-624a0fbb] {
  overflow: hidden;
  height: 0.8rem;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
}
.noticeBar .noticeBar-body-text[data-v-624a0fbb] {
  font-size: 0.32rem;
  line-height: 0.42667rem;
  color: var(--text_secondary);
  word-break: normal;
  overflow-wrap: break-word;
}
.noticeBar .notice-slide-enter-from[data-v-624a0fbb] {
  transform: translateY(100%);
  opacity: 0;
}
.noticeBar .notice-slide-enter-active[data-v-624a0fbb] {
  transition: all 0.35s ease;
}
.noticeBar .notice-slide-enter-to[data-v-624a0fbb],
.noticeBar .notice-slide-leave-from[data-v-624a0fbb] {
  transform: translateY(0);
  opacity: 1;
}
.noticeBar .notice-slide-leave-active[data-v-624a0fbb] {
  transition: all 0.35s ease;
}
.noticeBar .notice-slide-leave-to[data-v-624a0fbb] {
  transform: translateY(-100%);
  opacity: 0;
}