#loading-bg{width:100%;height:100%;background:#FFF;display:block;position:absolute;}.loading-logo{position:absolute;left:calc(50% - 45px);top:40%;}.loading{position:absolute;left:calc(50% - 35px);top:50%;width:55px;height:55px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid transparent;}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left:3px solid rgb(77, 133, 255);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}.loading .effect-1{animation:rotate 1s ease infinite;}.loading .effect-2{animation:rotateOpacity 1s ease infinite .1s;}.loading .effect-3{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left:3px solid rgba(255,183,77);-webkit-animation:rotateOpacity 1s ease infinite .2s;animation:rotateOpacity 1s ease infinite .2s;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}.loading .effects{transition:all .3s ease;}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateOpacity{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}