<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />

#preloader {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        z-index: 999999;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        /*background: #0095cd;*/
        background: rgba(104, 114, 250, 0.73);
    }

    #preloader .title {
        font-size: 40px;
        color: #fff;
        font-variant: small-caps;
    }

    #preloader .logo {
        margin-top: 15px;
        font-size: 20px;
        color: #fff;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 700;
        padding-left: 5px;
    }

    .preloader-wrap {
        width: 92px;
        height: 92px;
        border-radius: 50%;
        perspective: 780px;
    }

    .preloader-line {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 50%;
        left: 0;
        top: 0;
    }

    .preloader-line.one {
        animation: pl-one 1.4s linear infinite;
        border-bottom: 8px solid rgb(255, 154, 47);
    }

    .preloader-line.two {
        animation: pl-two 1.4s linear infinite;
        border-top: 8px solid rgb(255, 255, 255);
    }

    .preloader-line.three {
        animation: pl-three 1.4s linear infinite;
        border-left: 8px solid rgb(10, 137, 1);
    }

    .preloader-line.four {
        animation: pl-four 1.4s linear infinite;
        border-right: 8px solid rgb(0, 0, 137);
    }

    @keyframes pl-one {
        0% {
            transform: rotateX(-30deg) rotateY(-55deg) rotateZ(0deg);
        }

        100% {
            transform: rotateX(-30deg) rotateY(-55deg) rotateZ(360deg);
        }
    }

    @keyframes pl-two {
        0% {
            transform: rotateX(-30deg) rotateY(55deg) rotateZ(0deg);
        }

        100% {
            transform: rotateX(-30deg) rotateY(55deg) rotateZ(360deg);
        }
    }

    @keyframes pl-three {
        0% {
            transform: rotateX(63deg) rotateY(24deg) rotateZ(0deg);
        }

        100% {
            transform: rotateX(63deg) rotateY(24deg) rotateZ(360deg);
        }
    }

    @keyframes pl-four {
        0% {
            transform: rotateX(-63deg) rotateY(24deg) rotateZ(0deg);
        }

        100% {
            transform: rotateX(-63deg) rotateY(24deg) rotateZ(360deg);
        }
    }

    @media (max-width: 767px) {
        #preloader .title {
            font-size: 30px;
        }

        #preloader .logo {
            font-size: 15px;
            font-weight: 600;
        }

        .preloader-wrap {
            width: 64px;
            height: 64px;
        }

        .preloader-line {
            border-width: 6px !important;
        }
    }