#loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#000;transition:opacity .8s,visibility .8s}
#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}
html.loading-skip #loading{display:none}
#loading .loadImg{position:absolute;top:50%;left:50%;width:3.6rem;height:3.6rem;margin-top:-1.8rem;margin-left:-1.8rem;animation:spin 2s linear 1 forwards}
#loading .loadImg.zoomOut{animation:zoomFade .9s cubic-bezier(.25,.1,.25,1) forwards}
#loading .loadMsg{position:absolute;bottom:.65rem;left:.35rem}
#loading .loadMsg p{font-size:.12rem;color:rgba(255,255,255,.5);font-style:italic}
#loading .progressWrap{position:absolute;bottom:.28rem;left:.35rem}
#loading .progressBar{width:2.4rem;height:.02rem;background:rgba(255,255,255,.1);border-radius:.01rem;overflow:hidden;display:block}
#loading .progressBar .fill{height:100%;width:0%;background:#fff;transition:width .1s linear;border-radius:.01rem}
#loading .progressNum{font-size:.24rem;color:rgba(255,255,255,.5);margin-top:.06rem;font-family:Helvetica,Arial,sans-serif;font-weight:300}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes zoomFade{0%{transform:scale(1);opacity:1}100%{transform:scale(4);opacity:0}}