.titaui-aha-2021 {
  position: relative;
  height: 100vh;
  background: #f0f4fa;
  overflow: hidden;
}

.titaui-aha-2021__header {
  margin-bottom: 20px;
}

.titaui-aha-2021__message {
  position: absolute;
  background-color: transparent;
  top: 54px;
  left: 0;
  width: 100%;
  z-index: 3;
}

.titaui-aha-2021__invite {
  position: absolute;
  bottom: 74px;
  right: 24px;
  z-index: 2;
}

.titaui-aha-2021__notice {
  width: 42px;
  height: 42px;
  background: linear-gradient(180deg, #4e90ff 0%, #2879ff 100%);
  box-shadow: 0px 4px 12px 0px rgba(40, 121, 255, 0.3), inset 0px 0px 6px 2px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 36px;
  right: 24px;
  z-index: 2;
}

.titaui-aha-2021__notice img {
  width: 32px;
  height: 42px;
}

.titaui-aha-2021__award {
  position: absolute;
  bottom: 260px;
  right: 8px;
}

.titaui-aha-2021__help {
  position: absolute;
  bottom: 20px;
  right: 24px;
  z-index: 2;
}

.titaui-aha-2021__body {
  display: flex;
  padding: 0 16px;
}

.titaui-aha-2021__body-menu {
  position: relative;
  margin-right: 16px;
}

.titaui-aha-2021__body-content {
  opacity: 1;
  position: relative;
  flex: 1;
  width: 0;
  word-break: break-all;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  will-change: opacity;
  animation: contentOpacity 0.7s 1 forwards;
}

.titaui-aha-2021__hidden {
  background-image: none;
}

.titaui-aha-2021__popup {
  width: 332px;
  height: 376px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.16);
  border-radius: 24px;
}

.titaui-aha-2021__popup-title {
  font-size: 20px;
  font-weight: 600;
  color: #141c28;
  line-height: 30px;
}

.titaui-aha-2021__popup-content {
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  color: #6f7886;
  line-height: 22px;
}

.titaui-aha-2021__popup-img {
  width: 200px;
  height: 200px;
  margin-top: 24px;
}

.titaui-aha-2021__update-tip {
  background-color: #fdf2d0;
  padding: 7px 0;
  box-sizing: border-box;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #6f7886;
  line-height: 18px;
}

.titaui-aha-2021__update-tip .update-tip-icon {
  color: #f5bd15;
  margin-right: 4px;
  font-size: 18px;
}

@keyframes contentOpacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
