.notify{height:calc(100% - 15px)}.loading-notify-back{position:absolute;height:calc(100% - 86px);width:100%;top:86px;background:#000;opacity:.1;z-index:99}.loading-notify-spinner{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff;font-size:25px;text-align:center}.loading-notify-spinner-text{display:block;margin-top:10px;font-size:15px;font-weight:700}.notify-head{background:#181d23}.notify-head .notify-title{width:calc(100% - 30px);margin-left:15px;height:86px;line-height:86px;padding:0 15px;position:relative;text-align:center}.notify-head .notify-title .title-icon{font-size:35px;color:#ffc107;margin-right:15px}.notify-head .notify-title .title-name{font-size:22px;font-weight:700;color:#ffc107}.notify-list-box{height:calc(100% - 71px);border-top:1px solid #363636}.notify-list{height:100%;padding:0}.notify-list .ps__rail-y{opacity:.6}.notify-list .ps__thumb-y{right:0;background:#aaa!important}.notify-ul{padding:0;margin:0}.notify-ul li{list-style:none;padding:0 0;border-bottom:1px solid #363636;padding:15px 0;position:relative}.notify-ul li p{width:calc(100% - 150px);padding-left:25px;line-height:30px;margin:0}.notify-ul li p .notify-icon{width:25px}.notify-ul li span{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#888;font-weight:400}.notify-ul li.type-success{color:#d2d3d5;font-size:17px;font-weight:700}.notify-ul li.type-error{color:#ffc107;font-size:17px;font-weight:700}@media (max-width:880px){.notify-ul li p{width:100%;padding-right:20px}.notify-ul li p .notify-icon{width:20px}.notify-ul li span{display:none}}