
/* 基础设置 */
.container{
    width: 90%;
    margin: 0 auto;
    display: flex;
}

@media screen and (min-width:1000px) {
    .container{
        width: 80%;
        margin: 0 auto;
        display: flex;
    } 
}

/* #region 内容列表 */
.buzz_box {
    padding-top: 60px;
}

.buzz_list {
    display: flex;
    flex-wrap: wrap;
}

.buzz_box a{
    text-decoration: none; /* 去除下划线 */
}


.buzz_item {
    min-height: 300px;
    padding:0;
    border: 1px solid #ccc;
    box-shadow: 2px 3px 10px #ccc;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
}

.buzz_item img{
    float: left; 
    width: 100%;
    height: 200px;
    object-fit:cover;
}

@media screen and (min-width:1050px) {
    .buzz_item img{
        width: 45%;
        height: 300px;
    }   
}

.buzz_list_content{
    margin-left: 20px;
    width: 100%;  
}

@media screen and (min-width:1050px) {
    .buzz_list_content{
        margin-left: 20px;
        width: 52%;  
    } 
}

.buzz_item h3{
    color: var(--buzz-list-title-color, #344999);
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;  
}

.buzz_item h3 span{
    float: right;
    color: #999;
    margin-right: 10px;
    font-size: 16px;
    font-weight: normal;
}

.buzz_item p{
    padding-right: 10px;
    color: #888;
    font-size: medium;
    font-family: cursive sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical ;
}
/* #endregion 内容列表 */

