提交

2025-02-25 16:23:01 +08:00
parent 79a3f0421e
commit 71efc1065f
5 changed files with 259 additions and 176 deletions
--- a/article.html
+++ b/article.html
@@ -71,6 +71,7 @@
            line-height: 22px;
            margin-bottom: 10px;
            color: #666;
+            text-align: justify;
        }

        .conthtmn>p {
@@ -220,15 +221,17 @@
            animation: fadeInAndGrow 0.5s forwards;

        }
+
        .font {
            display: block;
            margin: 0 auto;
            font-size: 14px;
-            color: #006699;
-    font-weight: bold;
-    line-height: 22px;
-    text-align:center;
-            }
+            /* color: #006699; */
+            font-weight: bold;
+            line-height: 22px;
+            text-align: center;
+        }
+
        @keyframes fadeInAndGrow {
            0% {
                opacity: 0;
@@ -245,122 +248,150 @@
                transform: scale(1);
            }
        }
+
+       
+
        .wordTableHtml b span {
-    font-weight: bold !important;
-}
- .wordTableHtml i span {
-    font-style: italic !important;
-}
- .wordTableHtml sub span {
-    vertical-align: sub;
-}
-.wordTableHtml sup span {
-    vertical-align: super;
-}
- .wordTableHtml sub {
-    vertical-align: sub !important;
-}
- .wordTableHtml sup {
-    vertical-align: super !important;
-}
- .wordTableHtml span[style*='vertical-align: super'] {
-    vertical-align: super !important;
-}
- .wordTableHtml span[style*='vertical-align: sub'] {
-    vertical-align: sub !important;
-}
-.wordTableHtml table {
-    border: 0px !important;
-    border-collapse: collapse; /* 去除单元格间隙 */
-    width: auto;
-    margin: 0 auto !important;
-    table-layout: auto; /* 自动调整列宽 */
-    text-align: left;
-    font-family: 'Charis SIL' !important;
-    font-size: 7.5pt !important;
-    mso-font-kerning: 1pt !important;
-    line-height: 10pt !important;
-    mos-line-height: 10pt !important;
-}
-.wordTableHtml table td,
-.wordTableHtml table th{
-    padding: 5px;
-    text-align: left !important;
+            font-weight: bold !important;
+        }

