@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Light.ttf');
    src: url('fonts/Poppins/Poppins-Light.ttf') format('opentype');
    font-weight: 300;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Regular.ttf');
    src: url('fonts/Poppins/Poppins-Regular.ttf') format('opentype');
    font-weight: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Medium.ttf');
    src: url('fonts/Poppins/Poppins-Medium.ttf') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Bold.ttf');
    src: url('fonts/Poppins/Poppins-Bold.ttf') format('opentype');
    font-weight: 600;
}
@font-face {
    font-family: 'SourceHanSerifCNBold';
    src: url('fonts/SourceHanSerifCN-SemiBold.otf');
    src: url('fonts/SourceHanSerifCN-SemiBold.otf') format('opentype');
    font-weight: 600;
}
html,body{
    font-family: "Poppins", "Microsoft Yahei", '微软雅黑';
}

/* header */
.show-menu header, 
.header-fixed header,
header{
    background-color: #fff!important;
    box-shadow: 0 0 var(--size-9) rgb(0 0 0 / 15%);
}
header::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background-color: var(--color-primary);
}
header .secondary-nav .layui-nav .layui-nav-item>a{
    color: var(--color-text-secondary-grey);
}
.header .search-toggle .layui-input{
    border-color: var(--border-color);
    color: var(--color-text-primary);
}
.header .search-toggle .layui-input:hover, 
.header .search-toggle .layui-input:focus{
    border-color: var(--border-color)!important;
    color: var(--color-text-primary);
}
.header .search-toggle .layui-input::placeholder {
    color: rgba(0, 0, 0, .25);
}
.header .search-toggle .iconfont:hover,
.header .search-toggle .iconfont{
    color: var(--color-primary);
}
@media screen and (min-width: 992px) {
    .header-nav .layui-nav .layui-nav-item>a{
        color: var(--color-text-primary);
    }
    /* .header-nav .layui-nav .layui-nav-item>a:after{
        background-color: var(--color-primary);
    } */
    .header-nav .layui-nav .layui-nav-item.layui-this>a{
        color: var(--color-primary);
    }
}

.menu-toggle span:before,
.menu-toggle span:after,
.menu-toggle .toggle-iconfont span{
    background-color: var(--color-primary);
}
/* header END */

/*  banner-en */
.banner-en{
    height: 31.25vw;
    min-height: 360px;
}
.banner-en .banner-text{
    padding-right: calc(var(--size-100)*1.5);
}
.banner-en .slide-inner{
    display: flex;
    align-items: center;
    color: #fff;
    backdrop-filter: saturate(150%) blur(20px);
    background-color: rgba(0, 0, 0, .4);
}
.banner-en .slide-inner:before{
    content: unset;
}
.banner-en .slide-inner .layui-row.row-flex{
    align-items: center;
}
.banner-en .banner-text .title{
    line-height: 1.2;
    font-weight: 500;
}
.banner-en .banner-text .time>*{
    display: inline!important;
}
.banner-en .swiper-btn.is-solid.is-white .swiper-button-next, 
.banner-en .swiper-btn.is-solid.is-white .swiper-button-prev{
    background-color: rgba(255, 255, 255, .1);
    transition: all .3s ease-in-out;
    color: #fff;
}
.banner-en .swiper-btn.is-solid.is-white .swiper-button-next:hover, 
.banner-en .swiper-btn.is-solid.is-white .swiper-button-prev:hover{
    background-color: #fff;
    color: var(--color-primary);
}
.banner-en .swiper-btn .swiper-button-next:after, 
.banner-en .swiper-btn .swiper-button-prev:after{
    content: "\e607";
}
@media screen and (min-width: 768px) {
    .banner-en .swiper-btn .swiper-button-prev{
        position: absolute;
        left: var(--size-45);
        top: 50%;
        transform: translateY(-50%);
    }
    .banner-en .swiper-btn .swiper-button-next{
        position: absolute;
        right: var(--size-45);
        top: 50%;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 767px) {
    .banner-en{
        height: calc(100vh - 75px);
    }
    .banner-en .banner-text{
        padding-right: 0;
        margin-bottom: var(--size-45);
    }
    .banner-en .slide-inner{
        padding-bottom: var(--size-80);
    }
}
@media screen and (max-width: 1199px) {
    .banner-en .banner-text{
        padding-right: var(--size-60);
    }
}
/*  banner-en END */

/* .index_title */
.index_title{
    color: var(--color-text-primary);
}
.index_title h2{
    font-weight: 500;
}
/* .index_title END */

/* slide-card */
.slide-card .text-box .title{
    font-weight: 500;
}
/* slide-card END */

/* inner-banner */
.inner-banner{
    padding-top: 0;
    min-height: 28.125vw;
}
.inner-banner:before{
    content: unset;
}
.inner-banner .layui-breadcrumb{
    color: #fff;
}
/* inner-banner END */

/* about-us */
.about-fixed .about-img-box{
    position: relative;
}
.about-fixed .about-img-box .about-video{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%,-50%);
}
/* about-us END */

