.banner{background-image:url(../img/banner-bg-list.png);background-position:top;background-repeat:no-repeat;background-size:cover;height:140px}.banner .content{height:140px;position:relative}.banner .content h2{bottom:34px;color:#fff;font-size:32px;font-weight:700;left:0;position:absolute}.news .news-wrap ul li{align-items:center;border-bottom:1px dashed #844aaa;display:flex;justify-content:space-between;margin-top:30px;padding-bottom:30px}.news .news-wrap ul li:last-child{border:0}.news .news-wrap ul li .thumb{height:105px;overflow:hidden;width:160px}.news .news-wrap ul li .thumb img{width:100%}.news .news-wrap ul li .msg{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:20px}.news .news-wrap ul li .msg h5{color:#333;font-size:20px;margin-bottom:16px}.news .news-wrap ul li .msg time{color:#999;font-size:12px;margin-bottom:10px}.news .news-wrap ul li .msg p{color:#666;font-size:14px}.container{margin-left:auto;margin-right:auto;width:1140px}

/* ==========================================================================
   移动端响应式适配
   ========================================================================== */
@media screen and (max-width: 992px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    /* Banner区域 */
    .banner {
        height: 100px;
    }

    .banner .content {
        height: 100px;
    }

    .banner .content h2 {
        font-size: 22px;
        bottom: 24px;
    }

    /* 列表布局 */
    .news .news-wrap ul li {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .news .news-wrap ul li .thumb {
        height: 75px;
        width: 120px;
    }

    .news .news-wrap ul li .msg {
        margin-left: 12px;
    }

    .news .news-wrap ul li .msg h5 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .news .news-wrap ul li .msg time {
        font-size: 11px;
        margin-bottom: 6px;
    }

    .news .news-wrap ul li .msg p {
        font-size: 12px;
    }

    /* 分页 */
    .z-pages a {
        padding: 8px 10px;
        font-size: 13px;
    }
}

/* 超小屏幕适配 */
@media screen and (max-width: 576px) {
    .banner {
        height: 80px;
    }

    .banner .content {
        height: 80px;
    }

    .banner .content h2 {
        font-size: 18px;
        bottom: 20px;
    }

    .news .news-wrap ul li {
        flex-direction: column;
        align-items: flex-start;
    }

    .news .news-wrap ul li .thumb {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .news .news-wrap ul li .msg {
        margin-left: 0;
    }

    .news .news-wrap ul li .msg h5 {
        font-size: 14px;
    }
}