-    word-wrap: break-word; /* 长单词自动换行 */
-    word-break: break-word;
-    font-family: 'Charis SIL' !important;
-    font-size: 7.5pt !important;
-    mso-font-kerning: 1pt !important;
-    line-height: 10pt !important;
-    mos-line-height: 10pt !important;
-}
-.wordTableHtml table tbody tr td {
-    text-align: left !important;
-    border-left: none !important;
-    mso-border-left-alt: none !important;
-    border-right: none !important;
-    mso-border-right-alt: none !important;
-    border-top: none;
-    mso-border-top-alt: none !important;
-    border-bottom: none !important;
-    mso-border-bottom-alt: none !important;
-    border: 1px dashed #dcdfe6 !important;
-    border-left: 1px dashed #dcdfe6 !important;
-    border-right: 1px dashed #dcdfe6 !important;
-    word-break: keep-all !important;
-    /* text-align: justify !important;  */
-}
-.wordTableHtml table tr td p {
-    display: flex;
-    text-align: left !important;
-    align-items: center;
-    margin: 0;
-    font-family: 'Charis SIL' !important;
-    font-size: 7.5pt !important;
-    mso-font-kerning: 1pt !important;
-    line-height: 10pt !important;
-    mos-line-height: 10pt !important;
-}
-.wordTableHtml table span {
-    color: #000000;
-    text-align: left !important;
-    font-family: 'Charis SIL' !important;
-    font-size: 7.5pt !important;
-    mso-font-kerning: 1pt !important;
-    line-height: 10pt !important;
-    mos-line-height: 10pt !important;
-}
-.wordTableHtml table .color-highlight {
-    color: rgb(0, 130, 170) !important;
-    font-family: 'Charis SIL' !important;
-    font-size: 7.5pt !important;
-    mso-font-kerning: 1pt !important;
-    line-height: 10pt !important;
-    mos-line-height: 10pt !important;
-}
-.wordTableHtml table blue {
-    color: rgb(0, 130, 170) !important;
-    font-family: 'Charis SIL' !important;
-    font-size: 7.5pt !important;
-    mso-font-kerning: 1pt !important;
-    line-height: 10pt !important;
-    mos-line-height: 10pt !important;
-}
- .wordTableHtml table tr:first-child td {
-    border-top: 1px solid #000 !important;
+        .wordTableHtml i span {
+            font-style: italic !important;
+        }

+        .wordTableHtml sub span {
+            vertical-align: sub;
+        }
+
+        .wordTableHtml sup span {
+            vertical-align: super;
+        }
+
+        .wordTableHtml sub {
+            vertical-align: sub !important;
+        }
+
+        .wordTableHtml sup {
+            vertical-align: super !important;
+        }
+
+        .wordTableHtml span[style*='vertical-align: super'] {
+            vertical-align: super !important;
+        }
+
+        .wordTableHtml span[style*='vertical-align: sub'] {
+            vertical-align: sub !important;
+        }
+
+        .wordTableHtml table {
+            border: 0px !important;
+            border-bottom: 1px  solid #000!important;
+            border-collapse: collapse;
+            /* 去除单元格间隙 */
+            width: 100%;
+            margin: 0 auto !important;
+            table-layout: auto;
+            /* 自动调整列宽 */
+            text-align: left;
+            font-family: 'Charis SIL' !important;
+            font-size: 7.5pt !important;
+            mso-font-kerning: 1pt !important;
+            line-height: 10pt !important;
+            mos-line-height: 10pt !important;
+        }
+
+        .wordTableHtml table td,
+        .wordTableHtml table th {
+            padding: 5px;
+            text-align: left !important;
+
+            word-wrap: break-word;
+            /* 长单词自动换行 */
+            word-break: break-word;
+            font-family: 'Charis SIL' !important;
+            font-size: 7.5pt !important;
+            mso-font-kerning: 1pt !important;
+            line-height: 10pt !important;
+            mos-line-height: 10pt !important;
+        }
+
+        .wordTableHtml table tbody tr td {
+            text-align: center !important;
+            border-left: none !important;
+            mso-border-left-alt: none !important;
+            border-right: none !important;
+            mso-border-right-alt: none !important;
+            border-top: none;
+            mso-border-top-alt: none !important;
+            border-bottom: none !important;
+            mso-border-bottom-alt: none !important;
+            /* border: 1px dashed #dcdfe6 !important;
+            border-left: 1px dashed #dcdfe6 !important;
+            border-right: 1px dashed #dcdfe6 !important; */
+            word-break: keep-all !important;
+            /* text-align: justify !important;  */
+        }
+
+        .wordTableHtml table tr td p {
+            display: flex;
+            text-align: left !important;
+            align-items: center;
+            margin: 0;
+            font-family: 'Charis SIL' !important;
+            font-size: 7.5pt !important;
+            mso-font-kerning: 1pt !important;
+            line-height: 10pt !important;
+            mos-line-height: 10pt !important;
+        }
+
+        .wordTableHtml table span {
+            color: #000000;
+            text-align: left !important;
+            font-family: 'Charis SIL' !important;
+            font-size: 7.5pt !important;
+            mso-font-kerning: 1pt !important;
+            line-height: 10pt !important;
+            mos-line-height: 10pt !important;
+            white-space: pre-wrap !important;
+        }
+
+        .wordTableHtml table .color-highlight {
+            color: rgb(0, 130, 170) !important;
+            font-family: 'Charis SIL' !important;
+            font-size: 7.5pt !important;
+            mso-font-kerning: 1pt !important;
+            line-height: 10pt !important;
+            mos-line-height: 10pt !important;
+        }
+
+        .wordTableHtml table blue {
+            color: rgb(0, 130, 170) !important;
+            font-family: 'Charis SIL' !important;
+            font-size: 7.5pt !important;
+            mso-font-kerning: 1pt !important;
+            line-height: 10pt !important;
+            mos-line-height: 10pt !important;
+        }
+
+        .wordTableHtml table tr:first-child td {
+            border-top: 1px solid #000 !important;
+
+            border-bottom: 1px solid #000 !important;
+
+        }
+
+        .wordTableHtml table tr:last-of-type td {
+            border-bottom: 1px solid #000 !important;
+
+        }
+        .wordTableHtml table tr.table-header-row:nth-of-type(2) td {
    border-bottom: 1px solid #000 !important;
-    
 }
- .wordTableHtml table tr:last-of-type td {
-    border-bottom: 1px solid #000 !important;
+        .pMain blue {
+            color: rgb(0, 130, 170) !important;

-}
-.pMain blue {
-    color: rgb(0, 130, 170) !important;
+        }

-}
        /* 相关引用次数 */
    </style>
 </head>
@@ -500,7 +531,7 @@

                            <div>
                                <ul style="overflow: hidden;padding: 10px 0;border: none;">
-                                    <li class="article-quote-box  Wos" >
+                                    <li class="article-quote-box  Wos">
                                        <p class="quote-source "></p>
                                        <div class="quote-content quote-content1">
                                        </div>
--- a/js/article.js
+++ b/js/article.js
@@ -7587,39 +7587,52 @@ function article_con() {
                                        var fun = "picPreview('" + picsrc + "');"
                                        // console.log(fun)
                                        str += "<div class='imgHnkl'><img class='mainPicItem' onclick=" + fun + " src='https://submission.tmrjournals.com/public/mainimg/"
-                                            + arr[i].content + "' width='" + arr[i].width + "'/><p>" + arr[i].note + "</p></div>"
+                                            + arr[i].content + "' width='" + arr[i].width + "'/><p style='font-size: 14px;font-family: 'Charis SIL';'>'" + arr[i].note + "</p></div>"
                                    }
                                }
                                $('.wen_rong .content-box .conthtmn').html(str);
                                // 引用                     
                                if (result.data.refers.length > 0) { // 如果有引用数据
-                                    var refs = ''
-                                    var xuhao = 0
+                                    var refs = '';
+                                    var xuhao = 0;
                                    for (var rr = 0; rr < result.data.refers.length; rr++) {
                                        // 如果格式不正确，或者信息不全
-                                        let item = ''
+                                        let item = '';
                                        if (result.data.refers[rr].refer_type == 'journal' && result.data.refers[rr].doilink != '') {
-                                            // journal 
-                                            xuhao++
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + "</i>" + result.data.refers[rr].dateno + ".&nbsp; Available at:&nbsp;<a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>" + result.data.refers[rr].doilink + "</a>&nbsp;</p></div>"
-                                            refs += item
+                                            // journal 类型
+                                            xuhao++;
+                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + ".&nbsp;</i>" + result.data.refers[rr].dateno + ".";
+                                            // 在 "Available at:" 之前插入 <br/> 标签
+                                            item += "<br/><a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>Available at:&nbsp;" + result.data.refers[rr].doilink + "</a></p></div>";
+                                            refs += item;
                                        } else if (result.data.refers[rr].refer_type == 'book' && result.data.refers[rr].isbn != '') {
-                                            // book
-                                            xuhao++
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ". &nbsp;<br/>Available at:&nbsp;<a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'> </p></div>"
-                                            refs += item
+                                            // book 类型
+                                            xuhao++;
+                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ".";
+                                            // 在 "Available at:" 之前插入 <br/> 标签
+                                            item += "<br/><a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'>Available at:&nbsp;</a></p></div>";
+                                            refs += item;
                                        } else if (result.data.refers[rr].refer_type == 'other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15) {
-                                            // other
-                                            xuhao++
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].refer_frag + ".&nbsp;</p></div>"
-                                            refs += item
+                                            // other 类型，检查 refer_frag 中是否有 "Available at:"
+                                            xuhao++;
+                                            item = "<div><p data-other='1'>" + xuhao + '.&nbsp;';
+                                            // 如果 refer_frag 包含 "Available at:"，在其前面插入 <br/> 标签
+                                            if (result.data.refers[rr].refer_frag.indexOf('Available at:') !== -1) {
+                                                item += result.data.refers[rr].refer_frag.replace('Available at:', '<br/>Available at:');
+                                            } else {
+                                                item += result.data.refers[rr].refer_frag;
+                                            }
+                                            item += ".&nbsp;</p></div>";
+                                            refs += item;
                                        } else {
                                            continue;
                                        }
                                    }
