@charset "utf-8";
html{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
html.ie8,html.ie7{font-size:14px;}
body {position: relative; margin: 0; font-size:16px; line-height: 1.5; letter-spacing: 0.04em; color: #2f2f2f; height: 100%; font-family:"微软雅黑"; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
article, aside, details, figcaption, figure, footer, header, hgroup,nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a:active { outline: 0; }
a:hover{ text-decoration: none;}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle;max-width: 100% }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre {overflow: auto;white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal;border: 0;margin: 0;padding: 0}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input,select,textarea{outline:medium;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;}
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; font-family: '微软雅黑'}
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear {clear:both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */ /* end of clearfix */
.hackbox{ display:table;}
.sharebtn{clear:both;}
i{ font-style: normal;}
/*common*/
.left{float: left;}
.right{float: right;}
.global-width{ max-width: 1200px; width: 1200px; margin: 0 auto;}
.col-xs-1, .col-xs-3,.col-xs-6,.col-xs-2,.col-xs-5,.col-xs-4{ padding: 0}
.font-bc2021{ color: #bc2021}

/*header*/
.header-wrap{ padding: 20px 0 0;}
.header-left{ width: 572px; height: 131px;}
.header-right{ width: 550px; padding-left: 50px; border-left: 1px solid #e43135}
.header-right p, .header-right a{ font-size: 16px; color: #2f2f2f}
.header-right p, .header-right li{ line-height: 26px;}
.header-right a span{ display: inline-block; vertical-align: middle; width: 9px; height: 9px; margin-right: 5px;
    background: url("icon_cycle.png") no-repeat center center;}

/* 顶部品牌 Banner（白底文字版） */
.brand-banner{ display:flex; align-items:center; background:#fff; padding:10px 0; min-height:170px; }
.brand-logo{ flex:0 0 50%; }
.brand-logo img{ display:block; height:132px; width:auto; }
.brand-text{ padding-left:70px; font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif; font-size:16px; line-height:1.9; color:#333; }
.brand-text p{ margin:0; }
.brand-text p::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#333; margin-right:8px; vertical-align:middle; }

/* 导航 */
.header-nav{ margin-top: 10px;}
.header-nav ul{ width: 100%; height: 40px; line-height: 40px; background:#AB1219;}
.header-nav li{ float: left; position: relative;}
.header-nav li > a{ display:block; color:#FFFFFF; text-align:center; line-height:40px; font-size:18px; font-family:Microsoft YaHei; padding:0 20px; text-decoration:none; white-space:nowrap;}
.header-nav li > a:hover, .header-nav li > a.current, .header-nav li.has-sub.current > a{ background:rgba(0,0,0,.15); color:#FFFFFF;}
/* 二级下拉 */
.header-nav .submenu{ display:none; position:absolute; top:40px; left:0; width:170px; height:auto; line-height:normal; min-width:170px; background:#AB1219; z-index:999; list-style:none; margin:0; padding:4px 0; box-shadow:0 4px 12px rgba(0,0,0,.25);}
.header-nav li:hover .submenu{ display:block;}
.header-nav .submenu li{ float:none; border-top:1px solid rgba(255,255,255,.12);}
.header-nav .submenu li > a{ display:block; text-align:center; line-height:44px; padding:0 16px; font-size:16px; color:#FFFFFF; white-space:normal;}
.header-nav .submenu li > a:hover{ background:rgba(0,0,0,.2); color:#FFFFFF;}

/* 导航铺开：各项自然宽度、等距分布（两端留白） */
.header-nav ul.nav-menu{ display:flex; justify-content:space-around; }
.header-nav ul.nav-menu > li{ float:none; flex:0 0 auto; }

/* 出版机构区块文字样式（统一 微软雅黑 / #595757 / 加粗） */
#prg-publish, #prg-publish *{ font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important; color:#595757 !important; font-weight:bold !important; }

/* 通知 */
.header-notice{ width: 100%; padding: 10px 0;}
.header-notice span{ display: inline-block; width: 20px; height: 20px;}
.header-notice span img{ width: 100%;}
.notice-wrap a:hover{ color: #bc2021;}
.notice-wrap{ /*position: relative;*/ max-width: 1150px; width: 1100px; height: 20px; overflow: hidden;}
#notice{/* position: absolute; left: 0; z-index: 99999;*/ max-width: 1150px; width: 1100px; line-height: 20px;}
.notice{ display: block; color: #000; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    margin-left: 10px;}

/* footer-wrap */
.common-title{ height: 35px;  border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center;
    line-height: 35px; font-size: 18px; color: #fff; letter-spacing: 0.2em;
    background-image: -ms-linear-gradient(top, #fbc2c3, #f35d5f, #f35859);  /* ie10,ie11*/
    background-image: -moz-linear-gradient(top, #fbc2c3, #f35d5f, #f35859); /* Firefox */
    background-image: -o-linear-gradient(top, #fbc2c3, #f35d5f, #f35859); /* opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbc2c3), color-stop(0.5, #f35d5f), color-stop(1, #f35859)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbc2c3', endColorstr='#f35859', GradientType='0'); /* ie8,ie9，0表示垂直*/}
.common-border{ border-bottom: 1px solid #e43c3d; border-left: 1px solid #e43c3d; border-right: 1px solid #e43c3d;
            border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden;}
.footer-link{ padding: 10px 0}
.footer-link li{ float: left; padding-left: 20px;}
.footer-link li a{ color: #2f2f2f}
.footer-link li a:hover{ color: #bc2021; text-decoration: underline;}
.footer-host{ margin: 15px auto 10px;}
.footer-host p{ text-align: center;}

/* container */
#container{ max-width: 1200px; margin: 0 auto}
.box-content{ margin-bottom: 10px;}
.box-content:first-child{ margin-left: 0}
.box-left{ margin-left: 20px}
.box-left:first-child{ margin-left: 0}
/*期刊封面*/
#newspaper-cover{ width: 320px;}
#newspaper-cover .common-border{ height: 260px; text-align: center; padding: 10px 0;}
#newspaper-cover .common-border img{ border: 1px solid #a0a0a0;}

/* 出版机构 */
#prg-publish{ width: 320px;}
#prg-publish .common-border{}
#prg-publish th{font-size: 14px;font-weight:normal;width:90px;text-align:right;}
#prg-publish td{font-size: 14px;}

/* 编辑通知 */
#edit-notice{ width: 520px;}
#edit-notice .common-border{ height: 100px; padding: 10px;}
#edit-notice .common-border p{ font-size: 14px;}

/* 信息公告 */
#info-notice{ width: 520px;}
#info-notice .common-border{ height: 430px; padding: 10px;}
#info-notice .common-border span{ display: inline-block; vertical-align: middle; width: 6px; height: 6px;
    background: url("icon_cycle2.png") no-repeat center center; margin: 0 5px 3px 0;}
#info-notice .common-border{ line-height: 28px;}
#info-notice .common-border a{ color: #2f2f2f; font-size: 14px;}
#info-notice .common-border p{ width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#info-notice .common-border a:hover{ color: #bc2021;}
#info-notice .common-border a:hover span{ background: url("icon_cycle2_hover.png") no-repeat center center; margin-bottom: 3px;}

/* 投稿专栏 */
#col-letter{ width: 320px;}
#col-letter .common-border{ height: 575px;}
#col-letter .common-border a{ display: block; width: 240px; height: 50px; margin: 20px auto; text-align: center;
        background: #db4a4a; line-height: 50px; color: #fff; font-size: 16px; font-weight: 800; border-radius: 5px;}
#col-letter .common-border a:hover{ background: #e98881;}
.erweima{ text-align: center;}
.erweima p{ font-size: 16px; font-weight: 800; margin-top: 5px; color: #bc2021}
#col-letter .common-border a.zaixiantougao{background:#cf2829}
#col-letter .common-border a.zaixiantougao:hover{background:#e98881}

/* 最新投稿 */
#latest-letter{ width: 610px;}
#latest-letter .common-border{ height: 250px;}
#latest-letter .common-border h3 span{ text-align: center; font-size: 14px; height: 30px; line-height: 30px;
        font-weight: 800; color: #666}
#latest-letter .common-border li{ line-height: 26px;}
#latest-letter .common-border a span{ text-align: center; color: #2f2f2f; font-size: 14px;}
#latest-letter .common-border a:hover span{ color: #bc2021}
#latest-letter .common-border a:hover span:last-child{ color: #2f2f2f}
#latest-letter .col-xs-6{ display: block; width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*合适投稿专业*/
#suit-major{ width: 230px;}
#suit-major .common-border{ height: 250px;}
#suit-major .common-border p{ padding: 10px; font-size: 14px;}

/*拟发表文章*/
.common-width{ width: 590px;}
.common-width .common-border{ height: 305px; padding-top: 10px;}
.common-width .common-border li{ text-indent: 15px; line-height: 26px;}
.common-width  .common-border li a{ display: block; font-size: 14px; color: #2f2f2f; width: 500px;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.common-width  .common-border li a:hover{ color: #bc2021}
#has_pub-article .common-border li p{ text-indent: 28px; line-height: 24px}

/* 《广东化工》封面展示 */
#show-cover{ width: 1200px;}
#show-cover .common-border{ border-width: 0 0 0 1px; border-color: transparent transparent transparent #bc2021;
    border-style: none none none solid}
#show-cover .common-border li{ float: left;}
#show-cover .common-border a{ display: block; width: 149.75px; height: 210px; text-align: center;
     border-right: 1px solid #bc2021;}
#show-cover .common-border a:hover p{ color: #bc2021}
.cover-img{ height: 170px; padding: 10px 0; border-bottom: 1px solid #bc2021;}
.cover-year{ height: 40px; line-height: 40px; font-size: 14px; color: #2f2f2f; border-width: 0 0 1px 0;
    border-color: transparent transparent #bc2021 transparent; border-style: none none solid none}
#show-cover .common-border img{ width: 110px; height: 150px; border: 1px solid #a2a2a2;}


/* 广告位 */
#ad-pos{ width:1200px;}
#ad-pos .common-border{ border: 1px solid #bc2021; padding: 10px 0;}
#ad-pos .common-border li{ float: left; margin: 0 0 5px 10px;}
#ad-pos .common-border img{ width: 120px; height: 60px;}

/* qq_talk */
.qq_talk{ position: fixed; top: 256px;}
#left-side{ left: 55px;}
#right-side{ right: 55px;}

/* content.html */
#pos-nav{ margin: 5px auto; font-size: 14px;}
#pos-nav span{ color: #bc2021}

#content{ width: 860px;}
#content .common-border{ min-height: 854px; border: 1px solid #bc2021; border-radius: 5px;}
.content-title{ text-align: center; font-weight: 500}
.head-state{ text-align: center; font-size: 14px;}
.head-state span, .btn-print{ color: #f00}
.head-state a:hover{ text-decoration: underline}
#content .common-border hr{ width: 750px; margin: 10px auto 20px; border-color: #f00; }
.font-bold{ font-weight: bold; }
#content section{ padding: 0 30px; margin-bottom: 20px;}
#content section h3{ font-size: 16px; }
#content section p{ font-size: 14px;}
.text-indent{ text-indent: 2em;}
article i{ display: block; margin: 50px auto 0; text-align: center; font-size: 16px; font-weight: bold}

#change-page{ height: 40px; line-height: 40px;}
#change-page a{ display: block; color: #2f2f2f; font-size: 14px;}
#change-page a:hover{ color: #bc2021}


/* list.html */
#list{ width: 860px;}
#list .common-border{border: 1px solid #A9D0E1; border-radius: 5px;}
.list-content{ min-height: 700px; }
.list-content li{ padding: 15px 15px 0 15px;}
.list-content .col-xs-8{ padding: 0}
.list-content a{ display: block; border-bottom: 1px solid #bc2021; padding-bottom: 15px;}
.list-content a:hover h3, .list-content a:hover p, .list-content a:hover span{ color: #bc2021}
.list-page{ height: 40px;}
.list-content h3, .list-content p, .list-content span{ color: #2f2f2f}
.list-content h3{ font-size: 16px;}
.list-content p{ font-size: 14px; color: #555}
.list-content .img-width{ width: 207px; height: 120px; border: 1px solid #a0a0a0;}



.pager{ margin: 15px 30px 15px 0; font-size: 14px;}
.pager .active a, .pager .active a:hover{ background: #bc2021; border-color: #bc2021; color: #fff;}
.pager li a{ color: #a2a2a2; border-radius: 3px}
.page-num{ width: 30px; height: 30px; font-size: 14px; border: 1px solid #a2a2a2; border-radius: 3px; line-height: 20px;
    text-align: center; margin: 0 5px;}
.ie8 li.page-num{ margin-bottom: 20px;}
li.jump-page{ line-height: 35px; margin-left: 5px;}


/* 在线投稿 */
#list .letter-title{ color: #bc2021; font-weight: bold; text-align: center; font-size: 20px;}
.form-wrap{ padding: 0 20px;}
.form-group{margin-bottom: 10px;}
.form-group:first-child{ border-top: none;}
.form-group h3{ font-size: 16px; font-weight: bold}
.form-group p{ font-size: 14px;}
.margin-15{ margin: 5px 0; text-indent: 25px;}
.input-group{ margin-top: 5px; position: relative;}
.input-group input, .input-group label{ height: 30px; line-height: 30px; font-size: 14px; border-radius: 5px;}
.input-group input{ border: 1px solid #c1c1c1; text-indent: 5px; margin-left: 10px;}
.input-group label{ text-align: right; }
.input-group i{ display: block; text-indent: 130px; color: #666}
.input-group select{ height: 30px; line-height: 30px; border-radius: 8px; font-size: 14px; margin-left: 10px;
    border: 1px solid #c1c1c1;}
.input-group label .em1{ letter-spacing: .2em;}
.input-group label .em2{ letter-spacing: 1.7em;}
.input-group label .em3{ letter-spacing: .7em;}
.input-group label .em4{ letter-spacing: .1em;}
.input-group .text-left{ text-indent: 10px}
.input-group .margin-top{ margin-top: 5px;}
.address{ width: 50%}
.input-group textarea{ min-height: 70px; margin-left: 10px; border-radius: 5px; font-size: 14px; border: 1px solid #c1c1c1;
            padding: 10px;}
.iden-code{ height: 30px; margin-left: 10px; border: 1px solid #c1c1c1; border-radius: 5px;}
.input-group button{ display: block; width: 90px; height: 40px;  color: #fff; border: none;
    border-radius: 5px; font-size: 14px; margin: 0 auto;}

/* 上传文件插件 */
#SWFUpload_0{ color: #fff; margin-left: 10px;}
#file_upload-button{ background: #f46c6d; border: none; margin-left: 130px; border-radius: 5px; font-size: 14px;
    text-shadow: none;}
#file_upload-button .uploadify-button-text{ color: #fff;}
#file_upload-queue{ margin-left: 130px;}
.file-state{ position: absolute; left: 105px; top: 8px}
.fileinput-state{ position: absolute; left: 65px; top: 50px}


/* success_letter.html and failed_letter.html */
#result-letter{ width: 860px;}
#result-letter .common-border{ min-height: 200px; padding: 20px 0; border: 1px solid #bc2021; border-radius: 5px;}
#result-letter h3{ text-align: center; font-weight: bold}
#result-letter section{ margin-top: 15px;}
#result-letter section p{ text-align: center; font-size: 14px; font-weight: bold; line-height: 24px}
#result-letter section p span, #result-letter section p a{ color: #bc2021; font-weight: bold}
#result-letter section p a:hover{ text-decoration: underline}
#result-letter section h3{ font-size: 16px; font-weight: bold}
#result-letter section table{ width: 90%; border-radius: 5px; margin-top: 10px;}
#result-letter section table th, #result-letter section table td{ text-align: center; font-size: 14px; font-weight: normal;
    border: 1px solid #bc2021; padding: 15px 0}
#result-letter section p img{ margin: 10px 0;}
#uploader_msg{color:red;font-size:14px;}

 
#div_pager{
    clear:both;
    height:30px;
    line-height:30px;
    margin-top:12px;
    color:#999999;
    text-align: center;
    font-size:14px;
}

#div_pager a{
    padding:4px 8px;
    margin:10px 3px;
    font-size:14px;
    border:1px solid #DFDFDF;
    background-color:#FFF;
    color:#9d9d9d;
    text-decoration:none;
}

#div_pager span{
    padding:4px 8px;
    margin:10px 3px;
    font-size:14px;
}

#div_pager span.disabled{
    padding:4px 8px;
    margin:10px 3px;
    font-size:14px;
    border:1px solid #DFDFDF;
    background-color:#FFF;
    color:#DFDFDF;
}

#div_pager span.curr{
    padding:4px 8px;
    margin:10px 3px;
    font-size:14px;
    border:1px solid #59b4e2;
    background-color:#59b4e2;
    color:#FFF;
}

#div_pager a:hover{
    background-color:#fff;
    border:1px solid #59b4e2;
}

#div_pager span.normalsize{
    font-size:14px;
}

/* ===== 首页：最新文章 / 过刊浏览 ===== */
.home-panel{ font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif; padding-bottom:20px; }
.home-tabs{ list-style:none; margin:0; padding:0; text-align:center; border-bottom:1px solid #e6e6e6;}
.home-tabs li{ display:inline-block; position:relative; margin:0 30px; padding:12px 2px 13px; font-size:20px; color:#333; cursor:pointer;}
.home-tabs li:hover{ color:#AB1219;}
.home-tabs li.on{ color:#AB1219; font-weight:bold;}
.home-tabs li.on::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#AB1219;}
.home-tab-content{ padding:0 2px;}

/* 最新文章：期次栏 */
.art-issue{ display:flex; align-items:center; justify-content:space-between; padding:18px 0 12px; border-bottom:1px solid #f0f0f0;}
.art-issue-info{ display:flex; align-items:baseline; flex-wrap:wrap;}
.art-issue-name{ font-size:20px; font-weight:bold; color:#AB1219;}
.art-issue-date{ margin-left:14px; font-size:14px; color:#888;}
.art-issue-btns a{ display:inline-block; margin-left:10px; padding:5px 12px 5px 9px; background:#AB1219; color:#fff; font-size:13px; border-radius:2px; text-decoration:none;}
.art-issue-btns a:hover{ background:#8f0e14; color:#fff;}
.art-issue-btns .ico-doc{ display:inline-block; width:10px; height:12px; margin-right:6px; border:1px solid #fff; vertical-align:-1px;}

/* 最新文章：栏目与文章 */
.art-section-title{ margin:20px 0 4px; padding-left:10px; border-left:4px solid #AB1219; font-size:17px; font-weight:bold; color:#333; line-height:1.3;}
.art-item{ padding:12px 0 16px; border-bottom:1px solid #f0f0f0;}
.art-title{ margin:0 0 8px; font-size:18px; font-weight:bold; line-height:1.5;}
.art-title a{ color:#2f5e8d; text-decoration:none;}
.art-title a:hover{ color:#AB1219;}
.art-authors, .art-doi, .art-keywords{ margin:0 0 6px; font-size:13px; line-height:1.9; color:#8a8a8a;}
.art-affil{ margin:0 0 6px; font-size:12px; line-height:1.8; color:#999;}
.art-abstract{ margin:8px 0 6px; font-size:14px; line-height:1.9; color:#444; text-align:justify;}
.art-abstract em{ font-style:normal; font-weight:bold; color:#333;}
.art-row{ display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;}
.art-row .art-keywords, .art-row .art-links{ flex:1 1 auto; margin:0; min-width:0;}
.art-page{ flex:0 0 auto; margin-left:15px; font-size:13px; color:#999;}
.art-links a{ margin-right:16px; font-size:13px; color:#1a5fa8; text-decoration:none;}
.art-links a:hover{ color:#AB1219; text-decoration:underline;}
.art-more-wrap{ padding:22px 0 8px; text-align:center;}
.art-more-btn{ display:inline-block; padding:9px 26px; border:1px solid #AB1219; border-radius:2px; color:#AB1219; font-size:14px; text-decoration:none;}
.art-more-btn:hover{ background:#AB1219; color:#fff; text-decoration:none;}
.home-empty{ padding:60px 0; text-align:center; color:#999;}

/* 过刊浏览：年份独占一行 + 期次 */
.issue-year{ display:block; padding:16px 0; border-bottom:1px dashed #e0e0e0;}
.issue-year:last-child{ border-bottom:none;}
.year-label{ display:inline-block; min-width:96px; padding:0 14px; height:34px; line-height:34px; background:#AB1219; color:#fff; font-size:16px; text-align:center;}
.issue-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-top:12px;}
.issue-link{ display:block; height:34px; line-height:32px; text-align:center; border:1px solid #ddd; background:#fff; color:#666; font-size:14px; text-decoration:none;}
.issue-link:hover{ border-color:#AB1219; color:#AB1219;}
/* 未填写网址的期次：置灰不可点 */
.issue-link.is-pending{ color:#bbb; background:#fafafa; border-style:dashed; cursor:default;}
.issue-link.is-pending:hover{ border-color:#ddd; color:#bbb;}

/* ===== 整期目录页 ===== */
.catalog-panel{ font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;}
.cat-head{ display:flex; align-items:flex-start; padding:18px 0 20px; border-bottom:1px solid #eee;}
.cat-cover{ flex:0 0 180px; margin-right:24px;}
.cat-cover img{ width:180px; border:1px solid #eee;}
.cat-info{ flex:1 1 auto; min-width:0;}
.cat-title{ margin:4px 0 12px; font-size:22px; color:#AB1219;}
.cat-meta{ margin:0 0 18px; font-size:14px; color:#888;}
.cat-btn{ display:inline-block; margin:0 10px 8px 0; padding:6px 16px; border:1px solid #AB1219; border-radius:2px; background:#AB1219; color:#fff; font-size:13px; text-decoration:none;}
.cat-btn:hover{ background:#8f0e14; color:#fff;}
.cat-btn.ghost{ background:#fff; color:#AB1219;}
.cat-btn.ghost:hover{ background:#AB1219; color:#fff;}
.cat-group{ padding-top:18px;}
.cat-group-title{ margin:0 0 4px; padding-bottom:8px; border-bottom:2px solid #AB1219; font-size:16px; font-weight:bold; color:#333;}
.cat-group-title span{ display:inline-block; margin-right:8px; padding:0 6px; background:#AB1219; color:#fff; font-size:14px;}
.cat-group-title em{ font-style:normal; font-weight:normal; font-size:12px; color:#999;}
.cat-item{ padding:14px 0; border-bottom:1px solid #f2f2f2;}
.cat-item:target{ background:#fffaf0;}
.cat-item-title{ margin:0 0 6px; font-size:16px; font-weight:bold; line-height:1.5;}
.cat-item-title a{ color:#2f5e8d; text-decoration:none;}
.cat-item-title a:hover{ color:#AB1219;}
.cat-item-authors{ margin:0 0 6px; font-size:13px; color:#666; line-height:1.8;}
.cat-item-affil{ margin-left:6px; color:#999;}
.cat-item-abstract{ margin:0 0 6px; font-size:13px; line-height:1.9; color:#555; text-align:justify;}
.cat-item-abstract em{ font-style:normal; font-weight:bold; color:#333;}
.cat-item-keywords{ margin:0 0 8px; font-size:13px; color:#888;}
.cat-item-foot{ margin:0; font-size:13px; color:#999;}
.cat-item-foot a{ margin-left:16px; color:#1a5fa8; text-decoration:none;}
.cat-item-foot a:hover{ color:#AB1219;}