.message-toast {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  height: 3.04vw;
  /* width: 20vw; */
  padding: .52vw 1.04vw;
  border-radius: .26vw;
  /* antd弹窗是1000，所以这里需要大于1000 */
  z-index: 10000; 
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  font-weight: 500;
}
.message-toast.default {
  background-color: #f0f9eb;
  color: #67c23a;
}
.message-toast.success {
  background-color: #f0f9eb;
  color: #67c23a;
}
.message-toast.error {
  color: #f56c6c;
  background-color: #fef0f0;
}

.message-toast.warning {
  background-color: #fdf6ec;
  color: #e6a23c;
}

.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}