/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: 天吾
 * @Last Modified time: 2019-04-27 19:55:52
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-message {
  position: fixed;
  left: 50%;
  padding: 8px 16px;
  min-width: 192px;
  background: #ffffff;
  transform: translateX(-50%);
  box-shadow: 0px 8px 12px 0px rgba(120, 144, 156, 0.08);
  border-radius: 2px;
  display: flex;
  border: 1px solid #ECEFF1;
}
.gd-message__content {
  line-height: 20px;
  color: #37474F;
  font-size: 14px;
  flex: 1 1 auto;
}
.gd-message__close {
  margin-left: 40px;
  cursor: pointer;
}
.gd-message-fade-enter-active {
  animation: gd-message-fade-in 0.3s;
}
.gd-message-fade-leave-active {
  animation: gd-message-fade-out 0.3s;
}
@keyframes gd-message-fade-in {
0% {
    transform: translate3d(-50%, -40px, 0);
    opacity: 0;
}
}
@keyframes gd-message-fade-out {
100% {
    transform: translate3d(-50%, -40px, 0);
    opacity: 0;
}
}