.home {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 100%;
    left: 0;
    transition: top 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: top;
    z-index: 2;
    overflow: auto;
    /* padding-top: .9375rem; */
}

.home.show {
    top: 0;
}

.home-news-notice {
    background: url(../../img/index/content-bg.png) no-repeat top center;
    background-size:  100% 8.3333rem;
    object-fit: cover;
}

.home-notice {
    width: 100%;
    height: 6.6406rem;
    background-size: 100% 4.4115rem;
    position: relative;
}

.home-news {
    width: 100%;
    height: 3.8646rem;
    background: url(../../img/index/home-news-bg.png) no-repeat bottom left;
    background-size: 4.9271rem 2.7786rem;
    position: relative;
    padding-top: .151rem;
}

.home-news-bg-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.7292rem;
    height: .9297rem;
    object-fit: contain;
}

.home-journal-scholar {
    background: url(../../img/index/qidt-bg.png) no-repeat top center;
    background-size: 100% auto;
    object-fit: cover;
    position: relative;
}

/* 添加journal section动画相关样式 */
.home-journal .news-header,
.home-journal-content-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.home-journal .news-header.animate-in,
.home-journal-content-section.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.home-journal .news-header.animate-out,
.home-journal-content-section.animate-out {
    opacity: 0;
    transform: translateY(-30px);
}

/* 添加journal-item的时间差动画 */
.journal-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.journal-item.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.journal-item:nth-child(1) {
    transition-delay: 0.1s;
}

.journal-item:nth-child(2) {
    transition-delay: 0.3s;
}

.journal-item:nth-child(3) {
    transition-delay: 0.5s;
}

.journal-item:nth-child(4) {
    transition-delay: 0.7s;
}

