// 消息、cfp、footer 内容
function notice_con() {

    
    const style = document.createElement('style');
    style.innerHTML = `
    #top_bar{
        position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999;
    }
  .topicsNewBox #top_bar .top .top_logo .home_logo img{
    position: absolute;
    top: 20px;
   }
   
    .mb_aform{
        display:none;
    }
    .pos_ter{
        padding:10px;
    }
    .pos_ter>div:nth-child(1) {
        width: 25%;
    }
    .htmlImageNote blue{
        color :#0082AA !important;
    }
    .wenzhang .wen_jian h4 i{
           
        font-weight: 500;
        font-weight: bold;
    
    
    }
    .v4-art-top #st-2 .st-btn > img{
            
        width:16px !important;
        height: 16px  !important;
    }
    .pos_ter>a {
    width: 23%;
    }
    .pos_ter>div:nth-child(3) {
    width: 23%;
    }
    .pos_ter>a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pos_ter>a>img {
        min-width: 260px;
        margin-top: -10px;
    }
    .pos_ter>div:nth-child(3)>a:nth-child(1){
    margin-left: calc((100% - 160px - 55px - 20px)/2);
    }
    .pos_ter>div:nth-child(1)>div:nth-child(1){
    margin-left: calc((100% - 190px - 65px)/2) !important;
    }
                
    .pos_ter>div:nth-child(4) {
        width: 23%; overflow:hidden;
    
    }
    .pos_ter>div:nth-child(4) img{
        position: relative;
        top: -16px;
    }
    .footer .daohang ul{
        width: 26% !important;
    
    }
    
    `
    
    document.head.appendChild(style);

   
    
    function initStyle() {
        // 找到目标元素
        const navBan = document.querySelector('.nav_ban.rgb_color_background');
    
        if (navBan) {
            // 创建一个新的 inner-wrapper div
            const innerWrapper = document.createElement('div');
            innerWrapper.className = 'inner_nav_ban_wrapper';
    
            // 把 navBan 中所有子节点移动到 innerWrapper 中
            while (navBan.firstChild) {
                innerWrapper.appendChild(navBan.firstChild);
            }
    
            // 再把 innerWrapper 加回 navBan 中
            navBan.appendChild(innerWrapper);
        }
    
    
    }

    var newBox = document.querySelector('.newBox');
    var commonPopupStr = `
    <div id="common-overlay"></div>
    <div id="common-popup">
        <span class="common-close-btn" onclick="closePopup()">×</span>
        <div style="padding: 30px 30px 20px 30px" class="common-popup-box">
            <h2 class="common-popup-title"></h2>
            <div class="common-popup-content">

            </div>
        </div>
    </div>
`;

    // 将弹窗插入到页面中
    newBox.insertAdjacentHTML('beforeend', commonPopupStr);
    // 获取地址栏信息
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    var footer_ID = getQueryString('footer_id'); //footer
    //footer
    if (footer_ID != null) {
        initArticleNavList()
        var matching = [206, 336, 338, 173, 176, 484, 258, 253, 259, 123, 122, 121]
        for (var i in matching) {
            if (footer_ID == matching[i]) {
                window.location.href = 'for_author.html?J_num=' + Jour_num;
            }
        }

        var marry = [466, 194, 45, 44, 100, 108, 147, 146, 46, 50, 255, 186, 298, 351, 21, 154, 233, 234, 339, 391, 325, 409, 81, 88, 268, 270, 132, 137, 62, 64, 178, 177, 128, 125, 219, 392, 1, 2, 236, 242, 25, 24, 151, 152, 485, 486]
        let mar_ry = 0
        for (var i in marry) {
            if (footer_ID == marry[i]) {
                mar_ry = 1
            }
        }
        if (mar_ry == 0) {
            window.location.href = 'for_author.html?J_num=' + Jour_num;
        }


        // footer
        $.ajax({
            type: 'post', url: apiUrl + 'api/Journal/getFooterArt',
            data: {
                "journal_paper_art_id": footer_ID
            },
            success: function (result) {
                if (result.code == 0) {

                    // 消息列表
                    var arr = result.data.article;

                    $('.topics>h2').html(arr.title);

                    if (arr.title == 'Editorial Board') {
                        $.ajax({
                            type: 'post', url: apiUrl + 'api/Journal/getBoard1',
                            data: {
                                "journal_id": Jour_num
                            },
                            success: function (result) {
                                if (result.code == 0) {
                                    // 编委会成员
                                    var arg = result.data.data.boards;
                                    // 期刊委员会
                                    var committees = result.data.data.committees;
                                    var editors = result.data.data.editors;
                                    var str = '';

                                    if (arg.main == undefined) {
                                        str += ''
                                    } else {
                                        str += '<b>Editor-in-Chief</b><br><br>'
                                        for (var i = 0; i < arg.main.length; i++) {
                                            if (arg.main[i].icon == '') {
                                                var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;  height:auto; border-radius: 10px;">'
                                            } else {
                                                var icon_img = '<img src="' + apiSubmission + 'public/usericon/' + arg.main[i].icon + '" style="position: absolute;left: 0;top: 0;width: 75px; height:auto; border-radius: 10px;">'
                                            }
                                            if (arg.main[i].research_areas == '') {
                                                var dis_line = ''
                                            } else {
                                                var dis_line = '<b>Research areas: </b>' + arg.main[i].research_areas
                                            }
                                            if (arg.main[i].website != '') {
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                    '<a href="' + arg.main[i].website + '" target="_blank" style="color: #006699">' + arg.main[i].realname + '</a>, Ph.D. '
                                                    + arg.main[i].technical + '<br/>' + arg.main[i].email + '<br/>'
                                                    + arg.main[i].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                            } else {
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                    arg.main[i].realname + ', Ph.D. '
                                                    + arg.main[i].technical + '<br/>' + arg.main[i].email + '<br/>'
                                                    + arg.main[i].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                            }
                                        }
                                    }
                                    if (arg.remain == undefined) {
                                        str += ''
                                    } else {
                                        str += '<b>Vice Editor-in-Chief</b><br><br>'
                                        for (var i = 0; i < arg.remain.length; i++) {
                                            if (arg.remain[i].icon == '') {
                                                var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;  height:auto; border-radius: 10px;">'
                                            } else {
                                                var icon_img = '<img src="' + apiSubmission + 'public/usericon/' + arg.remain[i].icon + '" style="position: absolute;left: 0;top: 0;width: 75px; height:auto; border-radius: 10px;">'
                                            }
                                            if (arg.remain[i].research_areas == '') {
                                                var dis_line = ''
                                            } else {
                                                var dis_line = '<b>Research areas: </b>' + arg.remain[i].research_areas
                                            }
                                            if (arg.remain[i].website != '') {
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                    '<a href="' + arg.remain[i].website + '" target="_blank" style="color: #006699">' + arg.remain[i].realname + '</a>, Ph.D. '
                                                    + arg.remain[i].technical + '<br/>' + arg.remain[i].email + '<br/>'
                                                    + arg.remain[i].company + ' <br/>' + dis_line + icon_img + '</li><br><br>'
                                            } else {
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                    arg.remain[i].realname + ', Ph.D. '
                                                    + arg.remain[i].technical + '<br/>' + arg.remain[i].email + '<br/>'
                                                    + arg.remain[i].company + ' <br/>' + dis_line + icon_img + '</li><br><br>'
                                            }
                                        }
                                        str += '<br>'
                                    }
                                    if (arg.member == undefined) {
                                        str += ''
                                    } else {
                                        str += '<b>Editorial Board Members</b><br><br>'
                                        // 未分组
                                        $.each(arg.member, function (key, value) {  //遍历键值对
                                            if ($.isArray(arg.member[key]) == true) {
                                                if (key == 'nogroup') {
                                                    for (var j = 0; j < arg.member[key].length; j++) {
                                                        if (arg.member[key][j].icon == '') {
                                                            var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;  height:auto; border-radius: 10px;">'
                                                        } else {
                                                            var icon_img = '<img src="' + apiSubmission + 'public/usericon/' + arg.member[key][j].icon + '" style="position: absolute;left: 0;top: 0;width: 75px; height:auto; border-radius: 10px;">'
                                                        }
                                                        if (arg.member[key][j].research_areas == '') {
                                                            var dis_line = ''
                                                        } else {
                                                            var dis_line = '<b>Research areas: </b>' + arg.member[key][j].research_areas
                                                        }
                                                        if (arg.member[key][j].realname == 'Jian Hao' || arg.member[key][j].realname == 'Mathew Goss' || arg.member[key][j].realname == 'Lucy Pi (Nuo-Xi Pi)' || arg.member[key][j].realname == 'Richard Shane Palmer' || arg.member[key][j].realname == 'Xin-Yun Zhang') {
                                                            if (arg.member[key][j].website != '') {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    '<a href="' + arg.member[key][j].website + '" target="_blank" style="color: #006699">' + arg.member[key][j].realname + '</a>, Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            } else {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    arg.member[key][j].realname + ', Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            }
                                                        } else {
                                                            if (arg.member[key][j].website != '') {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    '<a href="' + arg.member[key][j].website + '" target="_blank" style="color: #006699">' + arg.member[key][j].realname + '</a>, Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            } else {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    arg.member[key][j].realname + ', Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        })
                                        // 有分组
                                        $.each(arg.member, function (key, value) {  //遍历键值对
                                            if ($.isArray(arg.member[key]) == true) {
                                                if (key != 'nogroup') {
                                                    str += '<b>' + key + '</b><br><br>'
                                                    for (var j = 0; j < arg.member[key].length; j++) {
                                                        if (arg.member[key][j].icon == '') {
                                                            var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;  height:auto; border-radius: 10px;">'
                                                        } else {
                                                            var icon_img = '<img src="' + apiSubmission + 'public/usericon/' + arg.member[key][j].icon + '" style="position: absolute;left: 0;top: 0;width: 75px; height:auto; border-radius: 10px;">'
                                                        }
                                                        if (arg.member[key][j].research_areas == '') {
                                                            var dis_line = ''
                                                        } else {
                                                            var dis_line = '<b>Research areas: </b>' + arg.member[key][j].research_areas
                                                        }
                                                        if (arg.member[key][j].realname == 'Jian Hao' || arg.member[key][j].realname == 'Mathew Goss' || arg.member[key][j].realname == 'Lucy Pi (Nuo-Xi Pi)' || arg.member[key][j].realname == 'Richard Shane Palmer' || arg.member[key][j].realname == 'Xin-Yun Zhang') {
                                                            if (arg.member[key][j].website != '') {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    '<a href="' + arg.member[key][j].website + '" target="_blank" style="color: #006699">' + arg.member[key][j].realname + '</a>, Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            } else {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    arg.member[key][j].realname + ', Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            }
                                                        } else {
                                                            if (arg.member[key][j].website != '') {
                                                                // Nagwa El-Badri
                                                                if(Jour_num==25&&arg.member[key][j].realname == 'Nagwa El-Badri'){
                                                                    str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    '<a href="' + arg.member[key][j].website + '" target="_blank" style="color: #006699">' + arg.member[key][j].realname + '</a>, M.D. Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                                }else{
                                                                    str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    '<a href="' + arg.member[key][j].website + '" target="_blank" style="color: #006699">' + arg.member[key][j].realname + '</a>, Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                                }
                                                               
                                                            } else {
                                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                                    arg.member[key][j].realname + ', Ph.D. '
                                                                    + arg.member[key][j].technical + '<br/>' + arg.member[key][j].email + '<br/>'
                                                                    + arg.member[key][j].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        })
                                        str += '<br>'
                                    }

                                    // 期刊委员会
                                    if (committees && committees.length > 0) {
                                        str += '<b>Academic Integrity Committee</b><br><br>'
                                        for (var i = 0; i < committees.length; i++) {
                                            if (committees[i].icon == '') {
                                                var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;  height:auto; border-radius: 10px;">'
                                            } else {
                                                var icon_img = '<img src="' + apiSubmission + 'public/usericon/' + committees[i].icon + '" style="position: absolute;left: 0;top: 0;width: 75px; height:auto; border-radius: 10px;">'
                                            }
                                            if (committees[i].research_areas == '') {
                                                var dis_line = ''
                                            } else {
                                                var dis_line = '<b>Research areas: </b>' + committees[i].research_areas
                                            }
                                            if (committees[i].website != '') {
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                    '<a href="' + committees[i].website + '" target="_blank" style="color: #006699">' + committees[i].realname + '</a>, Ph.D. '
                                                    + committees[i].technical + '<br/>' + committees[i].email + '<br/>'
                                                    + committees[i].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                            } else {
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 605px;">' +
                                                    committees[i].realname + ', Ph.D. '
                                                    + committees[i].technical + '<br/>' + committees[i].email + '<br/>'
                                                    + committees[i].company + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                            }
                                        }
                                    } else {
                                        str += '';
                                    }

                                    // 期刊编辑
                                    if (editors && editors.length > 0) {
                                        str += '<b>Editors & Staff</b><br><br>'
                                        for (var i = 0; i < editors.length; i++) {
                                            if (editors[i].icon == '') {
                                                var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;  height:auto; border-radius: 10px;">'
                                            } else {
                                                var icon_img = '<img src="' + apiSubmission + 'public/usericon/' + editors[i].icon + '" style="position: absolute;left: 0;top: 0;width: 75px; height:auto; border-radius: 10px;">'
                                            }
                                            if (editors[i].website != '') {
                                                str += '<li style="min-height:120px;position: relative;padding-left: 100px;margin-bottom: 30px; width: 200px; float:left; margin-right:10px;">' +
                                                    '<a href="' + editors[i].website + '" target="_blank" style="color: #006699">' + editors[i].realname + '</a>,'
                                                    + editors[i].editor_title + '<br/>' + editors[i].email + '<br/>'
                                                    + icon_img + '</li>'
                                            } else {
                                                str += '<li style="min-height:120px;position: relative;padding-left: 100px;margin-bottom: 30px; width: 200px; float:left; margin-right:10px;">' +
                                                    editors[i].realname + ', '
                                                    + editors[i].editor_title + '<br/>' + editors[i].email + '<br/>'
                                                    + icon_img + '</li>'
                                            }
                                        }
                                        str += '<li style="clear:both">';

                                    } else {
                                        str += ''
                                    }

                                    $('.topics>div').append('<ul style="overflow: hidden;">' + str + '</ul>');


                                } else {
                                    ShowDanger("请求失败！");
                                }
                            },
                            error: function () {
                                ShowDanger("error！");
                            }
                        });

                    } else if (arr.title == '编委会') {
                        $.ajax({
                            type: 'post', url: apiUrl + 'api/Journal/getBoard',
                            data: {
                                "journal_id": Jour_num
                            },
                            success: function (result) {
                                if (result.code == 0) {
                                    var arg = result.data.boards;
                                    var str = '';

                                    if (arg.main == undefined) {
                                        str += ''
                                    } else {
                                        str += '<b>主编</b><br><br>'
                                        for (var i = 0; i < arg.main.length; i++) {
                                            if (arg.main[i].board_icon == '') {
                                                var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                            } else {
                                                var icon_img = '<img src="' + apiUrlImg + arg.main[i].board_icon + '" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                            }
                                            if (arg.main[i].field == '') {
                                                var dis_line = ''
                                            } else {
                                                var dis_line = '领域: ' + arg.main[i].field
                                            }
                                            str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 630px;">' +
                                                '<a href="' + arg.main[i].website + '" target="_blank" style="color: #006699">' + arg.main[i].name + '</a>, '
                                                + arg.main[i].dr + ' ' + arg.main[i].title + '<br/>' + arg.main[i].email + '<br/>'
                                                + arg.main[i].address + ' 中国' + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                        }
                                        str += "<br/>"
                                    }
                                    if (arg.remain == undefined) {
                                        str += ''
                                    } else {
                                        str += '<b>副主编</b><br><br>'
                                        for (var i = 0; i < arg.remain.length; i++) {
                                            if (arg.remain[i].board_icon == '') {
                                                var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                            } else {
                                                var icon_img = '<img src="' + apiUrlImg + arg.remain[i].board_icon + '" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                            }
                                            if (arg.remain[i].field == '') {
                                                var dis_line = ''
                                            } else {
                                                var dis_line = '领域: ' + arg.remain[i].field
                                            }
                                            str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 630px;">' +
                                                '<a href="' + arg.remain[i].website + '" target="_blank" style="color: #006699">' + arg.remain[i].name + '</a>, '
                                                + arg.remain[i].dr + ' ' + arg.remain[i].title + '<br/>' + arg.remain[i].email + '<br/>'
                                                + arg.remain[i].address + ' 中国' + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                        }
                                        str += '<br>'
                                    }
                                    if (arg.member == undefined) {
                                        str += ''
                                    } else {
                                        str += '<b>编委</b><br><br>'
                                        $.each(arg.member, function (key, value) {  //遍历键值对
                                            if ($.isArray(arg.member[key]) == true) {
                                                str += '<b>' + key + '</b><br><br>'
                                                for (var j = 0; j < arg.member[key].length; j++) {
                                                    if (arg.member[key][j].board_icon == '') {
                                                        var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                                    } else {
                                                        var icon_img = '<img src="' + apiUrlImg + arg.member[key][j].board_icon + '" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                                    }
                                                    if (arg.member[key][j].field == '') {
                                                        var dis_line = ''
                                                    } else {
                                                        var dis_line = '领域: ' + arg.member[key][j].field
                                                    }
                                                    str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 630px;">' +
                                                        '<a href="' + arg.member[key][j].website + '" target="_blank" style="color: #006699">' + arg.member[key][j].name + '</a>, '
                                                        + arg.member[key][j].dr + ' ' + arg.member[key][j].title + '<br/>' + arg.member[key][j].email + '<br/>'
                                                        + arg.member[key][j].address + ' 中国' + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                                }
                                            } else {
                                                if (arg.member[key].board_icon == '') {
                                                    var icon_img = '<img src="img/rev_user.png" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                                } else {
                                                    var icon_img = '<img src="' + apiUrlImg + arg.member[key].board_icon + '" style="position: absolute;left: 0;top: 0;width: 75px;height: 75px;border-radius: 10px;">'
                                                }
                                                if (arg.member[key].field == '') {
                                                    var dis_line = ''
                                                } else {
                                                    var dis_line = '领域: ' + arg.member[key].field
                                                }
                                                str += '<li style="position: relative;padding-left: 100px;margin-bottom: 30px;width: 630px;">' +
                                                    '<a href="' + arg.member[key].website + '" target="_blank" style="color: #006699">' + arg.member[key].name + '</a>, '
                                                    + arg.member[key].dr + ' ' + arg.member[key].title + '<br/>' + arg.member[key].email + '<br/>'
                                                    + arg.member[key].address + ' 中国' + '<br/>' + dis_line + icon_img + '</li><br><br>'
                                            }
                                        })
                                        str += '<br>'
                                    }

                                    $('.topics>div').append('<ul style="overflow: hidden;">' + str + '</ul>');


                                } else {
                                    ShowDanger("请求失败！");
                                }
                            },
                            error: function () {
                                ShowDanger("error！");
                            }
                        });

                    } else {
                        $('.topics>div').html(arr.content);
                    }

                    if (footer_ID == '126') {
                        $('.fuwenben img').css('width', '200px')
                    }

                } else {
                    ShowDanger("请求失败！");
                }
            },
            error: function () {
                ShowDanger("error！");
            }
        })
    }


   
}
function initArticleNavList() {
    var Journals_color = localStorage.getItem('Journals_color')
    var Journals_usx = localStorage.getItem('Journals_usx')
    $('.nav_ban h1 a').attr('href', '/' + Journals_usx);
    var journalStageID = localStorage.getItem('journalStageID')
    //是否显示地图
    var isShowAuthorship = 0;
    if ([1, 14, 8].includes(Number(Jour_num))) {
        isShowAuthorship = 1
    }
    
    const style = document.createElement('style');
    style.innerHTML = `/* 遮罩层 */
        .article_dropbtn:hover {
            color: ${Journals_color};
            
        }
        .article_dropdown-list a:hover {
           
            border-bottom:2px solid  ${Journals_color};
            font-weight:bold;
            color:#333;
        }
        .toggle-btn{
            color: ${Journals_color};
        }
       `;
    document.head.appendChild(style);


    // 获取 id 为 top_bar 的元素
    var topBar = document.getElementById("top_bar");

    var otherStr1 = `
      
        <p class=""><a href="/article_list.html?J_num=${Jour_num}&y_id=${journalStageID}" target="_blank">Current Issue</a></p>
       <p class="mes_all_section_other_online"><a href="/article_list.html?J_num=${Jour_num}&o_id=${Jour_num}" target="_blank">Online First</a></p>
        <p><a href="/stages.html?J_num=${Jour_num}" target="_blank">Archiving</a></p>
        <p style="${Jour_num == 1 ? 'display:block' : 'display:none'}"><a href="/guest.html?J_num=${Jour_num}" target="_blank">Special Issues</a></p> 
        
         <p><a href="/article_list.html?J_num=${Jour_num}&top_id=${Jour_num}" target="_blank">Highlights</a></p>
       
        `
    var otherStr2 = `<p><a href="/about_journal.html?J_num=${Jour_num}" target="_blank">Journal Information</a></p>

        <p><a href="/for_author.html?J_num=${Jour_num}" target="_blank">Guide for Authors</a></p>
        <p><a href="javascript:;"  onclick="openAbstracting(${Jour_num},'${Journals_color}')">Abstracting & Indexing</a></p>
      
        
        `
    // Abstracting & Indexing
    var otherStr3 = `
        <p ><a href="/afoor_text.html?footer_id=37" target="_blank">Peer-review process</a></p>
        <p><a href="${localStorage.getItem('submission_url')}" target="_blank">Submission System</a></p>
        <p><a href="/z_f11-1.html?J_num=${Jour_num}" target="_blank">Ethics and Malpractice Statement</a></p>
        <!--地图弹窗-->
        <div class="Authorship" style="position: relative;z-index:10;cursor: pointer;${isShowAuthorship ? 'display:block' : 'display:none'}">

        <p class="Authorship_text"><a href="javascript:;"  onclick="openAuthorship(${Jour_num},'${Journals_color}')">Authorship</a></p>
            
        `
    var str = ` <div class="article_navbar-container" id="article_navbar-container" style="display:block">
    <div style="display: flex
    ;
        align-items: center;margin:0 auto">
                <div class="article_dropdown-menu">
                    <div class="article_dropbtn">Articles & Issues <i class="fa fa-chevron-down" style="font-size: 14px;margin-left: 6px;"></i></div>
                    <div class="article_dropdown-list">
                        ${otherStr1}
                    </div>
                </div>
                <div class="article_dropdown-menu">
                    <div class="article_dropbtn">About Journal <i class="fa fa-chevron-down" style="font-size: 14px;margin-left: 6px;"></i></div>
                    <div class="article_dropdown-list" style="min-width:180px">
                       ${otherStr2}
                    </div>
                </div>
                <div class="article_dropdown-menu">
                    <div class="article_dropbtn">Publish <i class="fa fa-chevron-down" style="font-size: 14px;margin-left: 6px;"></i></div>
                    <div class="article_dropdown-list" style="min-width:250px">
                       ${otherStr3}
                    </div>
                </div>
                </div>
            </div>`



    // 使用 insertAdjacentHTML 在 top_bar 后插入新元素
    if (topBar) {
        topBar.insertAdjacentHTML('afterend', str);

    }
}
function openAbstracting(Jour_num, Journals_color) {
    var list = localStorage.getItem('journalAbs')
    var arr_Abc = JSON.parse(list).filter(e => e.is_show == 1);
    var Abstractingcontent = `<ul style="margin-top:10px;">
            ${arr_Abc.map((item, i) => {
        return `<li  style="font-weight:700;font-size:14px;"><span style="display:inline-block">»&nbsp;</span><a target="_blank" href="${item.url}" style="font-weight:700;display:inline-block">${item.title}</a></li>`;
    }).join('')}
        </ul>`
    document.querySelector('#common-popup .common-popup-content').classList.add('whitebg');
    showPopup(`<span style="font-weight:bold;color:${Journals_color}">Abstracting & Indexing</span>`, Abstractingcontent)


}
function openAuthorship(Jour_num, Journals_color) {
    var Abstractingcontent = `
    <div class="tmr_side_map AuthorshipInfo" style="
            width:300px;margin-top:20px">
                <div id="worldMap2" style="width: 100%;height: 140px;margin: 0 auto 10px auto"></div>
                <ul class="map_paiming" style="padding: 0 20px 10px 20px;"></ul>
            </div>
        </div>
    `
    document.querySelector('#common-popup .common-popup-content').classList.add('whitebg');
    showPopup(`<span style="font-weight:bold;color:${Journals_color}">Abstracting & Indexing</span>`, Abstractingcontent, 'Authorship')


}
function showPopup(title, content, type) {
    $('#common-popup .common-popup-title').html(title)
    $('#common-popup .common-popup-content').html(content)

    document.getElementById('common-overlay').style.display = 'block';
    if (type == 'Authorship') {
        document.getElementById('common-popup').style.width = 'auto';
        renderMap(190)
    }

    document.getElementById('common-popup').style.opacity = '1';
    document.getElementById('common-overlay').style.zIndex = '1000';
    document.getElementById('common-popup').style.zIndex = '1001';

    // 5秒后自动关闭
    // setTimeout(closePopup, 5000);
}

function closePopup() {
    document.getElementById('common-popup').style.opacity = '0';
    document.getElementById('common-popup').style.zIndex = '-1';
    setTimeout(function () {
        document.getElementById('common-overlay').style.display = 'none';
        $('#common-popup .common-popup-title').html('')
        $('#common-popup .common-popup-content').html('')
    }, 50);
    renderMap(140)
}