.alert-box{position:fixed;top:10%;left:50%;z-index:10000;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.alert{position:relative;box-shadow:0 0 10px #aaa;background-color:#fff;padding:12px 12px 10px 10px;border-radius:4px;margin-bottom:10px;animation:alert-show .3s;overflow-x:hidden}.alert-remove{position:absolute;right:3px;top:-2px;cursor:pointer;transform:rotate(45deg);font-size:18px;font-weight:700;color:#aaa}.alert-hide{animation:alert-hide .3s both}@keyframes alert-show{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:none}}@keyframes alert-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px);display:none}}.loading1{width:60px;height:40px;display:flex;justify-content:space-between;align-items:center}.loading1>span{width:8px;height:100%;border-radius:4px;background:#90ee90;animation:loading1 1s ease infinite}@keyframes loading1{0%,to{height:40px;background:#90ee90}50%{height:70px;background:#add8e6}}.loading1>span:nth-child(2){animation-delay:.2s}.loading1>span:nth-child(3){animation-delay:.4s}.loading1>span:nth-child(4){animation-delay:.6s}.loading1>span:nth-child(5){animation-delay:.8s}