.xx-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.xx-alert.is-light .xx-alert__closebtn{color:#C0C4CC}.xx-alert.is-dark .xx-alert__closebtn,.xx-alert.is-dark .xx-alert__description{color:#FFF}.xx-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.xx-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.xx-alert--success.is-light .xx-alert__description{color:#67C23A}.xx-alert--success.is-dark{background-color:#67C23A;color:#FFF}.xx-alert--info.is-light{background-color:#f4f4f5;color:#909399}.xx-alert--info.is-dark{background-color:#909399;color:#FFF}.xx-alert--info .xx-alert__description{color:#909399}.xx-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.xx-alert--warning.is-light .xx-alert__description{color:#E6A23C}.xx-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.xx-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.xx-alert--error.is-light .xx-alert__description{color:#F56C6C}.xx-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.xx-alert__content{display:table-cell;padding:0 8px}.xx-alert__icon{font-size:16px;width:16px}.xx-alert__icon.is-big{font-size:28px;width:28px}.xx-alert__title{font-size:13px;line-height:18px}.xx-alert__title.is-bold{font-weight:700}.xx-alert .xx-alert__description{font-size:12px;margin:5px 0 0}.xx-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.xx-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.xx-alert-fade-enter,.xx-alert-fade-leave-active{opacity:0}