.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-notice{
    width: 100%;
    height: 6.9896rem;
    background: url(../img/notice-bg.svg) no-repeat;
    background-size: 100% 4.4115rem;
    position: relative;
}
.home-news{
    width: 100%;
    height: 4.0781rem;
    background: url(../img/home-news-bg.svg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.home-news-bg-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.7292rem;
    height: .9297rem;
    object-fit: contain;
}

/* 添加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: 7.8125rem;
    margin:  0 auto;
    padding-top: .3802rem;
    position: relative;
    z-index: 999999;
}
.news-header-center{
    flex: 1;
}
.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: #9B0D14;
}

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

.table-switch-item-icon {
    width: .4427rem;
    height: .4427rem;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.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-size: .1042rem;
    padding-top: .0833rem;
}
.table-switch-item:not(:last-child){
    border-right: 1px dashed rgba(255,255,255,0.3);
}


.home-news-header{
    width: 7.8125rem;
    margin: 0 auto;
    padding-top: .1875rem;
    position: relative;
    z-index: 999999;
}
.home-news-content{
    width: 7.8125rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: .276rem;
    position: relative;
    z-index: 999999;
}
.home-news-content-swiper{
    width: 4.4219rem;
    height: 2.9167rem;
}
#homeNews {
    width: 100%;
    height: 100%;
}
#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: .4063rem;
    background: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.11) 100%);
    display: flex;
   
}
.swiper-text-content .left-date{
    width: .5208rem;
    height: 100%;
    background: #9B0D14;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .0417rem;
    box-sizing: border-box;
}
.swiper-text-content .left-date span:first-child{
    font-size: .2083rem;
    color: #FFFFFF;
    font-family: 'Alegreya-Bold';
}
.swiper-text-content .left-date span:last-child{
    font-size: .0938rem;
    color: #FFFFFF;
    font-family: 'Alegreya-Regular';
}
.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;
}
.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: 'Alegreya-Regular';
    background: url(../img/time.svg) left .0625rem center no-repeat;
    background-size: .1094rem .1094rem;
text-indent: .1667rem;
}

/* 添加homeNewsPagination样式 */
#homeNewsPagination {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    border: 1px solid #D8D8D8;
    padding: .0521rem 0 .0521rem 0;
    box-sizing: border-box;
    justify-content: space-between;
    border-right: none;
    border-left: none;
}
#homeNewsPagination .swiper-pagination-bullet {
    width: .1693rem;
    height: .1693rem;
    background: transparent;
    border-radius: 50%;
    margin: 0 .0521rem;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .1354rem;
    position: relative;
    transition: all 0.3s ease;
    font-size: .1042rem;
    color: #777777;
}
#homeNewsPagination .swiper-pagination-bullet-active {
    background: #C39A72;
    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%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: .0833rem;
    padding-top: .1354rem;
    cursor: pointer;
}
.news-other-list ul li 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-other-list ul li:hover span{
    background-size:100% .0052rem;
    background-position: left bottom;
    color: #9B0D14;
}
.news-other-list ul li .news-notice-content-title a{
    font-size: .1042rem;
    text-overflow: inherit;
    white-space:inherit;
    display: block;
}
/* 添加homeNewsPagination样式 */
/* 添加 homeAcademicPaginationProcess 样式 */
#homeAcademicPaginationProcess {
    width: 6.7708rem;
    height:.0052rem;
    background: #C5C5C5;
    position: relative;
    margin-bottom: .1042rem;
    position: absolute;
    bottom: .5104rem;
    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: #9B0D14;
    height: .0156rem;
}
.back-to-top {
    position: fixed;
    right: .2604rem;
    bottom: .5208rem;
    width: .2396rem;
    height: .2396rem;
    background: url(../img/back-top.svg)#9B0D14 center center no-repeat;
    border-radius: 50%;
    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);
}