.student_notice {
     display: flex;
     width: 14.9rem;
     height: 7rem;
 }

 .studentNoticeRoot {
     display: flex;
     justify-content: center;
     width: 100%;
     background: url(/_upload/tpl/12/70/4720/template4720/resources/images/home/student_notice_bg.png) no-repeat;
     background-size: cover;
 }

 .student_notice_list {
     width: 100%;
 }

 .student_notice .cover-wrapper-right-title {
     padding: .86rem .24rem .66rem 0rem;
     width: 3.2rem;
     height: 4rem;
     flex-direction: column;
     display: flex;
     border: 0;
     align-items: start;
     justify-content: space-between;
 }

 .student_notice .cover-wrapper-right-title .main-title {
     padding-bottom: .13rem;
     border-bottom: 3px solid #C18C3A;
 }

 .student_notice .cover-wrapper-right-title .top-wrapper-more {
     margin-left: 0;
     margin-right: auto;
 }


 .student_notice_list .wp_article_list {
     padding: .86rem 0rem 0rem 1rem;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     /* 允许换行 */
     justify-content: space-between;

 }

 .student_notice_list .wp_article_list .list_item {
     width: 5.4rem;
     height: 1.60rem;
     padding: 0.3rem 0.2rem;
     background-color: white;
     border-radius: .1rem;
     border-bottom: 0 !important;
     margin-bottom: .2rem;
 }

 .student_notice_list .wp_article_list .list_item .ct {
     font-weight: 500;
     font-size: .22rem;
     color: #3E3E3E;
     padding-bottom: .15rem;
 }

 .student_notice_list .wp_article_list .list_item .ct p,
 .student_notice_list .wp_article_list .list_item .ct span,
 .student_notice_list .wp_article_list .list_item .ct a {
     font-weight: 500;
     font-size: .22rem;
     color: #3E3E3E;

     display: -webkit-box;
     /* 使用弹性盒子布局 */
     -webkit-box-orient: vertical;
     /* 垂直方向排列 */
     -webkit-line-clamp: 2;
     /* 限制最多 2 行 */
     overflow: hidden;
     /* 超出部分隐藏 */
     text-overflow: ellipsis;
     /* 超出部分显示省略号 */
     word-break: break-word;
     /* 允许单词换行（防止长单词溢出） */

 }


 .student_notice_list .wp_article_list .list_item .ct_sub {
     font-weight: 500;
     font-size: .22rem;
     width: 100%;
     text-align: right;
     color: #C18C3A;
     /* color: rgba(135, 134, 134, 0.8); */
     padding-bottom: .12rem;
 }

 .student_notice_list .wp_article_list .list_item .ct_sub p,
 .student_notice_list .wp_article_list .list_item .ct_sub span,
 .student_notice_list .wp_article_list .list_item .ct_sub a {
     white-space: nowrap;
     /* 禁止换行 */
     overflow: hidden;
     /* 隐藏超出部分 */
     text-overflow: ellipsis;
     /* 超出部分显示省略号 */
     display: block;
     width: 100%;
     font-weight: 500;
     font-size: .22rem;
     color: rgba(135, 134, 134, 0.8);
 }

 .student_notice_list .more {
     display: none;
 }

 .student_notice_list li:not(:nth-child(-n+8)) {
     display: none;
 }

 .student_notice_list .wp_article_list .list_item:hover {
     background-color: rgba(0, 67, 168, 1);
 }

 .student_notice_list .wp_article_list .list_item:hover .ct,
 .student_notice_list .wp_article_list .list_item:hover .ct p,
 .student_notice_list .wp_article_list .list_item:hover .ct span,
 .student_notice_list .wp_article_list .list_item:hover .ct a {
     color: white;
 }

 .student_notice_list .wp_article_list .list_item:hover .ct_sub,
 .student_notice_list .wp_article_list .list_item:hover .ct_sub p,
 .student_notice_list .wp_article_list .list_item:hover .ct_sub span,
 .student_notice_list .wp_article_list .list_item:hover .ct_sub a {
     color: white;
 }




 @media (max-width: 768px) {
     .student_notice .cover-wrapper-right-title {
         width: 4.2rem;
         height: 5rem;
     }

     .student_notice_list .wp_article_list {
         padding: .86rem 0rem 0rem .4rem;
     }

     .student_notice_list .wp_article_list .list_item {
         margin-bottom: .4rem;
     }

     .student_notice_list .wp_article_list .list_item {
         height: 2.8rem;
     }

     .student_notice {
         margin-top: 1rem;
         width: 15.17rem;
         height: 11rem;
     }


     .student_notice_list .wp_article_list .list_item .ct p,
     .student_notice_list .wp_article_list .list_item .ct span,
     .student_notice_list .wp_article_list .list_item .ct a {
         font-size: .40rem;
     }

     .student_notice_list .wp_article_list .list_item .ct_sub p,
     .student_notice_list .wp_article_list .list_item .ct_sub span,
     .student_notice_list .wp_article_list .list_item .ct_sub a {
         font-size: .40rem;
     }

 }