@charset "UTF-8";

.news-page .main-content > .container-fluid > .row {
    padding: 0;
}

.news-page .main-content .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: .5rem;
    color: #2d282f;
    padding: 0 .4rem;
}

    .news-page .main-content .header > p {
        font-size: .36rem;
        background: #f0a683;
        font-weight: 400;
    }

    .news-page .main-content .header > span {
        font-size: 1rem;
    }

.news-page .main-content .news-list {
    padding: 0;
}

    .news-page .main-content .news-list > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .3rem;
        padding: .1rem;
    }
    .news-page .main-content .news-list > li:nth-child(Odd) {
        clear: left;
    }

        .news-page .main-content .news-list > li .img {
            -webkit-box-flex: 50%;
            -webkit-flex: 50%;
            -ms-flex: 50%;
            flex: 50%;
        }

            .news-page .main-content .news-list > li .img img {
                max-width: 100%;
                border-radius:6px;
            }

        .news-page .main-content .news-list > li .txt {
            -webkit-box-flex: 50%;
            -webkit-flex: 50%;
            -ms-flex: 50%;
            flex: 50%;
            padding-left: .3rem;
        }

            .news-page .main-content .news-list > li .txt > h3 > a {
                font-size: .24rem;
                color: #2d282f;
                text-decoration: none;
            }

            .news-page .main-content .news-list > li .txt > h4 {
                font-size: .22rem;
                color: #999;
                margin-top:.1rem;
            }

            .news-page .main-content .news-list > li .txt > p {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: .5rem;
                padding-right: .5rem;
                font-size: .2rem;
                color: #2d282f;
            }

            .news-page .main-content .news-list > li .txt > p > span{
                color: #9c9c9c;
            }

                .news-page .main-content .news-list > li .txt > p > a {
                    color: #9c9c9c;
                    text-decoration: none;
                }

@media (min-width:768px) {
    .news-page .main-content .header {
        padding: 0;
    }

        .news-page .main-content .header > p {
            font-size: .32rem;
            background: #f0a683;
            font-weight: 400;
        }

    .news-page .main-content .news-list {
        padding: .2rem .6rem;
    }

        .news-page .main-content .news-list > li .txt > h3 > a {
            font-size: .24rem;
        }

        .news-page .main-content .news-list > li .txt > h4 {
                font-size: .16rem;
            }

        .news-page .main-content .news-list > li .txt > p {
            font-size: .16rem;
            padding-right: 0;
        }
}

@media (max-width:767px) {
    .news-page .main-content .header {
        padding: 0;
    }

        .news-page .main-content .header > p {
            font-size: .38rem;
            background: #f0a683;
            font-weight: 400;
        }

    .news-page .main-content .news-list {
        padding: 0;
    }

        .news-page .main-content .news-list > li .txt > h3 > a {
            font-size: .32rem;
        }

        .news-page .main-content .news-list > li .txt > h4 {
                font-size: .28rem;
            }

        .news-page .main-content .news-list > li .txt > p {
            font-size: .24rem;
            padding-right: 0;
        }
        .news-page .main-content .news-list > li .img {
            -webkit-box-flex: 45%;
            -webkit-flex: 45%;
            -ms-flex: 45%;
            flex: 45%;
        }
        .news-page .main-content .news-list > li .txt {
            -webkit-box-flex: 55%;
            -webkit-flex: 55%;
            -ms-flex: 55%;
            flex: 55%;
            padding-left: .3rem;
        }
}

@media (min-width:992px) {
    .news-page .main-content .news-list {
        padding: .2rem .6rem;
    }

        .news-page .main-content .news-list > li .txt {
            padding: 0 .5rem 0 .3rem;
        }

            .news-page .main-content .news-list > li .txt > p {
                padding-right: 0;
            }
}

@media (min-width:1200px) {
    .news-page .main-content .header {
        padding: 0 .7rem;
    }

    .news-page .main-content .news-list {
        padding: .2rem .6rem;
    }

        .news-page .main-content .news-list > li .txt {
            padding: 0 .5rem 0 .3rem;
        }

            .news-page .main-content .news-list > li .txt > p {
                padding-right: 0;
            }
}