/* journal-banner */
.journal-banner{
    overflow: unset;
    padding-bottom: var(--size-40);
    position: relative;
    z-index: 9;
}
.journal-banner+.block{
    z-index: 8;
}
.journal-banner .inner-banner-text{
    flex: 1;
    flex-direction: column;
}
.journal-banner .layui-container{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.journal-banner .inner-banner-text .text-box{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.journal-banner .search-wrap{
    width: 100%;
}
.journal-banner .layui-form{
    display: flex;
    text-align: left;
}
.journal-banner .layui-form .layui-form-select{
    margin-right: var(--size-9);
    flex: 1;
}
.journal-banner .layui-form .layui-btn{
    border-radius: var(--size-6);
    font-size: inherit;
    padding: 0 var(--size-40);
}
.journal-banner .layui-form .layui-btn+.layui-btn{
    margin-left: var(--size-9);
}
.journal-banner .layui-form .layui-btn.is-info{
    background: #fff;
    color: var(--color-text-secondary);
}
@media screen and (max-width: 767px) {
    .journal-banner .layui-form{
        display: block;
    }
    .inner-banner.journal-banner  .inner-banner-text{
        padding-bottom: 0;
    }
    .journal-banner .layui-form .layui-form-select{
        margin-right: 0;
        margin-bottom: var(--size-9);
    }
    .journal-banner .layui-form .btn{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .journal-banner .layui-form .layui-btn{
        flex: 1;
    }
}
/* journal-banner END */

/* .page-title */
.inner-banner-text .page-title,
.page-title{
    font-weight: 500;
}
/* .page-title END */

/* .post-list */
.post-list .post-item_head.post-item_img{
    margin-left: 0;
    width: calc(var(--size-100)*3);
}
.post-list .post-item .post-item_body .title{
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .post-list .post-item_head.post-item_img{
        width: calc(var(--size-100)*2);
    }
}
@media screen and (max-width: 567px) {
    .post-list .post-item_head.post-item_img{
        width: 100%;
        margin-right: 0;
        margin-bottom: var(--size-24);
    }
    .post-list .post-item_head.post-item_img .img-box{
        margin-top: 0;
    }
}
/* .post-list END */

/* memberships-list */
.memberships-list .post-item_head .img{
    width: calc(var(--size-100)*1.13);
}
.memberships-list .post-item_head .img img{
    width: 100%;
}
.memberships-list .post-item_body .mce-content-body{
    margin-top: var(--size-15);
}
.memberships-list .post-item_body .mce-content-body p,
.memberships-list .post-item_body .mce-content-body li{
    margin-bottom: var(--size-9);
}
.memberships-list .post-item_body .mce-content-body>*:last-child{
    margin-bottom: 0;
}
.memberships-list .post-item_body .mce-content-body strong,
.memberships-list .post-item_body .mce-content-body b{
    font-weight: 500;
    color: var(--color-text-primary);
}
.memberships-list .post-item_body .mce-content-body a{
    word-break: break-all;
}
@media screen and (max-width: 567px) {
    .memberships-list .post-item .post-item_head{
        margin-right: var(--size-24);
    }
    .memberships-list .post-item_head .img{
        width: var(--size-100);
    }
    .memberships-list .post-item {
        flex-wrap: nowrap;
    }
}
/* memberships-list END */


/* keywords-block */
.keywords-block{
    position: relative;
}
.keywords-block .keywords-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: var(--size-20);
    z-index: 0;
}
.keywords-block .keywords-bg img{
    width: 100%;
    display: block;
}
/* keywords-block END */
/* keywords-list */
.keywords-list {
    overflow: hidden;
    position: relative;
}
.keywords-list .keyword-item{
    padding-bottom: var(--size-18);
    border-bottom: var(--size-1) solid var(--border-color);
}
.keywords-list .keyword-item img{
    width: var(--size-48);
    height: var(--size-48);
    object-fit: contain;
    margin-bottom: var(--size-12);
}

.keywords-list .keyword-item .count-title{
    color: var(--color-primary);
    display: flex;
    line-height: 1;
    align-items: flex-end;
    font-family: 'MontserratBold';
}
.keywords-list .keyword-item .count-title em {
    font-style: normal;
    font-weight: bold;
    margin-bottom: var(--size-6);
}
.keywords-list .keyword-item .count-title span+em,
.keywords-list .keyword-item .count-title em+span{
    margin-left: var(--size-9);
}
.keywords-list .keyword-item .keyword-title{
    color: var(--color-text-secondary-grey);
    margin-top: var(--size-6);
    position: relative;
    padding-left: 1em;
}
.keywords-list .keyword-item .keyword-title:before{
    content: "";
    position: absolute;
    left: 0;
    top: .75em;
    width: var(--size-9);
    height: var(--size-9);
    transform: translateY(-50%) scale(.85);
    border-radius: 50%;
    background-color: var(--color-primary);
}
.keywords-list .keyword-item .count-title{
    font-weight: 500;
}
/* keywords-list END */

.home-video-container img{
    width: 100%;
    object-fit: contain;
}
.home-video-container .home-video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

/* journal-tab */
.journal-tab .tab-nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: var(--size-6-reverse);
    margin-bottom: var(--size-36);
}
.journal-tab .tab-nav .item{
    margin: var(--size-6);
    box-shadow: 0px var(--size-2) var(--size-9) 0px rgba(99,99,99,0.2);
    border-radius: var(--size-6);
    padding: var(--size-20) var(--size-12);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--size-100)*1.76);
    max-width: calc(var(--size-100)*2.85);
    cursor: pointer;
}
.journal-tab .tab-nav .item .icon{
    margin-right: var(--size-18);
}
.journal-tab .tab-nav .item .icon img{
    width: var(--size-36);
    height: var(--size-36);
    object-fit: contain;
}

