.qf-message{min-height:88px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:fixed;font-size:18px;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:10px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.2);box-shadow:0 4px 16px 0 rgba(0,0,0,.2);color:#303133}.qf-message .qf-icon{font-size:40px;padding-right:12px}.qf-message .qf-message-content{width:280px;max-height:200px;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.qf-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qf-message-success,.qf-message-success .qf-icon{color:#64c73e}.qf-message-error,.qf-message-error .qf-icon{color:#e05b5b}.qf-message-warning,.qf-message-warning .qf-icon{color:#f5aa53}.qf-message-info,.qf-message-info .qf-icon{color:#5090f0}.qf-message-fade-enter,.qf-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}