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