/* =========================
新闻列表页
========================= */


.article-list-page {

    max-width:1200px;

    margin:0 auto;

    padding:30px 0 50px;

}



/* 面包屑 */

.ep-breadcrumb {

    max-width:1200px;

    margin:20px auto;

    font-size:14px;

    color:#888;

}


.ep-breadcrumb a {

    color:#666;

}


.ep-breadcrumb span {

    margin:0 8px;

}



/* 页面标题 */

.list-header {

    text-align:center;

    padding:35px 0;

}


.list-header h1 {

    font-size:32px;

    color:#222;

    margin-bottom:15px;

}


.list-header p {

    color:#777;

    font-size:15px;

}



/* =====================
文章列表
===================== */


.article-list {

    border-top:1px solid #eee;

}



.article-item {

    padding:28px 0;

    border-bottom:1px solid #eee;

    transition:.3s;

}



.article-item:hover {

    padding-left:10px;

}



/* 标题 */

.article-item h2 {


    margin:0 0 12px;


    font-size:21px;


    font-weight:600;


}



.article-item h2 a {


    color:#222;


    text-decoration:none;


}



.article-item h2 a:hover {


    color:#1677ff;


}



/* 摘要 */


.article-desc {


    color:#666;


    font-size:15px;


    line-height:1.8;


    margin-bottom:15px;


}



/* 信息 */


.article-meta {


    font-size:13px;


    color:#999;


}



.article-meta span {


    margin-right:25px;


}



/* 分页 */


.page-box {


    text-align:center;


    padding:40px 0;


}



.page-box a,


.page-box span {


    display:inline-block;


    padding:8px 15px;


    margin:0 4px;


    border:1px solid #ddd;


    color:#555;


}



.page-box .active {


    background:#1677ff;


    color:#fff;


    border-color:#1677ff;


}



/* =====================
移动端
===================== */


@media(max-width:768px){


.article-list-page {


    padding:20px 15px;


}



.list-header h1 {


    font-size:24px;


}



.article-item {


    padding:22px 0;


}



.article-item h2 {


    font-size:18px;


}



.article-desc {


    display:-webkit-box;


    -webkit-line-clamp:2;


    -webkit-box-orient:vertical;


    overflow:hidden;


}



.article-meta {


    font-size:12px;


}



.page-box a,


.page-box span {


    padding:6px 10px;


}


}