.py-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}.py-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.py-alert--success{background-color:#f0f9eb;color:#67c23a}.py-alert--success .py-alert__description{color:#67c23a}.py-alert--info{background-color:#f3f4f5;color:#878d99}.py-alert--info .py-alert__description{color:#878d99}.py-alert--warning{background-color:#fdf5e6;color:#eb9e05}.py-alert--warning .py-alert__description{color:#eb9e05}.py-alert--error{background-color:#fee;color:#fa5555}.py-alert--error .py-alert__description{color:#fa5555}.py-alert__content{display:table-cell;padding:0 8px}.py-alert__icon{font-size:16px;width:16px}.py-alert__icon.is-big{font-size:28px;width:28px}.py-alert__title{font-size:13px;line-height:18px}.py-alert__title.is-bold{font-weight:700}.py-alert .py-alert__description{font-size:12px;margin:5px 0 0}.py-alert__closebtn{font-size:12px;color:#b4bccc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.py-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.py-alert-fade-enter,.py-alert-fade-leave-active{opacity:0}