@charset "utf-8";
/* CSS Document */
.article-title{}
.article-title h1{
    font-size: 24px;
    color: #222222;
}
.article-title p{
    font-size: 18px;
    color: #444444;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    padding-top: 10px;
}
.article_info{padding-bottom: 10px;}
.article_info i{
    padding-right: 6px;
    color:#adadad;
}
.article_info img{
    padding-right: 5px;
    position: relative;
    top: 2px;
}
.article_info span{
    margin-right: 30px;
    color: #333;
}
.article-source{
    padding: 12px 0px;
}
.article-source a{
    background: #1b66e6;
    color: #fff;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 4px;
    margin-right: 14px;
    font-size: 16px;
    line-height: 36px;
    font-family: 'Inter SemiBold';
}
.article-source a:hover{
    color:#fff;
}
.article-source a i{
    padding-right: 10px;
}

.article_cn table{}
.article_cn td{
    vertical-align: top;
    font-size: 14px;
    line-height: 26px;
}
.article_cn tr td:nth-of-type(2){
    
padding-bottom: 8px;
}
.article_cn tr td:nth-of-type(1){
    color:#777777;
    width: 100px;
}
.article_cn table:nth-of-type(1) tr td:nth-of-type(1){
    color:#777777;
    width: 70px;
}
.article_cn td p{
    font-size: 14px;
    color: #333;
}


.article_info2{
    padding-bottom: 30px;
    border-bottom: 1px solid #d9e0e8;
    margin-bottom: 40px;
}

.article_info2 table{
    padding-top: 10px;
}
.article_info2 td{
    vertical-align: top;
    font-size: 14px;
    line-height: 26px;
}
.article_info2 tr td:nth-of-type(2){
    
padding-bottom: 8px;
}
.article_info2 tr td:nth-of-type(1){
    color:#777777;
    width: 100px;
}
.article_info2 table:nth-of-type(1) tr td:nth-of-type(1){
    color: #333;
    width: 70px;
    font-family: 'Inter SemiBold';
}
.en{
}
.article_info2 td p{
    font-size: 14px;
    color: #333;
}

.fund_p{
	color:#333333;
	font-size: 14px;
	line-height: 26px;
}

.normal_p2{
    font-size: 14px;
    line-height: 26px;
    color: #333;
    margin-bottom: 10px;
}

.article_title_en {
    font-size: 24px;
    font-family: 'Inter SemiBold';
    line-height: 36px;
    padding-bottom: 10px;
}
.author_info span{
}
.author_address{
    padding: 10px 0;
}
.author_address li p{
    font-size: 14px;
    line-height: 24px;
}
.author_address_en{padding: 10px 0;}
.author_address_en li p{
    font-size: 14px;
    line-height: 24px;
}

.article_info3 table{}
.article_info3 td{
    vertical-align: top;
    font-size: 14px;
    line-height: 26px;
}
.article_info3 tr td:nth-of-type(2){
    
padding-bottom: 2px;
}
.article_info3 tr td:nth-of-type(1){
    color: #333333;
    width: 26px;
}
.article_info3 td p{
    font-size: 14px;
    color: #333;
}
.article_cn{padding-bottom:24px;}

.doi{
    padding-top: 15px;
}
.author_name{
    padding-bottom: 8px;
}
.author_name p{
    line-height: 30px;
}
.application{}
.application p{
    line-height: 30px;
}
+
/* Article detail responsive layout */
.article-mobile-menu-toggle { display: none; }

