.main{width:1200px;margin:5px auto 15px auto;}
.info{border:1px solid #eaeaea;display:flex;padding:10px 50px;}
    .info .avatar{width:140px;margin-right:50px;font-size:18px;font-weight:bold;line-height:38px;}
    .info img{width:140px;heght:140px;border-radius:70px;}
    .info ul{flex:1;display:flex}
        .info ul li{flex:1;font-size:18px;;line-height:48px;margin-top:25px;}
            .info ul li i{font-size:32px;color:#454545}
            .info ul li span{font-size:14px;color:#999}
.article-list{margin:15px 0;border:1px solid #eaeaea;border-bottom:none;}
    .article-list ul{}
    .article-list li{text-align:left;padding:10px;border-bottom:1px solid #eaeaea;display:flex}
        .article-list li .li-thumb{width:180px;height:110px;}
            .article-list li .li-thumb img{width:180px;height:110px;}
        .article-list li .dbody{margin-left:10px;flex:1}
            .article-list li .li-title{font-size:14px;}
                .article-list li .li-title img{margin-right:10px;}
            .article-list li p{color:#999;padding:10px 0;line-height:24px;height:48px;}
            .article-list li .p1{width:150px;display:inline-block}
            .article-list li .p2{width:120px;display:inline-block}
            .article-list li i{color:#454545}