.message-container{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:10000;pointer-events:none}.message-item{max-width:500px;padding:14px 20px;margin-bottom:10px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:flex;align-items:center;background:#fff;pointer-events:auto;cursor:pointer;animation:message-slide-in .3s ease-out}@keyframes message-slide-in{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes message-slide-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.message-item.leaving{animation:message-slide-out .3s ease-in forwards}.message-item.success{background-color:#fff;box-shadow:0 0 10px 0 rgba(106,255,192,.24);color:#67c23a}.message-item.error{background-color:#fff;box-shadow:0 0 10px 0 rgba(255,108,108,.24);color:#d32f2f}.message-item.warning{background-color:#fff;box-shadow:0 0 10px 0 rgba(255,187,0,.24);color:#e6a23c}.message-item.info{background-color:#fff;box-shadow:0 0 10px 0 rgba(144,147,153,.24);color:#909399}.message-content{flex:1;font-size:14px;line-height:14px;font-weight:500}