#toast{position:fixed;display:block;width:100%;bottom:10%;text-align:center;z-index:801}#toast .message{display:inline-block;max-width:80%;height:40px;line-height:40px;font-size:14px;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;background-color:#686868;border-radius:5px;box-shadow:0 4px 4px gray}#toast .success{background-color:#00bfb2}#toast .warning{background-color:#ffba49}#toast .error{background-color:#ff5a5f}.toast-enter-active,.toast-leave-active{transition:opacity .5s}.toast-enter,.toast-leave-to{opacity:0}.toast-enter-to,.toast-leave{opacity:1}