.toast-message {position:fixed;left:50%;top:10%;transform:translateX(-50%);border:1px solid #EBEEF5;min-width:380px;transition:top .3s ease-out;opacity .3s ease-out;padding:15px 15px 15px 20px;display:flex;align-items:center;z-index:2000;}
.toast-icon{position:relative;margin-right:10px;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;font-size:14px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;}
.toast-message__closeBtn{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px;width:26px;height:26px;line-height:26px;text-align:center;}
.toast-message .toast-message__content{padding-right:10px;}
.toast-message__closeBtn:before{position:absolute;display:block;left:0;top:0;width:100%;height:100%;content:"×";font-size:16px;}
.toast-message--info{border-color:#EBEEF5;background-color:#edf2fc;}
.toast-message--info .toast-icon{margin-right:18px;}
.toast-message--info .toast-message__content{color:#909399;}
.toast-icon--info:before{content:"i";color:#fff;}
.toast-icon--info:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#909399;left:-8px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}
.toast-message--success{border-color:#e1f3d8;background-color:#f0f9eb;}
.toast-message--success .toast-icon{margin-right:15px;}
.toast-message--success .toast-message__content{color:#67C23A;}
.toast-icon--success:before{content:"✔";color:#fff;}
.toast-icon--success:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#67C23A;left:-5px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}
.toast-message--warning{border-color:#faecd8;background-color:#fdf6ec;}
.toast-message--warning .toast-icon{margin-right:16px;}
.toast-message--warning .toast-message__content{color:#E6A23C;}
.toast-icon--warning:before{content:"!";color:#fff;font-weight:bold;}
.toast-icon--warning:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#E6A23C;left:-8px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}
.toast-message--error{border-color:#fde2e2;background-color:#fef0f0;font-weight:bold;}
.toast-message--error .toast-icon{margin-right:15px;}
.toast-message--error .toast-message__content{color:#F56C6C;}
.toast-icon--error:before{content:"×";color:#fff;}
.toast-icon--error:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#F56C6C;left:-5px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}