body{margin:0}#loading-bg{background:#fff;width:100%;height:100%;display:block;position:absolute}.loading-logo{position:absolute;top:40%;left:calc(50% - 45px)}.loading{box-sizing:border-box;border:3px solid #0000;border-radius:50%;width:55px;height:55px;position:absolute;top:50%;left:calc(50% - 35px)}.loading .effect-1,.loading .effect-2{box-sizing:border-box;border:3px solid #0000;border-left-color:#102045;border-radius:50%;width:100%;height:100%;position:absolute}.loading .effect-1{animation:1s infinite rotate}.loading .effect-2{animation:1s .1s infinite rotateOpacity}.loading .effect-3{box-sizing:border-box;border:3px solid #0000;border-left-color:#102045;border-radius:50%;width:100%;height:100%;animation:1s .2s infinite rotateOpacity;position:absolute}.loading .effects{transition:all .3s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateOpacity{0%{opacity:.1;transform:rotate(0)}to{opacity:1;transform:rotate(1turn)}}