html {
    font-size: 62.5% !important;
    color: #222 !important;
}

a:active{
    background: none !important;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}
a:hover,a:focus,a:active{text-decoration: none;}
a:focus {outline-style:none; -moz-outline-style: none;}

/****清除浮动****/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/************公用***************/
.popover {
    top: 0;
    left: 10px;
    min-width: 375px;
    max-width: 600px;
    font-size: 14px;
    background-color: #fff;
}

.display_none {
    display: none;
}

.display_block {
    display: block;
}

.tooltip-inner{

    background-color: #eef3f9;
    width: 180px;
    height: 46px;
    padding-top: 8px;
}
.tooltip.left .tooltip-arrow{
    border-left-color:#eef3f9;
}



/*宽度 1300以上 */
@media (min-width: 1300px) {
  .container{width: 1300px;}

}

/**顶部导航**/
@media (min-width: 1300px){
    .banner_div{
        background-size: cover;
    }
}
.top_div{
    background:#000000;
}
.top01_div{ height:28px; padding:0px;}
.top01_div_left{ color:#FFFFFF; height:28px; text-align:center; line-height:28px;}
.top01_div_left a{
    color:#FFFFFF;
    padding: 0px 60px;
}
.account-head{
    display: inline-block;
    padding: 4px 10px;
    margin-right: -4px;
}

.account-head a{
     color:#FFFFFF;
    padding: 0px 10px;
}
.account-split{
     color:#FFFFFF;
}
/*.login_div > a+a{*/
    /*border-left: 1px solid #FFFFFF;*/
/*}*/

.language_span{
    display: inline-block;
    margin-right: -1px;
}
@media (max-width: 768px) {
    .top01_div_left a{

        padding: 0px 10px;
    }
      .login_div{
        display: inline-block;
        padding: 4px 10px;
        margin-right: -4px;
    }

      .login_div > a+a{
        margin-left: 5px;
    }

}
@media (max-width: 400px) {
    .top01_div_left{
        display: none;
    }
}
.nav_main{
    margin-top: 20px;
}
.journal_logo,.split_line,.journal_cn_issn{
    float: left;
}
.split_line{
    margin:23px 0px 8px 20px;border-left: 2px solid #ccc;height: 30px;
}
.journal_cn_issn{
    padding: 25px 10px 0px 10px;line-height: 14px;height: 60px;
}
.nav_info{
    padding-top: 35px;

}
.nav_info a{
    margin-right: 20px;
    color: #333;
    float: right;
}
.nav_info a i{
    color: #004BA5 ;
    margin-right: 5px;
}
#searchBtn{
    background: #004BA5 ;
}


