@charset "utf-8";

/** 新闻列表部分 **/
.main {
    width: 100%;
    margin-top:3rem;
    margin-bottom:3rem;
}
.main:after {
    content:' ';
    clear:both;
    display:block;
}

/** news list **/
.news-list {
    width: 100%;
    margin: 0 auto;
}

    .news-list:after {
        content: ' ';
        clear: both;
        display: block;
    }

    .news-list > ul:after {
        content: ' ';
        clear: both;
        display: block;
    }

    .news-list ul li {
        float: left;
        width: calc((100% - 3rem) / 3 - 20px);
        background: #fff;
        margin-right: 1.5rem;
        margin-bottom: 3.5rem;
        padding-left: 10px;
        padding-right: 10px;
    }

        .news-list ul li:nth-child(3n) {
            margin-right: 0;
        }

        .news-list ul li > a {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

            .news-list ul li > a img {
                width:100%;
                height: unset;
                margin-top:5rem;
                margin-bottom:1rem;
            }

            .news-list ul li > a > span {
                display: inline-block;
                width: 100%;
                margin-top: 1rem;
                padding-bottom:4rem;
                border-bottom: 1px solid #dadada;
                font-size:1.5rem;
                font-weight:bold;
            }

            .news-list ul li > a:hover > span {
                color: #d13434;
            }

            .news-list ul li > a > p {
                line-height:5.5rem;
                font-size:1.4rem;
            }


/** 详情 **/
.container .info > .con {
    width:calc(100% - 6rem);
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin-bottom: 6rem;
    padding:3rem;
    background: #f7f7f7;
}
.container .info > .con span,
.container .info > .con p,
.container .info > .con div{
    white-space:unset !important;
}
.container .info > .con img {
    width:90%;
    height:unset;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}

/*
手机端
*/
@media screen and (max-width:640px) {
    .main{
        margin-top:1.5rem;
        margin-bottom:1rem;
    }
    .news-list ul li{
        width:calc((100% - 1rem) / 2 - 20px);
        margin-right:1rem;
        margin-bottom:1.5rem;
    }
    .news-list ul li:nth-child(3n){
        margin-right:1rem;
    }
    .news-list ul li:nth-child(2n){
        margin-right:0;
    }
    .news-list ul li > a img{
        margin-top:2rem;
    }
    .news-list ul li > a > span{
        padding-bottom:1rem;
        font-size:1.2rem;
        height:4rem;
    }
    .news-list ul li > a > p{
        line-height:3rem;
        font-size:1rem;
    }

    .container > .main > .tit{
        padding-top:0;
    }
    .container .info > .con{
        width:calc(100% - 2rem);
        padding:1rem;
        margin-bottom:1rem;
    }
    .container .info > .con img{
        width:100%;
        margin-top:0;
    }
}