@keyframes progressAnimate {
    0% {transform: translatex(calc(-35vw + 83px));}
    100% {transform: translatex(0);}
}
@keyframes carAnimate {
    0% {transform: translatex(0);}
    100% {transform: translatex(calc(35vw - 83px));}
}
@keyframes dotOpacityAnimate {0% {opacity: 1;}50% {opacity: 0;} 100% {opacity: 1;}}
#loadingBox {width: 100vw;height: 100vh;background: #266593;position: fixed;left: 0;top: 0;z-index: 10086;}
#loadingBox .inner_wrap {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
#loadingBox .inner_wrap .loading_box {color: #fff;display: flex;flex-flow: column;text-align: center;font-size: 24px;}
#loadingBox .inner_wrap .loading_box img {position: relative;width: 83px;height: 32px;animation:carAnimate 3s linear infinite;}
#loadingBox .inner_wrap .loading_box .progress {width: 35vw;height: 12px;border-radius: 6px;overflow: hidden;background: #cdcdcd;margin: 10px 0 20px;}
#loadingBox .inner_wrap .loading_box .progress .inner {margin-top: 4px;height: 4px;background: #b4b3b3;position: relative;}
#loadingBox .inner_wrap .loading_box .progress .inner:after {content: '';width: 100%; height: 100%; border-radius: 2px; position: absolute; left: 0; transform: translatex(calc(-35vw + 83px));top: 0;background: #8d8d8d; animation: progressAnimate 3s linear infinite;}
#loadingBox .inner_wrap .loading_box .text_bar span {animation: dotOpacityAnimate .8s linear infinite;}