-                                    // console.log(refs)
-                                    $('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>' + refs + '</div>')
+                                    // 将生成的所有引用内容插入到页面中
+                                    $('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>' + refs + '</div>');
                                }
+                                
+                                
                            }
                        },
                        error: function () {
@@ -7664,18 +7677,19 @@ var htmlContent=''
                                        // console.log(fun)
                        
                                            contentHtml = `
-                                                    <p contenteditable="false" main-state="${item.state}" class="MaxPicture pMain" data-id="${
+                                                    <p contenteditable="false" main-state="${item.state}" style="display:flex;align-items: center;
+                                                    justify-content: center;" class="MaxPicture pMain" data-id="${
                                                item.ami_id
                                            }" main-id="${item.am_id}">
                                                      
                                                        <img src="${picsrc}" onclick="${fun}"  style="width: ${
-                                                item.width ? `${item.width}px` : '100%'
+                                                item.width ? `${item.width}px` : '80%'
                                            }"  />
                                                       <div  class="font" style="width: ${item.width ? `${item.width}px` : '100%'}; 
                                                      
                                                       font-size: 14px;
-                                                       color: #006699;
-                                               font-weight: bold;
+                                                       font-family: 'Charis SIL';
+                                               font-weight:normal;
                                               line-height: 22px;
                                               text-align:center;" >${
                                                item.image.note ? item.image.note : ''
@@ -7691,17 +7705,17 @@ var htmlContent=''
                                            item.am_id
                                        }" class="thumbnailTableBox wordTableHtml table_Box pMain" style="width: 100%; padding: 8px 15px; box-sizing: border-box; border-radius: 4px; position: relative;">
                           
-                            <font  class="font tableTitle" style="width:100%" >${item.table.title ? item.table.title : ''}</font>
-                                        <table border="1" style="width: auto; border-collapse: collapse; text-align: center; ">
+                            <font  class="font tableTitle" style="width:100%;font-family: 'Charis SIL';" >${item.table.title ? item.table.title : ''}</font>
+                                        <table border="1" style="width: 100%; border-collapse: collapse; text-align: center; ">
                                ${tableList
-                                    .map((row) => {
+                                    .map((row,i) => {
                                        return `
-                                        <tr>
+                                        <tr class="${isHeaderRow(i,tableList)?'table-header-row':''}">
                                            ${row
                                                .map((cell) => {
                                                    return `
                                                    <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
-                                                        <span>${cell.text || ''}</span>
+                                                        <span style="font-family: 'Charis SIL';">${cell.text || ''}</span>
                                                    </td>
                                                `;
                                                })
@@ -7714,8 +7728,8 @@ var htmlContent=''
                            <div  class="font" style="width: ${item.width ? `${item.width}px` : '100%'}; 
                                                      
                            font-size: 14px;
-                            color: #006699;
-                    font-weight: bold;
+                            font-family: 'Charis SIL';
+                    font-weight: 500 !important;
                    line-height: 22px;
                    text-align:center;" >${
                     item.table.note ? item.table.note : ''
@@ -7723,44 +7737,57 @@ var htmlContent=''
                        </div>
                    `;
                                    } else {
-                                        contentHtml = `<p class="${item.is_h1?'Ptitle pMain':'pMain' } "  main-state="${item.state}" contenteditable="false" data-id="${item.am_id}" main-id="${item.am_id}">${item.content}</p>`;
+                                        contentHtml = `<p class="${item.is_h1?'Ptitle pMain':'pMain' } " style="font-family: 'Charis SIL';"  main-state="${item.state}" contenteditable="false" data-id="${item.am_id}" main-id="${item.am_id}">${item.content}</p>`;
                                    }
                    
                                    // 判断是否是表格类型
                    
                                    return contentHtml;
                                }).join('');
-
+                                htmlContent=`<div class="newHtml2">${htmlContent}</div>`
                                $('.wen_rong .content-box .conthtmn').html(htmlContent);
                                // 引用                     
                                if (result.data.refers.length > 0) { // 如果有引用数据
-                                    var refs = ''
-                                    var xuhao = 0
+                                    var refs = '';
+                                    var xuhao = 0;
                                    for (var rr = 0; rr < result.data.refers.length; rr++) {
                                        // 如果格式不正确，或者信息不全
-                                        let item = ''
+                                        let item = '';
                                        if (result.data.refers[rr].refer_type == 'journal' && result.data.refers[rr].doilink != '') {
-                                            // journal 
-                                            xuhao++
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + "</i>" + result.data.refers[rr].dateno + ".&nbsp; Available at:&nbsp;<a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>" + result.data.refers[rr].doilink + "</a>&nbsp;</p></div>"
-                                            refs += item
+                                            // journal 类型
+                                            xuhao++;
+                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + ".&nbsp;</i>" + result.data.refers[rr].dateno + ".";
+                                            // 在 "Available at:" 之前插入 <br/> 标签
+                                            item += "<br/><a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>Available at:&nbsp;" + result.data.refers[rr].doilink + "</a>&nbsp;</p></div>";
+                                            refs += item;
                                        } else if (result.data.refers[rr].refer_type == 'book' && result.data.refers[rr].isbn != '') {
-                                            // book
-                                            xuhao++
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ". &nbsp;<br/>Available at:&nbsp;<a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'> </p></div>"
-                                            refs += item
+                                            // book 类型
+                                            xuhao++;
+                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ".";
+                                            // 在 "Available at:" 之前插入 <br/> 标签
+                                            item += "<br/><a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'>Available at:&nbsp;</a></p></div>";
+                                            refs += item;
                                        } else if (result.data.refers[rr].refer_type == 'other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15) {
-                                            // other
-                                            xuhao++
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].refer_frag + ".&nbsp;</p></div>"
-                                            refs += item
+                                            // other 类型，检查 refer_frag 中是否有 "Available at:" 链接
+                                            xuhao++;
+                                            item = "<div><p data-other='1'>" + xuhao + '.&nbsp;';
+                                            // 检查 refer_frag 中是否包含 "Available at:"
+                                            if (result.data.refers[rr].refer_frag.indexOf('Available at:') !== -1) {
+                                                // 如果包含 "Available at:"，则在其前面插入 <br/> 标签
+                                                item += result.data.refers[rr].refer_frag.replace('Available at:', '<br/>Available at:');
+                                            } else {
+                                                item += result.data.refers[rr].refer_frag;
+                                            }
+                                            item += ".&nbsp;</p></div>";
+                                            refs += item;
                                        } else {
                                            continue;
                                        }
                                    }
-                                    // console.log(refs)
-                                    $('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>' + refs + '</div>')
+                                    // 将生成的所有引用内容插入到页面中
+                                    $('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>' + refs + '</div>');
                                }
+                                
                            }
                        },
                        error: function () {
@@ -8270,7 +8297,15 @@ var htmlContent=''
        }
    })
 }
+function  isHeaderRow(rowIndex,table) {
   
+  
+   console.log('table at line 697:', table)
+   var head=table[0]
+   console.log('head at line 699:', head[0].rowspan)
+   
+     return rowIndex < head[0].rowspan; // 假设前两行是表头
+   }
 // 图片预览
 function picPreview(src) {
    console.log(src)
--- a/js/articleJS/article_n.js
+++ b/js/articleJS/article_n.js
@@ -143,8 +143,7 @@ function initArticleN() {
            <a id="${arr[i].article_id}" target="_blank"
                href="article.html?J_num=${arr[i].journal_id}&a_id=${arr[i].article_id}"
                class="txt_biaoti">${baseInfo.otStat}${arr[i].title}</a>
-            <div class="authorList"><span class="fo_fam">${arr[i].authortitle} </span><br> ${localStorage.getItem("Journals_title")}
-                .&nbsp;${arr[i].stage_year},&nbsp;${arr[i].stage_vol}${baseInfo.stage_}${baseInfo.npp_}<a target="_blank"
+            <div class="authorList"><span class="fo_fam">${arr[i].authortitle} </span><br> ${localStorage.getItem("Journals_title")}.&nbsp;${arr[i].stage_year},&nbsp;${arr[i].stage_vol}${baseInfo.stage_}${baseInfo.npp_}<a target="_blank"
                    href="https://doi.org/${arr[i].doi}">${baseInfo.doi_}</a> </div>
            <div class="links_">${baseInfo.link_}</div>
            <div class="apwrap"><a onclick="imgbig(this)" class="imgdiv">${baseInfo.person_img}</a>${baseInfo.trad_tion}<br
--- a/js/articleJS/article_o.js
+++ b/js/articleJS/article_o.js
@@ -38,7 +38,7 @@ function initArticleO() {
                    initArticle(arr)


-   //生成分页
+                    //生成分页
                    //有些参数是可选的，比如lang，若不传有默认值
                    kkpager.generPageHtml({
                        pno: pageNo,
@@ -138,8 +138,7 @@ function initArticleO() {
            <a id="${arr[i].article_id}" target="_blank"
                href="article.html?J_num=${arr[i].journal_id}&a_id=${arr[i].article_id}"
                class="txt_biaoti">${baseInfo.otStat}${arr[i].title}</a>
-            <div class="authorList"><span class="fo_fam">${arr[i].authortitle} </span><br> ${localStorage.getItem("Journals_title")}
-                .&nbsp;${arr[i].stage_year},&nbsp;${arr[i].stage_vol}${baseInfo.stage_}${baseInfo.npp_}<a target="_blank"
+            <div class="authorList"><span class="fo_fam">${arr[i].authortitle} </span><br> ${localStorage.getItem("Journals_title")}.&nbsp;${arr[i].stage_year},&nbsp;${arr[i].stage_vol}${baseInfo.stage_}${baseInfo.npp_}<a target="_blank"
                    href="https://doi.org/${arr[i].doi}">${baseInfo.doi_}</a> </div>
            <div class="links_">${baseInfo.link_}</div>
            <div class="apwrap"><a onclick="imgbig(this)" class="imgdiv">${baseInfo.person_img}</a>${baseInfo.trad_tion}<br
--- a/style/style.css
+++ b/style/style.css
@@ -45,7 +45,7 @@ a {
 }

 b {
-    font-weight: bold;
+    font-weight: bold !important;
 }

 li {
@@ -5298,3 +5298,22 @@ ul li .ab_tad {

    margin-left: 0px !important;
 }
+
+.conthtmn p b span {
+    font-weight: bold !important;
+}
+
+.conthtmn p i span {
+    font-style: italic !important;
+}
+.conthtmn p b  {
+    font-weight: bold !important;
+}
+
+.conthtmn p i  {
+    font-style: italic !important;
+}
+.conthtmn p b i  {
+    font-style: italic !important;
+    font-weight: bold !important;
+}