/* 主色 */
.hy-message {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  min-width: 420px;
  padding: 15px 20px;
  border-radius: 4px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: 99999999;
  font-size: 18px;
}
.hy-message * {
  float: left\0;
}
.hy-message.hy-message-info {
  color: #3399FF;
  background-color: #FFF8FA;
}
.hy-message.hy-message-success {
  color: #3399FF;
  background-color: #E6F7FF;
}
.hy-message.hy-message-danger {
  color: #F56C6C;
  background-color: #FFF0F0;
}
.hy-message.hy-message-warning {
  color: #F2BA49;
  background-color: #FDF6EC;
}
.hy-message > i + .hy-message__content {
  padding-left: 8px;
}
.hy-message .hy-message__content {
  display: inline-block;
  flex-basis: 100%;
  width: 91%\0;
}
.hy-message .hy-message__delete {
  color: #999;
  cursor: pointer;
  padding-left: 8px;
}