.msele_colum {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
}
.msele_colum span {
    padding: 5px 10px;
    background: #eee;
    margin: 4px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}

.msele_colum .active{
    background-color: var(--main-color)!important;
    color: #ffffff!important;
}
.art_colum{float:left;width:100%}

.art_colum li{float:left;width:100%;    padding: 10px 0;border-bottom:1px solid #ececec}

.art_colum li .left{float:left;width: 102px;   height: 102px;margin-right: 16px;}

.art_colum li .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.art_colum li .right{float:right;width:calc(100% - 120px);}

.art_colum li .full{
    float: left;
    width: 100%;
}

.art_colum li .name{
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 4px;
    font-weight: 700;
    max-height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    color: #000;
    width: 100%;
}

.art_colum li  .jianjie {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 60px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    
        margin-top: 10px;
        float: left;
}