.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:20.625rem;padding:.875rem 1.625rem .875rem .8125rem;border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px .75rem 0 rgba(0,0,0,.1);box-shadow:0 2px .75rem 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:1rem}.el-notification.left{left:1rem}.el-notification__group{margin-left:.8125rem;margin-right:.5rem}.el-notification__title{font-weight:700;font-size:1rem;color:#303133;margin:0}.el-notification__content{font-size:.875rem;line-height:1.3125rem;margin:.375rem 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:1.5rem;width:1.5rem;font-size:1.5rem}.el-notification__closeBtn{position:absolute;top:1.125rem;right:.9375rem;cursor:pointer;color:#909399;font-size:1rem}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#f56c6c}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#e6a23c}.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}