.ellipsis-5 {
  display: -webkit-box;          /* 必须使用弹性盒子布局 */
  -webkit-box-orient: vertical;  /* 垂直方向排列内容 */
  -webkit-line-clamp: 5;         /* 限制显示行数 */
  overflow: hidden;              /* 隐藏溢出内容 */
  line-height: 1.5;              /* 建议设置行高（根据实际设计调整） */
  max-height: calc(1.5em * 5);  /* 可选：通过行高*行数限制高度（避免容器被撑开） */
}
.ellipsis-2 {
  display: -webkit-box;          /* 必须使用弹性盒子布局 */
  -webkit-box-orient: vertical;  /* 垂直方向排列内容 */
  -webkit-line-clamp: 2;         /* 限制显示行数 */
  overflow: hidden;              /* 隐藏溢出内容 */
  line-height: 1.5;              /* 建议设置行高（根据实际设计调整） */
  max-height: calc(1.5em * 2);  /* 可选：通过行高*行数限制高度（避免容器被撑开） */
}
.ellipsis-1 {
  display: -webkit-box;          /* 必须使用弹性盒子布局 */
  -webkit-box-orient: vertical;  /* 垂直方向排列内容 */
  -webkit-line-clamp: 1;         /* 限制显示行数 */
  overflow: hidden;              /* 隐藏溢出内容 */
  line-height: 1.5;              /* 建议设置行高（根据实际设计调整） */
  max-height: calc(1.5em * 1);  /* 可选：通过行高*行数限制高度（避免容器被撑开） */
}
    .animated{
        animation-duration: 2s !important;
    }
    #content-container{
        background-color: #f9f9f9;
        background-image: url('/assets/img/image@3x.png');
    }
    .main-content{
        padding-bottom:0;
    }
    .channel-title{
        width: 60%;
        margin: 0 auto;
        font-size:18px; line-height: 1.6; 
    }
    .channel-title h1{
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
    }
  
    .channel-title h1:before, .channel-title h1:after {
    position: relative;
    width: 185px;
    height: 36px;
    margin: 0 35px;
    background: url(/assets/img/title-pic.png) no-repeat center;
    transform: scale(1.2);
    transform-origin: center;
    filter: brightness(0.8);
    mix-blend-mode: luminosity;
    content: "";
}
  .channel-title h1:after {
    transform: scaleX(-1) scale(1.2);
}
    .channel-title div{
        text-indent: 2em;
        line-height: 34px;
        margin-top:21px;margin-right:0;margin-bottom:21px;margin-left:0;text-indent:37px;padding:0 0 0 0 ;text-autospace:ideograph-numeric;line-height:200%
    }
    .channel{
         justify-content: space-between;
    }
    .channel,.Odd-content,.Even-content {
        display: flex;
        flex-wrap: wrap;
       
    }
    .Odd-content{
        width:25%;
        justify-content: flex-end;
    }
    .channel{
        margin: 80px 0;
    }
    .channel-right{
        margin-right: 10%;
    }
    .channel-left{
        margin-left: 10%;
    }
    .Odd {
        width: 72%;
        height: 470px;
        margin-right: 3%;
    }
    .Odd  img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .Odd-content p,.Even-content p{
        width: 180px;
         writing-mode: vertical-rl;     /* 垂直排列，从右向左 */
        line-height: 2;               /* 调整行间距 */
        height: 470px;
        color: #8A8A8A ;
        font-size: 16px;
        font-weight: 500;
    }
    .Odd-content h3,.Odd-content h4,.Odd-content div,.Even-content h3,.Even-content h4,.Even-content div{
        writing-mode: vertical-rl;
        
    }
    .Odd-content h3,.Odd-content div,.Even-content h3,.Even-content div{
        letter-spacing: 4px;
    }
    
    .Odd-content h3,.Even-content h3{
        height: 470px;
        margin: 0 12px 0 25px;
        padding: 0;
         color: #333333;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
    }
     .Odd-content h4,.Even-content h4{
         height: 470px;
         margin:4px 0 0 13px;
        padding: 0;
         color: #B2B2B2;
         font-size: 20px;
        line-height:40px;
    }
    .Odd-content div ,.Even-content div{
        width: 48px;
        height: 177px;
        font-size: 24px;
        line-height:48px;
        text-align: center;
        color: #FFFFFF;
        background-image: url('/assets/img/Group 1000006742@3x.png');
        background-size: 100% 100%;
    }
    .more{
        width:100%;
        text-align:center;
    }
    .more img{
        width:170px;height:40px;
        margin-top: 45px;
    }
    /*.sd-online{*/
    /*    display: inline-block;*/
    /*    position: absolute;*/
    /*     bottom: 6%;*/
    /*    left: 24%;*/
    /*}*/
    .Even>div{
        display: flex;
        flex-direction: column;
        /*margin-right: 20px;*/
    }
    .book,.video{
        margin-right: 20px;
    }
    .Even .image a img{
        width: 100%;
        height: 380px;
        object-fit: cover;
    }
    .Even span:nth-child(2){
        /*margin: 12px 0;*/
        color: #333333;
        font-size: 18px;
            /*font-weight: 600;*/
    }
    .Even span:nth-child(3){
         /*margin: 12px 0;*/
        color:#8A8A8A;
        font-size: 16px;
    }
    #third{
        flex-wrap: wrap;
        /*flex-wrap: nowrap;*/
        /*justify-content: center;*/
    }
    #third .Even{
        display: flex;
        background: #fff;
        padding: 20px 40px;
        transition: width 1s ease-in-out; /* 关键：过渡动画 */
        /*position: relative;*/
    }
   .book{
       flex: 0 0 auto; 
        flex-direction: row!important;
        transition: width 1s ease-in-out; /* 关键：过渡动画 */
        width: auto;
   }
   .book>div>div{
       color: #333333;
       font-size: 24px;
       margin-bottom: 24px;
   }
   .book>div>span{
       width: 50%;
       overflow: hidden;
       color: #777777 ;
       font-size: 16px;
       display: inline-block;
       margin-bottom: 10px;
       
   }
   .book img{
       width: auto!important;
       height: 360px;
   }
   .book p{
       color: #777;
       margin: 0;
       padding: 0;
   }
   .arrow{
       display: flex;
       flex-direction: row!important;
       position: absolute;
        bottom: -6%;
        left: 64%;
   }
   .arrow img{
       width: 50px!important;
       height: 50px!important;
   }
    .book>div{
        /*display: none;*/
        padding: 0;
        width: 0px;
        opacity: 0;
        visibility: hidden;
        overflow: hidden; /* 防止内容溢出 */
}
 .act{
     /*display: block;*/
        padding: 0 40px!important;
        opacity: 1!important;
        visibility: visible!important;
        width: 406px!important; /* 宽度收缩到0 */
        
 }
 .right-part{
     width: 406px;
     height: 355px;
      transition: 
    opacity 0.5s ease,
    width 0.5s ease,
    visibility 0.5s ease; /* 同步过渡 */
 }
 .Even .video{
     width: 552px;
     height: 406px;
     position: relative;
 }
 .Even .video a{
     width: 100%;
     height: 100%;
 }
 .Even .video a img{
     width: 100%;
     height: 100%;
 }
 .video-content p{
     width: auto;
 }
 .icon{
     width: 40px!important;
     height: 40px!important;
     position: absolute;
     left: 48%;
     top: 46%;
 }
  .Odd-content p, .Even-content p{
        width: 190px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    }
    .Even-content p{
        -webkit-line-clamp: 4;
        height: 450px;
        width: 130px;
    }
    .Odd-content h4, .Even-content h4,.Odd-content h3, .Even-content h3{
        height: auto;
    }
    .first h4,.first h3{
          height: 470px;
    }
    /*.more img {*/
    /*    margin: 0px;*/
    /*}*/
 
 @media screen and (max-width: 1700px) {
    .Even .image a img{
        width: 250px;
    }
    .Even .image span{
        width: 250px!important;
    }
    #third .Even{
        padding: 10px 20px;
    }
    .act{
        width: 280px!important;
    }

    .book>img{
        width: 220px!important;
    }
    .Odd-content p, .Even-content p{
        width: 130px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    }
    .Even-content p{
        -webkit-line-clamp: 3;
        height: 430px;
        width: 100px;
    }
    
    .bar-title-right {
    font-size: 26px;
    font-weight: normal;
    color: #000;
    right: 0px; /* 新增或修改这一行 */
}
 }
 /* 正确定义PingFang SC Medium字体 */
