@charset "UTF-8";.jdd-alert{padding:8.5px 38px;line-height:1.5;margin:0;border-radius:2px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;font-size:14px;text-align:left;-webkit-transition:all .2s;transition:all .2s;color:rgba(0,0,0,.6)}.jdd-alert__popup{position:fixed;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;min-width:300px;max-width:400px}.jdd-alert__popup--message{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);left:50%}.jdd-alert__popup--notice{right:20px;-webkit-transform:translateX(0);transform:translateX(0)}.jdd-alert__icon{display:block;position:absolute;margin-top:-1px}.jdd-alert--success{border:1px solid #99EFDC;background-color:#F1FDFA}.jdd-alert__icon.jdd-icon-success,.jdd-alert__icon.jdd-icon-success-o{color:#0BDBA8}.jdd-alert--error{border:1px solid #FFA6A8;background-color:#FFF3F3}.jdd-alert__icon.jdd-icon-error,.jdd-alert__icon.jdd-icon-error-o{color:#F52F3E}.jdd-alert--info{border:1px solid #A1CFFF;background-color:#F2F9FF}.jdd-alert__icon.jdd-icon-info,.jdd-alert__icon.jdd-icon-info-o{color:#4260FD}.jdd-alert--warning{border:1px solid #FFCC90;background-color:#FFF8F0}.jdd-alert__icon.jdd-icon-warning,.jdd-alert__icon.jdd-icon-warning-o{color:#FFB540}.jdd-alert--small .jdd-alert__icon{left:16px;top:12px}.jdd-alert--large .jdd-alert__icon,.jdd-alert--medium .jdd-alert__icon{left:24px;top:16px}.jdd-alert__content{width:100%}.jdd-alert__title{font-size:16px;font-weight:700;margin-bottom:4px}.jdd-alert__message{word-break:break-all}.jdd-alert__action{white-space:nowrap;float:right;padding-left:20px}.jdd-alert__action a{text-decoration:none}.jdd-alert--large{padding:20px 40px 20px 82px;min-height:72px}.jdd-alert--large .jdd-alert__icon:before{font-size:40px}.jdd-alert--medium{padding:16px 32px 16px 64px;min-height:72px}.jdd-alert--medium .jdd-alert__icon:before{font-size:24px}.jdd-alert .jdd-icon-close{position:absolute;width:8px;height:8px;top:16px;right:16px;cursor:pointer}.jdd-alert .jdd-icon-close:after,.jdd-alert .jdd-icon-close:before{position:absolute;content:'';width:1px;height:10px;background:#ececec;display:block;top:-2px;left:5px}.jdd-alert .jdd-icon-close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.jdd-alert .jdd-icon-close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}