* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

.video-player, .wx-share-launch {
    position: relative
}

.video-player {
    width: 100%;
    height: 5.628rem;
    background: #000;
    overflow: hidden
}

.video-player-shade {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

    .video-player-shade .shade-style {
        width: 100%;
        height: 100%;
        position: relative
    }

        .video-player-shade .shade-style img {
            width: 100%;
            height: 100%
        }

        .video-player-shade .shade-style .play-btn {
            width: 1.159rem;
            height: 1.159rem;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            z-index: 96;
            background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAKlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAKCgr39/f///+oqKji4uL+/v7///+EEjHgAAAADXRSTlMAAwYKEBUbIp3oQm7HZVoj5wAABIdJREFUaN7tmktS3DAQhjM3MNxg4AZINxDcgPENxhDYj8MFQiqPfUJgm0kW2YaqVLFNCqqyxzC6S9RqPeyxRg9byWp6xYav/n7I0+rWixdb21rXJjtoRRYK2nDOzrrlkDPcQRdnEEn/6x7aYFIXAzYdRELHdvc6NoDU4hC0AyuqSHUMOPvE2IEhJQratXIkh5B0ko4zIqgw/CuZ1OIwdiiNdkhFvGe7GB96aIyqQCWQUBBw2GHblKb41KEgpedohib+ZCyNNNGCQM/M2PGapljPUBAQ5pUwJYqmkKRn+yLrwCnLSpkkMdQUVQQTLUjqqawhiUWnToKkoCPgnL2/b67f1UCaa01xpAl6JgWV1dcbDvZxWRsSagqnTnkGgsrqFVf22CJFFoEBCcfOb7gh1fUCSMfRqUPPmBR0x619tqSo1MkQoWfVKW/bgyTNlKaDEAlBImdC0IcOiF8aUkzqJhgi8Oy8y+HNbV3LeooqJ6wiCFF1sQbiq6UlkVARqHJ0eIZFUKsiCKZOx3pWnvG+PddIOtbltDngCOrnrF8E1JIKL+ilC9QuAm/qbNKq706QKYLuqXOCIGnOWPeKwAa8cIMg1id/3CBVBK3UTV2SIkBwfmt76g7ckhRIhOjkZhOolToIk1sSgMRJAxDfbFc24NI5h6SJyX7tAfG3hkSNc4NAzWU7TOhc4QSVfpAqAhUmlDQMBEWgnDNRcoFmQRB+xI2knm8GdBICQRGAc1ZS0TuzNAoE51c415LkOPxRIHF+F0aSA7Qfq4jzWyOp51saqFlqSdK34SBRBFIS7ftmD38UiD9LSUzlbQSIX0pJ4JsbVMWCmi8aNB2niF9p37rRTlbEV4sqD4i/Rt8g2uNAT9VcR3scqIEg0Qwg/kNGOwPoV6VBO+NAT5U8bt1CGgJ6FmljOUCPuUArVUijQQ0W0hb0P4KdLf3ZChKOCPy0jQZlO7S5PiMr+LDl+EI+5/rU5vr4N/6fo2w/kGXaTzbd+JMd7drvQBOR2NYwR1uT1Gg9LpUgR6OVAlqp1o9uaP1iu9pGN6NkZDOq22Pqbo+j+2zTsBNHwz7kCkFdV4jES01HUDHymkV916yUix/xXvwCV1FuOChoOhRkL8dk4+V4B6Y+gev6gxwh6PnIhuu6OLU0PECwAfIMEFRp3/hHGq3xn2ekETlkIaEhCwmMfRZ2bOsb++zh0O8uOIginkFUazR24U1Ydz5abADJtJ36E9YOUDFmfEhYaHwYGGiqQBMWHGhi2oRv3zyJD8/ZbdqcQ9+Tqoyc/E9skDxjaBo1hs44GMcguUb1s+hRvVoeUM/ygMQuD0LrDBa9zvAvWEjkgkWtfFBSWZ29uf90/VOkfcjKR/rGQNIc908gp5ylcaxvuF7TazHFofFrMbOoY0AqQdV8Xg5Z1PVXh6VaHbK01eFELzMpWVtm0sS1qFmvSpKxZE5r4dsmEZq+OrYraEqIXvaydE57Ka734XTQUry7phexYcOW6/keDuR7ypDtcUW+5x75HqDkexKT7ZFOvmdDGR8y5XtatbV/Zn8B7X41Zz8UNugAAAAASUVORK5CYII=);
            background-size: cover
        }

        .video-player-shade .shade-style .video-play-bottom {
            position: absolute;
            right: .29rem;
            bottom: .29rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            z-index: 98
        }

            .video-player-shade .shade-style .video-play-bottom .bottom-play {
                height: .362rem;
                font-family: PingFangSC-Regular;
                font-size: .362rem;
                font-weight: 400;
                line-height: .362rem;
                color: #fff
            }

            .video-player-shade .shade-style .video-play-bottom .bottom-play {
                margin-right: .137rem
            }

        .video-player-shade .shade-style .bottom-bg {
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 97;
            height: 1.763rem;
            width: 100%;
            background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,#000));
            background-image: -webkit-linear-gradient(top,transparent,#000 70%);
            background-image: linear-gradient(180deg,transparent,#000 70%);
            opacity: .7
        }

.video-info {
    position: relative;
    overflow: hidden;
    margin: .338rem .362rem .201rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.video-dema-title {
    width: 100%;
    min-height: .66rem;
    font-family: PingFangSC-Medium;
    font-size: .475rem;
    line-height: .66rem;
    color: #1a1a1a;
    padding-right: .483rem;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 800;
}

.video-info-title {
    width: 100%;
    min-height: .66rem;
    font-family: PingFangSC-Medium;
    font-size: .435rem;
    line-height: .66rem;
    color: #1a1a1a;
    padding-right: .483rem;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: .845rem;
    padding: 0 .362rem;
    margin-top: .443rem
}

    .author-info .author-info-avatar {
        position: relative;
        width: .845rem;
        height: .845rem;
        border-radius: 50%;
        background: #999
    }

        .author-info .author-info-avatar img {
            display: block;
            width: .845rem;
            height: .845rem;
            border-radius: 50%
        }

        .author-info .author-info-avatar span {
            position: absolute;
            right: 0;
            bottom: 0;
            width: .29rem;
            height: .29rem
        }

            .author-info .author-info-avatar span.yellow {
                background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTP///////////////////////////f////////////+4IP/////z1//56//HT//dk//VeP/LXf/BPP/ot92aslMAAAALdFJOUwCQO8VW2AP7vRCi2aItJQAAATtJREFUOMuNVOEawxAM1I3SiqLr+z/rEorYbJ/70amlyd0lCMGwyd0orZXZ5SbGkEYDIj1AGzkIeTzTn3A4d+TV8/ERsi607YK3CT44el/WjoyhkNMynBRmGLVNIYloPxCRnapRK+Y5vP2CR3KmVEQ+x8sO8MKo5daFtbwdwmPFrBG1R/sDEZ1IHqIu+xOokVxF1kU7K1qWJ3JH+bokQpquJShSHOiNqoX8GtC9Ky8v4LtS7AC+BeW1hxaE650olRrUWHezhaPsEinVXiMliO23fKqEZgbcGWrGwrwLOhOXxO3sgli5rCqN5tX2qBwjjlbl2QXN+k3EmwXVhiq/WiC7rUSaE8hmbrrrby+/tIU3+LaBf5Qb/DUqIQxGZWro5sZ36iDMHampwzl3zOcujLmrh11i8OcS+3cdvgHSEi5p2cfe+QAAAABJRU5ErkJggg==);
                background-size: cover
            }

    .author-info .author-info-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: .193rem;
        padding-top: .072rem
    }

    .author-info .author-info-name {
        height: .362rem;
        font-family: PingFangSC-Medium;
        font-size: .362rem;
        line-height: .362rem;
        color: #1a1a1a
    }

    .author-info .author-info-data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: .29rem;
        line-height: .29rem;
        margin-top: .121rem
    }

    .author-info .author-info-fans-num {
        font-family: PingFangSC-Regular;
        font-size: .29rem;
        color: #999;
        height: .29rem;
        line-height: .29rem
    }

    .author-info .author-info-cheering {
        margin: auto 0 auto auto
    }

    .author-info .author-info-attention {
        width: 1.449rem;
        height: .676rem;
        font-family: PingFangSC-Medium;
        font-size: .29rem;
        line-height: .692rem;
        text-align: center;
        color: #fff;
        border-radius: .121rem;
        background: #ff4141;
    }

.top-video-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    max-width: 4.541rem;
    min-width: 4.026rem;
    margin-bottom: .29rem;
    overflow: hidden;
    margin-right: .242rem
}

    .top-video-card:nth-child(2n) {
        margin-right: 0
    }

.top-video-card-img {
    position: relative;
    overflow: hidden;
    border-radius: .121rem
}

    .top-video-card-img, .top-video-card-img img {
        width: 100%;
        height: 2.56rem
    }

.top-video-card-title {
    display: -webkit-box;
    overflow: hidden;
    height: .87rem;
    margin-top: .145rem;
    font-family: PingFangSC-Regular;
    font-size: .338rem;
    line-height: .451rem;
    text-overflow: ellipsis;
    color: #1a1a1a;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.top-video-card-img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 96
}

.card-shadow {
    height: 1.329rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 97;
    width: 100%;
    border-radius: 0 0 .193rem .193rem;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,#000));
    background-image: -webkit-linear-gradient(top,transparent,#000 70%);
    background-image: linear-gradient(180deg,transparent,#000 70%);
    opacity: .7
}

.top-video-card-img-title {
    position: absolute;
    top: .145rem;
    left: .145rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-video-card-img-bottom {
    position: absolute;
    right: .145rem;
    bottom: .145rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 98
}

    .top-video-card-img-bottom .bottom-play {
        height: .266rem;
        font-family: PingFangSC-Regular;
        font-size: .242rem;
        line-height: .242rem;
        color: #fff
    }

    .top-video-card-img-bottom .bottom-play {
        margin-right: .113rem
    }

[class*=hk-filter] {
    position: relative
}

    [class*=hk-filter]:before {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

.hk-filter-earlybird {
    -webkit-filter: sepia(.25) contrast(1.25) brightness(1.15) saturate(.9) hue-rotate(-5deg);
    filter: sepia(.25) contrast(1.25) brightness(1.15) saturate(.9) hue-rotate(-5deg)
}

    .hk-filter-earlybird:before {
        background: radial-gradient(circle closest-corner,transparent 0,rgba(125,105,24,.2) 100%);
        background: -webkit-radial-gradient(circle closest-corner,transparent 0,rgba(125,105,24,.2) 100%);
        content: "";
        mix-blend-mode: multiply
    }

.top-video-list-container {
    width: 100%;
    padding: 0 .362rem;
    margin-top: .362rem
}

.top-video-list-title {
    font-family: PingFangSC-Medium;
    font-size: .362rem;
    height: .435rem;
    line-height: .435rem;
    color: #1a1a1a
}

.top-video-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .338rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gather {
    margin-top: .161rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .266rem
}

    .gather .gather-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

        .gather .gather-item .item-new-show {
            min-width: 2.963rem;
            height: .966rem;
            background: #f7f7f7;
            border-radius: .193rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 .097rem
        }

            .gather .gather-item .item-new-show span {
                display: inline-block
            }

            .gather .gather-item .item-new-show .icon {
                width: .58rem;
                height: .58rem
            }

            .gather .gather-item .item-new-show .text {
                height: .386rem;
                font-family: PingFangSC-Regular;
                font-size: .386rem;
                color: #000;
                letter-spacing: 0;
                text-align: center;
                line-height: .386rem;
                margin-top: .072rem;
                margin-left: .145rem
            }

            .gather .gather-item .item-new-show .collect {
                background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFHRSTlMAwmZ03ShKGQv2g1iTOeu2BM+grKktUuIAAAImSURBVFjD7VfbloMgDCx3QcAb//+tW2C1oCjB9mXPNk+KMiaTZIKPx9e+9resY2L8AAqZnHMS9W9iGep+DYl3cLh0m1l2H0dYl9jU3QYaAsCMcbzQtwPzu6Xxlzhc3gxuDET38Ub56+EeDgnJWssgRW1kOmSMZXHSO3wvO34D4eom0zbxgMlbfEdOcLoU+W5plc6QxaZMp9h0xgYCxno9bX1h8mf9ui6R4petxxRNe4Lsn+v0KVWnWESmL0pyLK0MydmTskrfsgMpfk8oJK98Dv5sXa7xVZJHhueNAX5WyFSZevE+kya4ju+PZYdQQwsIWnYJeWaa5JSVNcpX4NJW/dOhZr3Jdgn0QUyHVdouXOUtS6Enrq0v60pYpg1sM5sJ306h4SMnZr9EhnEtetNN7rRecJxisMmAQl/z8tMggTBZDqk5HyqzO+jrlVCQc4eHs5YuCYWuUlibXlEoFkBSyTXQDBGKML3merPWZy4qtvRBKDRIG4Z6s9YVx9ZDAzj9rABATfpqpNVeBJSkL0dZPQ8DKjLUYy1rHKBvuCxEhZfE+x+LCnDt9sggx8kCkZ3ZTV9IQoJHKdDYBwkb+H4yYohCbPELsh0XKO4yHmtaw5IRwObswGS1eP2hyA7Sa45yIWJMuS28E9jCpJ0fdg/8iAk5Jqt8hw5bTB4lRNczpIRhoV4/bxKE8/w8WmPKC3GNcIEf/0VPSC/K67zpNPaB//Ov/Sf7AUInOdVl7e47AAAAAElFTkSuQmCC) no-repeat;
                background-size: cover
            }

            .gather .gather-item .item-new-show .down {
                background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAOVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADLcPMfAAAAEnRSTlMAeW7HmUYGEDvp+Cis3xpiXon2cWd/AAABf0lEQVRYw+2X247DIAxEIQm3QLj9/8fuAlWVbMCYVJX2gXmtexrGE5sSMjV1k2BuqcjLMQwPe2zoYAMcfURAGx60RlALlkNhTtw1EqRSMbWiIm0SKSAdgmp5sm/FgWQCNXuzpc7hQCyBJARSEzRBE/RfQPxXCFAq48D8MOo9BUFQkTL1IrGdxykClPZA5bH4deI3x3K4lJnexG8PU33deP72QNmelRZ5wEm9lJqQj6B4bVAPrL63XX/NdKAxwLpx3wLJRg+Gj1bMpiMcWjWbLPVutuVbX8jd3NG3H7a3zBCFhLySycxZRe0zm69XCtU6nS097JNPR34Tet4xF4qDK+9MP0RfXEQEM9/abpGuTpOtG+h+drtlFHtHNnDEfcS+lbCVuHb0m4sNSC9u+MjC9SMvEXSCsde67SkfHDTNiKMCjcgdMtCtiJuXT8LEB5vvfBQVmLUyqPhgzdSvFehAV0jmyjEPOWlHna4eaiEfSNDXH+6DCvKhLPOOaTI1BegHWpo1daER9gUAAAAASUVORK5CYII=) no-repeat;
                background-size: cover
            }

            .gather .gather-item .item-new-show .comment {
                background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAQlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABz07T7AAAAFXRSTlMAgRgmDUHa9+lTxG8Dm7aOZAaozTMtjr1dAAACKElEQVRYw+1X25KDIAwtyFVAVPT/f3VrsM62QyC0L7szzSt4SE5OEnO7fe1r/878xwjCskkZve9GTXHmb6JwN+7PptjwBkzQe8HGrTMmVoQ5bO3xajbXd2acAovrqC5kHQURZgmPT6ZfBAu7PuATjXZ+cmyceEm8t+k8kgScLb+rWTEAq/Lp3MQZMs6EeO8Xlp2yrXTlF1lFzBZo13Ud+Aku1Z/b4DFTZTyCPy0qOYSfFvyGBBzXTghEx/ALkPhASK0FBnj1uObxCwfYk15RCDqzCzQhZTeDgIh15KCAKwxRa3tRKEtD5Q3M/2KCGUX5v8QEfa50cohaC3rTOpjQhRQvuoPqi26JUOQ6gLAPLF1Ep+wQTYKnXTPClLmApHXNwFRO21E9umtmHWlWZSDTBbSWgSC0rt+FQ0gJkXwXR6rMke3Omi7XpuwrtZsXSLsVmthmn0KwCHeqAyhgpLKevnYPzWAPA0mRDIRfX44njOiRI5JliG0m4mw7TinXHS6NNbWEnayAPEvRnqepzS3/Rsh6G1btmb2kxiz1I80lyJiuaY4023xs/vxBaC11i2lv/B1lf1pTe1DNW3PeXDhltxhFowrvI68C5B+7RahlVlzb1OpsgScvozpvuHYPvkyn+zIzW7kNA+eDtC5ci05zgdjUTjBkt3h1PrVwAmnQ+GObiqPBUEzs3EW5dGFKz3h6ZPLddXvhm7R2nt2d9MF/srZ/vvB/7S/bDzPrPD6AWvROAAAAAElFTkSuQmCC) no-repeat;
                background-size: cover
            }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

img {
    border-style: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

*, :after, :before {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    background-color: #f5f5f9;
    font-size: 14px
}

:focus {
    outline: none
}

.comment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .725rem
}

    .comment-item .item-avatar {
        height: .821rem;
        width: .821rem;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 100%
    }

    .comment-item .item-info {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        margin-left: .209rem
    }

        .comment-item .item-info .info-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: .507rem
        }

            .comment-item .item-info .info-head .info-author {
                font-family: PingFangSC-Regular;
                font-size: .362rem;
                color: #666;
                line-height: .507rem
            }

        .comment-item .item-info .info-detail {
            margin-top: .097rem
        }

            .comment-item .item-info .info-detail .info-text {
                font-family: PingFangSC-Regular;
                font-size: .411rem;
                color: #000;
                letter-spacing: 0;
                text-align: justify;
                line-height: .604rem;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 5
            }

            .comment-item .item-info .info-detail .detail-bar {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: .531rem;
                margin: .29rem 0 .233rem
            }

                .comment-item .item-info .info-detail .detail-bar .c-time {
                    font-family: PingFangSC-Regular;
                    font-size: .314rem;
                    color: #888;
                    letter-spacing: 0;
                    line-height: .435rem
                }

                .comment-item .item-info .info-detail .detail-bar .info-like {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                    .comment-item .item-info .info-detail .detail-bar .info-like .like-lead, .comment-item .item-info .info-detail .detail-bar .info-like .reply-lead {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-left: .242rem
                    }

comment-item .item-info .info-detail .detail-bar .info-like .reply-img {
    height: .531rem;
    width: .531rem;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAADGBAMAAACKvrnjAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTFlZWVBQUGBgYDo6OkREREpKSjg4ODw8PEBAQD09PTg4OGZmZjCevwkAAAAMdFJOUwD46v5gvNcrEqKDRH2C9MkAAAQ9SURBVHja7VvNTxNBFC9LYVvqAVGjiT0ABg/ag0bjJwfU4GcPaoIhpgcFJWo4YDAxJB5AxWjCgUTwg3gwGk2IHOrHxYSDSwt+7R8lSmd2226783szO4k6v2M7s7+dN+/35s3M21jMwMDAwMDAwMDAwOCvQGq+b6izc6hvLh8Zhf2mw+VouzgSBUfibdotg3NjXDnJWMatwtJTxQN55QZih8rh2INuDexTNzupYbcmVvIaSJTR2HVJVmmUGO2xG4KDCkiOuKHYKE3ywBXANdmZT4uwOJIe8LrqibvbOjZU/XhIpb2crpk/Yk+cOp9WZzM7XR4efT5rlwdPR8Kd3/sftKnC+Klz/n+3kkni3d5TCleq/z/u/7+HynLM95D+oAaTPpq9RJIWn9mfBTd55Jucl9JD6a/VZlJ2MCnPHDtrt/rgGZUkzZtimvN0u1lKK0t1tWBnZDRj8Xc8W79hE2/YjrPkhGMUt9kyrkjxeOvFbViZo8Cccj/Zj7JkhKa+wgGWQJIke70tIq0nWOtpmsHEvJN7PWgylh0dFmv+kWVNJA8Tjed8jYC8rKHU6btohxelDq0IC+t0SbRDM/pav7OH0mw649H18Py4KN4li/tyg1icDIqZwMQs4MNnJvsh3gXv4b0ZnFZA64WFJhnNFInFUee/R4qwpcB8ANRkEWPJgrrMkJZxC7OATUsWmc+MQMp3YiDSkPotYkaSgwzduNb6J8qyuNZvF+QsrShLA+SaOThUlgXMZciR4RQuDrny2hpewJNepKNNy+A8I4wAA8dTazahPYAoizhLFpBlKe5/xVnuALHfgsQVIOd2QFyEjZUFyLkRXPOqbC1khXVE6XPxfxFpOyXL8g3wlGmcJQl45yL5WKUFWDKysizF/42FPi9JYF4WtfgY3ZMRvUxp0b6eOKYnJlvEdAxbX5qBOaSvlU1a1v0WLTmMnnxMT26pKU/Wk/MvaNm/6NmLUfeVw1Bo0rNH1rPf13N2oekcRs+ZEjsfy0d6PhbXctan59ySTX/EZ7ATWs6T9ZyNJ7p1nPPrubPgB/1F9LVaKRIT9UvaXRK/FxPUGO1ejN/xiU0M9Y4vCdmZel/JIqxQtky+e2XpktCOh3yPzAKGSEJCvxMfBoI/+X7/riseL8m1CgleS5EXn3q47oIPZQWwF1xDwusFw6/E6fUwvIQgXGUStT0TwgaTqVNa4K55MmQkMjVXvjLO7TN1Fj+5+rHyWrrr72pIXrIWrrL60emaO1ElE+m6voCCZ7fQdnXuzO2HJdWqqFHM1a7fLOxZr6rectQFQaodbUJZaDWdGYyEWNM7CZGQ65OPAiQStdZjg8Ik+ZgEejMaSFal17stnERFPf/nyyEkir5NuP+kzoBUfmdxa7ajO1Dwqr8ZsU/PDlQEr4i+f4nZn+af910YGoj4Wx4DAwMDAwMDAwMDAwMDg38ZvwDiWBVbA95IYAAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.comment-item .item-info .info-detail .detail-bar .info-like .like-count, .comment-item .item-info .info-detail .detail-bar .info-like .reply-txt {
    font-family: PingFangSC-Regular;
    font-size: .29rem;
    color: #666;
    letter-spacing: 0;
    line-height: .314rem
}

.comment-item .item-info .info-detail .detail-bar .info-like .like-img {
    height: .531rem;
    width: .531rem;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCBAMAAAAReh3bAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTGhoaGdnZ2dnZ2ZmZmZmZmlpaWZmZmZmZmdnZ2tra2ZmZmdnZ2ZmZp0DtHcAAAANdFJOUwBA+7njzCeAk1IOpWfCqHhLAAABpUlEQVRIx+3Uv0sDMRQH8NTS1NYOh7tLEQfxwElBOHARf+CBuB8Uh6KI4FYRCkXcVFA3QUFcXcTN4aA4OLh5TVGp3//FXK6VJJdLV0HfEOj1w+Ve3nsh5HdG7uDUsQMfYIc2MQ4e3ZpF+LHAmmUTYNIF3rNFBXBoiOg2U4wiihecWwQjpOyilSnGYkE8zA4RZ9jIFHl0hVjMFAV0hogRfPA1tOwygS++BnjIFB6m+WrJlh8pz5MCT1cX5uo9i9OsiOoZe2AX6ImDjSNi2tGXrxvH/boXkcSMAugjXF52Fu9eDvpEacfL5Nlcwuv1+s6R2kglV4B1+a2+0kh3AqwqG2+JGg2iCfYSaDXnKdXkBp4iuijJn8pPcT8lqNyMufiHLnKacFKiKH+HURRER9rEnugmm2jibYgI5G41CZ5syy6KSm1NQknFKJRUjCKUUzEJ6ipjZRB5oG0XIditmntbFfwVn8oouPxfWVAP2ux6PDVJUN7oHXWeboAVH8uNJE7iW3VBv3v06GkT+zNmg2Cp+/JeA6/pud/erFajqgh3ad4h//EX4htySCXPE04xGwAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.comment-module {
    padding: .346rem .362rem .298rem
}

    .comment-module .comment-title {
        font-family: PingFangSC-Medium;
        font-size: .362rem;
        height: .507rem;
        line-height: .507rem;
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .comment-module .comment-total-num {
        margin-left: .209rem;
        line-height: .435rem;
        font-size: .314rem
    }

    .comment-module .comment-body {
        margin-top: .499rem
    }

.comment-default {
    margin-top: .403rem;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-default-avatar {
    width: .845rem;
    height: .845rem;
}

    .comment-default-avatar img {
        border-radius: 50%;
    }

.comment-default-input {
    margin-left: .193rem;
    width: 8.237rem;
    height: auto;
    padding: .201rem .242rem .193rem;
    background: rgba(25,25,26,.05);
    border-radius: .193rem;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #888;
}

comment-default-button {
    margin-left: .193rem;
    width: 8.237rem;
    height: .87rem;
}

.special-topic-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    top: 100px;
    left: 180px;
    align-items: center;
    position: absolute;
}

.btn-primary {
    float: right;
}

.forum-button-color {
    width: 86px;
    height: 34px;
    background-color: #1bb14e;
    border-radius: 17px;
    box-sizing: border-box;
    margin-top: 15px;
    color: #ffffff;
}

    .forum-button-color:hover, .forum-button-color:focus {
        background-color: #17a347;
    }
.VoteButton:not(:disabled):hover {
    background-color: rgba(0,132,255,.15)
}

html .VoteButton:not(:disabled):hover {
    background-color: rgba(58,118,208,.15)
}

.VoteButton {
    display: inline-block;
    padding: 0 16px;
    font-size: 16px;
    line-height: 32px;
    color: #8590a6;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px
}

    .VoteButton::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .VoteButton:focus {
        outline: none;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        transition: box-shadow .3s,-webkit-box-shadow .3s
    }

    .VoteButton:disabled {
        cursor: default;
        opacity: .5;
        pointer-events: none
    }