1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="ico" href="/favicon.ico"><title>baozhidao-putoutstorage</title><style>* {
- margin: 0;
- padding: 0;
- }
- .loadingSpinn {
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .atom-spinner,
- .atom-spinner * {
- box-sizing: border-box;
- }
- .atom-spinner {
- height:100px;
- width: 100px;
- overflow: hidden;
- }
- .atom-spinner .spinner-inner {
- position: relative;
- display: block;
- height: 100%;
- width: 100%;
- }
- .atom-spinner .spinner-circle {
- display: block;
- position: absolute;
- color: #409eff;
- font-size: calc(60px * 0.24);
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- .atom-spinner .spinner-line {
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- animation-duration: 1s;
- border-left-width: calc(60px / 25);
- border-top-width: calc(60px / 25);
- border-left-color: #409eff;
- border-left-style: solid;
- border-top-style: solid;
- border-top-color: transparent;
- }
- .atom-spinner .spinner-line:nth-child(1) {
- animation: atom-spinner-animation-1 1s linear infinite;
- transform: rotateZ(120deg) rotateX(66deg) rotateZ(0deg);
- }
- .atom-spinner .spinner-line:nth-child(2) {
- animation: atom-spinner-animation-2 1s linear infinite;
- transform: rotateZ(240deg) rotateX(66deg) rotateZ(0deg);
- }
- .atom-spinner .spinner-line:nth-child(3) {
- animation: atom-spinner-animation-3 1s linear infinite;
- transform: rotateZ(360deg) rotateX(66deg) rotateZ(0deg);
- }
- @keyframes atom-spinner-animation-1 {
- 100% {
- transform: rotateZ(120deg) rotateX(66deg) rotateZ(360deg);
- }
- }
- @keyframes atom-spinner-animation-2 {
- 100% {
- transform: rotateZ(240deg) rotateX(66deg) rotateZ(360deg);
- }
- }
- @keyframes atom-spinner-animation-3 {
- 100% {
- transform: rotateZ(360deg) rotateX(66deg) rotateZ(360deg);
- }
- }</style><script defer="defer" src="/js/chunk-vendors.eac145c3.js"></script><script defer="defer" src="/js/app.50e44388.js"></script><link href="/css/chunk-vendors.c5343724.css" rel="stylesheet"><link href="/css/app.72159cba.css" rel="stylesheet"><!--[if IE]><link rel="icon" type="image/svg+xml" href="/img/icons/favicon.svg"><![endif]--><link rel="icon" type="image/png" sizes="32x32" href="/./favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/./favicon.ico"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="baozhidao-putoutstorage"><link rel="apple-touch-icon" href="/./favicon.ico"><link rel="mask-icon" href="/./favicon.ico" color="#4DBA87"><meta name="msapplication-TileImage" content="/./favicon.ico"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but baozhidao-putoutstorage doesn't work properly without JavaScript enabled.Please enable it to continue.</strong></noscript><div id="app"><div class="loadingSpinn"><div class="atom-spinner"><div class="spinner-inner"><div class="spinner-line"></div><div class="spinner-line"></div><div class="spinner-line"></div><div class="spinner-circle">●</div></div></div></div></div></body></html>
|