#main-notify{position: fixed;right: 30px;bottom: 20px;z-index: 9000;}
/* #main-notify .notify-list{} */
#main-notify .notify-list .notify-content{display: flex;align-items: center;background: #2b2b2b;padding: 10px 20px;border-radius: 10px;/* height: 52px; */margin-top: 6px;transition: .4s;opacity: 0;transform: translateY(50px);width: 360px;}
#main-notify .notify-list .notify-content.active{opacity: 1;transform: translateY(0px);}
#main-notify .notify-list .notify-content .icon i.success{font-size: 24px;margin-right: 10px;color: #54e797;}
#main-notify .notify-list .notify-content .icon i.fail{font-size: 24px;margin-right: 10px;color: #e75454;}

#main-notify .notify-list .notify-content .icon i.success,
#main-notify .notify-list .notify-content .icon i.fail{display: none;}

#main-notify .notify-list .notify-content .notify-text h2{margin-bottom: 1px;font-size: 13px;font-weight: normal;color: #e8f0fc;line-height: 1;}
/* #main-notify .notify-list .notify-content .notify-text p{font-size: 14px;color: #ffffff;opacity: .7;line-height: 1;} */

#main-notify .notify-list .notify-content .icon{display: flex;}
#main-notify .notify-list .notify-content .icon span{width: 25px;height: 25px;border: 3px solid #0f6fde;border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation .4s linear infinite;margin-right: 9px;}
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

#main-notify .notify-list .notify-content .icon.success i.success{display: block;}
#main-notify .notify-list .notify-content .icon.fail i.fail{display: block;}
#main-notify .notify-list .notify-content .icon.success span,
#main-notify .notify-list .notify-content .icon.fail span{display: none;}