document.addEventListener('DOMContentLoaded', () => {
    const navItems = document.querySelectorAll('.tabs .tab');

    navItems.forEach(item => {
        item.addEventListener('click', () => {
            navItems.forEach(li => li.classList.remove('active'));

            item.classList.add('active');
        });
    });

    const itemMenus = document.querySelectorAll('.main .news .bottmoCloum .left .leftX .item-menu');
    itemMenus.forEach(itemM => {
        itemM.addEventListener('click', () => {
            navItems.forEach(liM => liM.classList.remove('active-menu'));

            itemM.classList.add('active-menu');
        });
    });
});