.journal-tab .tab-nav .item:hover{
    color: var(--color-primary);
}
.journal-tab .tab-nav .item.active{
    background: linear-gradient( 180deg, #B90F06 0%, #800701 100%);
    color: #fff;
}
.journal-tab .tab-nav .item.active .icon{
    filter: brightness(0)invert(1);
}
@media screen and (max-width: 567px) {
    .journal-tab .tab-nav .item{
        width: calc(50% - var(--size-6)*2);
        min-width: unset;
        max-width: unset;
        padding: var(--size-12) var(--size-4);
        text-align: center;
    }
    .journal-tab .tab-nav .item:first-child{
        width: 100%;
    }
    .journal-tab .tab-nav .item .icon{
        display: none;
    }
}


.journal-content-block{
    background: url(../images/journal-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: var(--size-60) 0;
    color: #fff;
}
.journal-tab .tab-content .item{
    display: none;
    max-height: calc(var(--size-100)*5.7);
}
.journal-tab .tab-content .item.active{
    display: block;
}
.journal-tab .mCSB_outside + .mCSB_scrollTools{
    right: var(--size-30-reverse);
}
.journal-tab .mCSB_scrollTools{
    width: var(--size-15);
}
.journal-tab .mCSB_scrollTools .mCSB_draggerRail{
    width: var(--size-4);
    background-color: rgba(255, 255, 255, .1);
}
.journal-tab .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff;
    width: var(--size-4);
}
@media screen and (max-width: 1920px) {
    .journal-tab .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .journal-tab .mCSB_scrollTools .mCSB_draggerRail{
        width: 4px;
    }
}

.journal-tab .journal-list .ala-panel{
    padding: var(--size-20);
    background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.5) 100%);
}
.journal-tab .journal-list .ala-panel .ala-panel_bd{
    padding-left: 0;
}
.journal-tab .journal-list .ala-panel_bd .top{
    min-height: 2.6em;
    padding-left: var(--size-15);
    border-left: var(--size-6) solid var(--color-primary);
    display: flex;
    align-items: center;
}
.journal-tab .journal-list .is-type-1 .ala-panel_bd .top{
    border-left-color: #0180C8;
}
.journal-tab .journal-list .is-type-2 .ala-panel_bd .top{
    border-left-color: #288726;
}
.journal-tab .journal-list .is-type-3 .ala-panel_bd .top{
    border-left-color: #F3C800;
}
.journal-tab .journal-list .is-type-4 .ala-panel_bd .top{
    border-left-color: #9F1F35;
}
.journal-tab .journal-list .ala-panel_bd .title{
    font-weight: 500;
    padding-bottom: 0;
    display: block;
}
.journal-tab .journal-list .ala-panel_bd .title:after{
    content: unset;
}
.journal-tab .journal-list.is-card .ranking-info{
    padding-top: var(--size-20);
    margin-top: var(--size-20);
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.journal-tab .journal-list.is-card .ranking-info .logo-info+.text-info{
    margin-top: 0;
    margin-left: var(--size-15);
}
@media screen and (min-width: 992px) {
    .journal-tab .journal-list.is-card .layui-col-md4{
        width: 33.33333%;
    }
}
@media screen and (min-width: 1200px) {
    .journal-tab .journal-list.is-card .layui-col-lg3{
        width: 25%;
    }
}
/* journal-tab END */