*{
    margin:0;
    padding:0;
    text-decoration: none;
}
.articleList{
}
ul,li{list-style: none;}
.articleList a{
    font-size:14px;
    color:#8a8a8a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.articleBar {}
.articleBar a{
    padding: 5px 0;
    display: block;
}
.articleBar .info span,.articleBar a h1{
    font-size: 14px;
    color: #8a8a8a;
    font-weight: 400;
}
.articleList li{
    padding: 5px 0;
}
.articleBar .info span{

}
.detailInfo .info span,.articleList .time span{font-size:12px;width:105px;display:inline-block;}
.detailInfo .info,.articleList .time{display: flex;}


.cont-artic-box{
        max-width: 1000px;
        margin: 20px auto;
        padding:0 10px;
}
.detailInfo{display: flex;align-items: center; justify-content: space-between;}

#daapp{
    display: flex;
    flex-wrap: wrap;
}
#daapp li{
    width:50%;
}
#daapp li a{
    display: flex;
    align-items: center;
}
#daapp li a .icon{
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-size: cover;
}
#daapp li a .name,#daapp li a .view{
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
}
#daapp li a .view{display: none;}
#daapp li a .name{margin:0 5px}
@media (max-width:768px){
    .articleList a,.detailInfo{display: block;}
    .detailInfo .info, .articleList .time{margin-top:10px;}
    .detailInfo h1, .articleBar a h1 {
        font-size: 16px;
    }
    #daapp li{width: 100%;}
}