.more-btn {
    color: #1d86f1;
}

/* 标签和更多按钮 */
.tags-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

/* 更多的样式，包括箭头 */
.more-link {
    color: #1d86f1;
    text-decoration: none;
}
/* 标签的默认样式 */
.tag-btn {
    border: none;
    background: none;
    color: #333;
    transition: 0.3s;
}
.tag-btn-selected {
    background-color: #1d86f1;
    color: white;
}

/* 标签的hover样式 */
.tag-btn:hover {
    background-color: #1d86f1;
    color: white;
}
.news-group,.tags-more {
    padding: 0 20px; /* 上下无边距，左右各20px的边距 */
}

.article_title {
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    color: #666;
    text-decoration: none;
}


.news_time {
    line-height: 1.5;
    color: #999;
    display: inline-block;
    font-size: 14px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col-lg-4,
.no-gutters > .col-lg-6,
.no-gutters > .col-lg-2 {
    padding-right: 0;
    padding-left: 0;
}
.large-container {
    margin-top: 10px;
    max-width: 1444px;
}
.wide-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.carousel-item {
height: 290px;
background-color: black;
overflow: hidden;

}

.carousel-item img {
height: 100%;
object-fit: cover;
}

/* 文章标题和时间 */
.article-title-time {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 10px;
    margin: 5px 0;
    border-bottom: 1px solid hsla(0,0%,60%,.15);
}

.ellipsis{
    width: 70%;  /* 定义宽度占比 */
 }
   /* 通知公告 */
.card-header {
/*background: url('../images/new.jpg') repeat;  设置背景图像并让它重复 
background-size: cover; /* 让背景图像覆盖整个元素 
background-size: 100% 100%; /* 让背景图像的宽度和高度都填充整个元素 */
background-color:#1d86f1;
color:#fff;
font-size: 0.95rem;
font-weight: 900;

}

.Announcement .ellipsis{
    width: 100%;  /* 定义宽度占比 */
 }
/* 添加这个类用来限制标题的长度 */
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 添加这个类用来限制时间的长度 */
.news_time {
width: 30%; /* 定义宽度占比 */
text-align: right; /* 时间靠右显示 */
display: inline-block; /* 设置为内联块元素 */
}

.card-title{
font-size: 14px;
color: #666;
padding: 10px;
margin: 0 0;
border-bottom: 1px solid hsla(0,0%,60%,.15);
}
/* 标题和日期的布局 */
.title-and-date {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: nowrap;
}

/* 文章摘要的布局 */
.news-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}

/* 文章摘要中的日期靠左对齐 */
.news-content-date {
    align-self: flex-start;
}

/* 文章摘要样式 */
.card-news-highlight{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.card-news-highlight .card-text{
color:#666;
font-size: 14px;
}
.card-news-highlight .news-content-date{
    color: #999;
}

.card-news-highlight .card-img {
    width: 100%;
    object-fit: cover;
}

/* 校园风貌CSS */
.row {
    display: flex;
    /* align-items: center; */
}

.col-lg-10 {
    flex-grow: 1;
}

.imageList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

}
.wrapper1 .imageList{
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.imageList img {
    width: 100%;
    height: 186px;
    margin-top: 10px; /* 图片上部间距 */
    margin-left:10px;
    margin-right: 10px;
}

.imageList p {
    margin: 10px 0; /* 图片描述上下间距 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 描述超出省略号 */
    text-align: center;
}

.buttonColumn {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center; 

}


.buttonColumn img {
    max-width: 100%;
    height: auto;
}





@media screen and (max-width: 600px) {
    #one{
        margin-top: 15px;
    }
    .article-title-time {
        flex-direction: column;
    }
    .news-group,.tags-more {
    padding:5px 5px 0px  5px; /* 上下无边距，左右各20px的边距 */
}
.news_time {
text-align: left; /* 时间靠右显示 */
}

.title-and-date, .card-img, .news-content {
    display: block;
}
/* 时间靠左显示 */
.news_time {
    text-align: left; 
}
.layui-btn+.layui-btn{
    margin-left: 0 !important;
}
.imageList li{
    min-height: 280px;
}
}