1 |
- .error-wrapper{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.error-wrapper .error-content .pic-error{float:left;width:120%;overflow:hidden;opacity:0;animation-name:slideUp;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}.error-wrapper .error-content .pic-error img{width:100%;height:100%}.error-wrapper .error-content .bullshit{position:relative;float:left;width:300px;padding:30px 0;overflow:hidden}.error-wrapper .error-content .bullshit-oops{margin-bottom:20px;font-size:32px;font-weight:700;line-height:40px;color:#175cff;opacity:0;animation-name:slideUp;animation-duration:.5s;animation-fill-mode:forwards}.error-wrapper .error-content .bullshit-headline{margin-bottom:10px;font-size:20px;font-weight:700;line-height:24px;color:#222;opacity:0;animation-name:slideUp;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:forwards}.error-wrapper .error-content .bullshit-info{margin-bottom:30px;font-size:13px;line-height:21px;color:rgba(0,0,0,.65);opacity:0;animation-name:slideUp;animation-duration:.5s;animation-delay:.2s;animation-fill-mode:forwards}.error-wrapper .error-content .bullshit-return-home{display:block;float:left;width:110px;height:36px;font-size:14px;line-height:36px;color:#fff;text-align:center;cursor:pointer;background:#175cff;border-radius:100px;opacity:0;animation-name:slideUp;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}
|