.foot_div{ background:#333333; color:#999; padding-top:15px; padding-bottom:15px;margin-top: 10px;}
.foot_div .col-md-6 img{float: left; margin-right: 10px;}
.foot_div .col-md-6 p{line-height: 1.5;}
.foot_div ul{float: right;border-right: 1px solid dimgrey;padding-right: 15px;}
.foot_div li{ margin-bottom:10px; text-align: right;}
.foot_div strong{ margin-left:15px;}

.sydwbz{
    float: right;
    padding: 15px 0px;
}

@media (min-width: 1300px) {
    .sydwbz{
        margin-right: -20px;
    }
    .foot_div .container{
        padding-right: 0px;
    }
}

@media (max-width: 1300px) {
    .foot_div{
        padding-top: 0px;
    }
    .foot_div img{
        margin-top: 10px;
    }
}

.share_div{
    height: 38px;
    margin-bottom: 10px;
    color: #CCCCCC;
}
.share{
    height: 36px;
    float: right;
}

.nav_share{
    width: 80%;
    height: auto;
    margin-top: 20px;
    text-align: right;
    padding-top: 5px;
}
.nav_share li{
    color: #CCCCCC
}

.bottom_div{
    background:#000000;
    height:28px; padding:5px 0px 0px 0px;
}
.foot_left{
    color: #CCCCCC;
    padding: 20px 0px;
}
.journal_name_cn{
    font-size: 24px;
}
.journal_name_en{
    font-size: 16px;
}
.searchBtn:hover{
    cursor: pointer;
}

/*************论文 容器***************/
.main {
    margin-top: 20px;
    margin-bottom: 20px;
}

.main table {
    width: 100%;
}


.main table tr td {
    word-break: break-word;
}


.article_container, .navigation {
    background-color: #fff;

}
.article_container{
    border:1px solid #D7D7D7;
}

.article {
    padding: 40px 10px;
}

.navigation {
    margin-right: -15px;
    padding: 15px;
}

.nav_float{
    box-shadow: 0px 0px 20px gray;
    background-color: white;
}
.head_title {
    padding: 5px 0px;
}

[class^='head_title_'] {
    display: table-cell;
    vertical-align: middle;
}

.head_title_video img, .head_title_logo img {
    height: 45px;
}

.head_title_content {
    line-height: 45px;
    margin-left: 10px;
}

.head_title_download a, .head_title_share a {
    color: black;
    margin-right: 10px;
}

.head_title_download a:hover, .head_title_share a:hover {
    color: #FF6400;
}

.head_title_download i, .head_title_share i {
    width: 25px;
    border: 1px solid black;
    border-radius: 5px;
    line-height: 23px;
    font-size: 17px;
    text-align: center;
}

.head_title_line div {
    height: 25px;
    width: 1px;
    background-color: #C9C9C9;
    margin-right: 10px;
}
.article_head{
    float: left;
}

.article_title_text {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 95%;
}

.title_ch {
    font-size: 24px;
}

.title_en {
    font-size: 18px;

}

.article_title_link {
    float: left;
}

.article_title_link > ul > li {
    padding-bottom: 5px;
    text-align: center;
}

.article_title_link ul li .fa-2x {
    font-size: 20px;
}

.article_title_link ul li a {
    color: black;
}

.article_title_link ul li a:hover {
    color: #FF6400;
}
.article_title_author{
    float: left;
    width: 95%;
}

.article_head_left .article_share{
    color: #FF6400;
    padding-right: 8px;
    /*border: 1px solid #FF6400;*/
    /*border-radius: 50%;*/
}
/*.article_head_left .article_share a:hover{*/
    /*color: black;*/
/*}*/
.article_head_left .article_share .fa-2x, .article_head_left .article_download .fa-2x{
    font-size: 20px;
}
.dropdown_article_download{
    background: #FF6400;
    color: white;
    border-radius: 15px;
    padding: 2px 15px;
}
.dropdown_article_download .article_download{
    color: white;
}
/*.article_download{*/
    /*background: #FF6400;*/
    /*color: white;*/
    /*border-radius: 15px;*/
    /*padding: 8px 15px;*/
/*}*/
.article_download:hover{
    color: white;
}

.article_dataset_link > a {
    display: inline-block;
    margin-top: 10px;
    padding: 3px 30px;
    text-decoration: none;
    font-size: 12px;
    color: white;
    background-color: #6492C8;
}

.article_dataset_block1, .article_dataset_block2 {
    float: left;
    font-size: 12px;
    color: rgb(30, 30, 30);
    background-color: #EEF3F9;
    width: 35%;
    margin: 10px 10px 0px 0px;
    padding: 15px 30px 15px 20px;
    height: 120px;
    line-height: 20px;
    overflow-y: auto;
}

.article_dataset_video {
    float: left;
    width: 26%;
    margin: 10px 10px 0px 0px;
    height: 120px;
}

@media (max-width: 768px) {
    .article_dataset_block1, .article_dataset_block2, .article_dataset_video {
        width: 100%;
    }
    .paper_media_video{
        width: 100% !important;
        height: 100% !important;
    }
    .article_dataset_video{
        height: 100%;
    }
}

.article_dataset_video > video {
    width: 100%;
    height: auto;
}

.article_dataset_more a {
    float: right;
    color: #FF6400;
}

.article_dataset_more a i {
    font-size: 18px;
}

.article_dataset_stat {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.article_dataset_stat a {
    color: #797979;
    font-size: 14px;
    /*padding-right: 15px;*/
    /*margin-right: 15px;*/
    /*border-right: 1px solid #E4E4E4;*/

}
.stat{
    border-right: 1px solid #E4E4E4;
    margin-right: 15px;
    padding-right: 15px;
}
.stat_last{
    border-right:0px;
}

.article_dataset_stat a:last-child {
    border-right: none;
}

.article_dataset_stat a:hover {
    color: #FF6400;
}

.article_content {
    margin-top: 20px;
}

.main img {
    max-width: 100%;
    max-height: 400px;
}


.article_content .h1, .article_content .h2, .article_content .h3, .article_content .h4 {
    margin: 0px;
}

.article_content .h1 {
    font-size: 20px;
    padding: 30px 0px 10px 0px;
    border-bottom: 2px solid #E4E4E4;
}
.article_content .h1:hover{
    cursor: pointer;
}

.article_content .h2 {
    font-size: 16px;
    padding: 20px 0px 10px 0px;
}

.article_content .h3 {
    font-size: 14px;
    padding: 10px 0px 10px 0px;
}

.article_content .h4 {
    font-size: 14px;
    padding: 10px 0px 10px 0px;
}

.h1_expansion {
    float: right;
}

.p {
    padding: 10px 0px;
    text-indent: 2em;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    text-align: justify;
}

.p_en {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    text-align: justify;
}

.abstract_p{
    text-indent: 0em;
}

.dataset-profile > .content {
    margin-top: 20px;
    text-align: center;
    padding: 0px 30px;
}

.dataset-profile > .content > table {
    width: 100%;
}

.content_chart {
    margin-top: 30px;
    border: 1px solid #E4E4E4;
    padding: 20px 2em;
    font-size: 14px;
    color: rgb(94, 94, 94);
}

.content_chart_view, .content_chart_download ,.content_table_download{
    float: right;
    margin-left: 10px;
    text-indent: 0em;
    text-decoration: none;
    font-size: 12px;
    color: rgb(0, 75, 165);
}
.figure_div:hover{
    cursor: pointer;
}

.content_chart_select {
    float: right;
    margin: 2px 0px;
    width: 40px;
    height: 18px;
    font-size: 12px;
    color: rgb(0, 75, 165);
}

.content_chart_title {
    padding: 10px 0px;
}

.content_chart_image{
    text-align: center;
    width: 100%;
}

.content_chart_main
{
	overflow : auto;
    text-align: center;
}
.content_chart_main > DIV, .dialog_chart_main > DIV
{
	display : inline-block;
	margin-bottom : 5px;
	text-align : center;
}
.content_chart_main > DIV > IMG, .dialog_chart_main > DIV > IMG
{
	max-width : 100%;
}
.content_chart_main > DIV > SPAN, .dialog_chart_main > DIV > SPAN
{
	font-weight : bold;
	color : black;
}
.content_chart_main > TABLE, .dialog_chart_main > TABLE
{
	border-collapse : collapse;
}
.content_chart_main > TABLE > TBODY > TR > TH, .dialog_chart_main > TABLE > TBODY > TR > TH
{
	border : 1px solid #797979;
	padding : 5px 10px;
	font-size : 13px;
	background-color : #E4E4E4;
}
.content_chart_main > TABLE > TBODY > TR > TD, .dialog_chart_main > TABLE > TBODY > TR > TD
{
	border : 1px solid #797979;
	padding : 5px 10px;
	text-align : center;
	font-size : 12px;
}
.content_chart_main > TABLE
{
	margin-top : 10px;
}
.dataset > .content > TABLE
{
	margin : 20px auto;
	border-collapse : collapse;
}
.dataset > .content > TABLE > TBODY > TR > TD
{
	border : 1px solid #797979;
	padding : 5px 10px;
	text-align : center;
	font-size : 12px;
}

.table_wrap_foot{
    margin-top: 10px;
    font-size: 13px;
}
/***************　悬挂样式 *********************/
.xuangua_parent{
    margin-bottom: 12px;
    margin-bottom: .75rem;
    padding: 0px 0px 0px 48px;
    padding: 0rem 0rem 0rem 3rem;
    line-height: 1;
    position: relative;
}
.xuangua_label{
    padding-top: 3px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 42px;
}
.xuangua_content{
    line-height: 20px;
}


/**************  参考文献  **********************/

.reference > .content {
    margin-top: 10px;
}

.reference_item {
    padding: 5px 0px;
}

.reference_content_link {
    padding: 0px 20px;
    width: 100%;
}

.reference_content_link > span {
    float: right;
    color: #949494;
}

.information {
    margin-top: 15px;
}

.information > .h1 {
    background-color: #F2F2F2;
    padding: 15px 5px;
}

.information_content_title {
    padding: 20px 0px 5px 0px;
    font-size: 16px;
    color: rgb(0, 66, 144);
}
.back_to_latest_version{
    padding: 10px 0px;
    margin-bottom: 20px;
    background:#AEAEAE;text-align: center;height:38px;
}
.back_to_latest_version a{
    color: white;
    text-decoration: underline;
}
/*********** 导航  *****************/

.related_title_span, .navigation_content_title_span,.issue_title_span {
    display: inline-block;
    margin-top: 10px;
}

.navigation_more {
    float: right;
    border-bottom: 2px solid gray;
    text-align: right;
    min-height: 30px;
}

@media(min-width: 992px) {
   .navigation_more {
        width: 60%;
    }
}

@media(min-width: 1200px) {
   .navigation_more {
        width: 70%;
    }
}

.navigation_content .navigation_more {
    width: 80%;
}

.navigation_related_title,.navigation_content_title ,.navigation_issue_title{
    font-size: 16px;
}

.navigation_content_type > a {
    display: inline-block;
    width: 50%;
    text-align: center;
    text-decoration: none;
    line-height: 28px;
    font-size: 13px;
    float: left;
}

.navigation_content_type {
    padding-top: 10px;
}

.navigation_type_current {
    color: white;
    background-color: #004BA5;
}

.navigation_type_other {
    color: #666666;
    background-color: #CCCCCC;
}

.navigation_catalogue {
    padding: 20px 5px 10px 5px;

}

.navigation_catalogue, .navigation_chart {
    overflow-y: auto;
    font-size: 14px;
    /*max-height: 360px;*/
}

.navigation_catalogue > DIV {
    margin-left: 9px;
}

.catalogue_line1 {
    margin: 9px 0px 9px 9px;
    height: 5px;
    /*background-color: black;*/
    border-bottom: 1px dotted black;
}

.navigation_chart {
    padding: 10px 20px;
    display: none;
}

.navigation_article > DIV > A, .navigation_chart > DIV > DIV > A {
    text-decoration: none;
    line-height: 34px;
    color: black;
}

/*.navigation_catalogue > DIV:NOT(.catalogue_link) > A {*/
    /*margin-left: 25px;*/
/*}*/
.nav_article > a{
    margin-left: 25px;
}
.navigation_related_content ul li{
    padding-bottom: 10px;
}

.catalogue_link{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 13px;
}
.catalogue_link a{
    color: #333 !important;
}

.navigation_arrow_right {
    padding-right: 10px;
}

.affix {
    background: white;
    padding: 0px 10px;
    width: 300px;
    margin-left: -15px;
    top: 80px;
}

.dialog {
    display: none;
}

/************  作者部分相关样式 ****************/
/*.author_en a {*/
    /*font-size: 12px;*/
/*}*/

.author_more a {
    background: #A1BDDE;
    color: white;
    padding: 0px 8px;
    border-radius: 5px;
    margin: 0px 5px;
}

.author_more a i {
    font-size: 6px;
    padding: 0px;
}

.author_more a:hover {
    background: #004BA5 !important;
}

.author_email {
    margin-left: 5px;
}

.author_en_name_trans{
    font-size: 14px !important;
}
.title_en_trans{
    font-size: 28px;
}


/************  参考文献弹窗相关样式 ****************/
.dialog_reference,.dialog_fn
{
	display : none;
	position:absolute;
	border-radius : 3px;
	padding : 20px;
	width : 400px;
	background-color : #004BA5;
	z-index : 9;
}
.dialog_reference_text,.dialog_fn_text
{
	font-family : "Arial Normal", "Arial";
	font-size : 13px;
	color : white;
}
.dialog_reference_link
{
	margin-top : 10px;
	font-size : 12px;
	font-weight : bold;
	color : #FF6400;
}
.dialog_reference_link > A
{
	text-decoration : none;
	font-family : "Arial Negreta", "Arial Normal", "Arial";
	color : #999999;
}
.dialog_reference_link > A:HOVER
{
	color : #FF6400;
}
.dialog_reference_back
{
	text-align : right;
}
.dialog_reference_back > A
{
	text-decoration : none;
	font-size : 11px;
	color : white;
}
.dialog_reference_back > A:HOVER
{
	color : #FF6400;
}


@media (max-width: 768px) {
    body::after {
        content: "Splus";
        font-size: 0;
    }
}

/************  参考文献回到原文相关样式 ****************/
.reference_content_text{
    word-break: break-word;
}
.reference_content_back {
    display: none;
    border: 1px solid #B7B7B7;
    border-top: none;
    margin: 0px -1px 0px 15px;
}

.reference_content_back > DIV {
    position: relative;
    margin-bottom: 5px;
    border-top: 1px solid #B7B7B7;
    padding-top: 5px;
    overflow: hidden;
}

.reference_content_back > DIV > DIV {
    position: absolute;
    width: 100%;
}

.reference_back {
    font-family: "Arial Negreta", "Arial Normal", "Arial";
    font-size: 12px;
    color: rgb(0, 75, 165);
    display: inline-block;
    padding: 10px 0px 0px 20px;
}

/************  公式部分相关样式 ****************/
.content_chart_formula_inline {
    font-size: 12px;
}

.content_chart_formula {
    display: table;
    padding: 0px 20px;
    width: 100%;
    text-indent: 0em;
}

.content_chart_formula_text {
    display: table-cell;
    font-size: 12px;
    color: rgb(51, 51, 51);
}

.content_chart_formula_label {
    display: table-cell;
    width: 60px;
    text-align: right;
    vertical-align: middle;
    font-family: "Arial Normal", "Arial";
    font-size: 14px;
    font-weight: bold;
    color: black;
}

/***************** 下载弹窗 **********************/
#downloadDialog{
    border: 1px solid grey;
    padding: 20px;
}

#downloadDialog ul > li > a{
    font-size: 16px;
    font-weight: bold;
    color: black;
}
#downloadDialog ul > li{
    line-height: 30px;
}
#downloadDialog div{
    font-size: 16px;
    border-bottom: 1px dashed #CCCCCC;
    padding: 10px 0px;
    width: inherit;
    margin-bottom: 10px;
}


