html, body { /* min-width: 100vw; min-height: 100vh; */ margin: 0; /* height: 100vh; width: 100vw; */ } .loading { position: absolute; top: 0; z-index: 999999999; width: 100%; width: 100vw; height: 100vh; height: 100%; font-size: 0px; background: #222; } .loadbox { /* position: relative; display: block; font-size: 0px; margin: 50% auto 0; width: 200px; height: 200px; */ position: absolute; left: 50%; top: 50%; width: 200px; height: 200px; font-size: 0px; display: block; transform: translate(-50%, -50%); } .loadlogo { margin: 11px auto; width: 200px; height: 200px; font-size: 0px; border-radius: 50%; background-position: center center; background-size: cover; background-color: #222222; background-repeat: no-repeat; } .loadbg { position: absolute; display: block; top: 11px; font-size: 0px; z-index: 1000; width: 200px; height: 200px; background: url(./static/loading/loading.png) no-repeat; background-size: 100%; -webkit-animation: loading 1.5s linear infinite; animation: loading 1.5s linear infinite; } @keyframes loading { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }