.first-loading-wrp{flex-direction:column;justify-content:center;align-items:center;height:90vh;min-height:90vh;display:flex}.first-loading-wrp>h1{font-size:30px;font-weight:bolder}.first-loading-wrp .loading-wrp{justify-content:center;align-items:center;padding:98px;display:flex}.dot{box-sizing:border-box;width:64px;height:64px;font-size:64px;animation:1.2s linear infinite antRotate;display:inline-block;position:relative;transform:rotate(45deg)}.dot i{opacity:.3;transform-origin:50%;background-color:#677ae4;border-radius:100%;width:28px;height:28px;animation:1s linear infinite alternate antSpinMove;display:block;position:absolute;transform:scale(.75)}.dot i:first-child{top:0;left:0}.dot i:nth-child(2){animation-delay:.4s;top:0;right:0}.dot i:nth-child(3){animation-delay:.8s;bottom:0;right:0}.dot i:nth-child(4){animation-delay:1.2s;bottom:0;left:0}@keyframes antRotate{to{transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}