.lineDiv{
    background-color: #f0f3f5;
    width: 100%;
    height: 0.5rem;
}
.cateDiv{
    width: 100%;
    display: flex;
    flex-flow: wrap;
    /* margin-top: 0.5rem; */
    align-items: center;
}
.singleCate{
    width: 33.33%;
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    box-sizing: border-box;
}
.singleCate > img{
    width: 50%;
    margin: 0 auto;
    display: block;
}
.singleCate > span{

}
.singleCate > div{
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.cate9{
    width: 100%;
}
.cate9Info{
    /* width: 100%; */
    /* margin: 0 auto; */
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 2.5%;
    border-bottom: 1px solid #cecece;
    align-items: center;
}
.cate9Info > div:nth-child(1){
    /* width: 100%; */
    display: flex;
    align-items: center;
}
.cate9Info > div:nth-child(1) > img{
    width: 2rem;
}
.cate9Info > div:nth-child(1) > span{
    /* width: 100%; */
    font-size: 2rem;
    color: #000;
}
.cate9Info > div:nth-child(1) > div{
    /* width: 100%; */
    margin-left: 0.5rem;
}
.cate9Info > div:nth-child(2){
    /* width: 100%; */
    font-size: 0.9rem;
}
.singleArt{
    /* width: 96%; */
    display: flex;
    border-bottom: 1px solid #cecece;
    margin: 0 auto;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    justify-content: space-between;
}
.singleArt > img{
    width: 7rem;
    height: calc(21rem / 4);
}
.singleArt > div{
    position: relative;
    width: calc(100% - 7.5rem);
    margin-left: 0.5rem;
}
.singleArt > div >div:nth-child(1){

display: -webkit-box;

overflow: hidden;

text-overflow: ellipsis;

word-wrap: break-word;

white-space: normal !important;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;
}
.singleArt > div >div:nth-child(2){

/* position: absolute; */

/* bottom: 0; */

/* right: 0; */

font-size: 0.8rem;

color: #3f7fb9;

width: 100%;

text-align: right;
}