首页 top cite

2024-08-23 09:17:24 +08:00
parent 5a3193feb4
commit 747fd94968
5 changed files with 920 additions and 248 deletions
--- a/artihom_list_cite.html
+++ b/artihom_list_cite.html
@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>TMR</title>
+    <link rel="shortcut icon" href="img/tmr3.png" type="image/x-icon"/>
+    <link rel="stylesheet" type="text/css" href="style/jqueryPage/style/kkpager_orange.css"/>
+    <link rel="stylesheet" type="text/css" href="style/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="style/form.css"/>
+
+</head>
+<body>
+<!-- 放大遮罩层 -->
+<div id="bigimg" onclick="closeimg();"></div>
+<div id="col-content">
+    <div id="index_top" class="ind_home">
+
+        <!--头部信息-->
+
+    </div>
+    <div class="article">
+        <div class="art_main art_main_con">
+            <div class="new_art wenz_list">
+                <h4 class="rgb_color">
+                    <!--                        标题-->
+                </h4>
+                <ul>
+                    <!--                        文章列表推广文章-->
+                </ul>
+            </div>
+
+        </div>
+        <br clear="both">
+
+
+    </div>
+
+    <div class="footer">
+        <!--底部菜单栏-->
+    </div>
+</div>
+</body>
+<script src="js/jquery.min.js"></script>
+<script src="js/jquery-cookie.js"></script>
+<script src="js/clipboard.js"></script>
+<script src="js/return-top.js"></script>
+<script type="text/javascript" src="style/jqueryPage/js/kkpager.js"></script>
+<script src="js/jquery-ui.js"></script>
+<script src="js/js.js"></script>
+<script src="js/scientist/index.js"></script>
+<script src="js/scientist/scientist_cite.js"></script>
+
+<script>
+       $(function () {
+        initCite();
+    });
+
+</script>
+</html>
--- a/js/scientist.js
+++ b/js/scientist.js
--- a/js/scientist/index.js
+++ b/js/scientist/index.js
@@ -0,0 +1,334 @@
+function getQueryString(key) {
+    // 获取参数
+    var url = window.location.search;
+    // 正则筛选地址栏
+    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
+    // 匹配目标参数
+    var result = url.substr(1).match(reg);
+    //返回参数值
+    return result ? decodeURIComponent(result[2]) : null;
+}
+function commonGetAxiosData(url, type, data) {
+    var resultData;
+    $.ajax({
+        type: type,
+        url: apiUrl + url,
+        data: data,
+    }).then((result) => {
+        if (result.code == 0) {
+            resultData = result.data
+        } else {
+            ShowDanger("请求失败！");
+            resultData = null
+        }
+    })
+    return resultData;
+}
+function commonInit() {
+    $('.art_main_con').append('<div id="kkpager"></div>')
+    $('.wenz_list').append('<div style="font-size: 12px;text-align: right;padding-top: 10px;padding-right: 27px;" class="gue_chinese_tot">all total <b class="tioashu"></b> </div>')
+
+
+
+}
+function commonGetItemHtml(doc) {
+
+    var data = doc.data;
+    var i = doc.i;
+    var img_i = doc.img_i;
+    var c_t_a = doc.c_t_a;
+    var tong_geogle = doc.tong_geogle;
+    console.log('img_i at line 31:', img_i)
+    var baseInfo = {
+        doi_: !data.doi ? '' : `https://doi.org/${data.doi}`,
+        npp_: data.npp == '' || data.npp == ' ' ? '' : `:&nbsp;${data.npp}.&nbsp;&nbsp;`,
+        html_: '',
+        otStat: '',
+        pub_date: '',
+        mp4_: data.article_id != '172' ? '' : `<a href="https://youtu.be/3eDbnHRkFKQ" target="_blank"><img src="img/link_5.png" width="50" height="16" style="margin-left: 10px"></a>`,
+        c_t_a: '',
+        trad_tion: '',
+        lr_top: '',
+        person_img: '',
+        tong_geogle: tong_geogle ? tong_geogle : '',
+        pdf_: !data.file_pdf || data.file_pdf == '' ? '' : `<img src="img/link_3.jpg" width="14" height="16"><a href="${imgFileUrl}articlePDF/${data.file_pdf}" target="_blank" class="txt_pdf" alt="${data.article_id}">PDF</a>&nbsp;(&nbsp;<span style="color: red">${data.pdf_num}</span>&nbsp;)`,
+        cite_: !data.cite_num || data.cite_num == 0 ? '' :
+            `&nbsp;<span article_id="${data.article_id}" class="cite_box" style="color: #7a2702;">
+        <img src="img/link_6.jpg" width="14" height="16">
+        WOS Citations&nbsp;(&nbsp;<span style="color: red">${data.cite_num}</span>&nbsp;)
+        <ul class="export_cite "> </ul>
+    </span>`,
+        abstract: data.abstract.replace(new RegExp("0, 102, 204", "g"), "0,102,153"),
+        link_: ''
+    }
+    if (data.mains == '') {
+        if (data.file_html == '') {
+            baseInfo.html_ = ''
+        } else {
+            baseInfo.html_ = '<img src="img/link_2.png" width="14" height="16"><a href="' + imgFileUrl + 'articleHTML/' + data.file_html + '" target="_blank" class="txt_html" alt="' + data.article_id + '">HTML</a>&nbsp;(&nbsp;<span style="color: red">' + data.html_num + '</span>&nbsp;)&nbsp;&nbsp;'
+        }
+    } else {
+        baseInfo.html_ = '<img src="img/link_2.png" width="14" height="16"><a href="article.html?J_num=' + Jour_num + '&a_id=' + data.article_id + '&s_htm=1" target="_blank" class="txt_html" alt="' + data.article_id + '">HTML</a>&nbsp;(&nbsp;<span style="color: red">' + data.html_num + '</span>&nbsp;)&nbsp;&nbsp;'
+    }
+
+
+
+    if (data.other_state == 0) {
+        baseInfo.otStat = ''
+    } else if (data.other_state == 1) {
+        baseInfo.otStat = '<span class="otStat">Editorial Expression of Concern</span>'
+    } else if (data.other_state == 2) {
+        baseInfo.otStat = '<span class="otStat">Retracted</span>'
+    }
+    if (data.isShowOtime == 1) {
+        if (data.pub_date && data.pub_date != '') {
+            baseInfo.pub_date = `<div class="url_data">Published Date: ${data.pub_date}</div>`
+        }
+    }
+
+    if (data.article_id == '86' || data.article_id == '176' || data.article_id == '455' || data.article_id == '400' || data.article_id == '145' || data.article_id == '116' || data.article_id == '717' || data.article_id == '632' || data.article_id == '24') {
+        baseInfo.person_img = '<img src="' + img_i + '" alt="" style="width: 120px">'
+    } else {
+        baseInfo.person_img = '<img src="' + img_i + '" alt="">'
+    }
+    if (c_t_a == 'different') {
+        if (data.journal_id == 22) {
+            baseInfo.c_t_a = '<button class="txt_copy cite_txt_button" >&nbsp;<img src="img/link_7.jpg" width="14" height="16">引用这篇文章<ul class="export" style="z-index:10;"><li id="txt_copy_' + i + '" class="Exc_1">>> 复制引用信息</li><li class="Exc_2"><i class="fa fa-download"></i> 下载EndNote格式</li><li class="Exc_3"><i class="fa fa-download"></i> 下载RIS格式</li><li class="Exc_4"><i class="fa fa-download"></i> 下载BibTex格式</li><li class="Exc_5"><i class="fa fa-download"></i> 下载text格式</li><div class="triangle"></div></ul></button>'
+        } else {
+            baseInfo.c_t_a = '<button class="txt_copy cite_txt_button">&nbsp;<img src="img/link_7.jpg" width="14" height="16">Cite this article<ul class="export" style="z-index:10;"><li id="txt_copy_' + i + '" class="Exc_1">>> Copy citation information</li><li class="Exc_2"><i class="fa fa-download"></i> Export citation to EndNote</li><li class="Exc_3"><i class="fa fa-download"></i> Export citation to RIS</li><li class="Exc_4"><i class="fa fa-download"></i> Export citation to BibTex</li><li class="Exc_5"><i class="fa fa-download"></i> Export citation to txt</li><div class="triangle"></div></ul></button>'
+        }
+    } else {
+        baseInfo.c_t_a = '<button class="txt_copy cite_txt_button">&nbsp;<img src="img/link_7.jpg" width="14" height="16">Cite this article<ul class="export" style="z-index:10;"><li id="txt_copy_' + i + '" class="Exc_1">>> Copy citation information</li><li class="Exc_2"><i class="fa fa-download"></i> Export citation to EndNote</li><li class="Exc_3"><i class="fa fa-download"></i> Export citation to RIS</li><li class="Exc_4"><i class="fa fa-download"></i> Export citation to BibTex</li><li class="Exc_5"><i class="fa fa-download"></i> Export citation to txt</li><div class="triangle"></div></ul></button>'
+
+    }
+
+
+    baseInfo.link_ = `<img src="img/link_1.png" width="14" height="16"><a class="txt_zhaiyao" alt="${data.article_id}">Abstract</a>&nbsp;(&nbsp;<span style="color: red">${data.abs_num}</span>&nbsp;)&nbsp;&nbsp;&nbsp;${baseInfo.html_}${baseInfo.pdf_}${baseInfo.mp4_}${baseInfo.c_t_a}${baseInfo.cite_}${baseInfo.tong_geogle}
+        <p class="txt_content">${data.cite}</p><div>${data.abstract}</div>`;
+
+
+
+    if (data.tradition_tag == '' || data.tradition_tag == null) {
+        var maxwidth = 800;//显示多少字符
+        if (data.abstract.length > maxwidth) {
+            var abstNew = data.abstract.replace(/<.*?>/ig, "")
+            abstNew = abstNew.substring(0, maxwidth)
+            abstNew = abstNew.substring(0, maxwidth - abstNew.split(" ").pop().length)
+            baseInfo.trad_tion = '<div>' + abstNew + '...</div>'
+        } else {
+            baseInfo.trad_tion = '<div>' + data.abstract + '</div>'
+        }
+    } else {
+        baseInfo.trad_tion = '<div><h3>' + data.tradition_tag + '</h3><p>' + data.tradition + '</p></div>'
+    }
+
+    if (data.topic && data.topic.length > 0) {
+        for (var t = 0; t < data.topic.length; t++) {
+            baseInfo.lr_top += '<a href="topic_list.html?J_num=' + Jour_num + '&t_id=' + data.topic[t].journal_topic_id + '" target="_blank">' + data.topic[t].title + '</a>'
+        }
+    }
+
+
+
+    return baseInfo
+}
+
+function commonHandleClickHtml() {
+
+    // 点击Abstract显示隐藏
+    $('.txt_zhaiyao').click(function () {
+        $(this).nextAll('div').toggle();
+        if ($(this).nextAll('div').css("display") == 'block') {
+            var num = $(this).next().html();
+            $.ajax({
+                type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
+                data: { "article_id": $(this).attr('alt'), "type": 'abs' },
+                success: function (result) {
+                    if (result.code == 0) {
+                        num = num * 1 + 1 * 1
+                    }
+                }
+            })
+            $.ajax({
+                type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
+                data: { 'type': Jour_num, 'is_detail': '1' },
+                success: function (result) {
+                }
+            });
+            $(this).next().html(num);
+        }
+    })
+    $('.txt_html').click(function () {
+        var num = $(this).next().html();
+        $.ajax({
+            type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
+            data: { "article_id": $(this).attr('alt'), "type": 'html' },
+            success: function (result) {
+                if (result.code == 0) {
+                    num = num * 1 + 1 * 1
+                }
+            }
+        })
+        $.ajax({
+            type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
+            data: { 'type': Jour_num, 'is_detail': '1' },
+            success: function (result) {
+            }
+        });
+        $(this).next().html(num);
+    })
+    $('.txt_pdf').click(function () {
+        var num = $(this).next().html();
+        $.ajax({
+            type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
+            data: { "article_id": $(this).attr('alt'), "type": 'pdf' },
+            success: function (result) {
+                if (result.code == 0) {
+                    num = num * 1 + 1 * 1
+                }
+            }
+        })
+        $.ajax({
+            type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
+            data: { 'type': Jour_num, 'is_detail': '1' },
+            success: function (result) {
+            }
+        });
+        $(this).next().html(num);
+    })
+
+    $('.export_cite').css('display', 'none');
+    $(document).click(function (e) {
+        if (!$(e.target).is('.export_cite') && !$(e.target).is('.cite_box')) {
+            $('.export_cite').hide();
+        }
+    })
+    $('.cite_box').click(function () {
+        $('.export_cite').css('display', 'none');
+        commonGetCiteList($(this).attr('article_id'))
+        $(this).find('.export_cite').fadeIn(200);
+    })
+    $('.export_cite').click(function (e) { e.stopPropagation() })
+
+    // 点击弹窗出现 复制和下载
+    $('.txt_content').css('display', 'none');
+    $('.export').css('display', 'none');
+    $(document).click(function (e) {
+        if (!$(e.target).is('.export') && !$(e.target).is('.txt_copy')) {
+            $('.export').hide();
+        }
+    })
+    $('.txt_copy').click(function () {
+        $('.export').css('display', 'none');
+        $(this).find('.export').fadeIn(200);
+    })
+    $('.Exc_1').click(function () {
+        var content_ = $(this).parents('.txt_copy').nextAll('.txt_content').text();
+        var clipboard = new Clipboard('#' + $(this).attr('id'), {
+            text: function () {
+                return content_;
+            }
+        })
+        clipboard.on('success', function (e) {
+            ShowSuccess("Citation information has been copied!");
+        });
+    })
+    $('.Exc_2').click(function () {
+        var ecx_id = $(this).parents('.links_').siblings('.txt_biaoti').attr('id')
+        $.ajax({
+            type: 'post', url: apiUrl + 'api/Article/getArticleenw', async: false,
+            data: { "article_id": ecx_id },
+            success: function (result) {
+                var a = document.createElement('a');
+                a.href = result.data.url;
+                a.download = ''
+                a.click();
+            }
+        })
+    })
+    $('.Exc_3').click(function () {
+        var ecx_id = $(this).parents('.links_').siblings('.txt_biaoti').attr('id')
+        $.ajax({
+            type: 'post', url: apiUrl + 'api/Article/getArticleRis', async: false,
+            data: { "article_id": ecx_id },
+            success: function (result) {
+                var a = document.createElement('a');
+                a.href = result.data.url;
+                a.download = ''
+                a.click();
+            }
+        })
+    })
+    $('.Exc_4').click(function () {
+        var ecx_id = $(this).parents('.links_').siblings('.txt_biaoti').attr('id')
+        $.ajax({
+            type: 'post', url: apiUrl + 'api/Article/getArticlebib', async: false,
+            data: { "article_id": ecx_id },
+            success: function (result) {
+                var a = document.createElement('a');
+                a.href = result.data.url;
+                a.download = ''
+                a.click();
+            }
+        })
+    })
+    $('.Exc_5').click(function () {
+        var ecx_id = $(this).parents('.links_').siblings('.txt_biaoti').attr('id')
+        $.ajax({
+            type: 'post', url: apiUrl + 'api/Article/getArticletext', async: false,
+            data: { "article_id": ecx_id },
+            success: function (result) {
+                var a = document.createElement('a');
+                a.href = result.data.url;
+                a.download = ''
+                a.click();
+            }
+        })
+    })
+}
+//获取 cite 并添加 html 
+function commonGetCiteList(a_ID) {
+    $('.cite_box .export_cite').html('<div class="loader-01"></div>');
+    var journalCiteStr = ''
+    $.ajax({
+        type: 'post', url: apiUrl + 'api/Article/getArticleCites',
+        data: {
+            "article_id": a_ID
+        },
+        success: function (result) {
+            if (result.code == 0) {
+
+                var arr = result.data.list
+                for (let i in arr) {
+                    journalCiteStr += `
+                    <div class='cite_list_item' style="margin-bottom:10px;podding:10px 0;display:flex;border-bottom: ${i != arr.length - 1 ? '1px solid #ccc' : 'none'};}"><p style="margin-right:10px;">${Number(i) + 1}.</p>
+                <div>          
+                <p style="display: block; line-height: 20px;
+                font-size: 13px;
+                margin-bottom: 3px;"> <a style="color:#205493 !important;" 
+                    target="_blank"
+                    href="${arr[i].doi ? 'https://doi.org/' + arr[i].doi : ''}">
+                    ${arr[i].article_name}
+                    </a></p>
+                
+                <p style="line-height: 14px;margin-bottom: 10px;">
+                <span style="color: #a2b1b6;
+                font-size: 13px;">${arr[i].author ? `${arr[i].author},` : ''} ${arr[i].journal_name}${arr[i].vol ? `${arr[i].vol},` : ''}
+                </span>
+                <span style="margin-left:5px;color:#205493 !important;">
+                 </span></p></div>
+                
+                  </div> `
+                }
+                journalCiteStr += ` <div class="cite_triangle"></div>`
+
+                $('.cite_box .export_cite').html(journalCiteStr);
+
+
+
+
+
+            }
+        }
+    })
+}
--- a/js/scientist/scientist_cite.js
+++ b/js/scientist/scientist_cite.js
@@ -0,0 +1,155 @@
+function initCite() {
+    var cite_ID = getQueryString('cite_id'); //Top cited
+    localStorage.setItem("Journals_color", '#006699');
+
+    // Top cited点进去的文章列表
+    if (cite_ID != null) {
+        var urlList = {
+            list: 'api/Main/getAllCiteArticles'
+        }
+        // cited
+        commonInit()
+        var cited_tcp = {};
+        cited_tcp.page = 1;
+        cited_tcp.limit = 10;
+        cited_tcp.type = 'cite';
+
+        var totalPage;//总页码
+        var totalRecords;//总数据条数
+        var pageNo = cited_tcp.page;//当前页码
+
+        $.ajax({
+            type: 'post', url: apiUrl + urlList.list,
+            data: cited_tcp,
+            success: function (result) {
+                if (result.code == 0) {
+                    $('.wenz_list>h4').html('Top cited');
+                    totalPage = result.data.count % cited_tcp.limit == 0 ? (result.data.count / cited_tcp.limit) : (Math.ceil(result.data.count / cited_tcp.limit));
+                    totalRecords = result.data.count;
+                    $('.wenz_list .tioashu').html(result.data.count);
+
+
+                    initArticle(result.data.list)
+
+
+
+
+
+                    //生成分页
+                    //有些参数是可选的，比如lang，若不传有默认值
+                    kkpager.generPageHtml({
+                        pno: pageNo,
+                        //总页码
+                        total: totalPage,
+                        //总数据条数
+                        totalRecords: totalRecords,
+                        mode: 'click',//默认值是link，可选link或者click
+                        click: function (n) {
+                            this.selectPage(n);
+
+                            //除了第一页写逻辑跳转
+                            cited_tcp.page = n;
+                            $.ajax({
+                                type: 'post', url: apiUrl + urlList.list,
+                                data: cited_tcp,
+                                success: function (result) {
+                                    if (result.code == 0) {
+                                        $('.goup-container').click();
+                                        totalRecords = result.data.count;
+
+                                        $('.wenz_list .tioashu').html(result.data.count);
+
+                                        $('.wenz_list>h4').html('Top cited');
+
+
+                                        initArticle(result.data.list)
+
+
+
+
+
+                                    } else {
+                                        ShowDanger("请求失败！");
+                                    }
+                                },
+                                error: function () {
+                                    ShowDanger("error！");
+                                }
+                            })
+                            return false;
+                        }, lang: {
+                            firstPageText: 'First page',
+                            firstPageTipText: 'First page',
+                            lastPageText: 'Last page',
+                            lastPageTipText: 'Last page',
+                            prePageText: 'Previous page',
+                            prePageTipText: 'Previous page',
+                            nextPageText: 'Next page',
+                            nextPageTipText: 'Next page',
+                            totalPageBeforeText: '',
+                            totalPageAfterText: '',
+                            currPageBeforeText: 'on page&nbsp;',
+                            currPageAfterText: '',
+                            totalInfoSplitStr: '&nbsp;of&nbsp;',
+                            totalRecordsBeforeText: '',
+                            totalRecordsAfterText: '',
+                            gopageBeforeText: '&nbsp;&nbsp;&nbsp;Go to page',
+                            gopageButtonOkText: 'Go',
+                            gopageAfterText: 'page',
+                            buttonTipBeforeText: '第',
+                            buttonTipAfterText: '页'
+                        }
+                    });
+
+
+                } else {
+                    ShowDanger("请求失败！");
+                }
+            },
+            error: function () {
+                ShowDanger("error！");
+            }
+        })
+
+
+        function initArticle(arr) {
+            var str = "";
+            for (var i = 0; i < arr.length; i++) {
+                if (arr[i].icon == '') {
+                    continue
+                }
+
+                if (arr[i].icon == '') {
+                    var img_i = 'img/baiss.png'
+                } else {
+                    var img_i = imgarticleUrl + arr[i].icon
+                }
+                var baseInfo = commonGetItemHtml({ data: arr[i], i: i, img_i: img_i, c_t_a: '' })
+
+
+
+
+                str += `
+                
+                <li>
+                    <div class="dbt_header">${arr[i].type}${baseInfo.pub_date}</div><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">${arr[i].authortitle}<br>
+                        ${arr[i].journal_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
+                        clear="both"></div>
+                </li>
+                
+                `
+            }
+            $('.wenz_list>ul').html(str);
+            $('.links_ .txt_copy').css('background', localStorage.Journals_color);
+            commonHandleClickHtml()
+        }
+    }
+}
+
--- a/style/form.css
+++ b/style/form.css
@@ -3560,3 +3560,120 @@ input.disable {
    background-color: #fff;
    margin: 0 auto;
 }
