html {
    font-size: 625%;
    scroll-behavior: smooth
}

body {
    font: 300 18px/170% Microsoft YaHei,sans-serif;
    color: #000;
    -webkit-text-size-adjust: 100%
}

a {
    color: #000
}

    a:hover {
        color: #0046ae;
        text-decoration: none
    }

.wrapper {
    width: 1200px;
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between
}

    .wrapper img {
        border-radius: 7px
    }

.column {
    font-size: 22px;
    padding: 0 0 18px 18px;
    box-sizing: border-box;
    line-height: 1em;
    color: #0046ae;
    border-bottom: 1px solid #eee;
    position: relative
}

    .column::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 20px;
        background: #0046ae
    }

.list {
    width: 860px
}

    .list li {
        padding: 18px 0;
        border-top: 1px solid #eee;
        display: flex
    }

        .list li:first-child {
            border: none
        }

        .list li:last-child {
            border-bottom: 1px solid #eee
        }

        .list li.has_img {
            padding: 25px 0
        }

        .list li a {
            flex-shrink: 0;
            line-height: 28px
        }

        .list li span {
            font-size: 14px;
            color: #999;
            white-space: nowrap;
            margin-left: 80px
        }

    .list img {
        width: 240px;
        margin-right: 30px
    }

    .list h3 {
        width: 100%;
        font-weight: 300;
        line-height: 30px
    }

        .list h3 span {
            margin: 0;
            line-height: 30px;
            font-size: 18px;
            color: #000
        }

    .list .show_more {
        display: none
    }

#autopage {
    padding-top: 40px;
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #eee
}

    #autopage a, #autopage span {
        display: inline-block;
        padding: 0 15px;
        line-height: 35px;
        border-radius: 7px
    }

    #autopage a {
        background: #f1f3fa
    }

        #autopage span, #autopage a:hover {
            background: #ff3333;
            color: #fff
        }

.read {
    width: 300px
}

    .read li {
        margin-top: 20px;
        font-size: 16px;
        gap: 10px;
        display: flex
    }

    .read img {
        width: 130px;
        border-radius: 7px
    }

    .read p {
        flex-shrink: 130;
        line-height: 25px
    }

@media screen and (max-width: 750px) {
    html {
        font-size: 312.5%
    }

    body {
        font: .34rem/130% "Microsoft YaHei",sans-serif;
        color: #000
    }

    .wrapper {
        width: 100%;
        flex-wrap: wrap;
        margin: 0
    }

        .wrapper img {
            border-radius: .1rem
        }

    .column {
        padding: 0 0 0 .45rem;
        border-bottom: none
    }

        .column::before {
            top: .44rem;
            height: .45rem
        }

    .list {
        width: 100%;
        padding: 0 .3rem;
        box-sizing: border-box
    }

        .list .column {
            font-size: .44rem;
            line-height: 1.3rem
        }

        .list li {
            padding: .3rem 0
        }

            .list li:first-child {
                border-top: 1px solid #eee
            }

            .list li h3 {
                font-weight: normal
            }

            .list li span {
                display: none
            }

        .list img {
            width: 2.7rem;
            margin-right: .27rem
        }

        .list #autopage {
            display: none
        }

        .list .show_more {
            width: calc(100% - .6rem);
            margin: .4rem auto .5rem;
            background: #f6f6f6;
            border-radius: .1rem;
            color: #999;
            font-size: .3rem;
            position: relative;
            line-height: .8rem;
            text-align: center
        }

            .list .show_more::after {
                content: "";
                position: absolute;
                width: .18rem;
                height: .18rem;
                border: .04rem solid #999;
                border-top: none;
                border-left: none;
                transform: rotateZ(45deg) translate(100%, 46%)
            }

    .read {
        width: 100%;
        padding: 0 .3rem;
        box-sizing: border-box;
        border-top: .1rem solid #eee
    }

        .read .column {
            font-size: .4rem;
            padding-top: .4rem
        }

        .read ul {
            margin-bottom: .4rem
        }

        .read li {
            margin: 0;
            padding: .4rem 0;
            box-sizing: border-box;
            font-size: .34rem;
            gap: .25rem;
            border-top: .01rem solid #eee
        }

            .read li:first-child {
                border-top: none
            }

        .read img {
            width: 2.7rem
        }
}
/*# sourceMappingURL=list.min.css.map */