jd-alert{display:block;position:relative;border-radius:4px;margin-bottom:8px}jd-alert.jd-alert-success{border:1px solid #b7eb8f;background-color:#f6ffed}jd-alert.jd-alert-success .icon svg{fill:#52c41a}jd-alert.jd-alert-warn{border:1px solid #ffe58f;background-color:#fffbe6}jd-alert.jd-alert-warn .icon svg{fill:#faad14}jd-alert.jd-alert-info{border:1px solid #91d5ff;background-color:#e6f7ff}jd-alert.jd-alert-info .icon svg{fill:#1890ff}jd-alert.jd-alert-error{border:1px solid #ffa39e;background-color:#fff1f0}jd-alert.jd-alert-error .icon svg{fill:#f5222d}jd-alert .jd-alert-header .icon{position:absolute}jd-alert:not(.jd-desc){padding:15px 15px 15px 64px}jd-alert:not(.jd-desc) .title{font-size:16px;color:rgba(0,0,0,.85)}jd-alert:not(.jd-desc) .icon{top:15px;left:24px;font-size:24px}jd-alert.jd-desc{padding:8px 15px 8px 49px}jd-alert.jd-desc .icon{top:4.5px;left:16px;position:absolute}jd-alert.jd-desc .title{font-size:14px;color:rgba(0,0,0,.85)}jd-alert .jd-alert-body{padding-top:5px;color:rgba(0,0,0,.65);font-size:14px}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}