/* 添加notice-content和library-content内的列表项动画 */
.news-notice-content li,
.news-library-content li {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.news-notice-content li.animate-in,
.news-library-content li.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* 通知公告列表项的时间差 */
.news-notice-content li:nth-child(1) {
    transition-delay: 0.1s;
}

.news-notice-content li:nth-child(2) {
    transition-delay: 0.2s;
}

.news-notice-content li:nth-child(3) {
    transition-delay: 0.3s;
}

.news-notice-content li:nth-child(4) {
    transition-delay: 0.4s;
}

.news-notice-content li:nth-child(5) {
    transition-delay: 0.5s;
}

/* 学者文库列表项的时间差 */
.news-library-content li:nth-child(1) {
    transition-delay: 0.1s;
}

.news-library-content li:nth-child(2) {
    transition-delay: 0.3s;
}

.news-library-content li:nth-child(3) {
    transition-delay: 0.5s;
}

/* 添加academic section动画相关样式 */
.home-academic-tab-header,
.home-academic-swiper {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.home-academic-tab-header.animate-in,
.home-academic-swiper.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.home-academic-tab-header.animate-out,
.home-academic-swiper.animate-out {
    opacity: 0;
    transform: translateY(-30px);
}

/* 设置时间差 */
.home-academic-tab-header {
    transition-delay: 0.1s;
}

.home-academic-swiper {
    transition-delay: 0.4s;
}

/* 添加scholar section动画相关样式 */
.home-scholar-content .news-header,
.home-scholar-swiper {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.home-scholar-content .news-header.animate-in,
.home-scholar-swiper.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.home-scholar-content .news-header.animate-out,
.home-scholar-swiper.animate-out {
    opacity: 0;
    transform: translateY(-30px);
}

/* 设置时间差 */
.home-scholar-content .news-header {
    transition-delay: 0.1s;
}

.home-scholar-swiper {
    transition-delay: 0.4s;
}

/* 添加scholar-item的时间差动画 */
.home-scholar-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.home-scholar-item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-scholar-item.animate-in {
    opacity: 1;
    transform: translateY(0);
}



/* 移除文字颜色变化 */
/* .slide-content:hover .slide-title {
    color: #9B0D14;
} */

/* 添加notice section动画相关样式 */
.home-notice-content-section-left .news-header,
.home-notice-content-section-right .news-header {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.home-notice-content-section-left .news-notice-content,
.home-notice-content-section-right .news-library-content {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.home-notice-content-section-left .news-header.animate-in,
.home-notice-content-section-right .news-header.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.home-notice-content-section-left .news-notice-content.animate-in,
.home-notice-content-section-right .news-library-content.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.home-notice-content-section-left .news-header.animate-out,
.home-notice-content-section-right .news-header.animate-out {
    opacity: 0;
    transform: translateY(-30px);
}

.home-notice-content-section-left .news-notice-content.animate-out,
.home-notice-content-section-right .news-library-content.animate-out {
    opacity: 0;
    transform: translateY(-30px);
}

/* 设置时间差 */
.home-notice-content-section-left .news-header {
    transition-delay: 0.1s;
}

.home-notice-content-section-left .news-notice-content {
    transition-delay: 0.3s;
}

.home-notice-content-section-right .news-header {
    transition-delay: 0.2s;
}

.home-notice-content-section-right .news-library-content {
    transition-delay: 0.4s;
}

/* 其他现有样式 */
.home-academic-tab-header {
    width: 8.3333rem;
    margin: 0 auto;
    padding-top: .2344rem;
    position: relative;
    z-index: 999999;
}

.news-header-center {
    flex: 1;
    margin-left: 1.401rem;
}

.table-switch {

    display: flex;
}

.table-switch-item {
    // width: 1.3281rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.table-switch-item.active .table-switch-item-icon {
    background: #A6141C;
}

.table-switch-item.active .table-switch-item-icon img {
    filter: brightness(0) invert(1);
    /* 将图标变为白色 */
}

.table-switch-item-icon {
    width: .7813rem;
    height: .2604rem;
    background: #C2AA86;
    border-radius: .2188rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: .1458rem;
}

.table-switch-item-icon img {
    width: .2708rem;
    height: .2917rem;
    object-fit: contain;
    /* 使用filter属性来改变SVG图标颜色 - 默认为#9B0D14 */
    /* filter: invert(13%) sepia(83%) saturate(3107%) hue-rotate(350deg) brightness(87%) contrast(92%); */
}

.table-switch-item-text {
    color: #FFFFFF;
    font-family: 'Source Han Sans CN';
    font-weight: 400;
    font-size: .1042rem;
    color: #FFFFFF;
    text-align: center;
}

.table-switch-item:not(:last-child) {
    border-right: 1px dashed rgba(255, 255, 255, 0.3);
}


.home-news-header {
    width: 8.3333rem;
    ;
    margin: 0 auto;
    position: relative;
    z-index: 999999;
}

.home-news-content {
    width: 8.3333rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: .1875rem;
    position: relative;
    z-index: 999999;
}

.home-news-content-swiper {
    width: 4.4219rem;
    height: 2.9167rem;
    position: relative;
}

#homeNews {
    width: 100%;
    height: 100%;
    position: relative;
}

#homeNews .swiper-wrapper {
    width: 100%;
    height: 100%;

}

#homeNews .swiper-slide {
    width: 100% !important;
    height: 100%;
}

#homeNews .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 2s;
}

.home-news-content-swiper-item {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.home-news-content-swiper-item:hover img {
    transform: scale(1.2);
}

.swiper-text-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .4688rem;
    background: linear-gradient( 180deg,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.3)  100%);
    display: flex;

}

.swiper-text-content .left-date {
    width: .5208rem;
    height: 100%;
    background: #9B0D14;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: center;
    padding-bottom: .0417rem;
    box-sizing: border-box;
}

.swiper-text-content .left-date span:first-child {
    font-size: .2083rem;
    line-height:1;
    color: #FFFFFF;
    font-family: 'Source Han Serif CN';
    
}

.swiper-text-content .left-date span:last-child {
    border-top: 1px solid #8F6A30;
    font-size: .0938rem;
    color: #FFFFFF;
    font-family: 'Source Han Serif CN';
}

