#root {
  a {
    text-decoration: none; /* 去掉下划线 */
    color: inherit; /* 颜色继承父元素，不自带蓝色 */
    cursor: pointer; /* 保留手型鼠标（可选） */
  }

  /* 清除点击/访问过的样式 */
  a:link,
  a:visited,
  a:hover,
  a:active {
    text-decoration: none;
    color: inherit;
  }
}

/** 从底部弹出的el message */
.global-msg-foot {
  top: auto !important;
  bottom: 60px !important;
}

/** globalmessage全局信息提示 **/
#global-message-container {
  position: fixed;
  width: 80%;
  left: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 5%;
  cursor: pointer;
  z-index: 9999999;
  pointer-events: none;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 12px;
}
#global-message-container > div {
  background: var(--base-color--);
  padding: 10px 20px;
  pointer-events: auto;
  border-radius: 6px;
  letter-spacing: 2px;
  margin-bottom: 1.6666666667rem;
  color: #fff;

  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--global-animate-duration--);
  animation-duration: var(--global-animate-duration--);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#global-message-container > div.error {
  background-color: var(--error-color--);
}
#global-message-container > div.success {
  background-color: #52c41a;
}
#global-message-container > div.warn {
  background-color: #faad14;
}

.globalmsg-fadeOutUp {
  -webkit-animation-name: globalMsgFadeOutUp;
  animation-name: globalMsgFadeOutUp;
}
.globalmsg-fadeInUp {
  -webkit-animation-name: globalMsgFadeInUp;
  animation-name: globalMsgFadeInUp;
}

@-webkit-keyframes globalMsgFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes globalMsgFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes globalMsgFadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes globalMsgFadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}