$(function () {
    //加载动画
    if (__M.cssanimations) {
        new KYAnimate().init();
    } else {
        $('.ky'), css("visibility", "visible");
    }
    var c_headerlogo = $("#c_headerlogo").val();
    //header样式
    $('.header_p').addClass("header_p_active");
    $('.headerNav>a').addClass("header_nav_black");
    $('.lastli').addClass("header_nav_black");
    $('.glass').addClass("glass_active");
    $('.phone').addClass("phone_active");
    $('.logo').attr("src", c_headerlogo);
    $('.headerNav').hover(
        function () {
            let this_ = $(this);
            this_.children().eq(0).addClass("header_nav_red");
            this_.children('.menu').stop().slideDown(200);
        },
        function () {
            let this_ = $(this);
            this_.children().eq(0).removeClass("header_nav_red");
            // console.log($(this).index());
            this_.children('.menu').stop().slideUp(200);
        }
    )
    $(".menu .box-right .list .item").hover(
        function () {
            var index = $(this).index();
            $(".menu .box-right .list .item-bg").css({
                'top': index * 0.525 + 'rem'
            });
        },
        function () {
            $(".menu .box-right .list .item-bg").css({
                'top': '-0.525rem'
            });
        }
    );
    $('.language-box').hover(
        function () {
            let $this = $(this);
            $this.children('.down-box').stop(true, false).slideDown(500);
        },
        function () {
            let $this = $(this);
            $this.children('.down-box').stop(true, false).slideUp(200);
        }
    );
    $('.links .text-show').click(function () {
        $('.links .link').stop(false, true).slideToggle(388);
    })
    $__W.click(function (e) {
        $this = $(e.target);
        if (!$(".links .link").is(":hidden") && !$this.hasClass("text-show") && !$this.hasClass("text") && !$this.hasClass("icon")) {
            $(".links .link").stop(false, true).hide(388, "easeInQuart");
        }
    });
    //header搜索框
    $('.glass').on('click', function () {
        $('.search_box').slideDown(500);
    })
    $('.close').on('click', function () {
        $('.search_box').slideUp(500);
    })
    //m_herader样式
    var flag = false;
    $('.logo').attr("src",c_headerlogo);
    $('.head_top').addClass("head_top_active");
    $('.head_right i').addClass("i_active");
    $('#menus').on('click', function () {
        if (!flag) {

            $('#menus').removeClass("fa-bars").addClass("fa-times");
            $('.mhead_li').slideDown()
            flag = true;
        } else {
            $('#menus').removeClass("fa-times").addClass("fa-bars");
            $('.mhead_li').slideUp()
            flag = false;
        }
    })
    $('.li_left li').on('click', function () {
        let index = $(this).index();
        $(this).addClass('li_active').siblings().removeClass('li_active');
        $('.li_right>ul').eq(index).addClass("ul_active").siblings().removeClass("ul_active")
    })
    //手机搜索框
    $('#search').on('click', function () {
        $('.m_search').slideDown(200);
    })
    $('.m_close').on('click', function () {
        $('.m_search').slideUp(200);
    })
    //tab切换
    $('.select>div').on('click', function () {
        let this_ = $(this);
        this_.addClass("se_active").siblings().removeClass("se_active")
        if (this_.hasClass("se_active")) {
            this_.children(".bot").css({
                "display": "block"
            });
            this_.siblings().children(".bot").css({
                "display": "none"
            });
        }
        if (this_.index() == 0) {
            $('.inp2').hide().siblings().show()
        } else {
            $('.inp1').hide().siblings().show()
        }
    })
    //select框
    $('.country-box').click(function () {
        $this = $(this)
        $(this).siblings('ul').stop(true, true).slideToggle();
        $this.find('.icon').toggleClass('xz')
    })
    $('body').on("click",'.country ul li',function () {
    // $('.country ul li').click(function () {
        $this = $(this)
        $this.parents('ul').stop(true, true).slideToggle();
        $('.country-value').text($this.text())
        $('.country-box').find('.icon').toggleClass('xz')
    })

    $('.province-box').click(function () {
        $this = $(this)
        $(this).siblings('ul').stop(true, true).slideToggle();
        $this.find('.icon').toggleClass('xz')
    })
    $('body').on("click",'.province ul li',function () {
    // $('.province ul li').click(function () {
        $this = $(this)
        $this.parents('ul').stop(true, true).slideToggle();
        $('.province-value').text($this.text())
        $('.province-value').attr('data-src',$this.data("val"))
        $('.province-box').find('.icon').toggleClass('xz')
    })

    $('.city-box').click(function () {
        $this = $(this)
        $(this).siblings('ul').stop(true, true).slideToggle();
        $this.find('.icon').toggleClass('xz')
    })
    $('body').on("click",'.city ul li',function () {
    // $('.city ul li').click(function () {
        $this = $(this)
        $this.parents('ul').stop(true, true).slideToggle();
        $('.city-value').text($this.text())
            // $('.city-value').text($this.text())
        $('.city-value').attr('data-src',$this.data("val"))
        $('.city-box').find('.icon').toggleClass('xz')
    })
    //重置
    $('.reset2').on('click', function () {
        $('.city-value').text('市 / 县');
        $('.province-value').text('省 / 自治区 / 直辖市 / 特区');
        $('.country-value').text('国内 / 国外')
    })
    $('.reset1').on('click', function () {
        // console.log($('.inp1 input')[0].value);
        $('.inp1 input')[0].value = '';
    })
    document.addEventListener("click", (e) => {
        if (e.target.className != "country-box" && e.target.className != "country-value" && e.target.className != "icon" && e.target.className != "n1") {
            console.log(e.target);
            $('.country-dropdown').slideUp();
            $('.country-box').find('.icon').removeClass('xz');
        }
        if (e.target.className != "province-box" && e.target.className != "province-value" && e.target.className != "icon" && e.target.className != "n1") {
            $('.province-dropdown').slideUp();
            $('.province-box').find('.icon').removeClass('xz');
        }
        if (e.target.className != "city-box" && e.target.className != "city-value" && e.target.className != "icon" && e.target.className != "n1") {
            $('.city-dropdown').slideUp();
            $('.city-box').find('.icon').removeClass('xz');
        }
    });
})