.swiper-text-content .right-text {
    font-size: .1042rem;
    color: #FFFFFF;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: .1042rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-text-content .right-text span {
    background: linear-gradient(to right, #9B0D14, #9B0D14);
    background-size: 0 .0052rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: background-size 1.5s;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    padding-right: 0.1rem;
}

.swiper-text-content:hover span {
    background-size: 100% .0052rem;
    background-position: left bottom;
}

.home-news-content-list {
    // width: 3.1771rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-news-content-section {
    width: 8.3333rem;
    height: 100%;
    margin: 0 auto;
    padding-top: 0.2188rem;
    display: flex;
    justify-content: space-between;
}

.home-news-content-section-left {
    width: 3.1927rem;
}

.home-news-content-section-right {
    width: 4.0156rem;
    position: relative;
    z-index: 9;
}

.news-news-content {
    height: 2.6875rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0.1563rem;
}

.news-news-content ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style: none;
}

.news-news-content ul li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 0.1042rem;
    box-sizing: border-box;
}

.news-news-content ul li span {
    background: linear-gradient(to right, #9b0d14, #9b0d14);
    background-size: 0 0.0052rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: background-size 1.5s;
    cursor: pointer;
}

.news-news-content ul li:hover span {
    background-size: 100% 0.0052rem;
    background-position: left bottom;
}

.news-news-content ul li:last-child {
    margin-bottom: 0;
}

.news-news-content-date {
    width: 0.4896rem;
    height: 0.4896rem;
    margin-right: 0.1354rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../../img/index/notice-date-bg.svg) center center no-repeat;
    background-size: 100% 100%;
    justify-content: center;
}

.news-news-content-date-day {
    font-weight: bold;
    font-size: 0.1667rem;
    color: #9b0d14;
    line-height: 1;
    margin-bottom: 0.0313rem;
    font-family: "Alegreya-Bold";
}

.news-news-content-date-year {
    border-top: 1px solid #8f6a30;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #9b0d14;
    line-height: 1;
    font-family: "Source Han Serif CN";
}

.news-news-content-title {
    width: calc(100% - 0.5729rem);
    height: 100%;
    flex: 1;
    padding-top: .1458rem;
    padding-bottom: .1563rem;
    border-bottom: 1px solid #E6E6E6;
}

.news-news-content-title a {
    height: 100%;
    font-size: 0.1042rem;
    color: #333333;
    line-height: 1.5;
    text-decoration: none;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.news-news-content-title a:hover {
    color: #9b0d14;
}

.news-list-tj {
    height: 1.2656rem;
    display: flex;
    flex-direction: column;
    padding-bottom: .1458rem;
    cursor: pointer;
}

.news-list-tj span {
    background: linear-gradient(to right, #9B0D14, #9B0D14);
    background-size: 0 .0052rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: background-size 1.5s;
    cursor: pointer;

}

.news-list-tj:hover span {
    background-size: 100% .0052rem;
    background-position: left bottom;
    color: #9B0D14;
}

.news-list-tj-title {
    font-size: .1354rem;
    color: #333333;
}

.news-list-tj-desc {
    padding-top: .099rem;
    padding-bottom: .1667rem;
    font-size: .0833rem;
    color: #767676;
    box-sizing: border-box;
}

.news-list-tj-date {
    width: .6615rem;
    height: .2083rem;
    font-size: .0938rem;
    color: #A9A9A9;
    border: 1px solid #D1D1D1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Source Han Serif CN';
    background: url(../../img/time.svg) left .0625rem center no-repeat;
    background-size: .1094rem .1094rem;
    text-indent: .1667rem;
}

/* 添加homeNewsPagination样式 */
#homeNewsPagination {
    width: .7813rem;
    display: flex;
    justify-content: center;
    // border: 1px solid #D8D8D8;
    padding: .0521rem 0 .0521rem 0;
    box-sizing: border-box;
    justify-content: space-between;
    border-right: none;
    border-left: none;
    background: none;
    position: absolute;
    bottom: .1042rem;
    // right: .1042rem;
    left: 3.4427rem;
}

#homeNewsPagination .swiper-pagination-bullet {
    width: .0781rem;
    height: .0781rem;
    background: none;
    border-radius: 50%;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    // font-size: .1354rem;
    transition: all 0.3s ease;
    font-size: .1042rem;
    border: 1px solid #fff;
    position: relative;
    bottom: 0px;
    left: 0px;
}

