#loading{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#e4effc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loading .textTip{position:absolute;top:40%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#666}#loading .loader{--size:32px;--duration:800ms;width:96px;height:64px;margin:50px auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);position:relative}#loading .loader .box{width:32px;height:32px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}#loading .loader .box:first-child{-webkit-transform:translate(100%);transform:translate(100%);-webkit-animation:box1 .8s linear infinite;animation:box1 .8s linear infinite}#loading .loader .box:nth-child(2){-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation:box2 .8s linear infinite;animation:box2 .8s linear infinite}#loading .loader .box:nth-child(3){-webkit-transform:translate(100%,100%);transform:translate(100%,100%);-webkit-animation:box3 .8s linear infinite;animation:box3 .8s linear infinite}#loading .loader .box:nth-child(4){-webkit-transform:translate(200%);transform:translate(200%);-webkit-animation:box4 .8s linear infinite;animation:box4 .8s linear infinite}#loading .loader .box>div{--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;background:#4a9dd8;width:100%;height:100%;-webkit-transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));position:absolute;top:auto;right:auto;bottom:auto;left:auto}#loading .loader .box>div:first-child{top:0;left:0}#loading .loader .box>div:nth-child(2){background:#0a81d7;right:0;--rotateY:90deg}#loading .loader .box>div:nth-child(3){background:#3594d8;--rotateX:-90deg}#loading .loader .box>div:nth-child(4){background:#354e66;top:0;left:0;--translateZ:calc(var(--size)*3*-1)}@-webkit-keyframes box1{0%,50%{-webkit-transform:translate(100%);transform:translate(100%)}to{-webkit-transform:translate(200%);transform:translate(200%)}}@keyframes box1{0%,50%{-webkit-transform:translate(100%);transform:translate(100%)}to{-webkit-transform:translate(200%);transform:translate(200%)}}@-webkit-keyframes box2{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100%);transform:translate(100%)}}@keyframes box2{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100%);transform:translate(100%)}}@-webkit-keyframes box3{0%,50%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes box3{0%,50%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes box4{0%{-webkit-transform:translate(200%);transform:translate(200%)}50%{-webkit-transform:translate(200%,100%);transform:translate(200%,100%)}to{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}}@keyframes box4{0%{-webkit-transform:translate(200%);transform:translate(200%)}50%{-webkit-transform:translate(200%,100%);transform:translate(200%,100%)}to{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}}#loading .loader-pacman{top:0}