settimeout(function () {
    document.queryselector('body').style.opacity = '1'
},50)

if (document.queryselector('#news')) {
    $('.text_effect').each(function (index,ele) {
        var ly = $(ele).data('delay');
        if (ly === undefined) {
            ly = 20;
        }
        var text = $(ele).find('p').text();
        var html = '';
        for(var i=0;i<text.length;i++){
            html += '<div style="display: inline-block;">'+text[i]+'</div>';
        }
        $(ele).find('p').html('<div class="fist">'+html+'</div> <div class="fist">'+html+'</div>');
        $(ele).find('.fist').each(function (i,e) {
            $(e).find('div').each(function (i,e) {
                var delay = i*ly;
                $(e).css({
                    'transition': '900ms cubic-bezier(.19,1,.22,1) '+ delay +'ms'
                })
            })
        })
    })
}else {
    $('.text_effect').each(function (index,ele) {
        var ly = $(ele).data('delay');
        var text = $(ele).text();
        var html = '';
        for(var i=0;i<text.length;i++){
            html += '<div style="display: inline-block;">'+text[i]+'</div>';
        }
        $(ele).html('<div class="fist">'+html+'</div> <div class="fist">'+html+'</div>');
        $(ele).find('.fist').each(function (i,e) {
            $(e).find('div').each(function (i,e) {
                var delay = i*ly;
                $(e).css({
                    'transition': '900ms cubic-bezier(.19,1,.22,1) '+ delay +'ms'
                })
            })
        })
    })
}



const countitems = document.queryselectorall('.count-item');
function onintersection(entries, observer) {
    entries.foreach(entry => {
        if (entry.isintersecting) {
            const e = entry.target;
            animatecount(e);
            // observer.unobserve(e);
        }
    });
}
const observer = new intersectionobserver(onintersection);
countitems.foreach(item => observer.observe(item));
function animatecount(e) {
    var demo = { score: 0 },
        scoredisplay = e,
        to = e.getattribute('data-to'),
        speed = e.getattribute('data-speed') * 1,
        separator = e.getattribute('data-separator'),
        to_fixed = e.getattribute('data-fixed');

    if (to !== null) {
        if (to.indexof('.') !== -1) {
            var automatic = (to.length -1)-to.indexof('.')
        }
    }
    if (speed === 0) {
        speed = 1;
    }
    tweenlite.to(demo, speed, {
        score: to,
        onupdate: showscore
    });
    function showscore() {
        if (separator !== null) {
            scoredisplay.innerhtml = formatnumberwithcommasanddecimal(demo.score, to_fixed, separator);
        }else if (to_fixed !== null) {
            scoredisplay.innerhtml = demo.score.tofixed(automatic);
        }else {
            scoredisplay.innerhtml = demo.score.tofixed(0);
        }
    }
}
function formatnumberwithcommasanddecimal(number, decimalplaces,separator) {
    var formattednumber = number.tofixed(decimalplaces);
    formattednumber = formattednumber.replace(/\b(?=(\d{3})+(?!\d))/g, separator);
    return formattednumber;
}



function getrequest() {
    var url = location.search;
    var therequest = new object();
    if (url.indexof("?") !== -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            therequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return therequest;
}

function link_scroll() {
    var anchor = getrequest().scrollto;
    if(anchor!==''){
        var ele = document.queryselector('#'+anchor);
        if(ele){
            settimeout(function () {
                // document.queryselector('.scrolltop') ? scroll = ele.offsettop - 300  : scroll = ele.offsettop - 150;
                if($(window).width()>541){
                    document.queryselector('.scrolltop') ? scroll = ele.offsettop - 200  : scroll = ele.offsettop - 100;
                }else{
                    document.queryselector('.scrolltop') ? scroll = ele.offsettop - 100  : scroll = ele.offsettop - 50;
                }
                scrollbar.scrollto(0, scroll, 1200);
            },500)
        }
    }
}
link_scroll()


$("a[href*='#']").click(function () {
    link_scroll()
})

$('video:not(video[muted])').trigger('pause')

function video_alert(e) {
    var alert = $('.alert_video')
    var video = $('.alert_video .joke .video video')
    var controls = $(e).find('video').attr('controls')
    var loop = $(e).find('video').attr('loop')
    $(video).attr('controls',controls)
    $(video).attr('loop',loop)
    $(alert).addclass('video_active')
    $(video).attr('src',$(e).find('video').attr('src'))
    $(video).trigger('play');
    if ($(e).is('.all')) {
        $(alert).addclass('all')
    }else {
        $(alert).removeclass('all')
    }
}

function video_close() {
    $('.alert_video').removeclass('video_active')
    $('.alert_video .joke .video video').trigger('pause');
    $('.alert_video .joke .item').removeclass('item_active')
}

$(document).on('click','.alert_video .joke .close',function () {
    video_close()
})

$(document).on('click','.alert_video .mask',function () {
    video_close()
})

var video_html = '';
video_html+= `<div class="alert_video">
    <div class="joke">
        <div class="video">
            <video src=""></video>
        </div>
        <div class="close">
            <svg t="1676432369827" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="2743" width="64" height="64">
                <path d="m548.992 503.744l885.44 167.328a31.968 31.968 0 1 0-45.248-45.248l503.744 458.496 167.328 122.08a31.968 31.968 0 1 0-45.248 45.248l336.416 336.416l122.08 840.16a31.968 31.968 0 1 0 45.248 45.248l336.416-336.416l840.16 885.44a31.968 31.968 0 1 0 45.248-45.248l548.992 503.744z"
                      p-id="2744"></path>
            </svg>
        </div>
    </div>
    <div class="mask"></div>
</div>`

if ($('*[onclick*="video_alert(this)"] video').length > 0) {
    $('body').append(video_html)
}


$('.down_select').each(function(i,e) {
    $(e).find('.pull div').append('<span></span>')
    // $(e).find('.pull').prepend('<div class="on">请选择<span></span></div>')
    $(e).click(function (e) {
        $(this).toggleclass('on').siblings().removeclass('on')
        e.stoppropagation()
    })
    $(e).find('.pull div').click(function (e) {
        var text = $(this).text()
        if ($(e).is('.none')) {
            $(this).addclass('on').siblings().removeclass('on')
        }
        $(this).parents('.down_select').find('.txt').text(text)
        $('.down_select').removeclass('on')
        e.stoppropagation()
    })
    $(e).find('.pull div span').css('background-color',$(e).attr('data-color'))
})
$('body').click(function () {
    $('.down_select').removeclass('on')
})