Files
journal_com/style/commonGueCont_v2.css
2025-09-28 18:00:16 +08:00

1003 lines
18 KiB
CSS

@font-face {
font-family: 'Merri_weather';
/*为引入的字体命名*/
src: url(/style/Merriweather.ttf);
/*定义要引入字体文件的路径*/
}
@font-face {
font-family: 'Helvetica Neue For Number';
src: url(/style/Charisb.ttf);
unicode-range: U+30-39;
}
* {
/*box-sizing: border-box;*/
margin: 0;
padding: 0;
font-weight: 300;
outline: none;
}
strong {
font-weight: 600;
}
body {
/*font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;*/
/*font-family: "Helvetica Neue For Number", "Merri_weather", Helvetica, serif;*/
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
color: #444;
height: 100%;
font-size: 14px;
line-height: 1.42857143;
background-color: #fff;
}
a {
color: #444;
text-decoration: none;
}
a {
transition: all .5s;
}
b {
font-weight: bold;
}
li {
list-style: none;
}
img {
border: 0;
}
input.disable {
pointer-events: none;
}
.rgb_color {
color: #024393;
}
.rgb_color_background {
box-sizing: border-box;
/*background-color: #024393;*/
}
.article .art_main .new_art>h4,
.article .art_main .high_light h4,
.news_ment h4,
.topics h4 {
font-size: 18px;
font-weight: bold;
/*color: #024393;*/
line-height: 30px;
padding: 8px 4px 4px 6px;
overflow: hidden;
margin-top: 10px;
}
.article .art_main .new_art h4 span {
font-size: 16px;
color: #555;
margin-left: 30px;
font-weight: bold;
}
.article .art_main .new_art ul {}
.article .art_main .new_art ul li {
/*border-bottom: 1px solid #dcdcdc;*/
background-color: #fff;
border-top: 0;
padding: 10px 20px;
}
.article .art_main .new_art ul li:last-child {
margin-bottom: 0;
/* padding-bottom: 45px !important; */
}
.article .art_main .new_art ul li .dbt_header {
color: #7f0202;
font-weight: bold;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 8px;
}
.article .art_main .new_art ul li .txt_biaoti,
.article .art_main .high_light ul li .txt_biaoti {
color: #222;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
}
.article .art_main .new_art ul li .txt_biaoti>span.otStat {
margin: 0 5px 0 0;
background: #e32b2b;
border-radius: 5px;
padding: 1px 4px;
color: #fff;
}
.article .art_main .new_art ul li i,
.wenzhang .wen_jian h4 i {
font-weight: bold;
}
.article .art_main .new_art ul li .txt_biaoti:hover {
color: #ff3300;
text-decoration: underline;
}
.article .art_main .new_art ul li .url_top {
margin: 3px 0 8px 10px;
display: inline-block;
}
.article .art_main .new_art ul li .url_top a {
margin-right: 10px;
/*background-color: #4f5671;*/
padding: 3px 5px;
/*color: #fff;*/
font-family: Calibri;
font-size: 15px;
}
.article .art_main .new_art ul li .url_top a:hover {
/*color: #23527c;*/
text-decoration: underline;
}
.article .art_main .new_art ul li .authorList,
.article .art_main .high_light ul li .authorList {
/*margin-top: 5px;*/
color: #444;
font-size: 14px;
line-height: 24px;
/*font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;*/
}
.article .art_main .new_art ul li .authorList a:hover,
.article .art_main .high_light ul li .authorList a:focus {
text-decoration: underline;
color: #23527c;
}
.art_main .tradition-box .tradition-text {
line-height: 24px;
margin-top: 10px;
height: 120px;
/* 限制高度 */
overflow: hidden;
/* 隐藏超出部分 */
text-overflow: ellipsis;
/* 显示省略号 */
display: -webkit-box;
-webkit-line-clamp: 6;
/* 显示前5行 */
-webkit-box-orient: vertical;
}
.article .art_main .new_art ul li .links_,
.article .art_main .high_light ul li .links_ {
/*line-height: 24px;*/
font-size: 14px;
margin: 3px 0;
/*text-align: justify;*/
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
}
.article .art_main .new_art ul li .links_ img,
.article .art_main .high_light ul li .links_ img {
vertical-align: middle;
margin-right: 5px;
}
.article .art_main .new_art ul li .links_ a,
.article .art_main .high_light ul li .links_ a {
color: #7a2702;
cursor: pointer;
}
.article .art_main .new_art ul li .links_ a:hover,
.article .art_main .high_light ul li.links_ a:hover {
color: #024393;
TEXT-DECORATION: underline;
}
.article .art_main .new_art ul li .links_ button {
background: #006699;
color: #fff;
border: none !important;
padding: 0 15px;
line-height: 22px;
cursor: pointer;
margin-left: 10px;
font-family: Calibri;
font-size: 16px;
}
.article .art_main .new_art>ul li .apwrap {
margin-top: 10px;
}
.article .art_main .new_art>ul li .apwrap>a {
float: left;
width: 45%;
}
.article .art_main .new_art>ul li .apwrap>a>img {
width: 350px;
}
.article .art_main .new_art>ul li .apwrap>div {
float: right;
width: 100%;
padding: 0 10px;
}
.art_main_con .new_art>ul li .apwrap>div>div {
text-align: justify;
font-family: Calibri;
font-size: 16px;
/*word-break: break-all;*/
/*text-overflow: ellipsis;*/
/*display: -webkit-box; !** 将对象作为伸缩盒子模型显示 **!*/
/*-webkit-box-orient: vertical; !** 设置或检索伸缩盒对象的子元素的排列方式 **!*/
/*-webkit-line-clamp: 6; !** 显示的行数 **!*/
/*overflow: hidden; !** 隐藏超出的内容 **!*/
}
.art_main_con .new_art>ul>div>li .apwrap>div>div {
-webkit-line-clamp: 3 !important;
/** 显示的行数 **/
}
.article .art_main .new_art>ul li .apwrap>div>div>font {
font-weight: bold;
font-size: 14px;
color: #006699;
display: inline;
}
.article .art_main .new_art>ul li .apwrap>div p {
color: #888;
line-height: 20px;
/*display: inline;*/
}
.art_main_con .new_art>ul li .apwrap>div>b {
color: #006699;
font-size: 12px;
cursor: pointer;
}
.art_main_con .new_art>ul>div>li .apwrap>div p {}
.art_main_con .new_art>ul>li {
border-top: 0 !important;
padding: 15px 4px 20px 4px !important;
}
.art_main_con .new_art>ul>li .dbt_header {
color: #7f0202;
font-weight: bold;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
}
.article .art_main .high_light,
.article .art_main .news_ment {
margin-top: 15px;
}
.article .art_main .high_light h4 {}
.article .art_main .high_light ul {}
.article .art_main .high_light>ul>li {
padding: 15px 5px;
}
.article .art_main .high_light ul li .txt_biaoti:hover {
color: #23527c;
text-decoration: underline;
}
.article .art_main .high_light ul li>div {
float: left;
width: 524px;
margin-top: 7px;
}
.article .art_main .high_light ul li>img {
width: 200px;
height: 130px;
float: right;
}
.ncon_tcrd_tmr h4 span {
cursor: pointer;
}
.ncon_tcrd_tmr h4 span:nth-child(1) {
font-weight: 600;
}
.ncon_fr_tmr h4 span {
cursor: pointer;
}
.ncon_fr_tmr h4 span:nth-child(1) {
font-weight: 600;
}
.news_ment>ul {
margin: 15px 0 0 0;
display: flex;
}
.news_ment>ul>li {
/*display: inline-block;*/
float: left;
width: 23%;
margin-right: 15.5px;
/*background-color: #fff;*/
padding: 5px 12px 10px 12px;
/*box-shadow: 0 0 10px #bdbdbd;*/
}
.news_ment>ul>li:nth-child(4) {
margin-right: 0;
}
.news_ment ul li>a>img {
width: 100%;
height: 130px;
border: 1px solid #ddd;
margin: 8px 0 10px;
object-fit: fill;
object-fit: contain;
object-fit: scale-down;
}
.news_ment ul li h5 {
margin: 10px 0;
}
.news_ment ul li h5 a {
font-size: 16px;
color: #069;
line-height: 22px;
font-weight: bold;
}
.news_ment ul li h6 {
margin-bottom: 8px;
}
.news_ment ul li h6 a {
font-size: 16px;
color: #069;
line-height: 22px;
}
.news_ment ul li h6 a>i {
font-weight: bold;
}
.news_ment ul li h5 a:hover,
.news_ment ul li h5 a:focus,
.news_ment ul li h6 a:hover,
.news_ment ul li h6 a:focus {
color: #23527c;
text-decoration: underline;
}
.news_ment {
position: relative;
}
.lis_topic {
border-bottom: 2px solid #dcdcdc;
padding: 5px 20px 15px 20px;
}
.news_ment a.more,
.topics a.more {
position: absolute;
font-weight: normal;
font-size: 14px;
color: #024393;
top: 64px;
right: 20px;
}
.news_ment a.more:hover,
.topics a.more:hover {
color: #024393;
text-decoration: underline;
}
.news_ment>ul>li div.fo_fam {
font-family: Calibri;
font-size: 16px;
line-height: 20px;
}
.article .art_main .new_art>ul>li .authorList span.fo_fam {
font-family: Calibri;
font-size: 16px;
line-height: 20px;
width: 100%;
display: inline-block;
}
.sy_hlgt h4,
.sy_nct h4,
.sy_fr h4,
.sy_tcrd h4 {
/*padding-left: 20px;*/
margin-top: 8px;
}
.sy_hlgt ul,
.sy_nct ul,
.sy_fr ul,
.sy_tcrd ul {
/*padding: 0 5px;*/
margin: 10px 0 0 0 !important;
}
.sy_hlgt ul li {
/*display: inline-block;*/
width: 31.8% !important;
border: 0;
}
.sy_nct ul li {
width: 24% !important;
border: 0;
border-bottom: 2px solid #dcdcdc;
}
.sy_hlgt ul li:nth-child(3) {
margin-right: 0;
}
.sy_nct ul li:nth-child(4) {
margin-right: 0;
}
.tmr_article>.bng_topic_bei {
/* background: url(../img/home_2.jpg) #f4fbff; */
background-blend-mode: multiply;
}
.tmr_article>.bng_topic_bei>.art_main_con_topic>div {
width: 1100px;
margin: 0 auto;
background-color: #fff;
}
.wenz_list li .links_ button {
position: relative;
}
.wenz_list li .links_ button .export {
position: absolute;
left: 117px;
top: 0;
background-color: #fff;
width: 200px;
padding: 5px 10px;
box-shadow: 2px 2px 5px #ccc;
}
.wenz_list li .links_ button .export li {
color: #444;
text-align: left;
line-height: 26px;
}
.wenz_list li .links_ button .export li:hover {
text-decoration: underline;
}
.whitebg {
/* background-color: #fff; */
/*margin-bottom: 15px;*/
/* border-bottom: 1px solid #dcdcdc; */
}
.whitebg .qk_img {
width: 190px;
height: 245px;
margin-bottom: 5px;
display: inline-block;
}
.whitebg .qk_img img {
width: 100%;
height: 100%;
}
.whitebg .qk_img img:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
border-color: rgba(44, 110, 73, 0.1);
}
.whitebg>div {
/* margin: 0 10px; */
/*border-bottom: 1px solid #ddd;*/
padding-bottom: 20px;
}
.whitebg h4 {
margin-top: 10px;
color: #006699;
padding: 0 10px;
}
.whitebg ul li {
margin-bottom: 5px;
}
.whitebg ul li a:hover,
.whitebg ul li a:focus {
color: #23527c;
text-decoration: underline;
}
.whitebg .btn_system {
width: 240px;
height: 54px;
margin: 0 auto;
line-height: 54px;
padding: 0 !important;
}
.whitebg .more {
float: right;
margin-top: -20px;
margin-right: 10px;
}
.jour_base_info {
height: auto;
padding: 25px 20px;
/* background-color: #fff; */
}
.jour_base_info_center {
width: 100%;
height: auto;
padding: 0 !important;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.mes_issn_box {
width: auto;
font-size: 14px;
color: #7a2702;
/* margin-top: 10px; */
text-align: center;
font-weight: bold !important;
position: absolute;
bottom: 6px;
left: 6px;
}
.mes_issn_box span {
font-weight: bold !important;
}
.jour_base_info_center_left {
height: 100%;
position: relative;
/* width: 300px; */
}
.whitebg .mes_all {
width: calc(100% - 180px);
white-space: nowrap;
height: 100%;
padding-left: 20px;
/* padding-top: 10px; */
}
.mes_all_section {
list-style: none;
padding: 0;
/* margin: 0 20px; */
color: #5a4632;
display: flex;
justify-content: space-between;
}
.mes_all_section .mes_all_section_other:nth-child(1) {
width: 200px;
/* padding-top: 20px; */
}
/* .mes_all_section .mes_all_section_other:nth-child(2) {
width: 120px;
padding-top: 42px;
} */
.mes_all_section .mes_all_section_other:nth-child(4) {
width: 200px;
}
.mes_all_section .mes_all_title {
font-size: 18px;
line-height: 36px;
font-weight: bold;
margin-bottom: 10px;
}
.mes_all_section li:nth-child(1) .mes_all_title {
padding-left: 20px;
border-radius: 4px;
letter-spacing: 1px;
}
.mes_all_section p {
margin: 0 0 5px;
}
.mes_all_section li:nth-child(1) p {
/* padding-left: 20px; */
}
.mes_all_section li:nth-child(1) .share_tmrtb {
/* padding-left: 20px; */
}
.mes_all_section p b {
color: #333;
font-weight: 600;
cursor: pointer;
}
.mes_all_section .mes_all_section_other {
color: #555;
}
.mes_all_section .mes_all_section_other .mes_all_title {
border-bottom: 1px solid;
color: #7a2702;
}
.mes_all_section .mes_all_section_other p {
font-size: 14px;
}
.jour_ption {
padding: 10px;
position: relative;
}
.jour_ption p {
margin-bottom: 5px;
}
.jour_ption input[type="submit"] {
top: 45px;
left: 310px;
height: 30px;
padding: 0 35px 0 10px;
border: 1px solid #ccc;
cursor: pointer;
border-radius: 5px;
color: #fff;
width: 233px;
font-size: 18px;
}
.jour_ption .icon {
/*background-image: url(../img/shoushi.png);*/
background-repeat: no-repeat;
background-size: contain;
height: 26px;
width: 50px;
position: absolute;
bottom: 2px;
right: 12px;
z-index: 10;
cursor: pointer;
}
.jour_ption input[type="text"] {
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #ccc;
line-height: 28px;
border-radius: 5px;
padding-left: 10px;
margin: 5px 0 6px 0;
width: 220px;
}
.jour_ption .spa {
/*margin-left: 75px;*/
font-size: 12px;
color: #e91c1c;
}
.jour_stage .jour_sta_wail li {
line-height: 28px;
}
.jour_stage .All_Issues {
padding-left: 25px;
display: block;
font-weight: 600;
margin-bottom: 10px;
}
.jour_stage .All_Issues:hover {
text-decoration: underline;
}
.current_list {
/*border-bottom: 2px solid #dcdcdc;*/
}
.border_title {
/* border-top: 5px solid #fff; */
border-bottom: 1px solid #fff;
}
.border_title_top {
border-top: 5px solid #fff;
}
.rgb_color_h4 {
/* padding-left: 18px !important; */
padding-top: 15px !important;
padding-bottom: 15px !important;
/* margin-top: -5px !important; */
font-size: 26px !important;
}
.current_list .links_ img {
margin-right: 5px;
}
.current_list .links_>div {
display: none;
margin: 8px 0 0 0;
line-height: 26px;
}
.current_list li .links_ button {
position: relative;
}
.current_list li .links_ button .export {
position: absolute;
left: 117px;
top: 0;
background-color: #fff;
width: 220px;
padding: 5px 10px;
box-shadow: 2px 2px 5px #ccc;
z-index: 1;
}
.current_list li .links_ button .export li {
color: #444;
text-align: left;
line-height: 26px;
padding: 0;
margin-bottom: 0 !important;
border-bottom: 0;
}
.current_list li .links_ button .export li:hover {
text-decoration: underline;
}
.current_list li .cite_box {
position: relative;
display: inline-block;
cursor: pointer;
padding-left: 5px;
}
.pai_two .current_list li .cite_box {
padding-left: 0px;
}
.current_list li .cite_box .export_cite {
position: absolute;
left: 5px;
top: 35px;
background-color: #fff;
width: 500px;
padding: 5px 10px;
box-shadow: 2px 2px 5px #ccc;
z-index: 100;
}
.current_list li .cite_box .export_cite li {
color: #444;
text-align: left;
line-height: 26px;
}
.current_list li .cite_box .export_cite li:hover {
text-decoration: underline;
}
.wenz_list li .links_ button {
position: relative;
}
.wenz_list li .links_ button .export {
position: absolute;
left: 117px;
top: 0;
background-color: #fff;
width: 200px;
padding: 5px 10px;
box-shadow: 2px 2px 5px #ccc;
}
.wenz_list li .links_ button .export li {
color: #444;
text-align: left;
line-height: 26px;
}
.wenz_list li .links_ button .export li:hover {
text-decoration: underline;
}
.sy_actic .links_>div {
display: none;
}
.sy_actic li .links_ button {
position: relative;
}
.sy_actic li .links_ button .export {
position: absolute;
left: 117px;
top: 0;
background-color: #fff;
width: 200px;
padding: 5px 10px;
box-shadow: 2px 2px 5px #ccc;
}
.sy_actic li .links_ button .export li {
color: #444;
text-align: left;
line-height: 26px;
}
.sy_actic li .links_ button .export li:hover {
text-decoration: underline;
}
.links_ button .export li i {
font-weight: normal !important;
font-size: 12px !important;
margin-right: 5px !important;
}
.triangle {
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #fff;
position: absolute;
top: 2px;
left: -8px;
}
.current_list>ul .ab_tad b,
.current_list>ul .ab_yin b {
cursor: pointer;
}
.current_list>ul .ab_yin {
display: none;
}
/*图片放大*/
#bigimg {
position: fixed;
background: rgba(0, 0, 0, .3);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 500;
display: none;
}
#bigimg>img {
max-width: 80%;
position: fixed;
left: 0;
right: 0;
top: 50%;
cursor: pointer;
background-color: #fff;
margin: 0 auto;
}
/*TMR样式*/
/*.overall_tmr {*/
/* background-color: #ffffff;*/
/*}*/
/*.overall_tmr #col-content {*/
/* width: 100%;*/
/*}*/
/*.overall_tmr #top_bar {*/
/* background-color: #006699;*/
/*}*/
.rgb_color_show_more {
display: flex;
align-items: center;
justify-content: space-between;
}