@keyframes spin3D {
            from {
                transform: rotate3d(.5, .5, .5, 360deg);
            }

            to {
                transform: rotate3d(0deg);
            }
        }
         #loading {
            height: 100%;
            background-color: #1d2630;
            display: flex;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            z-index: 99999999;
        }
        .spinner-box {
            width: 300px;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: transparent;
        }
        .leo {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .blue-orbit {
            width: 165px;
            height: 165px;
            border: 1px solid #91daffa5;
            animation: spin3D 3s linear .2s infinite;
        }
        .green-orbit {
            width: 120px;
            height: 120px;
            border: 1px solid #91ffbfa5;
            animation: spin3D 2s linear 0s infinite;
        }
        .red-orbit {
            width: 90px;
            height: 90px;
            border: 1px solid #ffca91a5;
            animation: spin3D 1s linear 0s infinite;
        }
        .white-orbit {
            width: 60px;
            height: 60px;
            border: 2px solid #ffffff;
            animation: spin3D 10s linear 0s infinite;
        }
        .w1 {
            transform: rotate3D(1, 1, 1, 90deg);
        }
        .w2 {
            transform: rotate3D(1, 2, .5, 90deg);
        }
        .w3 {
            transform: rotate3D(.5, 1, 2, 90deg);
        }






*{ cursor:url(https://blog-static.cnblogs.com/files/StarRoadTang/xxx.ico),auto;}