/* artlist */
.art-title{
    height:40px;
    font-size:20px;
    border-bottom:1px solid #F8F8F8;
    line-height:38px;
    position:relative;
    margin-bottom:23px;
}
.art-title::before{
    content:"";
    position:absolute;
    bottom:0px;
    width:56px;
    height:2px;
    background:#A9281C;
    left:14px;
}
.art-card{
    display:flex;
    margin-bottom:20px;
    padding:33px 33px 33px 0;
    min-height:136px;
    border-radius:5px;
    border: 1px solid #F3F3F3;
    cursor:pointer;
}
.art-card:hover{
    box-shadow:#ebebeb 0 0 5px;
}

.c-time{
    width:141px;
    text-align:center;
}
.c-year{
    font-size:28px;
    margin-bottom:23px;
    
    line-height: 23px;
}
.c-month{
    font-size:18px;
    color:#999;
}
.c-content{
    flex:1;
    padding-right:60px;
    position:relative;
}
.c-title{
    font-size:18px;
    line-height: 20px;
    margin-bottom:23px;
}
.c-summary{
    font-size:14px;
    color:#999;
    line-height: 20px;
}
.c-content::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-12px);
    background:url(../imgs/arrow3.png) no-repeat center center #A9281C;
    height:24px;
    width:45px;
}

/*article*/
.article-content{
    width:995px;
    margin:0 auto 60px auto;
    padding-top:24px;
}
.article-previous{
    float:left;
}
.article-next{
    float:right;
    text-align:right;
}
.article-page>a{
    width:48%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.article-title{
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom:26px;
    text-align:center;
}
.article-time{
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
    text-align:center;
    padding-bottom:28px;
    height: 14px;
    border-bottom:1px solid #E7E7E7;
    margin-bottom:28px;
    box-sizing: content-box;
}

.article-main-content img{
    max-width:100%;
}
/* @media start */
@media (max-width: 750px){

    .article-content{
        width: 100%;
    }

    .article-content img{
        max-width: 100%;
        max-height: 28vh;
        display: block;
        margin: auto;
    }
    
    .article-title {
        line-height: initial;
        
    }


}    
/* @media over*/