$(function(){
        $('.ctn1 .con .c-content .c-box:first-child').addclass('active');
        $('.ctn1 .con .c-content .c-box:first-child .left ul li:first-child').addclass('active');
        $('.ctn1 .con .c-content .c-box:first-child .right ul li:first-child').addclass('active');
        var w=$(window).width();
        if(w>768){
            var width=77;
            if($(window).width()<=1440){
                width=66;
            }
            var length=$('.ctn1 .con .c-wrapper .y-box:first-child .year ul li').length;
            $('.ctn1 .con .c-wrapper .y-box:first-child').addclass('active').find('.year').width(width*length);
            $('.ctn1 .con .c-wrapper .y-box:first-child .year ul li:first-child').addclass('active');
            var str= $('.ctn1 .con .c-wrapper .y-box:first-child .year ul li:first-child span').text();
            $('.d-y h2').text(str);

            $('.ctn1 .con .c-wrapper .y-box').click(function () {
                var index=$(this).index();
                var length=$('.ctn1 .con .c-wrapper .y-box').eq(index).find('li').length;
                $(this).addclass('active').find('.year').width(width*length);
                $(this).siblings().removeclass('active').find('.year').width(0);
                $('.ctn1 .con .c-wrapper .y-box .year ul li').removeclass('active');
                $(this).find('.year ul li:first-child')[0].click();
            });


            $('.ctn1 .con .c-wrapper').on('click','.y-box.active ul li',function () {
                var i=$('.ctn1 .con .c-wrapper .y-box.active').index();
                var index=$(this).index();
                $(this).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box').eq(i).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box.active .left ul li').eq(index).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box.active .right ul li').eq(index).addclass('active').siblings().removeclass('active');
               $('.d-y h2').text($(this).find('span').text());
            });


            $('.ctn1 .con .c-content').on('click','.c-box.active .right ul li',function () {
                var index=$(this).index();
                $(this).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box.active .left ul li').eq(index).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-wrapper .y-box.active ul li').eq(index).addclass('active').siblings().removeclass('active');
                $('.d-y h2').text($(this).find('.year').text());
            });
        }else{
            $('.ctn1 .con .c-wrapper .y-box:first-child').addclass('active');
            $('.ctn1 .con .c-wrapper .y-box').click(function () {
                var index=$(this).index();
                $(this).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box').eq(index).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box').eq(index).find('.left ul li:first-child').addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box').eq(index).find('.right ul li:first-child').addclass('active').siblings().removeclass('active');
            });

            $('.ctn1 .con .c-content').on('click','.c-box.active .right ul li',function () {
                var index=$(this).index();
                $(this).addclass('active').siblings().removeclass('active');
                $('.ctn1 .con .c-content .c-box.active .left ul li').eq(index).addclass('active').siblings().removeclass('active');
            });
        }


    })