@charset "utf-8";

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
    width: 100%;
}

a {
    text-decoration: none;
    color: #000
}

    a:hover {
        text-decoration: none;
    }

body {
    color: #000;
}

html, body {
    background: #fafafa;
    margin: 0 auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    font-family: none;
}

.clear, .con {
    zoom: 1;
}

    .clear:after, .con:after {
        content: '';
        clear: both;
        display: block;
    }

input {
    border: 0px;
    outline: none;
}

h3, h4 {
    font-weight: normal;
}

.all-con {
    padding-bottom: 1.333333rem;
    overflow: hidden;
}

.container-article {
    padding: .7rem .1rem .48rem .1rem;
    background: #fff;
}

.container-title {
    position: relative;
    padding-top: .2rem;
}

    .container-title h3 {
        font-size: .25rem;
        color: #222222;
        letter-spacing: 1px;
        margin-bottom: .2rem;
    }

    .container-title .metadata-info {
        margin-bottom: .3rem;
        overflow: hidden;
        height: .2rem;
    }

        .container-title .metadata-info span {
            font-size: .15rem;
            color: #8E8E93;
            letter-spacing: 0;
        }

            .container-title .metadata-info span.source {
                margin: .1rem;
            }

                .container-title .metadata-info span.source a {
                    color: #8E8E93;
                }

        .container-title .metadata-info .font {
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .container-title .metadata-info .font span {
                font-size: .373333rem;
                color: #4A4A4A;
            }

                .container-title .metadata-info .font span:nth-of-type(1) {
                    display: inline-block;
                    width: .4rem;
                    height: .32rem;
                    background: url(//t1.huanqiucdn.cn/3f5b0bfcf2d4c601acc391f05b59026f.png) no-repeat center;
                    background-size: 100%;
                }

                .container-title .metadata-info .font span:nth-of-type(1) {
                    margin-right: .106667rem;
                }

.content {
    overflow: hidden;
}

    .content p {
        margin-bottom: .3rem;
        font-size: .2rem;
        color: #383838;
        letter-spacing: 1.2px;
        line-height: .3rem;
    }

    .content.active p {
        font-size: .56rem;
        line-height: .8rem;
    }

    .content p video {
        width: 100%;
    }

    .content p img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .content p.pic-con img {
        margin-bottom: .213333rem;
    }

    .content p.pic-con span {
        display: inline-block;
        border-left: .08rem solid #B71C17;
        font-size: .373333rem;
        color: #8E8E93;
        letter-spacing: 0;
        line-height: .586667rem;
        padding-left: .213333rem;
    }

.unfold-field {
    position: relative;
    padding-bottom: .426667rem;
    width: 100%;
    text-align: center;
    display: none;
}

    .unfold-field .content-more-btn span {
        font-size: .4rem;
        color: #343434;
    }

    .unfold-field .content-more-btn .icon-more {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        background: url(//t1.huanqiucdn.cn/2019m_huanqiu/images/more-btn.png) no-repeat center;
        background-size: 100%;
        vertical-align: baseline;
    }

    .unfold-field .shade {
        position: absolute;
        width: 100%;
        height: 1.333333rem;
        top: -1.253333rem;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .0)), to(rgba(250, 250, 250, 1)));
        background-image: linear-gradient(-180deg, rgba(255,255,255,0.0) 0%, #FFFFFF 50%);
    }