.loadingIconBox{height:40px;margin:20px auto;position:relative;top:calc(50% - 40px);transform:rotate(45deg);width:40px}.loadingIconBox .loadIcon{float:left;height:50%;position:relative;transform:scale(1.1);width:50%}.loadingIconBox .loadIcon:before{animation:skFoldCubeAngle 2.4s linear infinite both;background-color:#ffffffe6;content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 100%;width:100%}.loadingIconBox .loadIcon2{transform:scale(1.1) rotate(90deg)}.loadingIconBox .loadIcon3{transform:scale(1.1) rotate(180deg)}.loadingIconBox .loadIcon4{transform:scale(1.1) rotate(270deg)}.loadingIconBox .loadIcon2:before{animation-delay:.3s;background-color:#fffc}.loadingIconBox .loadIcon3:before{animation-delay:.6s;background-color:#fff9}.loadingIconBox .loadIcon4:before{animation-delay:.9s;background-color:#ffffffb3}@keyframes skFoldCubeAngle{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,to{opacity:0;transform:perspective(140px) rotateY(180deg)}}