+.cite_box {
+   
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+    padding-left: 5px;
+}
+
+.pai_two .current_list li .cite_box {
+    padding-left: 0px;
+}
+
+.cite_box .export_cite {
+    position: absolute; max-height: 65vh;
+    overflow-y: auto;
+    left: 5px;
+    top: 35px;
+    background-color: #fff;
+    width: 500px;
+    padding: 5px 10px;
+    box-shadow: 2px 2px 5px #ccc;
+    z-index: 100;
+}
+
+
+
+.cite_box .export_cite li {
+    color: #444;
+    text-align: left;
+    line-height: 26px;
+}
+
+.cite_box .export_cite li:hover {
+    text-decoration: underline;
+}
+
+.cite_box .export_cite a:hover {
+    text-decoration: underline !important;
+}
+
+
+[class*="loader-"] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    color: inherit;
+    vertical-align: middle;
+    pointer-events: none;
+}
+
+.loader-01 {
+    border: .2em dotted currentcolor;
+    border-radius: 50%;
+    -webkit-animation: 1s loader-01 linear infinite;
+    animation: 1s loader-01 linear infinite;
+}
+
+@-webkit-keyframes loader-01 {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes loader-01 {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+.cite_txt_button {
+    background: #fff !important;
+    padding: 0 !important;
+    color: #7a2702 !important;
+    margin-left: 5px !important;
+    font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif !important;
+
+    font-size: 14px !important;
+}
+
+.cite_txt_button .export {
+    left: 130px !important;
+}
+
+.pai_two .cite_txt_button {
+
+    margin-left: 0px !important;
+}
+
+
+/* 设置滚动条的样式 */
+.cite_box .export_cite::-webkit-scrollbar {
+    width: 4px;
+    background-color: #f0f0f0;
+}
+
+/* 滚动槽 */
+.cite_box .export_cite::-webkit-scrollbar-track {
+    border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+.cite_box .export_cite::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: #b1b1b1;
+}