.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:384px;padding:16px 24px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;background-color:#fff;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.1);box-shadow:0 4px 16px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__title{font-weight:500;font-size:16px;color:#333;margin:0}.el-notification__content{font-size:14px;line-height:20px;margin:16px 0 0;color:#666;text-align:justify;font-weight:400}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px;margin:14px 16px 0 0}.el-notification__closeBtn{position:absolute;top:16px;right:16px;cursor:pointer;color:#999;font-size:16px}.el-notification__closeBtn:hover{color:#666}.el-notification .el-icon-success{color:#7ed322}.el-notification .el-icon-error{color:#f5222d}.el-notification .el-icon-warning{color:#fa0}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}