@font-face {
  font-family: 'PingFangSC-Medium';  /* 推荐使用标准命名格式 */
  src: url('/assets/fonts/PingFangMedium.ttf') format('truetype'); /* 修正路径和格式声明 */
  font-weight: 500;  /* Medium字重通常对应500 */
  font-style: normal;
  font-display: swap; /* 添加字体加载策略 */
}

/* 全局应用到body和主要文本元素 */
.main-content
{
  font-family: "PingFangSC-Medium";
}  

@media screen and (max-width: 1500px) {

}

/*.channel {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*    margin: 140px 0;*/
/*    gap: 20px;*/
/*}*/

/* 第四模块 视频部分 */
/*.channel .video-content {*/
/*    flex: 0 0 40%;*/
/*    box-sizing: border-box;*/
/*}*/

/*.channel .Even {*/
/*    flex: 0 0 58%;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 15px;*/
/*    box-sizing: border-box;*/
/*}*/

/* 第一模块 */
/*.Odd {*/
/*    flex: 0 0 30%;*/
/*    box-sizing: border-box;*/
/*}*/
/*.Odd-content {*/
/*    flex: 0 0 70%;*/
/*    box-sizing: border-box;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

/* 第二模块 */
/*.Even-content {*/
/*    flex: 0 0 35%;*/
/*    box-sizing: border-box;*/
/*}*/
/*.Even {*/
/*    flex: 0 0 63%;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 15px;*/
/*    box-sizing: border-box;*/
/*}*/

/* 图书模块 */
/*#third .Even {*/
/*    flex: 0 0 60%;*/
/*    box-sizing: border-box;*/
/*    padding: 20px;*/
/*}*/
/*#third .Even-content {*/
/*    flex: 0 0 38%;*/
/*    box-sizing: border-box;*/
/*}*/

/* 小屏适配 */
/*@media screen and (max-width: 1200px) {*/
/*    .Odd, .Odd-content,*/
/*    .Even, .Even-content,*/
/*    .video-content,*/
/*    #third .Even,*/
/*    #third .Even-content {*/
/*        flex: 0 0 100%;*/
/*        max-width: 100%;*/
/*    }*/

/*    .channel {*/
/*        margin: 60px 0;*/
/*    }*/

/*    .Even .video {*/
/*        width: 100% !important;*/
/*        height: auto !important;*/
/*    }*/

/*    .Odd-content p,*/
/*    .Even-content p {*/
/*        writing-mode: horizontal-tb;*/
/*        height: auto;*/
/*        padding: 10px 0;*/
/*    }*/

/*    .Odd-content h3,*/
/*    .Even-content h3 {*/
/*        height: auto;*/
/*        writing-mode: horizontal-tb;*/
/*        margin: 10px 0;*/
/*    }*/

/*    .Odd-content div,*/
/*    .Even-content div {*/
/*        height: auto;*/
/*        writing-mode: horizontal-tb;*/
/*        margin-top: 10px;*/
/*    }*/
/*}*/