@media (max-width: 768px) {
    body.article-detail-page { min-width: 0; overflow-x: hidden; }
    .article-detail-page .main_content {
        box-sizing: border-box; width: 100%; max-width: 100%;
        padding-left: 16px; padding-right: 16px;
    }
    .article-detail-page .top-header { align-items: flex-start; gap: 12px; }
    .article-detail-page .logo-txt img { width: auto; max-width: 150px; height: auto; }
    .article-detail-page .logo-txt {
        padding-left: 10px;
        border-left: 3px solid #1b66e6;
    }
    .article-detail-page .header-right {
        display: flex; flex: 1; flex-wrap: wrap; justify-content: flex-end; gap: 6px 12px;
    }
    .article-detail-page .header-right span { margin-left: 0; font-size: 14px; }
    .article-detail-page .lang-text {
        margin-left: 6px;
        padding: 0 0 0 12px;
        border: 0;
        border-left: 1px solid #d8dee8;
        border-radius: 0;
        background: transparent;
        line-height: 32px;
    }
    .article-detail-page .lang-text::before {
        margin-right: 6px;
        color: #222;
        content: "\f0ac";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    .article-detail-page .header { height: auto; min-height: 62px; }
    .article-detail-page .header_main { padding-top: 12px; padding-bottom: 12px; }
    .article-detail-page.article-responsive-ready .article-mobile-menu-toggle {
        display: flex; align-items: center; gap: 9px; min-height: 38px;
        padding: 0 14px; border: 1px solid rgba(255, 255, 255, .75);
        border-radius: 4px; color: #fff; background: transparent;
        cursor: pointer; font-size: 16px;
    }
    .article-detail-page .article-mobile-menu-icon,
    .article-detail-page .article-mobile-menu-icon::before,
    .article-detail-page .article-mobile-menu-icon::after {
        display: block; width: 20px; height: 2px; background: #fff;
        content: ""; transition: transform .2s ease;
    }
    .article-detail-page .article-mobile-menu-icon { position: relative; }
    .article-detail-page .article-mobile-menu-icon::before { position: absolute; top: -6px; }
    .article-detail-page .article-mobile-menu-icon::after { position: absolute; top: 6px; }
    .article-detail-page .article-mobile-menu-open .article-mobile-menu-icon { background: transparent; }
    .article-detail-page .article-mobile-menu-open .article-mobile-menu-icon::before {
        top: 0; transform: rotate(45deg);
    }
    .article-detail-page .article-mobile-menu-open .article-mobile-menu-icon::after {
        top: 0; transform: rotate(-45deg);
    }
    .article-detail-page.article-responsive-ready .header .nav_box {
        display: none; padding-top: 10px;
    }
    .article-detail-page.article-responsive-ready .header.article-mobile-menu-open .nav_box { display: block; }
    .article-detail-page .nav_box ul { display: block; }
    .article-detail-page .nav_box ul li {
        padding: 0; border-top: 1px solid rgba(255, 255, 255, .2);
    }
    .article-detail-page .nav_box ul li a,
    .article-detail-page .nav_active a {
        display: block; padding: 8px 12px; border-radius: 0;
        background: transparent; font-size: 16px; line-height: 28px;
    }
    .article-detail-page .position_content { bottom: auto; }
    .article-detail-page .position_content.main_content {
        padding-top: 16px; padding-bottom: 20px;
    }
    .article-detail-page .journal_detail_left,
    .article-detail-page .journal_detail_right { float: none; width: 100%; }
    .article-detail-page .journal_detail_right { margin-top: 20px; }
    .article-detail-page .page_nav_track {
        box-sizing: border-box; height: auto; min-height: 52px;
        padding: 12px 16px; line-height: 26px; overflow-wrap: anywhere;
    }
    .article-detail-page .detail_box { padding: 18px 16px; }
    .article-detail-page .article_title_en,
    .article-detail-page .article-title h1 {
        font-size: 22px; line-height: 32px; overflow-wrap: anywhere;
    }
    .article-detail-page .author_name,
    .article-detail-page .application,
    .article-detail-page .article_info2 td,
    .article-detail-page .article_cn td,
    .article-detail-page .article_info3 td {
        overflow-wrap: anywhere; word-break: break-word;
    }
    .article-detail-page .article-source a {
        box-sizing: border-box; width: 100%; margin-right: 0; text-align: center;
    }
    .article-detail-page .article_info2 > table,
    .article-detail-page .article_cn > table,
    .article-detail-page .article_info2 > table tbody,
    .article-detail-page .article_cn > table tbody,
    .article-detail-page .article_info2 > table tr,
    .article-detail-page .article_cn > table tr,
    .article-detail-page .article_info2 > table td,
    .article-detail-page .article_cn > table td {
        display: block; box-sizing: border-box; width: 100% !important;
    }
    .article-detail-page .article_info2 > table tr,
    .article-detail-page .article_cn > table tr { padding-bottom: 10px; }
    .article-detail-page .article_info2 > table td:first-child,
    .article-detail-page .article_cn > table td:first-child {
        padding-bottom: 2px; font-weight: 600;
    }
    .article-detail-page .article_info { padding-bottom: 4px; }
    .article-detail-page .article_info > span {
        display: block; margin-right: 0; padding-bottom: 4px;
    }
    .article-detail-page .article_info2 { margin-bottom: 28px; padding-bottom: 22px; }
    .article-detail-page .article_info3 table { width: 100%; table-layout: fixed; }
    .article-detail-page .article_info3 tr td:first-child { width: 34px; }
    .article-detail-page .journal_fast_content {
        float: none; box-sizing: border-box; width: 100%;
    }
    .article-detail-page .journal_fast_content img,
    .article-detail-page .detail_box img,
    .article-detail-page .detail_box iframe { max-width: 100%; height: auto; }
    .article-detail-page .journal_fast_content > a {
        display: flex;
        justify-content: center;
        overflow: hidden;
        background: #f7f9fd;
    }
    .article-detail-page .journal_fast_content > a > img {
        display: block;
        width: 100%;
        max-width: 320px;
    }
    .article-detail-page .journal_fast_content .normal_btn {
        box-sizing: border-box; width: 100%;
    }
    .article-detail-page .login_footer_content {
        box-sizing: border-box; width: 100%; padding: 4px 16px 20px; margin-bottom: 0;
    }
    .article-detail-page .login_footer_content .first_foot {
        float: none; box-sizing: border-box; width: 100% !important;
        margin-right: 0 !important;
    }
    .article-detail-page .copyright {
        box-sizing: border-box; height: auto; min-height: 50px;
        padding: 10px 16px; line-height: 24px;
    }
}

@media (max-width: 480px) {
    .article-detail-page .main_content { padding-left: 12px; padding-right: 12px; }
    .article-detail-page .top-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .article-detail-page .logo-txt {
        flex: 1 1 auto;
        min-width: 0;
        padding-left: 8px;
    }
    .article-detail-page .logo-txt img { max-width: 135px; }
    .article-detail-page .header-right {
        flex: 0 0 auto;
        width: auto;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
    }
    .article-detail-page .header-right span {
        font-size: 12px;
        line-height: 28px;
    }
    .article-detail-page .header-right > span:not(.lang-text) a {
        display: block;
        padding: 0 4px;
        border-radius: 4px;
        line-height: 28px;
    }
    .article-detail-page .header-right > span:not(.lang-text) a:hover {
        background: #f1f5fb;
    }
    .article-detail-page .lang-text {
        margin-left: 3px;
        padding: 0 0 0 7px;
        line-height: 28px;
    }
    .article-detail-page .lang-text::before { display: none; }
    .article-detail-page .position_content.main_content { padding-top: 12px; }
    .article-detail-page .detail_box { padding: 16px 12px; }
    .article-detail-page .article_title_en,
    .article-detail-page .article-title h1 { font-size: 20px; line-height: 30px; }
}