#homeNewsPagination .swiper-pagination-bullet-active {
    background: #7b0a10;
    border: 1px solid #7b0a10;
    color: #FFFFFF;
}

#homeNewsPagination .swiper-pagination-bullet::before {
    // content: attr(data-index);
    position: absolute;
    font-size: .1042rem;
}

.news-other-list {
    width: 100%;
    height: 1.1875rem;
    display: flex;
    align-items: flex-end;
}

.news-other-list ul {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
}

.news-other-list ul li {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    // padding-bottom: .0833rem;
    // padding-top: .1354rem;
    cursor: pointer;
}

.news-other-list ul li .news-notice-content-title {
    height: 100%;
    background: linear-gradient(to right, #9B0D14, #9B0D14);
    background-size: 0 .0052rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: background-size 1s;
    cursor: pointer;
}

.news-other-list ul li:hover span {
    color: #9B0D14;
}

.news-other-list ul li:hover .news-notice-content-title {
    background-size: 100% .0052rem;
    background-position: left bottom;
    color: #9B0D14;
}

.news-other-list ul li .news-notice-content-title a {
  
    font-size: .1146rem;
    text-overflow: inherit;
    white-space: inherit;
    display: block;
     height: .3021rem;
       display: flex;
    align-items: center;
}

.news-other-list ul li .news-notice-content-title {
    width: 3rem;
  
    flex: 1;
    padding-top: .1406rem;
    padding-bottom: .1406rem;
    border-bottom: 1px solid #E6E6E6;
    align-items: center;
}


.news-other-list ul li .news-notice-content-date {
    width: 0.4896rem;
    height: 0.4896rem;
    margin-right: 0.1354rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../../img/index/notice-date-bg.svg);
    background-size: 100% 100%;
    justify-content: center;
}

.news-other-list ul li .news-notice-content-date-day {
    font-weight: bold;
    font-size: 0.1667rem;
    color: #9b0d14;
    line-height: 1;
    margin-bottom: 0.0313rem;
    font-family: "Source Han Serif CN";
}

.news-other-list ul li .news-notice-content-date-year {
    border-top: 1px solid #8f6a30;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #9b0d14;
    line-height: 1;
    font-family: "Source Han Serif CN";
}

/* 添加homeNewsPagination样式 */
/* 添加 homeAcademicPaginationProcess 样式 */
#homeAcademicPaginationProcess {
    width: 6.7708rem;
    height: .0104rem;
    background: #C5C5C5;
    position: relative;
    margin-bottom: .1042rem;
    position: absolute;
    bottom: .3594rem;
    margin: 0 auto;
    left: -1.0417rem;
    right: 0;
    z-index: 999;
}

#homeAcademicPaginationProcess .swiper-pagination-progressbar {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#homeAcademicPaginationProcess .swiper-pagination-progressbar-fill {
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: linear-gradient(90deg, #FFCA4E 0%, #DB2919 100%);
    ;
    height: .0156rem;
}

.back-to-top {
    position: fixed;
    right: .2604rem;
    bottom: .5208rem;
    width: .2865rem;
    height: .2865rem;
    background: url(../../img/back-top.svg)#9B0D14 center center no-repeat;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background-size: .1094rem .1094rem;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

/* 自定义滚动条样式 */
.home::-webkit-scrollbar {
    width: .0313rem;
    /* 滚动条宽度 */
}

.home::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    /* 滚动条轨道背景色 */
    border-radius: .0156rem;
}

.home::-webkit-scrollbar-thumb {
    background: #9B0D14;
    /* 滚动条滑块颜色，与返回顶部按钮一致 */
    border-radius: .0156rem;
}

.home::-webkit-scrollbar-thumb:hover {
    background: #7b0a10;
    /* 鼠标悬停时的颜色 */
}

/* Firefox滚动条样式 */
.home {
    scrollbar-width: thin;
    scrollbar-color: #9B0D14 rgba(0, 0, 0, 0.05);
}