<style>
    .loading-animations {
        background-color: var(--loading-background);
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 1s;
        opacity: 1;
    }

    .la-ball-clip-rotate,
    .la-ball-clip-rotate > div {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .la-ball-clip-rotate {
        display: block;
        font-size: 0;
        color: #fff;
    }

    .la-ball-clip-rotate.la-dark {
        color: #333;
    }

    .la-ball-clip-rotate > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
    }

    .la-ball-clip-rotate {
        width: 32px;
        height: 32px;
    }

    .la-ball-clip-rotate > div {
        width: 32px;
        height: 32px;
        background: transparent;
        border-width: 2px;
        border-bottom-color: transparent;
        border-radius: 100%;
        -webkit-animation: ball-clip-rotate .75s linear infinite;
        -moz-animation: ball-clip-rotate .75s linear infinite;
        -o-animation: ball-clip-rotate .75s linear infinite;
        animation: ball-clip-rotate .75s linear infinite;
    }

    .la-ball-clip-rotate.la-sm {
        width: 16px;
        height: 16px;
    }

    .la-ball-clip-rotate.la-sm > div {
        width: 16px;
        height: 16px;
        border-width: 1px;
    }

    .la-ball-clip-rotate.la-2x {
        width: 64px;
        height: 64px;
    }

    .la-ball-clip-rotate.la-2x > div {
        width: 64px;
        height: 64px;
        border-width: 4px;
    }

    .la-ball-clip-rotate.la-3x {
        width: 96px;
        height: 96px;
    }

    .la-ball-clip-rotate.la-3x > div {
        width: 96px;
        height: 96px;
        border-width: 6px;
    }

    /*
     * Animation
     */
    @-webkit-keyframes ball-clip-rotate {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-moz-keyframes ball-clip-rotate {
        0% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        100% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-o-keyframes ball-clip-rotate {
        0% {
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        100% {
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes ball-clip-rotate {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .loading-animations-out {
        opacity: 0;
    }

    <?php
    global $core_next_set;
    if ($core_next_set['loading_animations_type']==='yuanhuanfangda'){
    print_r('.la-ball-scale-ripple,.la-ball-scale-ripple > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.la-ball-scale-ripple{display:block;font-size:0;color:#fff;}.la-ball-scale-ripple.la-dark{color:#333;}.la-ball-scale-ripple > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;}.la-ball-scale-ripple{width:32px;height:32px;}.la-ball-scale-ripple > div{width:32px;height:32px;background:transparent;border-width:2px;border-radius:100%;opacity:0;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);-moz-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);-o-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);}.la-ball-scale-ripple.la-sm{width:16px;height:16px;}.la-ball-scale-ripple.la-sm > div{width:16px;height:16px;border-width:1px;}.la-ball-scale-ripple.la-2x{width:64px;height:64px;}.la-ball-scale-ripple.la-2x > div{width:64px;height:64px;border-width:4px;}.la-ball-scale-ripple.la-3x{width:96px;height:96px;}.la-ball-scale-ripple.la-3x > div{width:96px;height:96px;border-width:6px;}@-webkit-keyframes ball-scale-ripple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1);}70%{opacity:.65;-webkit-transform:scale(1);transform:scale(1);}100%{opacity:0;}}@-moz-keyframes ball-scale-ripple{0%{opacity:1;-moz-transform:scale(.1);transform:scale(.1);}70%{opacity:.65;-moz-transform:scale(1);transform:scale(1);}100%{opacity:0;}}@-o-keyframes ball-scale-ripple{0%{opacity:1;-o-transform:scale(.1);transform:scale(.1);}70%{opacity:.65;-o-transform:scale(1);transform:scale(1);}100%{opacity:0;}}@keyframes ball-scale-ripple{0%{opacity:1;-webkit-transform:scale(.1);-moz-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);}70%{opacity:.65;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{opacity:0;}}');

    }elseif ($core_next_set['loading_animations_type']==='yuanquanjiaoti'){
    print_r('.la-ball-scale-pulse,.la-ball-scale-pulse > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.la-ball-scale-pulse{display:block;font-size:0;color:#fff;}.la-ball-scale-pulse.la-dark{color:#333;}.la-ball-scale-pulse > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;}.la-ball-scale-pulse{width:32px;height:32px;}.la-ball-scale-pulse > div{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:100%;opacity:.5;-webkit-animation:ball-scale-pulse 2s infinite ease-in-out;-moz-animation:ball-scale-pulse 2s infinite ease-in-out;-o-animation:ball-scale-pulse 2s infinite ease-in-out;animation:ball-scale-pulse 2s infinite ease-in-out;}.la-ball-scale-pulse > div:last-child{-webkit-animation-delay:-1.0s;-moz-animation-delay:-1.0s;-o-animation-delay:-1.0s;animation-delay:-1.0s;}.la-ball-scale-pulse.la-sm{width:16px;height:16px;}.la-ball-scale-pulse.la-sm > div{width:16px;height:16px;}.la-ball-scale-pulse.la-2x{width:64px;height:64px;}.la-ball-scale-pulse.la-2x > div{width:64px;height:64px;}.la-ball-scale-pulse.la-3x{width:96px;height:96px;}.la-ball-scale-pulse.la-3x > div{width:96px;height:96px;}@-webkit-keyframes ball-scale-pulse{0%,100%{-webkit-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1);transform:scale(1);}}@-moz-keyframes ball-scale-pulse{0%,100%{-moz-transform:scale(0);transform:scale(0);}50%{-moz-transform:scale(1);transform:scale(1);}}@-o-keyframes ball-scale-pulse{0%,100%{-o-transform:scale(0);transform:scale(0);}50%{-o-transform:scale(1);transform:scale(1);}}@keyframes ball-scale-pulse{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}}');
    }elseif ($core_next_set['loading_animations_type']==='juxingtiaodong'){
    print_r('.la-square-jelly-box,.la-square-jelly-box > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.la-square-jelly-box{display:block;font-size:0;color:#fff;}.la-square-jelly-box.la-dark{color:#333;}.la-square-jelly-box > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;}.la-square-jelly-box{width:32px;height:32px;}.la-square-jelly-box > div:nth-child(1),.la-square-jelly-box > div:nth-child(2){position:absolute;left:0;width:100%;}.la-square-jelly-box > div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;-webkit-animation:square-jelly-box-animate .6s -.1s linear infinite;-moz-animation:square-jelly-box-animate .6s -.1s linear infinite;-o-animation:square-jelly-box-animate .6s -.1s linear infinite;animation:square-jelly-box-animate .6s -.1s linear infinite;}.la-square-jelly-box > div:nth-child(2){bottom:-9%;height:10%;background:#000;border-radius:50%;opacity:.2;-webkit-animation:square-jelly-box-shadow .6s -.1s linear infinite;-moz-animation:square-jelly-box-shadow .6s -.1s linear infinite;-o-animation:square-jelly-box-shadow .6s -.1s linear infinite;animation:square-jelly-box-shadow .6s -.1s linear infinite;}.la-square-jelly-box.la-sm{width:16px;height:16px;}.la-square-jelly-box.la-2x{width:64px;height:64px;}.la-square-jelly-box.la-3x{width:96px;height:96px;}@-webkit-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%;}25%{-webkit-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg);}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg);}75%{-webkit-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg);}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg);}}@-moz-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%;}25%{-moz-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg);}50%{border-bottom-right-radius:100%;-moz-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg);}75%{-moz-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg);}100%{-moz-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg);}}@-o-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%;}25%{-o-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg);}50%{border-bottom-right-radius:100%;-o-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg);}75%{-o-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg);}100%{-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg);}}@keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%;}25%{-webkit-transform:translateY(25%) rotate(22.5deg);-moz-transform:translateY(25%) rotate(22.5deg);-o-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg);}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);-moz-transform:translateY(50%) scale(1,.9) rotate(45deg);-o-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg);}75%{-webkit-transform:translateY(25%) rotate(67.5deg);-moz-transform:translateY(25%) rotate(67.5deg);-o-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg);}100%{-webkit-transform:translateY(0) rotate(90deg);-moz-transform:translateY(0) rotate(90deg);-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg);}}@-webkit-keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);transform:scale(1.25,1);}}@-moz-keyframes square-jelly-box-shadow{50%{-moz-transform:scale(1.25,1);transform:scale(1.25,1);}}@-o-keyframes square-jelly-box-shadow{50%{-o-transform:scale(1.25,1);transform:scale(1.25,1);}}@keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);-moz-transform:scale(1.25,1);-o-transform:scale(1.25,1);transform:scale(1.25,1);}}');
    }
    ?>
</style>
<div class="loading-animations" id="loading-warp">
    <?php
    if ($core_next_set['loading_animations_type'] === 'yuanhuanfangda') {
        print_r('<div class="la-ball-scale-ripple la-3x"><div></div></div>');
    } elseif ($core_next_set['loading_animations_type'] === 'yuanquanjiaoti') {
        print_r('<div class="la-ball-scale-pulse la-3x"><div></div><div></div></div>');
    } elseif ($core_next_set['loading_animations_type'] === 'juxingtiaodong') {
        print_r('<div class="la-square-jelly-box la-3x"><div></div><div></div></div>');
    }
    ?>
</div>
<script>
    document.body.style.overflow = 'hidden';
    window.addEventListener('load', function () {
        let loader = document.getElementById("loading-warp");
        loader.className = "loading-animations loading-animations-out";//使用渐隐的方法淡出loading page
        document.body.style.overflow = 'auto';
        setTimeout(() => {

            loader.style.display = "none"
        }, 1000);
    });
</script>