.vue-toast {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  .vue-tip {
    position: fixed;
    left: 50%
    top 50%
    transform translate3d(-50%,-50%,0)
    padding: 5px 20px;
    text-align: center;
    z-index: 9999;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .7);
  }
}
.fadeIn {
  animation:fadeIn .5s;
}

@keyframes fadeIn {
  0%    {opacity: 0}
  100%  {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0%    {opacity: 0}
  100%  {opacity: 1}
}
@-moz-keyframes fadeIn {
  0%    {opacity: 0}
  100%  {opacity: 1}
}
@-o-keyframes fadeIn {
  0%    {opacity: 0}
  100%  {opacity: 1}
}
@-ms-keyframes fadeIn {
  0%    {opacity: 0}
  100%  {opacity: 1}
}