.dataset_download{
    padding-bottom: 20px;
}

/*******************  xml中list元素转换成html后的样式 ********************/
.li_label{
    text-indent: 2em;
}
.li_content{
    padding-left: 1em;
}
.list_class{
    padding-left: 2em;
}
.list_class li{
    line-height: 22px;
}

/*******************  xml中第一个sec元素前面的段落转换成html后的样式 ********************/
.before_sec_content:last-child{
    padding-top: 30px;
}

/*********************论文副标题样式********************/
.subtitle,.trans_subtitle{
    text-indent: 2em;
}
.subtitle{
    margin-bottom: 10px;
}

/*****************稿件与作者信息部分样式*************************/
.info_author_name{
    width: 200px;border-bottom: 1px #D7D7D7 solid;margin-bottom: 2px;font-size: 16px;
}
.info_author_dept{
    margin-bottom: 15px;
}
.info_author_name_article_zh,.info_author_name_article_en,.info_author_contribution_title,.info_author_email_title,.info_author_title,.info_editor_title{
    font-weight: bold;
}
.information_content_text:not(:last-child){
    margin-bottom: 20px;
}
.information_content_text > div:not(:last-child){
    padding-bottom: 2px;
}
.xref_corr,.xref_fn{
    padding: 0px 2px;
}
.info_author_name_en{
    font-size: 14px;
}