.dy-container {
    min-height: calc(100vh - 84px);
    min-width: 1100px
}

    .dy-container .main-wrap {
        position: relative;
        width: 960px;
        margin: 0 auto
    }

    .dy-container .swiper-container {
        height: 510px
    }

        .dy-container .swiper-container .swiper-slide {
            position: relative
        }

            .dy-container .swiper-container .swiper-slide .pic {
                position: relative;
                display: block;
                width: 960px;
                height: 510px;
                overflow: hidden
            }

                .dy-container .swiper-container .swiper-slide .pic img {
                    position: absolute;
                    height: 510px;
                    min-width: 960px;
                    left: 50%;
                    transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%)
                }

            .dy-container .swiper-container .swiper-slide .info {
                position: absolute;
                display: inline-block;
                max-width: 830px;
                left: 0;
                bottom: 0;
                height: 140px;
                background-color: #fff
            }

            .dy-container .swiper-container .swiper-slide .column-info {
                float: left;
                margin-top: 28px;
                text-align: center
            }

                .dy-container .swiper-container .swiper-slide .column-info .display-b {
                    display: block;
                    position: relative
                }

                    .dy-container .swiper-container .swiper-slide .column-info .display-b img {
                        width: 50px;
                        height: 50px;
                        margin: 0 11px;
                        border-radius: 50%
                    }

                .dy-container .swiper-container .swiper-slide .column-info .title {
                    line-height: 16px;
                    color: #666;
                    border-bottom: 1px solid #ccc;
                    padding-top: 10px;
                    padding-bottom: 6px;
                    text-align: center;
                    font-size: 12px
                }

                    .dy-container .swiper-container .swiper-slide .column-info .title a {
                        color: #888
                    }

                        .dy-container .swiper-container .swiper-slide .column-info .title a:hover {
                            color: #cc1b1b;
                            text-decoration: underline
                        }

                .dy-container .swiper-container .swiper-slide .column-info .time {
                    line-height: 12px;
                    color: #bfbfbf;
                    padding-top: 8px;
                    font-size: 12px
                }

            .dy-container .swiper-container .swiper-slide .line {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACGCAMAAAArfhDbAAAAyVBMVEUSJiAQJR3T2N5gcWwTJyc8KRnQ1drM0teGhI5yhIlkdHN9fHFrdWxnb2xcbmpYc2hbbWhabWZVZ2FJPiwUKCEhIxvj4+ba4eXQ2N7JzNnDx9PH0NG1wMjMxsWlt7mWraqGoJ2EiJB5kY93hI96hIeQgHlqfHRpenRgZ3B2em9ieG98dmxibGtnc2dec2d0amJbaWBfaF9tXldlU05aS0AoOj4zKzhPRTVQOzAYLC4vFipBNiM8MBsyJhsnKRo6JBYIERYuJRUXAQvtTB4lAAAAh0lEQVQY043JR1JCARAE0PdFRRERFMw5KznneP9DMTuKYsO8mu5F+3Aa3r168ezRvTtpx+Fgy60b1558GZgqoevXm08ZOSlZ55oaCvIuQ0FKTj4yE0sl+se3fxehpirrz1koq2tp6+i7CmMTR4K5pZmSlZETaQ+RPQuHhvFBEYl9L9lBUbLZ1xn7CbJC07kaAAAAAElFTkSuQmCC);
                background-size: 100% 100%;
                width: 1px;
                height: 134px;
                float: left;
                margin-left: 20px;
                margin-right: 30px
            }

            .dy-container .swiper-container .swiper-slide h3 {
                margin-top: 33px;
                padding: 0 25px
            }

                .dy-container .swiper-container .swiper-slide h3 a {
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-family: Microsoft YaHei;
                    font-size: 40px;
                    line-height: 50px;
                    font-weight: 700;
                    color: #252525;
                    text-decoration: none
                }

                    .dy-container .swiper-container .swiper-slide h3 a:hover {
                        color: #cc1b1b;
                        text-decoration: underline
                    }

                    .dy-container .swiper-container .swiper-slide h3 a:visited {
                        color: #888
                    }

            .dy-container .swiper-container .swiper-slide .intro {
                padding: 15px 25px 0;
                margin-left: 95px;
                font-size: 14px;
                color: #666;
                line-height: 24px;
                max-width: 645px;
                min-width: 645px
            }

    .dy-container .swiper-pagination {
        position: relative;
        width: 100%;
        margin-top: 34px;
        text-align: center
    }

    .dy-container .swiper-area {
        position: relative;
        margin-bottom: 34px
    }

        .dy-container .swiper-area:hover .arrow {
            display: block
        }

        .dy-container .swiper-area .arrow {
            display: none;
            position: absolute;
            height: 126px;
            width: 25px;
            top: 192px;
            z-index: 10
        }

            .dy-container .swiper-area .arrow span {
                display: block;
                height: 126px;
                width: 25px;
                background-image: url(../../static/images/sprite.c8497b0.png);
                background-repeat: no-repeat;
                background-size: auto;
                cursor: pointer
            }

        .dy-container .swiper-area .pre-arrow {
            left: 16px
        }

            .dy-container .swiper-area .pre-arrow span {
                background-position: -119px -84px
            }

        .dy-container .swiper-area .next-arrow {
            right: 16px
        }

            .dy-container .swiper-area .next-arrow span {
                background-position: -147px -84px
            }

    .dy-container .prior-sec {
        position: relative;
        width: 900px;
        margin: 0 auto 61px;
        border-top: 6px solid #888
    }

        .dy-container .prior-sec > h2 {
            margin-top: 20px;
            margin-bottom: 55px;
            font-family: Microsoft Yahei;
            font-size: 28px;
            font-weight: 700;
            color: #888;
            line-height: 28px
        }

        .dy-container .prior-sec .prior-list {
            display: block;
            width: 900px;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box
        }

            .dy-container .prior-sec .prior-list li {
                display: block;
                float: left;
                width: 450px;
                border-right: 1px solid #ddd;
                padding-bottom: 51px
            }

                .dy-container .prior-sec .prior-list li:nth-child(2n) {
                    width: 409px;
                    margin-left: 40px;
                    border-right: none
                }

                    .dy-container .prior-sec .prior-list li:nth-child(2n) .des p {
                        width: 100%;
                        max-width: 100%
                    }

                .dy-container .prior-sec .prior-list li .avator {
                    position: relative;
                    float: left;
                    width: 70px;
                    height: 70px;
                    border-radius: 50%;
                    overflow: hidden;
                    cursor: pointer
                }

                    .dy-container .prior-sec .prior-list li .avator img {
                        width: 70px;
                        height: 70px;
                        border-radius: 50%
                    }

                .dy-container .prior-sec .prior-list li .des {
                    position: relative;
                    margin-left: 114px
                }

                    .dy-container .prior-sec .prior-list li .des a {
                        display: block;
                        color: #252525;
                        font-size: 14px;
                        font-weight: 700;
                        line-height: 24px;
                        height: 24px;
                        width: 100%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap
                    }

                    .dy-container .prior-sec .prior-list li .des p {
                        height: 48px;
                        max-width: 90%;
                        font-size: 14px;
                        line-height: 24px;
                        color: #666;
                        overflow: hidden;
                        text-align: justify;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        display: -webkit-box
                    }

        .dy-container .prior-sec .post_recommend_news_hot {
            width: 900px;
            -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden
        }

            .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new {
                display: block;
                float: left;
                width: 450px;
                border-right: 1px solid #ddd;
                padding-bottom: 5px
            }

                .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new:nth-child(2n) {
                    width: 409px;
                    margin-left: 40px;
                    border-right: none
                }

                .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new h3 {
                    position: relative;
                    padding-left: 12px;
                    overflow: hidden
                }

                    .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new h3 a {
                        display: block;
                        font-size: 14px;
                        font-weight: 700;
                        height: 24px;
                        line-height: 24px;
                        max-width: 95%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap
                    }

                    .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new h3:after {
                        content: "";
                        background: #ccc;
                        width: 4px;
                        height: 4px;
                        border-radius: 4px;
                        -moz-border-radius: 4px;
                        -o-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        margin-top: -2px
                    }

    .dy-container .article-sec {
        width: 900px
    }

        .dy-container .article-sec .article-list {
            border-top: 1px solid #ddd
        }

            .dy-container .article-sec .article-list > li {
                padding-top: 40px;
                border-bottom: 1px dashed #ddd
            }

            .dy-container .article-sec .article-list .column-left {
                float: left;
                width: 72px;
                text-align: center
            }

                .dy-container .article-sec .article-list .column-left .avator {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    overflow: hidden
                }

                    .dy-container .article-sec .article-list .column-left .avator img {
                        width: 50px;
                        height: 50px;
                        border-radius: 50%
                    }

                .dy-container .article-sec .article-list .column-left .name {
                    display: block;
                    width: 72px;
                    height: 32px;
                    line-height: 32px;
                    font-size: 12px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .dy-container .article-sec .article-list .column-left .time {
                    padding-top: 8px;
                    color: #bfbfbf;
                    line-height: 12px;
                    border-top: 1px solid #ccc
                }

            .dy-container .article-sec .article-list .column-center {
                float: left;
                width: 490px;
                margin-left: 47px;
                margin-right: 36px
            }

                .dy-container .article-sec .article-list .column-center h3 a {
                    display: inline-block;
                    width: 95%;
                    height: 26px;
                    font-family: Microsoft YaHei;
                    font-size: 24px;
                    line-height: 26px;
                    vertical-align: middle;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden
                }

                .dy-container .article-sec .article-list .column-center .intro {
                    margin-top: 23px;
                    margin-bottom: 36px;
                    min-height: 24px;
                    font-size: 14px;
                    line-height: 24px;
                    color: #666
                }

            .dy-container .article-sec .article-list .column-right {
                position: relative;
                display: block;
                width: 255px;
                height: 177px;
                margin-bottom: 8px;
                overflow: hidden
            }

.column-right img {
    max-width: 250px;
    max-height: 170px;
    padding-top: 2px;
}

@media screen and (min-width: 1450px) {
    .dy-container .main-wrap, .dy-container .swiper-container .swiper-slide .pic {
        width: 1200px
    }

        .dy-container .swiper-container .swiper-slide .pic img {
            width: 100%
        }

    .dy-container .swiper-area .pre-arrow {
        left: -54px;
        width: 54px
    }

        .dy-container .swiper-area .pre-arrow span {
            background-position: -61px -84px
        }

    .dy-container .swiper-area .next-arrow {
        width: 54px;
        right: -54px
    }

        .dy-container .swiper-area .next-arrow span {
            position: absolute;
            right: 0;
            background-position: -91px -84px
        }

    .dy-container .prior-sec, .dy-container .prior-sec .prior-list {
        width: 1000px
    }

        .dy-container .prior-sec .prior-list li {
            width: 500px
        }

            .dy-container .prior-sec .prior-list li:nth-child(2n) {
                margin-left: 100px;
                width: 400px
            }

        .dy-container .prior-sec .post_recommend_news_hot {
            width: 1000px
        }

            .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new {
                width: 500px
            }

                .dy-container .prior-sec .post_recommend_news_hot .post_recommend_new:nth-child(2n) {
                    margin-left: 30px;
                    width: 470px
                }

    .dy-container .article-sec {
        width: 1000px;
        margin: 0 auto 61px
    }

        .dy-container .article-sec .article-list .column-center {
            width: 590px
        }
}

body, dd, dl, dt, h2, h3, html, li, p, ul {
    margin: 0;
    padding: 0
}

body, html {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

h2, h3 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

a {
    color: #252525
}

.dy-container a:visited {
    color: #888 !important
}

.dy-container a:hover {
    color: #cc1b1b !important;
    text-decoration: underline
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body, html {
    width: 100%;
    height: 100%
}

body {
    position: relative;
    font-size: 12px;
    font-family: "\u5b8b\u4f53",sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -webkit-user-select: none
}

.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."
}

body, dd, div, dl, dt, h2, h3, html, li, p, ul {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

:link img, :visited img, a img, img {
    border: 0
}

a {
    text-decoration: none
}

.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block
}

.clearfix:after {
    visibility: hidden;
    content: "."
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    margin-left: 10px;
}