.pc-user-info .info-item {
    float: left;
    overflow: hidden;
    margin-right: 27px;
    margin-top: 19px;
    font-size: 16px;
    color: #525252;
    line-height: 21px
}

.pc-user-info .info-item .info-num {
    font-size: 21px;
    color: #1f1f1f;
    font-weight: bolder
}

.pc-user-info .has-hover:hover {
    color: #315efc;
    cursor: pointer
}

.pc-user-info .has-hover:hover .info-num {
    color: #315efc
}

.pc-user {
    font-size: 0;
    max-width: 1041px;
    max-height: 100%;
    margin: 0 auto;
    padding-top: 105px;
    overflow: hidden;
    position: relative
}

.pc-user-left,.pc-user-middle {
    float: left;
    overflow: hidden
}

.pc-user-middle {
    max-width: 580px
}

.pc-user-left {
    margin-right: 24px
}

.pc-user-right {
    float: right;
    overflow: hidden;
    height: 102px;
    padding-top: 31px
}

.pc-user .name {
    font-size: 27px;
    color: #1f1f1f;
    font-weight: bolder;
    margin-top: 10px
}

.pc-user .operate-btn {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pc-user .operate-btn:hover {
    opacity: .8;
    cursor: pointer
}

.pc-user .operate-btn.chat {
    float: left;
    width: 117px;
    margin-right: 12px;
    background-color: #fff;
    color: #1f1f1f;
    font-size: 19px;
    text-align: center
}

.pc-user-uhFollow.s-subscribes .s-subscribes-relation-text {
    font-size: 19px
}

.pc-user-uhFollow.s-subscribes {
    display: inline-block;
    width: 196px
}

.pc-user-uhFollow.s-subscribes.s-subscribes-has-follow {
    background-color: #fff;
    color: #1f1f1f;
    border: none!important
}

.font-size-0 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
    font-size: 16px;
    line-height: 23px
}

.font-size-1 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-2 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
    font-size: 21px;
    line-height: 28px
}

.font-size-3 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
    font-size: 23px;
    line-height: 30px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-1 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
        font-size: 17.1px;
        line-height: 23.4px
    }

    .font-size-2 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
        font-size: 18.9px;
        line-height: 25.2px
    }

    .font-size-3 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
        font-size: 20.7px;
        line-height: 27px
    }
}

.sfi-article .text-title {
    color: #1f1f1f;
    margin-top: -.2em!important
}

.darkmode .sfi-article .text-title {
    color: hsla(0,0%,100%,.8)
}

.font-size-0 .sfi-article .text-title {
    font-size: 16px;
    line-height: 23px
}

.font-size-1 .sfi-article .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-2 .sfi-article .text-title {
    font-size: 21px;
    line-height: 28px
}

.font-size-3 .sfi-article .text-title {
    font-size: 23px;
    line-height: 30px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-article .text-title {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-1 .sfi-article .text-title {
        font-size: 17.1px;
        line-height: 23.4px
    }

    .font-size-2 .sfi-article .text-title {
        font-size: 18.9px;
        line-height: 25.2px
    }

    .font-size-3 .sfi-article .text-title {
        font-size: 20.7px;
        line-height: 27px
    }
}

.sfi-article-span {
    margin-right: 8px
}

.sfi-article-gallery,.sfi-article .text-title {
    margin: 0 .17rem
}

.sfi-article .s-card-content {
    padding: .16667rem 0
}

.sfi-article .s-card-content .s-image {
    height: 100%
}

.sfi-article .s-col>.text-title {
    margin: 0
}

.sfi-article-cover,.sfi-article-gallery {
    line-height: 0
}

.sfi-article .s-image-wrap:active:after {
    background-color: transparent
}

.sfi-article-gallery .s-image-wrap {
    border-radius: .09rem
}

.sfi-article-img-3 .sfi-article-cover .s-image {
    padding-top: 66.27%!important
}

.sfi-article-img-3 .sfi-article-cover:first-child .s-image-wrap {
    border-radius: .09rem 0 0 .09rem
}

.sfi-article-img-3 .sfi-article-cover:last-child .s-image-wrap {
    border-radius: 0 .09rem .09rem 0
}

.sfi-article-gallery,.sfi-article-img-3 .s-col {
    margin-top: .05rem
}

.sfi-article-gallery {
    position: relative
}

.sfi-article-gallery .s-image {
    padding-top: 56.098%!important
}

.sfi-article-gallery.live:after {
    content: "";
    display: block;
    height: .48rem;
    width: .48rem;
    background: url(https://mbdp02.bdstatic.com/static/homepagepc/img/videoicon.ed0d5ff.png);
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: contain;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.sfi-article .video-collection-mask {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    color: #fff;
    font-size: .12rem;
    background: rgba(0,0,0,.6);
    border-radius: 0 .03rem .03rem 0
}

.sfi-article .video-collection-mask .video-count {
    font-size: .13rem;
    font-weight: bolder
}

.article-srcscript.tab-subscript,.sfi-article-subscript.tab-subscript {
    margin-bottom: 0
}

.android_11_7 .sfi-article-gallery.live:after {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/new-videoicon.153c6f6.png)
}

.sfi-comment-content {
    padding-top: .1rem
}

.sfi-comment div .text-title {
    margin: .08rem .17rem 0
}

.sfi-comment .more {
    margin-left: -.04rem
}

.sfi-comment-music {
    margin: .07rem .17rem 0
}

.sfi-comment-origin {
    margin: .09333rem .17rem 0
}

.sfi-comment-origin .square-img-texts {
    padding: .14rem .12rem .15rem
}

.sfi-comment-origin .square-img-texts.active {
    background-color: rgba(0,0,0,.05)
}

.sfi-comment-origin .square-img-texts.active .right {
    background-color: transparent
}

.darkmode .sfi-comment-origin .square-img-texts.active {
    background-color: hsla(0,0%,100%,.2)
}

.sfi-comment-origin .square-img-texts-no-info {
    padding: .15667rem .13667rem
}

.sfi-comment-origin .right .s-rich-text {
    font-size: .14rem;
    line-height: .19rem
}

.sfi-dynamic-content {
    margin-top: .10667rem;
    margin-bottom: .11333rem
}

.sfi-dynamic .text-title {
    margin: .09rem .17rem .01rem
}

.sfi-dynamic .origin-text-title {
    margin-bottom: .07rem
}

.sfi-dynamic .text-extra {
    margin: .08667rem 0 .10667rem;
    padding: 0 .17rem;
    font-size: .12rem;
    line-height: .16rem;
    color: #858585;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.darkmode .sfi-dynamic .text-extra {
    color: hsla(0,0%,100%,.5)
}

.sfi-dynamic-content+.text-extra {
    margin: .08333rem 0 .10667rem
}

.sfi-dynamic .s-image-set {
    margin-top: .04rem;
    margin-bottom: -.04rem
}

.sfi-dynamic .s-image-set.imgsize-4 .sfi-dynamic-cover:nth-child(2) {
    margin-right: 30%
}

.sfi-dynamic .s-image-set-cover {
    margin-bottom: .04rem
}

.sfi-dynamic .s-video-card-cover {
    margin: .04rem .17rem .01rem
}

.sfi-dynamic-forward {
    overflow: hidden;
    padding-bottom: .12rem;
    background-color: #f5f5f5
}

.darkmode .sfi-dynamic-forward {
    background-color: #161616
}

.sfi-dynamic-forward .type-text {
    margin-top: .02rem
}

.sfi-dynamic-forward .text-title {
    color: #525252
}

.darkmode .sfi-dynamic-forward .text-title {
    color: hsla(0,0%,100%,.6)
}

.sfi-dynamic-forward:hover {
    cursor: pointer
}

.sfi-dynamic-tag {
    position: absolute;
    top: .08rem;
    left: .08rem;
    height: .18rem;
    font-size: .11rem;
    line-height: .18rem;
    color: #fff;
    border-radius: .095rem;
    padding-right: .05rem
}

.sfi-dynamic-status-tag {
    display: inline-block;
    background-color: rgba(0,0,0,.3);
    border-radius: .095rem;
    height: .18rem;
    padding: 0 .05rem;
    margin-right: .03rem
}

.sfi-dynamic-status-tag.status-0 {
    background-color: #4e6ef2
}

.sfi-dynamic-status-tag.status-0:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIqADAAQAAAABAAAAIgAAAAACeqFUAAACy0lEQVRYCe2Xu2sVQRSHsxEjJhZKMPEFCQRFUASrIGiMAR9gtBMCFuIfcPFVaCEBwV4QCyGInYUWFlookiJR/wCboBaKD0zQpBIR87p+v7gDM7Nzd+4mewvFA9+dmTO/c+bcuTu7e5ua/harVqvr4TTsLlozMa1wCvYVjXX0JBiAKZDNwX5HEBmgH1VgaiO0ayMh7jQBzTAMC2DbdVdZe0SQdsO3Vzh21I6yZhB2wDM/A+NZ6LWk0S76J4E83/EN+cGJ7UCgrb8Pm20//S8wlCTJc/nRbaI5Bj2wBVpAms8wim6CVrpWmltwVmPPbjOuoJ13/AS1g6r17SmOjRLTnoSXsAh59pbJ86ACFXcGfoBv1zTvGIq9nmqe8VXQ9dID41DU3hNwVAvR7oIJsO2BU0QqTFA8TlUfaftT/wD9mdS/nEYX/MU0Vxv9u6Ad1e7XPoVMbgOzpX30dZGWYVdUjIxkndD2ZxT5RNgN3yBkP3HqJrcT7oQEAZ925kRk2ew0QeZnCuSs6opfMiZXQ+giD8Xp5rjOxNptsz0wfcQH6R8340A7ZXwcvzn6M2YcaTuZvxTSBAtBeCEkLslX4Yuu8nNlCkGk58FhX1jiuJ1cmdOSKQRRH+iO2EhburfYC4QK6bIFDep3+3lDhfjPGT+mjHFmjVAhy1loO0FrLLTQvSKJQoXoKRoz56mtIwyzFjrelZwkmTVChXzISWCm9phOTrs1Zy6zhvPNFJge32m6sZMzgmYcFsG3DTh0L9L7Ssj62b2x0ITjo5iH0CibJnH8hpZWdMOprNzBTXZjoe6UVP2oAVsySc76Hv+mUgK64CuUZXoNGDT5C7UEHoBfJVVyudDivpgiDsFKXhX17lvO05xEenkeg6L2joAj/pdb8Zikg/AC9Hvn2Rsmz0FLvYtmbmj1BLKA3rTMHyw9V7TgJHwC/cF6Tfvf/o0d+A1C+jm+1rqGagAAAABJRU5ErkJggg==)
}

.sfi-dynamic-status-tag.status-1 {
    background-color: #f33
}

.sfi-dynamic-status-tag.status-3 {
    background-color: #768cae
}

.sfi-dynamic-status-tag.status-3:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIqADAAQAAAABAAAAIQAAAABF2tuEAAACZUlEQVRYCe2XsUodQRSG7wZtQkAIKEkKSVRs9BKxMai9RSDaWCkoWvgIVhZK8gK+gOgTaIpUtoJiqYXGgIKgohEVbBLF63dk7zB73dkzs3dLD/zMzpzz/+dnZvfu3lLpJZI7ECWn2bNKpSL1fWAYfAEfYjCUTmJsMq6BrSiKKozFBQYawAw4Br4htcJpKMQJQoNgD+QN4Q7UZQaBafAvrwOLJxrTucxAnLWEirqcDTJD1xHwUFR3S0c0R9LMPHtqKPxI4Q54k0YoYO0WjTJP1JGt9cqexNffGX1M3KdwfZZEW3q4g93oAdqRHFDTBl6DSXAJQkN69DidkFz0UPxhC1D/Dqx58GpLFm2d2qORX0wt7uwCzvoMCG8CXNs55TrRyxjBbjfEVoXsTGNmhWQX+OUsSiZa455Pq8YIs0/JuvAZZk7AV5hT4MZDwfS0jcgLrJDAzBJCZXCoCJqetpG3CikojZljCKsKyfS0jVwopKA0598LYUwhmZ62EfmeqDsw0AjmEdoCLYqg6Wl/KxwoJDWNgc8ULQMZfeJ3tcjsCGcqRvariZARA/LhNAdnG/ia2Kfnn2ofYyRe0G4uKWuqkmXEgPz+yDEsgEbgG+5eiHaA/yAr/pIcBWUwD/J8OEmP9kzHFPi8byirKxLvGTEU1bpCvpm1XaDd8bVU3/k5hd3cH+bRdRIx0w/ybLm2TaLZ72ycloAwDu415YC8aI2n9VLXIA6Bq4BmrlLRGFIbZhUg0AnWXR081oXbmdUjKIeY7M4G0D4lKXmqkVrvXXj21GjuEH9PzTeQ9d/3J0/Fqab1ks/agUec5/llCY9n9gAAAABJRU5ErkJggg==)
}

.sfi-dynamic-status-tag.status-0:before,.sfi-dynamic-status-tag.status-1:before,.sfi-dynamic-status-tag.status-3:before {
    content: "";
    display: inline-block;
    position: relative;
    width: .11rem;
    height: .11rem;
    margin-right: .02667rem;
    top: .01rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.sfi-dynamic-living {
    float: left;
    margin: .03rem -.2rem 0 .04rem;
    width: .11rem;
    height: .11rem
}

.sfi-dynamic .square-img-texts-no-info {
    margin: 16px 17px 0!important
}

.sfi-dynamic-origin .music-item {
    margin: 0 .17rem
}

.sfi-dynamic-origin .videoIcon {
    background-size: 100%
}

.sfi-dynamic-forward,.sfi-dynamic-origin {
    margin-top: .05rem
}

.matrix-subscribe {
    height: .25rem;
    line-height: .25rem;
    width: .56rem;
    text-align: center;
    color: #fff;
    font-size: .13rem;
    background-color: #4e6ef2;
    border-radius: .14rem;
    font-weight: bolder
}

.darkmode .matrix-subscribe {
    color: #fff;
    background-color: #4e6ef2
}

.matrix-subscribe:active {
    opacity: .2
}

.matrix-subscribe-3 {
    background-color: hsla(0,0%,100%,0);
    color: #858585;
    position: relative;
    overflow: visible;
    border: 1px solid #666;
    border-radius: 14px;
    font-weight: 400
}

.darkmode .matrix-subscribe-3 {
    background-color: rgba(68,68,68,.5);
    color: hsla(0,0%,100%,.5)
}

.nightmode .matrix-subscribe-3 {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .matrix-subscribe-3 {
        border: none
    }

    .matrix-subscribe-3:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #666;
        border-radius: 42px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .matrix-subscribe-3:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .matrix-subscribe-3:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 28px
    }
}

.matrix-subscribe-3:after {
    border-color: #e0e0e0
}

.darkmode .matrix-subscribe-3:after {
    border-color: transparent
}

.matrix-subscribe-icon {
    display: inline-block;
    width: .14rem;
    height: .25rem;
    background: url(https://mbdp02.bdstatic.com/static/homepagepc/img/sub-loading.3613c06.png) 50% no-repeat;
    background-size: .14rem .14rem;
    line-height: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: rotateS .36s linear infinite;
    animation: rotateS .36s linear infinite
}

@keyframes rotateS {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes rotateS {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.s-matrix {
    padding: 0 .17rem
}

.s-matrix .s-author-texts {
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-matrix .s-author-texts-content {
    margin-left: .17rem
}

.s-matrix .s-author-texts-name {
    font-size: .18rem
}

.s-matrix .s-author-texts-sign {
    color: #999;
    color: #858585;
    font-size: .13rem;
    margin-top: .05rem
}

.darkmode .s-matrix .s-author-texts-sign {
    color: hsla(0,0%,100%,.5)
}

.s-matrix-sub-btn {
    margin-left: .25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.s-matrix-sub-btn .matrix-subscribe {
    width: .57rem;
    height: .28rem;
    line-height: .28rem
}

.s-matrix-sub-btn .s-head-menu {
    margin-top: -.11rem;
    margin-bottom: .1rem;
    min-width: .18rem
}

.s-matrix-sub-btn .s-head-menu .menu {
    padding: 0
}

.s-matrix-sub-btn .s-head-menu .op-list {
    right: 0
}

.s-matrix-wrapper {
    padding: .10667rem 0;
    height: .8rem;
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #eee
}

.nightmode .s-matrix-wrapper:after {
    border: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-matrix-wrapper {
        border: none
    }

    .s-matrix-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid transparent;
        border-bottom-color: #eee;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-matrix-wrapper:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

@media screen and (max-width:360px) {
    .s-matrix-wrapper:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.s-matrix-wrapper:after {
    border-bottom-color: #eee
}

.darkmode .s-matrix-wrapper:after {
    border-bottom-color: hsla(0,0%,40%,.4)
}

.nightmode .s-matrix-wrapper:after {
    border: #eee;
    border-bottom: 1px solid
}

.s-matrix .s-avatar {
    display: block
}

.sfi-small-video {
    position: relative
}

.sfi-small-video.removeing {
    opacity: 0;
    height: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.sfi-small-video-menu {
    position: absolute;
    right: -.1rem;
    top: .04rem
}

.sfi-small-video-extra {
    position: absolute;
    width: 100%;
    max-height: .47rem;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background: linear-gradient(transparent,rgba(0,0,0,.5))
}

.sfi-small-video .img-cover {
    line-height: 0;
    overflow: hidden
}

.sfi-small-video .img-cover img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    opacity: 0;
    display: none;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.sfi-small-video .img-cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: .47rem;
    width: 100%;
    opacity: .5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(rgba(0,0,0,.5),transparent)
}

.sfi-small-video .text-play {
    margin-bottom: .08rem;
    padding-right: .08rem;
    line-height: .12rem;
    text-align: right;
    font-size: .1rem;
    color: #fff
}

.sfi-small-video .text-play .icon-play {
    margin-right: .03rem;
    padding-left: .12rem;
    background-position: 0 50%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.nightmode .sfi-small-video .text-play .icon-play,.sfi-small-video .text-play .icon-play {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACrUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAEdwTAAAAAAAAAAAAAEBAQgICAAAAP///wAAAAcHBwAAADk5Ofj4+PPz8+Hh4QsLCzExMezs7NHR0e3t7f7+/vX19f///+Xl5eHh4fPz8xwcHOXl5dDQ0LS0tOzs7KCgoL6+vkpKSt7e3vj4+Kqqqvn5+dfX16GhoTc3N5SUlO/v79XV1fb29omJiaysrMTExLOzs////6nDavwAAAA4dFJOUwEKBRwCBAwAAwYNERAb/ggXFBnfwpIaIKJssPfT/J+cyySnXUueO1MfhdlC5mVUKkzBi9tFXGdenp4CvwAAARdJREFUKM99k+l2gyAQhUHEsjQgGmPS1iRN931vef8nKwiuUe4P9ZxvuGdw7oCToIB7gphgTGIApjCIMYWMQYpjcIwNhfzlZn3Fk3FBjbHMltpof8thNOD2O6anha51/pCygUGNpcq118WTMSBti/ZN4Eo0WFRFxmRr4DDSPT1ec0i9QY2TAdbV9r4xmMJa5Hf+CpPYFKwziOex1stMkgDWGxaBAD7jNIhVEG+Cpz/KBM9icSg5ne08/0Fczt272r2l5q+Cafz1ipSdSTexheiOFpdpN1E/7+c2Du+oG2eblp0P02f/aBPFiJUuit+LQZQ8JpKvfg/bP6TYKMmuPyyZSlPFZDTaA4cBiaiUdODb2zFbYXW0gv8ghVLTD+R6mQAAAABJRU5ErkJggg==)
}

.nightmode .sfi-small-video .text-play .icon-play {
    opacity: .7
}

.sfi-small-video-stick-top {
    display: block;
    position: absolute;
    top: .09rem;
    left: .07rem;
    height: .48rem;
    width: 1.08rem;
    text-align: center;
    line-height: .48rem;
    font-size: .3rem;
    color: #fff;
    background-color: hsla(0,0%,100%,.2);
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: .48rem;
    -webkit-transform: scale(.333333);
    transform: scale(.333333);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.sfi-small-video .has-seen {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.65);
    font-size: .13rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sfi-small-video .has-seen:before {
    content: "";
    display: block;
    height: .13rem;
    width: .13rem;
    margin-right: .03rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACrUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAEdwTAAAAAAAAAAAAAEBAQgICAAAAP///wAAAAcHBwAAADk5Ofj4+PPz8+Hh4QsLCzExMezs7NHR0e3t7f7+/vX19f///+Xl5eHh4fPz8xwcHOXl5dDQ0LS0tOzs7KCgoL6+vkpKSt7e3vj4+Kqqqvn5+dfX16GhoTc3N5SUlO/v79XV1fb29omJiaysrMTExLOzs////6nDavwAAAA4dFJOUwEKBRwCBAwAAwYNERAb/ggXFBnfwpIaIKJssPfT/J+cyySnXUueO1MfhdlC5mVUKkzBi9tFXGdenp4CvwAAARdJREFUKM99k+l2gyAQhUHEsjQgGmPS1iRN931vef8nKwiuUe4P9ZxvuGdw7oCToIB7gphgTGIApjCIMYWMQYpjcIwNhfzlZn3Fk3FBjbHMltpof8thNOD2O6anha51/pCygUGNpcq118WTMSBti/ZN4Eo0WFRFxmRr4DDSPT1ec0i9QY2TAdbV9r4xmMJa5Hf+CpPYFKwziOex1stMkgDWGxaBAD7jNIhVEG+Cpz/KBM9icSg5ne08/0Fczt272r2l5q+Cafz1ipSdSTexheiOFpdpN1E/7+c2Du+oG2eblp0P02f/aBPFiJUuit+LQZQ8JpKvfg/bP6TYKMmuPyyZSlPFZDTaA4cBiaiUdODb2zFbYXW0gv8ghVLTD+R6mQAAAABJRU5ErkJggg==)
}

.sfi-video-wrap {
    padding: 20px 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sfi-video-image {
    max-width: 136px;
    width: 100%;
    height: 91px;
    margin-right: 16px;
    cursor: pointer
}

.sfi-video-image .s-image-wrap {
    border-radius: 12px
}

.sfi-video-image .s-image-wrap .s-image-tips {
    right: 12px
}

.sfi-video-text {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sfi-video-text .s-subscripts.sfi-video-subscript {
    margin: 10px 0 0
}

.sfi-video .title {
    font-size: 20px;
    color: #1f1f1f;
    line-height: 30px
}

.sfi-video .title span {
    cursor: pointer
}

.sfi-video .icon-video {
    width: 14px;
    height: 14px;
    margin-right: 3px
}

.sfi-video .hairline-bottom {
    margin: 0 27px;
    height: 1px;
    border-bottom: 1px solid #eee
}

.s-vote .vote-content {
    margin: 0 .17rem
}

.s-vote .vote-content .content-hint {
    padding: .11rem 0 0;
    margin-bottom: -.04rem;
    word-wrap: break-word;
    white-space: pre-wrap
}

.font-size-0 .s-vote .vote-content .content-hint {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 .s-vote .vote-content .content-hint {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 .s-vote .vote-content .content-hint {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 .s-vote .vote-content .content-hint {
    font-size: 21px;
    line-height: 28px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-vote .vote-content .content-hint {
        font-size: 12.6px;
        line-height: 19.8px
    }

    .font-size-1 .s-vote .vote-content .content-hint {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 .s-vote .vote-content .content-hint {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 .s-vote .vote-content .content-hint {
        font-size: 18.9px;
        line-height: 26.1px
    }
}

.s-vote .vote-content .square-img-texts {
    margin: 0
}

.s-vote .vote-content .content-info {
    padding: .12333rem 0 .17rem
}

.s-vote .vote-content .content-info .right h2 {
    font-size: .14rem
}

.s-vote .vote-content .content-info .s-subscripts {
    margin-top: .11333rem
}

.s-vote .vote-content .content-info .s-subscripts span:not(:first-child) {
    margin-left: .09667rem
}

.s-feed-item-community-content {
    padding-top: .11rem
}

.s-feed-item-community-content .text-title {
    margin: 0 .17rem
}

.s-feed-item-community .more {
    color: #999
}

.s-feed-item-community .s-video-card-cover {
    margin: .08rem .17rem 0
}

.s-feed-item-community-original,.s-feed-item-community .s-image-set {
    margin-top: .08rem
}

.s-feed-item-community-original .s-rich-text {
    font-size: .14rem;
    line-height: .19rem
}

.s-feed-item-community .s-feed-item-community-original .square-img-texts {
    margin-left: 17px
}

.s-feed-item-community-subscript {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-feed-item-community-subscript .tab-subscript {
    margin: 0 -.08rem 0 .17rem
}

.s-feed-item-community .s-srcscripts-prefix {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20a19.908 19.908 0 01-11.309-3.502A35.935 35.935 0 005 41c.567-2.58.99-5.16 1.27-7.74A19.898 19.898 0 014 24C4 12.954 12.954 4 24 4z' fill='%23858585'/%3E%3Cpath d='M24.497 18.557l-.497.53-.497-.53c-1.945-2.076-5.099-2.076-7.044 0-1.945 2.075-1.945 5.44 0 7.514l.497.53 5.133 4.663a2.842 2.842 0 003.822 0l5.133-4.663.497-.53c1.945-2.075 1.945-5.44 0-7.514-1.945-2.076-5.1-2.076-7.044 0z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.darkmode .s-feed-item-community .s-srcscripts-prefix {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20a19.908 19.908 0 01-11.309-3.502A35.935 35.935 0 005 41c.567-2.58.99-5.16 1.27-7.74A19.898 19.898 0 014 24C4 12.954 12.954 4 24 4z' fill-opacity='.4'/%3E%3Cpath d='M24.497 18.557l-.497.53-.497-.53c-1.945-2.076-5.099-2.076-7.044 0-1.945 2.075-1.945 5.44 0 7.514l.497.53 5.133 4.663a2.842 2.842 0 003.822 0l5.133-4.663.497-.53c1.945-2.075 1.945-5.44 0-7.514-1.945-2.076-5.1-2.076-7.044 0z'/%3E%3C/g%3E%3C/svg%3E")
}

.sfi-column {
    margin-left: 12px
}

.sfi-column .s-card {
    padding: .16667rem 0
}

.sfi-column .s-card .s-image {
    height: 100%
}

.font-size-0 .sfi-column .text-title {
    font-size: 16px;
    line-height: 23px
}

.font-size-1 .sfi-column .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-2 .sfi-column .text-title {
    font-size: 21px;
    line-height: 28px
}

.font-size-3 .sfi-column .text-title {
    font-size: 23px;
    line-height: 30px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-column .text-title {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-1 .sfi-column .text-title {
        font-size: 17.1px;
        line-height: 23.4px
    }

    .font-size-2 .sfi-column .text-title {
        font-size: 18.9px;
        line-height: 25.2px
    }

    .font-size-3 .sfi-column .text-title {
        font-size: 20.7px;
        line-height: 27px
    }
}

.sfi-column .hairline {
    margin: 0 .17rem;
    height: 1px;
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #eee
}

.nightmode .sfi-column .hairline:after {
    border: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .sfi-column .hairline {
        border: none
    }

    .sfi-column .hairline:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid transparent;
        border-bottom-color: #eee;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .sfi-column .hairline:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

@media screen and (max-width:360px) {
    .sfi-column .hairline:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.sfi-column .hairline:after {
    border-bottom-color: #eee
}

.darkmode .sfi-column .hairline:after {
    border-bottom-color: hsla(0,0%,40%,.4)
}

.nightmode .sfi-column .hairline:after {
    border: #eee;
    border-bottom: 1px solid
}

.sfi-column .pay-type {
    color: #f60;
    margin-right: .08rem
}

.darkmode .sfi-column .pay-type {
    color: #f60
}

.sfi-column .red-text {
    margin-right: .08rem;
    color: #f33
}

.darkmode .sfi-column .red-text {
    color: #f33
}

.sfi-column-text {
    padding: 20px 0
}

.sfi-column .s-right-img-texts-cover {
    width: 136px;
    height: 91px
}

.sfi-column .s-right-img-texts-right {
    padding: 0!important
}

.sfi-column .s-right-img-texts .text-extra {
    font-size: 14px
}

.s-goods {
    width: 44.92vw;
    height: 73.591vw;
    max-width: 247px;
    max-height: 406px;
    min-height: 2.92rem;
    border-radius: .05rem;
    font-size: .16rem;
    margin-top: .08rem;
    position: relative;
    overflow: visible;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 9px
}

.nightmode .s-goods {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-goods {
        border: none
    }

    .s-goods:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 27px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-goods:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-goods:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 18px
    }
}

.darkmode .s-goods {
    background-color: #222
}

.s-goods.left-item {
    margin-left: .15rem
}

.s-goods.right-item {
    margin-left: .02rem
}

.s-goods.top-item {
    margin-top: .17rem
}

.s-goods-img-container {
    width: 100%;
    border-top-left-radius: .09rem;
    border-top-right-radius: .09rem;
    overflow: hidden
}

.android .s-goods-img-container {
    width: 99.99%
}

.s-goods-img-container .s-image-wrap:after {
    display: none
}

.s-goods-img-container .s-image,.s-goods-img-container .s-image-default,.s-goods-img-container .s-image-wrap:after {
    border-radius: 0
}

.s-goods-content {
    padding: 0 .1rem;
    margin-top: .10667rem
}

.s-goods-discount {
    position: relative;
    overflow: visible;
    border: 1px solid #f60;
    border-radius: 8px;
    display: inline-block;
    font-size: .12rem;
    height: .16rem;
    line-height: 1;
    padding: .02rem .06rem;
    margin-top: .05rem;
    color: #f60
}

.nightmode .s-goods-discount {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-goods-discount {
        border: none
    }

    .s-goods-discount:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #f60;
        border-radius: 24px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-goods-discount:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-goods-discount:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 16px
    }
}

.darkmode .s-goods-discount {
    color: #f60
}

.android .s-goods-discount {
    padding-top: .03rem
}

.darkmode .s-goods-discount:after,.s-goods-discount:after {
    border-color: #f60
}

.s-goods-title {
    line-height: .23rem
}

.s-goods-title .platform {
    color: #fff;
    background-color: #f33;
    border-radius: .08rem;
    display: inline-block;
    font-size: .1rem;
    height: .16rem;
    line-height: 1;
    padding: .03rem .06rem;
    margin: .03rem .06rem 0 0;
    vertical-align: top
}

.darkmode .s-goods-title .platform {
    color: #fff;
    background-color: #f33
}

@media screen and (min-width:414px) {
    .s-goods-title .platform {
        padding: .03667rem .06rem
    }
}

.android .s-goods-title .platform {
    height: .16rem;
    line-height: .16333rem;
    padding-top: 1px;
    margin-top: .02rem
}

.nightmode .s-goods-title .platform {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='96' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0h48c13.3 0 24 10.7 24 24S85.3 48 72 48H24C10.7 48 0 37.3 0 24S10.7 0 24 0z' fill='%23781F20' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-size: 300%;
    background-repeat: no-repeat
}

.s-goods-info {
    height: .17rem;
    line-height: .17rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    bottom: .14rem;
    font-size: .13rem;
    font-weight: 500;
    color: #f60
}

.darkmode .s-goods-info {
    color: #f60
}

.s-goods-info .price {
    font-size: .17rem;
    margin-left: .02rem;
    margin-right: .04rem
}

.s-goods-info .sales {
    color: #858585;
    font-size: .12rem;
    font-weight: 400;
    vertical-align: text-bottom
}

.darkmode .s-goods-info .sales {
    color: hsla(0,0%,100%,.5)
}

.android .s-goods-info .sales {
    line-height: .12rem;
    vertical-align: text-top
}

.s-feed-item-circle {
    padding: 16px 27px
}

.s-feed-item-circle .s-author-texts {
    width: 100%
}

.s-feed-item-circle .s-author-texts:hover {
    cursor: pointer
}

.s-feed-item-circle .s-author-texts:hover .s-author-texts-name {
    color: #315efb
}

.s-feed-item-circle .s-author-texts-content {
    margin-left: .08rem
}

.s-feed-item-circle .s-author-texts-content:active {
    opacity: .2
}

.s-feed-item-circle .s-author-texts-name {
    margin-bottom: -.03333rem;
    font-weight: 700
}

.s-feed-item-circle .s-author-texts-sign {
    margin-top: .02667rem;
    line-height: .24rem
}

.s-feed-item-circle .s-author-texts .s-avatar {
    display: block
}

.s-feed-item-circle .s-author-texts .s-avatar-placeholder,.s-feed-item-circle .s-author-texts .s-avatar-square {
    border-radius: .09rem
}

.s-feed-item-circle .s-scroll {
    padding-left: 0;
    padding-right: 0
}

.s-feed-item-circle .s-scroll-container {
    margin: 0 27px
}

.nightmode .s-feed-item-circle .s-scroll-wrap {
    background-color: initial
}

.s-feed-item-circle-1 .s-author-texts-content:active {
    opacity: 1
}

.s-feed-item-circle-1.active {
    background-color: rgba(0,0,0,.05)
}

.darkmode .s-feed-item-circle-1.active {
    background-color: hsla(0,0%,100%,.1)
}

.s-feed-item-circle-1 .s-icon {
    margin-left: .04rem;
    margin-right: -2px
}

.s-feed-item-circle-2,.s-feed-item-circle-3 {
    padding: 27px
}

.s-feed-item-circle-2 .s-author-texts:last-child,.s-feed-item-circle-3 .s-author-texts:last-child {
    padding-left: 0
}

.s-feed-item-circle-2 .s-author-texts {
    -webkit-box-flex: initial;
    -webkit-flex: initial
}

.s-feed-item-circle-sub-btn,.s-feed-item-circle .svg-icon {
    font-size: 16px;
    line-height: 48px;
    color: #4e6ef2;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.darkmode .s-feed-item-circle-sub-btn,.darkmode .s-feed-item-circle .svg-icon {
    color: #4e6ef2
}

.s-feed-item-circle-sub-btn:hover,.s-feed-item-circle .svg-icon:hover {
    cursor: pointer
}

.s-feed-item-circle-sub-btn:active,.s-feed-item-circle .svg-icon:active {
    opacity: .2
}

.sfi-live-card {
    padding: 0 .17rem
}

.sfi-live .text-title {
    padding-top: .13rem;
    margin-bottom: .04rem
}

.font-size-0 .sfi-live .text-title {
    font-size: 16px;
    line-height: 23px
}

.font-size-1 .sfi-live .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-2 .sfi-live .text-title {
    font-size: 21px;
    line-height: 28px
}

.font-size-3 .sfi-live .text-title {
    font-size: 23px;
    line-height: 30px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-live .text-title {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-1 .sfi-live .text-title {
        font-size: 17.1px;
        line-height: 23.4px
    }

    .font-size-2 .sfi-live .text-title {
        font-size: 18.9px;
        line-height: 25.2px
    }

    .font-size-3 .sfi-live .text-title {
        font-size: 20.7px;
        line-height: 27px
    }
}

.sfi-live .s-video-card-cover .icon-play {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/live-icon.a5f0acb.png)
}

.sfi-live-tag {
    position: absolute;
    top: .08rem;
    left: .08rem;
    background-color: rgba(0,0,0,.2);
    font-size: .11rem;
    line-height: .18rem;
    color: #fff;
    padding-right: .05rem
}

.sfi-live-status-tag,.sfi-live-tag {
    height: .18rem;
    border-radius: .095rem
}

.sfi-live-status-tag {
    display: inline-block;
    background-color: rgba(0,0,0,.3);
    padding: 0 .05rem;
    margin-right: .03rem
}

.sfi-live-status-tag.status-0:before {
    content: "";
    display: inline-block;
    position: relative;
    width: .11rem;
    height: .11rem;
    margin-right: .02667rem;
    top: .01rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 2.063C24.508 2.063 31 8.526 31 16.5c0 7.974-6.492 14.438-14.5 14.438S2 24.474 2 16.5 8.492 2.062 16.5 2.062zM13.763 10C12.79 10 12 10.664 12 11.483v10.034c0 .336.136.662.385.925.607.64 1.717.745 2.478.234l7.474-5.017c.102-.069.196-.147.278-.234.607-.64.483-1.573-.278-2.084l-7.474-5.017c-.312-.21-.7-.324-1.1-.324z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.sfi-live-subscript {
    margin-bottom: .17rem
}

.s-feed-item-image {
    padding: .02rem;
    position: relative
}

.s-feed-item-image-content {
    border-radius: .09rem;
    overflow: hidden
}

.s-feed-item-image-content .mask {
    position: absolute;
    top: 0;
    height: .47rem;
    width: 100%;
    opacity: .3;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
    border-radius: 0 0 .09rem .09rem
}

.s-feed-item-image-menu {
    position: absolute;
    right: -.1rem;
    top: .04rem;
    z-index: 1
}

.s-feed-item-image-stick-top {
    position: absolute;
    top: .09rem;
    left: .07rem;
    height: .48rem;
    width: 1.08rem;
    text-align: center;
    line-height: .48rem;
    font-size: .3rem;
    color: #fff;
    background-color: hsla(0,0%,100%,.2);
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: .48rem;
    -webkit-transform: scale(.333333);
    transform: scale(.333333);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1
}

.sfi-n-wenda-reply {
    padding: .1rem .17rem 0
}

.font-size-0 .sfi-n-wenda-reply {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 .sfi-n-wenda-reply {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 .sfi-n-wenda-reply {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 .sfi-n-wenda-reply {
    font-size: 21px;
    line-height: 28px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-n-wenda-reply {
        font-size: 12.6px;
        line-height: 19.8px
    }

    .font-size-1 .sfi-n-wenda-reply {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 .sfi-n-wenda-reply {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 .sfi-n-wenda-reply {
        font-size: 18.9px;
        line-height: 26.1px
    }
}

.sfi-n-wenda-origin {
    margin-top: .04333rem
}

.sfi-n-wenda-reply-video {
    margin: .04667rem .17rem .09rem
}

.sfi-n-wenda-reply-imgset {
    margin: .04667rem 0 .09rem
}

.sfi-n-smallVideo-content {
    margin-top: .10667rem;
    margin-bottom: .11333rem
}

.sfi-n-smallVideo .text-title {
    margin: .09rem .17rem .04rem
}

.font-size-0 .sfi-n-smallVideo .text-title {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 .sfi-n-smallVideo .text-title {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 .sfi-n-smallVideo .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 .sfi-n-smallVideo .text-title {
    font-size: 21px;
    line-height: 28px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-n-smallVideo .text-title {
        font-size: 12.6px;
        line-height: 19.8px
    }

    .font-size-1 .sfi-n-smallVideo .text-title {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 .sfi-n-smallVideo .text-title {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 .sfi-n-smallVideo .text-title {
        font-size: 18.9px;
        line-height: 26.1px
    }
}

.sfi-n-smallVideo-subscript {
    margin: .08667rem 0 .10667rem;
    padding: 0 .17rem
}

.tabs-container .s-tabs-wrap {
    height: 60px;
    margin-left: 12px;
    background-color: #fff
}

.tabs-container .s-tabs-cursor {
    height: 6px;
    width: 20px!important;
    border-radius: 3px
}

.tabs-container .s-tabs-position {
    border-radius: 12px 12px 0 0;
    overflow: hidden
}

.tabs-container .s-tabs-suctop-container {
    border-radius: 0
}

.tabs-container .s-tabs-suctop-container:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 12px;
    z-index: 2;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAqsAAAAMCAYAAAEymsQYAAAAAXNSR0IArs4c6QAAAhxJREFUeAHt3E9OwkAUx/E3EIkL4ALGLZzCA3AM48JrcAVh5cojGM7gTfi30FUHE1OiPt+MKX+EkhIINPHbTbHzOh0+NsMv/BlJUtVkrn1hO4rA2GtrmKiKofaO0iOdrAuEO3b9CH8dIhDv1kM64NwcAe7UHBgOl0pg5PVZYhCwqdWrtko1OgaDgAmMEu2Hl6r4cuVTu2PZECi5ANmq5P8ghrcUsBm2t4wBqQ6WTTxCAAEEENhHYOh1sIisvBmwDx21CCCAwG6BMLlWXE3au8toRQABBBAoKlBx0nZ/EutIqnLfrMqLc+69aEfUIYAAAv9N4FW1nnq5sef9aN9Wuc6e/2JSbdakaRPpLGtgjwACCCBQTOBNtfHhxcfqkFRtqxQ7lSoEEEAAgW0CYR79fV/VyZ0l1O9tRRxDAAEEECgmEOdRm0+LVVOFAAIIIIAAAggggMCpBRYfVK1e2IlMxEm3cSFPFmm/Vtt4jAACCCCAAAIIIIDAsQTsM6nqeCa31l/XFv+52ug3W7wi7GdzfbATLKuyIYAAAggggAACCCBwWoGQQ8OyKtkqAGEfl1ixBaym1lg/7XC4GgIIIIAAAggggAACmwLht6u2dNU0hlULqhMLqvy0atOJIwgggAACCCCAAAJnEgj51ALrRJJP7ZxpDFwWAQQQQAABBBBAAIFcAftKQEcstV7mVtCAAAIIIIAAAggggMCZBEJO/QHBbutVgFol5wAAAABJRU5ErkJggg==)
}

.darkmode .s-nav-text,.s-nav-text {
    color: #f33
}

.s-nav-text:active {
    opacity: .2
}

.s-nav-text:not(:first-child) {
    margin-top: .03333rem
}

.s-nav-text-prefix {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/nav-text-icon.d2af0c3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: .06333rem;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: .08rem
}

.s-nav-text .s-txt-intro {
    max-width: 90%
}

.darkmode .s-nav-text .s-txt-intro .colon,.darkmode .s-nav-text .s-txt-intro .title,.s-nav-text .s-txt-intro .colon,.s-nav-text .s-txt-intro .title {
    color: #f33
}

.s-nav-text .svg-icon {
    color: #1f1f1f
}

.darkmode .s-nav-text .svg-icon {
    color: hsla(0,0%,100%,.8)
}

.s-nav-img-banner .banner {
    padding-top: 18.684%;
    border-radius: .09rem;
    -webkit-box-shadow: inset 0 0 .17rem 0 rgba(0,0,0,.05);
    box-shadow: inset 0 0 .17rem 0 rgba(0,0,0,.05);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.darkmode .s-nav-img-banner .banner {
    -webkit-box-shadow: inset 0 0 .17rem 0 hsla(0,0%,100%,.1);
    box-shadow: inset 0 0 .17rem 0 hsla(0,0%,100%,.1)
}

.s-nav-doctor:after,.s-nav-doctor:before {
    content: "";
    display: block;
    border-color: currentcolor #f5f5f5 #f5f5f5;
    border-top: .06rem solid #f5f5f5
}

.darkmode .s-nav-doctor:after,.darkmode .s-nav-doctor:before {
    border-color: rgba(68,68,68,.2)
}

.s-nav-doctor.active .container {
    background-color: rgba(0,0,0,.05)
}

.darkmode .s-nav-doctor.active .container {
    background-color: hsla(0,0%,100%,.1)
}

.s-nav-doctor .head {
    padding: 0 .17rem;
    height: .44rem
}

.s-nav-doctor .head .title {
    color: #1f1f1f;
    font-size: .16rem;
    font-family: PingFangSC-Medium
}

.darkmode .s-nav-doctor .head .title {
    color: hsla(0,0%,100%,.8)
}

.s-nav-doctor .head .right:active {
    opacity: .2
}

.s-nav-doctor .head .right .svg-icon,.s-nav-doctor .head .right .text {
    color: #858585;
    font-size: .13rem
}

.darkmode .s-nav-doctor .head .right .svg-icon,.darkmode .s-nav-doctor .head .right .text {
    color: hsla(0,0%,100%,.5)
}

.s-nav-doctor .desc {
    padding: 0 .17rem .11rem;
    margin-top: -.01rem;
    color: #1f1f1f
}

.darkmode .s-nav-doctor .desc {
    color: hsla(0,0%,100%,.8)
}

.s-nav-doctor .desc .title {
    position: relative;
    margin-bottom: .02rem
}

.android .s-nav-doctor .desc .title {
    margin-bottom: 0
}

.s-nav-doctor .desc .title .s-txt-intro {
    margin-left: .19rem
}

.s-nav-doctor .desc .title .icon {
    position: absolute;
    top: .06rem;
    width: .13rem;
    height: .13rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAY1BMVEUAAAAiIiIfHx8gICAhISEgICAgICBHR0cfHx8fHx8fHx8fHx8fHx8fHx8kJCQfHx8gICAfHx8gICAgICAgICAfHx8fHx8fHx8rKysgICAgICAgICAhISEhISEhISEfHx8fHx95WO62AAAAIHRSTlMAFvyoMvhCA/Tt5s7AkhzLubOVh39yakkGyp2OfW1jOQKfCcEAAAEfSURBVDjLvZPXjoMwEABxo7cktPT5/688pMA5YJPoLlLmhd3VyGvWdvAPtEolMzJV2mtFjWGJaSKP1+DSeJoa2OnBLq93YNzWatQeEfAIRlE5Xgp65WlIHU/CsPIGkI4HTB/AJl/ybPRt733N5RNP4kM6XgJiVRKQOF4G4aoUQuZ4e9hvlywaErFsm4DnidSg1je3DlxuwOEpPwA3xypPEkCJuakCkKdyqV3nNxkXoRhEWMTz27yutgL1veCZ4l7DYtMXoArHoM+YyfoxDyvg8rs3CUU0zfacpSbNztPMowJkaf8sHzUvUW6ncIQ+2KKHo/cKbF+G+I0XT2EF7abX2r4dmFb4V2sNdHOW84rcHm7+SiufptRVMT7iqgv+xA8byznI8zcaAAAAAABJRU5ErkJggg==)
}

.darkmode .s-nav-doctor .desc .title .icon,.nightmode .s-nav-doctor .desc .title .icon {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHXRSTlMAzMUShiijBbmkmnd0Vjk0FwO+lJBsZlzBfmRQLu3eh64AAAEPSURBVDjLvZLbjoMwDAUZJyHcC4VCb///nSvUblJIoNp9YF6IrREOByf/wOgMT6ZN1LKjsETGLuKNhIyRoQKDsa7uzAASjtYwvE7A6zCADrwMzMozkAUeYFeeBWLe+wG44ijPn472vvdCjvDOoFYtBefAy+G0ap0gD7wSyv2WW6KrWo69gkkCetDrze2TkAdw+agvwCOw2hszWv0O1czc2qVWCy+kapRVTeXqenUV6J8Vn1TPHhaXvgPpnF6TOytv5gRT4O7uBpT2nW2VZ5Ll1TtzWwKt/7KiS+J0hU8hhSbZooE0ugLbyyBfPPFzp01v8nNrkEnF3zYJuKgL9ij8zy32tPYjpTqVqCRpnfyJH68bCG0uiUnnAAAAAElFTkSuQmCC)
}

.darkmode .s-nav-doctor .desc .title .icon {
    opacity: 1
}

.s-nav-doctor .desc .speci-prefix {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: .06333rem;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: .08rem;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAclBMVEUAAAAxMTEfHx8kJCQfHx8gICAfHx8fHx8fHx8fHx8gICAgICAiIiIoKCgfHx8fHx8gICAfHx8oKCggICAfHx8hISEhISEfHx8gICAgICAgICAhISEfHx8gICAiIiIxMTEfHx8gICAgICAfHx8hISEfHx+e+O7dAAAAJXRSTlMABbMq+ZHw2UrndUUzGc3dv5sTpotOPvLEglsmrGI7CrWIT0EvoLUCmAAAAaVJREFUOMuVlOl2gjAQhQmGTQTBteLWqt/7v2JJ0pAR7PE4f0gyl5k7a/QkqkziutBFHSeliv6T3TolSLrevUTNYsYSzyYolQCQbbaLSlWL7SYDIBl5XzWAbmfSfquBZiVhx6X3MmGyPAprBjaPpjI3wMGiamCfvwwu30PjOSaAgKmLEkAg+aMxcnriNHLtiMcQC8UFuPiLUO9Ay0i/gC8ZtQZTmTW0kjlokFG1sO5ZpyDN1ehcU0uDkKqohMy/VOX8BK2xcJqXlX/OoDRJ2djbvUkB0FVUaQDS5m41G0hMOFvH36Gyrj93mYYhnq2JuIaFvZ2B5KF8sh8JcLbnBdRRAdWQ0dT+4pTpkP0KikiDt3GwwAA7eNugnb0ALJRTFQ4W7Dl+oUZXe7j6Wnp+Ll4v3xSRk4Jv+/Xxuvx5WfIVrQ71YRV9sTQPIX+yHkoT/+yB/U+MVrIeT/U9YkW7z1HW96lfcoDsfD1nALnsF9l/lkOnDIHO+gr9N+rn7jaQv3Wjfg7zEWQ6H2HeJhLm7aP5fb8PPt4v7/fV+/33wT79fD+/3/e/uDE9tr7aWUYAAAAASUVORK5CYII=)
}

.darkmode .s-nav-doctor .desc .speci-prefix,.nightmode .s-nav-doctor .desc .speci-prefix {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJ3RSTlMAzJAiBLDJdMA4MjwoP6WZfG9dFBC4hZ0Hw2kfSayLT8W5lHNgLBZvIVodAAABrElEQVQ4y42U2daqMAyF85UOoIwigoj6z+//iOeiAgU5a5GrrjZNdpKdLRKaTpzKG9vk6jvR8j87XGJmiy+HTa9IsTYVvXlpB4CpsrTWdZpVBgC3yn4uAFuG/6PSAsU5dLuZrSyRAswtiGaA0wbmE2CmiLqA63GzuOMVihGjAwK37tAFjoB7wVglffBYpfbAFaiw20DY4fH5ADastAXasGrr/12glAUgu4ArJVxEdDzm95ZjE0seBoRYSwJmvPlLTg8opYTHKfkbrw0k4qDy+AvPlo9a6g/PmMLXU4ETBdmEH+x9EJHsbmGqJwMlOaQiIvIEXDq2uEsd8BQRkRRyaaD2Tz8Q/07of2P48ccaGrEwzq+HOH2d0xj6cf5gg3gi/Vx7M7v5eBO+14w8wC6cZQr5XK+IyBefr9MnX9NtBmrun+9oK+e+7c/Szt2XCr4X89AWVV2Ba6WwejGPcL43ALAAcFvMN+TLEcA8u6choLjnS8i/BO6DFhE93CFZ8i/k8zCXng0rPr/tx/tqRpv7tlzMed927+9ePditL7v1arf+7dbT/fq81Hu30vt/ygsTgmc9T7oAAAAASUVORK5CYII=)
}

.darkmode .s-nav-doctor .desc .speci-prefix {
    opacity: 1
}

.pc-live {
    margin-top: 27px
}

.pc-live,.pc-live-title-bar {
    overflow: hidden
}

.pc-live .intro-title {
    float: left
}

.pc-live-acts {
    height: 16px;
    font-size: 0;
    float: right;
    overflow: hidden
}

.pc-live .act-next,.pc-live .act-prev {
    display: inline-block;
    height: 16px
}

.pc-live .act-next .s-svg-icon-right-arrow,.pc-live .act-prev .s-svg-icon-right-arrow {
    height: 16px!important;
    width: 30px!important;
    padding: 0 7px
}

.pc-live .act-next .s-svg-icon-right-arrow:hover,.pc-live .act-prev .s-svg-icon-right-arrow:hover {
    color: #315efc;
    cursor: pointer
}

.pc-live .act-next.disabled,.pc-live .act-prev.disabled {
    color: #ccc;
    pointer-events: none
}

.pc-live .act-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pc-live .act-next:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: #eee
}

.pc-live-list {
    white-space: nowrap;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.pc-live-list .s-live-card {
    width: 100%;
    max-width: 341px;
    display: inline-block;
    margin-right: 25px
}

.small-program-list {
    padding: 0 .17rem .15rem
}

.small-program-list .list-item:active .avatar:after {
    background-color: rgba(0,0,0,.05)
}

.darkmode .small-program-list .list-item:active .avatar:after {
    background-color: hsla(0,0%,100%,.1)
}

.small-program-list .list-item .avatar {
    width: .4rem;
    height: .4rem
}

.small-program-list .list-item .s-avatar-circle:after {
    border-width: 1px
}

.small-program-list .list-item .info {
    margin-left: .12rem
}

.small-program-list .list-item .info .name {
    font-size: .16rem;
    color: #1f1f1f
}

.darkmode .small-program-list .list-item .info .name {
    color: hsla(0,0%,100%,.8)
}

@media screen and (max-width:360px) {
    .small-program-list .list-item .info .name {
        line-height: 16px;
        height: 15px;
        font-size: 15px
    }
}

.small-program-list .list-item .info:active {
    opacity: .2
}

.small-program-list .list-item .desc {
    margin-top: .01rem;
    font-size: .13rem;
    line-height: .17rem;
    color: #858585
}

.darkmode .small-program-list .list-item .desc {
    color: hsla(0,0%,100%,.5)
}

.small-program-list .list-item .btn {
    color: #1f1f1f;
    font-size: .14rem;
    width: .57rem;
    height: .28rem;
    text-align: center;
    line-height: .28rem;
    background-color: #fff;
    position: relative;
    overflow: visible;
    border: 1px solid #333;
    border-radius: 15px
}

.darkmode .small-program-list .list-item .btn {
    color: hsla(0,0%,100%,.8);
    background-color: rgba(68,68,68,.5)
}

.nightmode .small-program-list .list-item .btn {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .small-program-list .list-item .btn {
        border: none
    }

    .small-program-list .list-item .btn:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #333;
        border-radius: 45px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .small-program-list .list-item .btn:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .small-program-list .list-item .btn:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 30px
    }
}

.small-program-list .list-item .btn:after {
    border-color: #b8b8b8
}

.darkmode .small-program-list .list-item .btn:after {
    border-color: hsla(0,0%,60%,0)
}

.small-program-list .list-item .btn:active {
    opacity: .2
}

.small-program-list-1,.small-program-list-2 {
    padding: 0
}

.small-program-list-1 .list-item,.small-program-list-2 .list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.small-program-list-1 .list-item .info {
    margin-right: .2rem
}

.small-program-list-1 .list-item .desc {
    margin-top: .03rem
}

.small-program-list-2 {
    margin-top: -.01rem;
    margin-bottom: -.01rem
}

.small-program-list-2 .list-item {
    margin-right: .2rem
}

.small-program-list-2 .list-item:active {
    opacity: .2
}

.small-program-list-2 .list-item .desc {
    margin-top: .03rem
}

.small-program-list-3 {
    padding: 0;
    margin-bottom: -.03rem
}

.small-program-list-3 .list-item {
    margin-right: .17rem
}

.small-program-list-3 .list-item:active {
    opacity: .2
}

.small-program-list-3 .list-item:last-child {
    margin-right: 0
}

.small-program-list-3 .list-item:nth-child(4):last-child {
    margin-right: .79rem
}

.small-program-list-3 .list-item:nth-child(3):last-child {
    margin-right: 1.58rem
}

.small-program-list-3 .list-item .avatar {
    margin: 0 auto
}

.small-program-list-3 .list-item .info {
    margin: .09rem 0 0;
    text-align: center
}

.small-program-list-3 .list-item .info .name {
    font-size: .12rem;
    color: #1f1f1f
}

.darkmode .small-program-list-3 .list-item .info .name {
    color: hsla(0,0%,100%,.8)
}

.s-small-program {
    padding: 0 .17rem
}

.s-small-program .head {
    height: .44rem
}

.s-small-program .head .title {
    color: #1f1f1f;
    font-size: .16rem;
    font-family: PingFangSC-Medium
}

.darkmode .s-small-program .head .title {
    color: hsla(0,0%,100%,.8)
}

.s-small-program .head .right:active {
    opacity: .2
}

.s-small-program .head .right .more {
    color: #858585;
    font-size: .13rem;
    margin-right: .01rem
}

.darkmode .s-small-program .head .right .more {
    color: hsla(0,0%,100%,.5)
}

.s-small-program .head .right .svg-icon {
    color: #858585
}

.darkmode .s-small-program .head .right .svg-icon {
    color: hsla(0,0%,100%,.5)
}

.pc-nav {
    padding: 27px;
    border-radius: 12px;
    background-color: #fff
}

.pc-nav .intro-title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    color: #1f1f1f;
    font-weight: bolder
}

.pc-nav .intro-title.intro-area {
    margin-bottom: 7px
}

.pc-nav-info-prefix {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnBAMAAAB+jUwGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTCAgIC8vLyAgICAgICIiIh8fHyEhIR8fHx8fHx8fH+K9vS8AAAAKdFJOUwCACJpATHNV697Q76MZAAAAiElEQVQoz2NgIAWoJgrCQaoCRIy9axUSaIcIWq1CAQZghatWGiK0W65aDhLUWGWEZD6T1QqQqVErFZBt1VwVACSzFqM4hXlVApCUWogiyLhKgDqCLFBXiiALMkJ9s5CgIFbttHOnA6ogxEkCRAhi1U5td2KNOKxRjDUxYE02WBMY9qSINdFSAgACpG4jtso+YAAAAABJRU5ErkJggg==);background-size: 100%;
    background-repeat: no-repeat;
    margin-right: .06333rem;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 10px
}

.darkmode .pc-nav-info-prefix,.nightmode .pc-nav-info-prefix {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnBAMAAAB+jUwGAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAzGd8B7yyXEQ9NE/av5sAAACFSURBVCjPYyAJeBYpwUGlA0SMI1AQCURABA0FUYABWKGgmBFCu5mgBEjQVdAEyXwWQ1GQqRPFgCQCuAlOAJKFwihOYRYsAJKKQiiCTIIK1BHkgrpSCyEIYkGAEF5BTO00d+cCIA/DSQqEBRHaaelOzIjDFcWYiQFHssFMYLiSImaipRgAAGEZJg2vDBmUAAAAAElFTkSuQmCC)
}

.darkmode .pc-nav-info-prefix {
    opacity: 1
}

.pc-nav-auth-area.has-navs {
    padding-bottom: 18px;
    border-bottom: 1px solid #eee
}

.pc-nav-authentication .pc-nav-info-prefix {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTB8fHyAgIB8fHyYmJiQkJCAgIB8fHx8fHzg4OCAgICAgICAgICAgICcnJx8fHx8fHx8fHyQkJB8fHykpKSMjIyAgICAgIB8fHyAgICEhISAgIB8fHyEhISAgIDQ0NCAgICMjIyAgICAgIB8fH5QF2FkAAAAkdFJOUwCzdN4GKpD95wS/aD5OEsxKtCucGTPapovwRXDjJvIJ+RzD2XXQvI4AAAFeSURBVDjLjZTHkoMwDEBFs4GFAKEnmzb7/v8b90AzLWOdPJb8JKuJmBLdlJOF7zBz1C2SM0nankX6Njm0ujpsxbnurCKlAZourSu/qtOuAdBq4/0SA7oMjKug1EB8Mc0eHlAEGx9BAXgPg+aBdg9idjV4MzGK4Zkffi5/QjzFqEDnJ7nKNagxIRrc06S6oIf0OFDIuRTgiIgkoIMvdoGGRERaKOWblNCKRD3MuCSdtelc3QD6SG7QjBefmF9/PL9C4s94buAmCrpFx894vrO86UCJA7OzRWk+kRQcyaCWHdDESQ2ZhFDJFrjCSQWhvGF+OOtXOPHhvebJHTx/gxt4ZnwT0AVvwQ3xmf8dyu5d1rjhv0b+JmAGnjkXHSizHhOQNW6ox6q+I3CNG+q76xd3ixv6Zdd/r5C/6KD/dv38uH+O+tl6PmznzXp+bfeB9X6x3lfW+896n9rv5+/7/h8JSzWtKpOsDwAAAABJRU5ErkJggg==)
}

.darkmode .pc-nav-authentication .pc-nav-info-prefix,.nightmode .pc-nav-authentication .pc-nav-info-prefix {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAH3RSTlMAzAQiPriwEZB0B12YMrSkwI+FfXA4KVlVuh/CUhgXYdWxSQAAAUpJREFUOMuVVNlygzAMlMxhznIESEua/v9nVmKcrINDGO8Tg9craSWLXmDmcugyzrqhnA0doR17BvqxfctKCt6jSAKWKVmRT+lijV3SKWdFuYtuGxZcEl//woLG+rQ1R5RdJvnqqSmtphC1Ep+KRoLeUnqH9CahHzlqCaDtiFqMSwNBD0InpCikhEMajlt3IQTCaWdG8Y0+QXwciUzvybUpCmg9wd7QLA65H/eGs8p9Vxk3f+5b3J3VlAln/O2+r4w7k1ozqHc4/KpwxfNwoI55oUAQNwQLc0dyZMkXNHs5spIDMbOhF0HwHYxwoOcJVj9ODnrIT7Exfql+yiE/1KvYKHYjK1Av/INgBzn4h35gjiCHfqC/EIQc+ot5gSDkMC+YP3iYm3D+wnler/dgnmPex/l7i3i/EfvgbL/E7Kvz/RexT+P38/m+/wd9GQ7IkpirmwAAAABJRU5ErkJggg==)
}

.darkmode .pc-nav-authentication .pc-nav-info-prefix {
    opacity: 1
}

.pc-nav-personal .pc-nav-info-prefix {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACxUExURUdwTCAgICAgIB8fH////yAgIB8fHx8fHyYmJh8fHyIiIiAgICAgIB8fHx8fHyAgIGtrax8fHyAgIDAwMCUlJSAgIEBAQCEhISEhIR8fHyAgICAgIB8fHyAgICAgICEhISAgICEhISIiIicnJyoqKiEhISAgIB8fHyAgICAgICAgICAgIB8fHyAgICAgICAgICcnJyAgICAgICUlJSEhISEhIR8fHx8fHyEhIR8fHx8fH+8ZI1gAAAA6dFJOUwCAY6wB+nPdIv4paYb1nLgC/HcJEVkEfTG7x4vPR6ZVwS4kIQY1TsRuqZiQvbHhlA3poRg8XdV5PutwTr5ZAAABZklEQVQ4y72U4XLBQBSFN5JgEYkAEEKlClNo0X7v/2D9EcGmuzXT6fT8u3e+7Ozee06E+KWaUeFciJoPqMrSA8A7PP1AOVaDTG7RjI0BRqta/QSwMnE1YDMVQgiRDADDiT0J2+BSzA/QmGk5H3znWnUWsNRhb1I9oAfuTsMdoa80RvCs4SywlMYaXjTcCqpKI4SahqtDQWkUYfgP3BrC/HrOGq4KdaVhw1HDvcPn/K7eeVDRuaWkzqsLI+1+i+D1bsc38u+6bn4EXnQpJh7EjsH0e3DTKyUSXo3Wr+yhnT3ejImmf8ctDZmbdWOXOw53E5a/UYktASDNx0daNMZT9alDCSBL48yZE7sEgLSCG9aKAelPWsrHrXYM0L/eM/CBflk3gAVgOzdjyKJ+poEFdC9Bc/PJyNnNS+9TgIFj5IJTFruuPi+ZtpmNQqiXzbKzHEY8UpIatP8As7N/kzUombUIO+Lv9QWngkccmKqqiAAAAABJRU5ErkJggg==)
}

.darkmode .pc-nav-personal .pc-nav-info-prefix,.nightmode .pc-nav-personal .pc-nav-info-prefix {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAALHRSTlMAzByxyGYDxJqVbGBcCIqGfFRQI5+mdEMoDbx5cFlHPTgxLCAStauRgU1Jf825bBEAAAFESURBVDjLvZTrUsIwEIXztWl6oxd6gQKiCAiI7/9+jtaURpMy4zieX9kz3+x0NzkVv1W2q9Jql92hDkUIQHjxprBAoiVnbqwAaMukPAFsXFgCRPXncd8Ajo4dsFBfhbqAtH9jDOdbpSIobNjxW4MOpG09rxAbRgtPtp1AYBgL2Fq4DcwNI4XEwpVQGcYMHv6BW0BqXo82TM2hNIwcrhbuGdZqVK9CqIVFvrmvAFph0wzC7tZeQmXlVAuhvqllCJGwq16DPPTvD3jxxAT4qId3YyI7j7jCkTkviCQjDhmlP1t2Ob1qvUwAWdTmqEnv+8Uwb+73VqBGq48A4uXKDMK1t7OhW/xR2sY7NECuq8SdVRUwxOEoh6P9uYUrHbRGOKVOsNQPIxFubWCrc/XmuZXrHO64p73+sUwr19cfNL5bTarE3+sdDZsOn/r1314AAAAASUVORK5CYII=)
}

.darkmode .pc-nav-personal .pc-nav-info-prefix {
    opacity: 1
}

.pc-nav-personal span.item {
    margin-right: 10px
}

.pc-nav-authentication,.pc-nav-sign {
    font-size: 16px;
    line-height: 32px
}

.pc-nav-authentication:hover {
    cursor: pointer
}

.pc-nav-authentication:hover .s-txt-intro {
    color: #315efc
}

.pc-nav .s-txt-intro {
    font-size: 16px;
    line-height: 32px
}

.pc-nav .pc-nav-text .s-nav-text-prefix {
    height: 16px;
    width: 16px;
    top: 9px
}

.pc-nav .pc-nav-text .s-svg-icon-right-arrow {
    height: 33px!important
}

.pc-nav .pc-nav-text:hover {
    cursor: pointer
}

.pc-nav .pc-nav-text:hover .s-txt-intro,.pc-nav .pc-nav-text:hover .svg-icon {
    color: #315efc
}

.pc-nav .location {
    font-size: 16px;
    line-height: 33px;
    color: #858585;
    padding: 20px 0 0 22px;
    margin-bottom: -8px;
    position: relative
}

.pc-nav .location:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 28px;
    display: inline-block;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABkUlEQVQ4EZWTu04CYRCF2Z+N9NAZpdLKYtUXoCOxMqEg1iAkm1j5IFYmEG6VhaGgJaHzCZSCisagsYOeDRfPt+4my4IS/2R2ZuecM/NfrURsNBqNs9Vqdat0fr1eZ4Ety5rIDYwxrWq1OiIXDisMut3uwWw2e5DIleBFvpdMJscqZik+Ua4gn5OvpdPp+2Kx6KH1CyCeTqd9/TsS3anLM2C73T7El8vlL7xmd7NcLh8VDjOZzBVFDACd5Rzbts9DMXnP8/oYMQMslUpdKHQCTcKwZqZN50ql8ukz//iUSqUPuGjQGjaMNUc7/6H3Ibho0LIEdru3TxTHA03eKMhqSuM4Yd8/GrT+Ju4j78I5XvJGa5noaE53kZR7D2wLVnfuxsQWMlBQkOd8N4brutcbichPoOF2mpaq5bgkEdwP6/X6ExbPw0WD1uhIRqpW44Y1m82jKFkkB4vmOp3OMVw0aP1N5G6LNFwsFm/RmajDJRYWAJvP569wA83PW4Dw22MCY5NZM9Om89ZjghQOdfnXc/4GdGDn5gHDe4oAAAAASUVORK5CYII=);background-size: 16px
}

.pc-nav .location .colon {
    padding: 2px 3px 2px 2px
}

.pc-nav .adeptus {
    cursor: pointer
}

.pc-nav .adeptus:hover {
    color: #315efc
}

.pc-nav .divider {
    margin-top: 17px;
    border-top: 1px solid #eee
}

.pc-nav-popular {
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 0
}

.pc-nav-popular-info {
    display: inline-block;
    margin-top: 10px;
    margin-right: 30px
}

.pc-nav-popular-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -2px
}

.pc-nav-popular-label {
    font-size: 16px;
    color: #ff9200
}

.s-banned {
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
    background: #fff;
    border-radius: 12px
}

.s-banned-icon {
    margin: 2rem auto .29667rem;
    width: .52667rem;
    height: .55667rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/banned.13055c8.png)
}

.s-banned-text {
    font-size: 14px;
    text-align: center;
    color: #1f1f1f
}

.darkmode .s-banned-text {
    color: hsla(0,0%,100%,.8)
}

.pc-topmenu {
    position: absolute;
    top: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    width: 84px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    border-radius: 12px;
    overflow: hidden;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pc-topmenu .link-text {
    display: block;
    padding-bottom: 16px;
    color: #333;
    line-height: 1
}

.pc-topmenu .link-text:last-child {
    padding-bottom: 0
}

.pc-topbar {
    height: 70px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    z-index: 10;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc-topbar-left {
    height: 48px;
    width: 134px;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/topbar-logo.706566a.png);
    background-size: contain;
    margin-left: 8px
}

.pc-topbar-left a {
    height: 100%;
    width: 100%
}

.pc-topbar-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

.pc-topbar-right,.pc-topbar-right .topbar-link {
    margin-right: 24px
}

.pc-topbar-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.pc-topbar-user span {
    margin-top: -1px
}

.pc-topbar-login {
    height: 24px;
    width: 48px;
    background-color: #4e6ef2;
    border-radius: 6px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.pc-topbar-login:hover {
    background-color: #315efb
}

.pc-topbar .avatar-wrapper {
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 50%;
    border: 1px solid #4e71f2;
    margin-right: 4px
}

.pc-topbar .topbar-link {
    margin-right: 24px
}

.pc-topbar .link-text {
    color: #222;
    font-size: 13px;
    line-height: 13px;
    text-shadow: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.pc-topbar .link-text:hover {
    color: #315efb
}

.pc-topbar .link-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-bottom-bar {
    height: 44px;
    width: 100%;
    background-color: #fbfbfb;
    position: relative;
    bottom: 0;
    z-index: 10;
    font-size: 0;
    color: #9195a3;
    overflow: hidden
}

.pc-bottom-bar-left {
    height: 48px;
    float: left;
    font-size: 0;
    width: 50%
}

.pc-bottom-bar-right {
    float: right;
    width: 50%;
    white-space: nowrap;
    text-align: right
}

.pc-bottom-bar-right .lh {
    display: inline-block;
    margin-right: 24px
}

.pc-bottom-bar-right .lh,.pc-bottom-bar .bottom-link {
    font-size: 12px;
    line-height: 48px;
    color: #9195a3;
    text-decoration: none
}

.pc-bottom-bar .bottom-link {
    margin-left: 24px
}

.s-back-top {
    width: 44px;
    height: 44px;
    font-size: 0;
    padding: 10px
}

.s-back-top:active {
    opacity: .2
}

.s-back-top:active svg>g,.s-back-top:hover svg>g {
    stroke: #315efb
}

.pc-drawer {
    position: fixed;
    top: 70px;
    right: 0;
    width: 368px;
    height: calc(100% - 70px);
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -webkit-animation: openDrawer .2s ease-in-out forwards;
    animation: openDrawer .2s ease-in-out forwards;
    z-index: 9
}

.pc-drawer .close {
    width: 20px;
    height: 20px;
    top: 13px;
    left: 19px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFaADAAQAAAABAAAAFQAAAAAIGxIOAAABKUlEQVQ4Ee2TQQ6CQAxFgQO400sQDkHiHbwFa8IBgISN4RbewcjOCxhP4c6wI2Hsl0KGMkX3OonSTn/ftIXxvP+SE6jreiP3XL6mC6S4KIpj27bXPM+3Mmb7iEMHvb0PewbFycaYPf1CijUamPcb6KCXFc+gSZI8CRb7vn/XwDYQOug5j8xh+aNhP12JWZY9tH07F7YTioAEBEFw6Pv+hA7GCnEQtHKpUAirqtp1XXdhED0M8YaWNSDyVqEQlGUZUoU3BhqqOErTFLNU1+xFSRVGwC2jwnel8Hk0Uj75KtQx0witE3n1cwPZCZVA0sXccvwNeDFTF9B+KZ/ii0r5ZjRoERWhQhuIBPZnFX+8UQQ7a0BAsWww9PJGDSrxL08W4cn9Vjcl/IbxAsrb2x7/ctS6AAAAAElFTkSuQmCC)
}

.closeDrawer {
    -webkit-animation: closeDrawer .2s ease-in-out forwards;
    animation: closeDrawer .2s ease-in-out forwards
}

@-webkit-keyframes openDrawer {
    0% {
        -webkit-transform: translateX(368px);
        transform: translateX(368px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes openDrawer {
    0% {
        -webkit-transform: translateX(368px);
        transform: translateX(368px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes closeDrawer {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(368px);
        transform: translateX(368px)
    }
}

@keyframes closeDrawer {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(368px);
        transform: translateX(368px)
    }
}

.s-message-forbid {
    position: relative;
    margin-bottom: 15px
}

.s-message-forbid-container {
    width: 100%;
    height: 50px;
    border-radius: 12px;
    background: rgba(255,51,51,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-message-forbid-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 13px;
    -ms-flex: 0 0 13px;
    flex: 0 0 13px;
    height: 16px;
    margin-left: 27px;
    margin-right: .06333rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='41' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 35.5c0 2.808-2.728 5-6 5s-6-2.192-6-5zM16.5 0C18.433 0 20 1.679 20 3.75c0 .257-.072.495-.196.694 5.315 1.458 9.223 6.35 9.223 12.156v9.22A7.965 7.965 0 0133 32.723c0 .705-.568 1.277-1.27 1.277H1.27C.567 34 0 33.428 0 32.723a7.965 7.965 0 013.973-6.903V16.6c0-5.81 3.906-10.7 9.223-12.158A1.297 1.297 0 0113 3.75C13 1.679 14.567 0 16.5 0z' fill='%23F33'/%3E%3C/svg%3E")
}

.s-message-forbid-msg {
    color: #f33;
    font-size: .13rem;
    padding-right: .08rem
}

*,:after,:before {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus {
    outline: 0
}

input {
    border-radius: 0
}

body,html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html {
    -webkit-overflow-scrolling: touch;
    font-size: 100px!important;
    height: 100%
}

body {
    font-family: -apple-system-font,STHeiti SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (max-width:360px) {
    html {
        font-size: 90px!important
    }
}

.sfi-dynamic .imgsize-1,.sfi-n-wenda .imgsize-1 {
    width: 414px
}

.sfi-dynamic .imgsize-2,.sfi-dynamic .imgsize-3,.sfi-dynamic .imgsize-4,.sfi-dynamic .imgsize-5,.sfi-dynamic .imgsize-6,.sfi-dynamic .imgsize-7,.sfi-dynamic .imgsize-8,.sfi-dynamic .imgsize-9,.sfi-n-wenda .imgsize-2,.sfi-n-wenda .imgsize-3,.sfi-n-wenda .imgsize-4,.sfi-n-wenda .imgsize-5,.sfi-n-wenda .imgsize-6,.sfi-n-wenda .imgsize-7,.sfi-n-wenda .imgsize-8,.sfi-n-wenda .imgsize-9 {
    width: 420px
}

.sfi-dynamic .s-image-set-cover {
    padding: 0 2px!important;
    margin-bottom: 4px
}

.common-header-f {
    padding-top: 20px;
    margin-bottom: 15px
}

.common-header-f .user-info .avatar {
    width: 30px;
    height: 30px
}

.common-header-f .user-info .avatar .img {
    border: 1px solid rgba(0,0,0,.1)
}

.common-header-f .user-info .header-content {
    height: 30px;
    line-height: 30px
}

.page-content .sfi-article-gallery,.page-content .sfi-article .text-title {
    margin: 0
}

.page-content .s-card-body .sfi-article-gallery,.page-content .s-card-body>.s-subscripts,.page-content .s-card-body>.text-title {
    margin-left: 15px;
    margin-right: 15px
}

.page-content .sfi-article {
    padding: 0 11px
}

.page-content .sfi-article .s-card-content {
    padding: 27px 0
}

.page-content .sfi-article .single-img .s-card-content {
    padding: 20px 0
}

.page-content .sfi-article .text-title {
    font-size: 20px;
    line-height: 30px
}

.page-content .sfi-article .sfi-article-gallery {
    max-width: 272px
}

.page-content .sfi-article .s-subscripts {
    margin-bottom: 0;
    margin-top: 11px
}

.page-content .sfi-article-img-3+.s-subscripts {
    margin-top: 16px
}

.page-content .sfi-article-gallery,.page-content .sfi-article-img-3 .s-col {
    margin-top: 12px
}

.page-content .sfi-dynamic .sfi-dynamic-content {
    margin-bottom: 0
}

.page-content .sfi-dynamic .s-card-content {
    margin-left: 12px
}

.page-content .sfi-dynamic .square-img-texts {
    margin-left: 15px
}

.page-content .sfi-dynamic .s-image-set {
    margin-top: 10px
}

.page-content .sfi-dynamic .s-image-set.imgsize-0 {
    margin-top: 0
}

.page-content .sfi-dynamic .s-image-set.imgsize-1 .s-image-set-cover {
    padding: 0!important
}

.page-content .sfi-dynamic .s-video-card-cover {
    margin-top: 11px;
    margin-left: 15px
}

.page-content .sfi-dynamic-origin {
    margin-top: 16px
}

.page-content .sfi-dynamic .s-srcscripts-wrapper {
    margin: 16px 15px
}

.page-content .sfi-dynamic .s-srcscripts-wrapper .s-srcscripts-prefix {
    margin-top: 4px
}

.page-content .sfi-dynamic .s-srcscripts-wrapper .s-srcscripts-postfix {
    margin-top: 9px
}

.page-content .sfi-dynamic-forward {
    margin-right: 12px;
    margin-top: 16px
}

.page-content .sfi-dynamic-forward .origin-text-title {
    margin: 11px 15px 0
}

.page-content .s-appendix {
    max-width: 416px;
    margin-left: 15px;
    margin-top: 16px
}

.page-content .s-appendix .cover-bsquare {
    height: 60px;
    width: 60px
}

.page-content .s-appendix .s-appendix-content {
    margin-left: 16px
}

.page-content .sfi-comment-origin {
    margin-left: 0
}

.page-content .sfi-comment .s-subscripts,.page-content .sfi-comment div .text-title {
    margin-left: 27px
}

.page-content .sfi-comment .common-header-f {
    margin-left: 10px
}

.page-content .sfi-comment .s-subscripts {
    margin-bottom: 0
}

.page-content .sfi-comment .s-card-body {
    margin-bottom: 16px
}

.page-content .s-feed-item-community .s-card-content {
    margin-left: 12px
}

.page-content .s-feed-item-community-subscript {
    margin: 16px 15px
}

.page-content .s-feed-item-community-subscript .s-srcscripts-prefix {
    margin-top: 4px
}

.page-content .s-feed-item-community-subscript .s-srcscripts-postfix {
    margin-top: 9px
}

.page-content .sfi-small-video {
    border-radius: 12px;
    overflow: hidden
}

.page-content .sfi-small-video .img-cover:after {
    height: 68px
}

.page-content .sfi-small-video-stick-top {
    width: 156px;
    height: 72px;
    top: 13px;
    left: 10px;
    border-radius: 42px;
    font-size: 45px;
    line-height: 72px
}

.page-content .sfi-small-video .text-play {
    -webkit-transform: translateY(41px);
    transform: translateY(41px);
    margin-bottom: 0;
    padding-right: 12px;
    font-size: 15px;
    line-height: 15px
}

.page-content .sfi-small-video .text-play .icon-play {
    margin-right: 4px;
    padding-left: 15px
}

.page-content .sfi-small-video-extra {
    min-height: 68px
}

.page-content .sfi-small-video .has-seen {
    font-size: 15px
}

.page-content .sfi-small-video .has-seen:before {
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.page-content .sfi-n-smallVideo-cover {
    max-width: 276px
}

.page-content .sfi-n-smallVideo .text-title {
    margin: 15px 27px 12px 17px
}

.page-content .sfi-n-smallVideo-subscript {
    margin: 16px 0
}

.page-content .s-image-tips {
    padding: 0 9px;
    height: 24px;
    line-height: 24px;
    right: 9px;
    bottom: 9px;
    font-size: 12px;
    border-radius: 13px
}

.page-content .s-feed-item-community-content {
    padding-top: 0
}

.page-content .s-feed-item-community-content .s-image-set {
    max-width: 416px
}

.page-content .s-vote .s-card {
    margin-left: 10px
}

.page-content .s-vote .vote-content .content-hint {
    padding-top: 0
}

.page-content .sfi-n-wenda .common-header-f {
    padding: 20px 27px 0 10px
}

.page-content .sfi-n-wenda .common-header-f .user-info .header-content {
    margin-left: 12px
}

.page-content .sfi-n-wenda .sfi-n-wenda-reply {
    padding: 0 27px 12px;
    font-size: 16px;
    line-height: 26px;
    color: #1f1f1f
}

.page-content .sfi-n-wenda .sfi-n-wenda-reply-video {
    margin: 0 27px 16px
}

.page-content .sfi-n-wenda .sfi-n-wenda-reply-imgset {
    margin: 0 10px
}

.page-content .sfi-n-wenda .sfi-n-wenda-reply-imgset .s-image-set-cover:last-child {
    padding-bottom: 16px
}

.page-content .sfi-n-wenda .s-subscripts {
    margin: 16px 27px
}

.s-nav-doctor:after,.s-nav-doctor:before {
    content: none
}

.s-nav-doctor .head {
    padding: 27px 0 8px;
    height: auto;
    line-height: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s-nav-doctor .head .right {
    cursor: pointer;
    color: #858585
}

.s-nav-doctor .head .right:hover {
    color: #315efb
}

.s-nav-doctor .head .right .text {
    font-size: 16px
}

.s-nav-doctor .head .right .svg-icon {
    width: 16px!important;
    height: 16px!important
}

.s-nav-doctor .desc {
    padding: 0
}

.s-nav-doctor .desc .title {
    margin-bottom: 0
}

.s-nav-doctor .desc .title .icon {
    width: 16px;
    height: 16px;
    top: 10px
}

.s-nav-doctor .desc .title .s-txt-intro {
    margin-left: 25px
}

.s-nav-doctor .desc .speci-prefix {
    width: 16px;
    height: 16px;
    margin-right: 9px;
    top: 10px
}

.s-nav-doctor .s-txt-intro {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.sfi-live .s-subscripts {
    margin-top: 16px;
    margin-bottom: 28px
}

.sfi-live-card {
    padding: 0 27px
}

.sfi-live-card .text-title {
    padding-top: 24px;
    font-size: 20px;
    margin-bottom: 12px
}

.sfi-live-card .s-card-content {
    border: 1px solid transparent;
    border-bottom-color: #eee
}

.sfi-live-status-tag,.sfi-live-tag {
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 13px
}

.sfi-live-status-tag:before {
    height: 13px;
    width: 13px;
    top: 2px
}

.page-content .s-card-body .sfi-live-subscript {
    margin-left: 0;
    margin-bottom: 27px
}

.s-list .feed-item .sfi-live {
    border: 0
}

.page-body .square-img-texts {
    padding: 14px;
    overflow: hidden;
    border-radius: 12px;
    color: #1f1f1f;
    min-height: 88px
}

.page-body .square-img-texts,.page-body .square-img-texts-no-info {
    max-width: 416px;
    margin: 0 27px
}

.page-body .square-img-texts .left {
    width: 60px;
    height: 60px
}

.page-body .square-img-texts .left .image {
    border-radius: 12px
}

.page-body .square-img-texts .right {
    position: absolute;
    top: 50%;
    left: 74px;
    padding: 0 14px 0 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-body .square-img-texts .right h2 {
    line-height: 22px
}

.page-body .square-img-texts.no-img .right {
    left: 12px
}

.page-body .square-img-texts .ico-sm {
    width: 15px;
    height: 15px
}

.page-body .square-img-texts .ico-text {
    margin: 4px 0 0
}

.page-body .s-video-card-cover {
    max-width: 416px
}

.page-body .s-video-card-cover .s-image-wrap {
    border-radius: 12px
}

.page-body .s-video-card-cover .icon-play {
    background-size: 60px 60px
}

.page-body .s-video-card-cover .icon-play:hover {
    cursor: pointer
}

.page-body .s-right-img-texts-cover {
    -webkit-box-ordinal-group: initial;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: 0;
    margin-right: 16px
}

.page-body .s-right-img-texts .text-title {
    font-size: 20px
}

.page-body .s-right-img-texts-right {
    margin-top: -3px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-body .s-subscripts {
    margin-bottom: 16px;
    margin-top: 16px
}

.page-body .s-rich-text {
    font-size: 16px;
    margin-bottom: -3px
}

.page-body .sfi-comment-music {
    max-width: 416px;
    margin: 0 27px
}

.page-body .sfi-comment-music .music-item {
    padding: 14px;
    border-radius: 12px
}

.page-body .sfi-comment-music .music-item .avatar {
    width: 60px;
    height: 60px;
    border-radius: 12px
}

.page-body .sfi-comment-music .music-item .content {
    padding-left: 9px;
    margin-right: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-body .sfi-comment-music .music-item .play-icon {
    width: 27px;
    height: 27px;
    margin-right: 13px
}

.page-body .sfi-comment-music .music-item .singer {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.page-body .tall-footer .footer-f {
    font-size: 14px;
    margin: 0 26px
}

.page-body .tall-footer .footer-f .like-component .like-num-container {
    font-size: 14px
}

.page-body .tall-footer .footer-f .like-component .like-icon {
    margin-right: 9px
}

.page-body .tall-footer .footer-f .btn-default {
    padding-left: 30px
}

.page-body .tall-footer .footer-f.forward-wrap {
    border-bottom: none;
    border-top: 1px solid #eee
}

.page-body .have-forward:hover {
    cursor: pointer
}

.page-body .s-loader-container {
    height: 60px;
    font-size: 16px;
    border-radius: 0 0 12px 12px
}

.page-body .s-image-tips .tips-icon {
    height: 14px;
    width: 14px
}

.page-body .s-tabs-content-wrap {
    min-height: 762px!important
}

html {
    background-color: #f5f5f6
}

.clear {
    clear: both
}

.tools {
    position: fixed;
    right: 24px;
    bottom: 64px;
    background-color: #fbfbfb;
    z-index: 2
}

.tools,.tools .s-back-top {
    border-radius: 44px
}

.tools .s-back-top:hover {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1)
}

.page-header {
    height: 258px;
    width: 100%;
    min-width: 950px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.page-header .s-subscribes {
    z-index: 1
}

.page-header .s-avatar-vip {
    height: 24px;
    width: 24px;
    right: 3px;
    bottom: 3px
}

.page-body {
    max-width: 1094px;
    min-width: 950px;
    position: relative;
    z-index: 1;
    margin: 0 auto 27px
}

.page-content {
    border-radius: 12px;
    background-color: #fff;
    width: 62.4%;
    float: left
}

.right-content {
    width: 36.1%;
    float: right;
    overflow: hidden
}

.no-head-img {
    position: fixed;
    top: 44px;
    height: 450px;
    width: 100%;
    min-width: 950px;
    overflow: hidden;
    margin-bottom: -192px;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/head-bg.5b66bfd.png);
    background-position: 50% 0;
    background-size: auto 100%
}

.tab-mask {
    position: fixed;
    top: 70px;
    height: 16px;
    width: 62.4%;
    max-width: 683px;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/tab-mask.814b416.png);
    background-position: 40.65% 0
}

.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.line-clamp-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-4 {
    -webkit-line-clamp: 4
}

.line-clamp-5 {
    -webkit-line-clamp: 5
}

.line-clamp-6 {
    -webkit-line-clamp: 6
}

.right-arrow {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnBAMAAAB+jUwGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURUdwTCAgIB8fHx8fHx8fHwpKDfIAAAAEdFJOUwBX/OTFDtZ/AAAANklEQVQoz2NgoDNgFMAiKKSIRaGKkwAWQRcsSoVchqlSZ+IEsWrHZtGQVYg1MWBNNtgTGDUBAGk5D7H0k65iAAAAAElFTkSuQmCC)
}

.darkmode .right-arrow,.nightmode .right-arrow {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACnRSTlMAgmpgCgU6BnxU7HKrQQAAAERJREFUOMtjGOSgLB2HhKGQA3aJRkEV7BITBXFoCRbEoYXVcFQLLi3quLSIkSSBMIqw5QjnjmoglKgR2YBwxkFktcEPAFuHFl9K6DU4AAAAAElFTkSuQmCC)
}

.darkmode .right-arrow {
    opacity: 1
}

.s-tabs>.video-toast {
    position: absolute;
    top: -.3rem;
    left: -.77rem;
    z-index: 10;
    font-size: .14rem;
    line-height: .14rem;
    padding: .11667rem .14rem .11333rem;
    border-radius: .12rem;
    color: #fff;
    background-color: rgba(31,31,31,.95)
}

.darkmode .s-tabs>.video-toast {
    background-color: #555
}

.s-tabs>.video-toast>.toast-angle {
    position: absolute;
    bottom: -.06rem;
    left: .71167rem;
    width: 0;
    height: 0;
    border: .05833rem solid transparent;
    border-top: .06rem solid rgba(31,31,31,.95);
    border-bottom: none
}

.darkmode .s-tabs>.video-toast>.toast-angle {
    border-top-color: #4b4b4b
}

.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1
}

.feed-item[itemtype=article] .s-col-4,.feed-item[itemtype=column] .s-col-4 {
    max-width: 140px
}

.feed-item[itemtype=dynamicShipin],.feed-item[itemtype=shipin],.feed-item[itemtype=smallVideo] {
    margin: 16px 0 0
}

.feed-item[itemtype=mainSmallVideo] {
    margin-left: 10px
}

.feed-item .s-subscripts {
    font-size: 14px;
    line-height: 14px;
    min-height: 14px
}

.feed-item .visited .sfi-video-text .title,.feed-item .visited .text-title {
    color: #999
}

.icon-gallery,.icon-img {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABjUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////zQsxRwAAAAgdFJOUwDB+wP902jMB+17DCLl4LVLnci/Ry6pFV+UhsePVdmO/TnIbQAAAOxJREFUOMvN1MlygzAQRdFHg0ACM3jOnPv/X5lFbCKsqGDp3qAqTrVUoh/S05avi2AsysKx9rHZOf4tt4v6ZAy4v151+jYcAgD1jI6JuXTye4BiRiHp00nyPRBmZI/oIEkaAZtReiIvqRwA8oi9V/nBCqIfBx6RhdxNRaiRP7fNKpKkU7MBqXzbgKTPagNafMdgGaTXmxinTk0OdT3A10lSHukFeP+dozzygeGqFaTv6qwUVbgYTZf7ykWjErA4F9fpvrFFQ1dAG7cqb882Ht8arPVJFluLg+AdYK5ZlLNlpDaFMxPzovbP+2P6AbHoOjciRAI4AAAAAElFTkSuQmCC)
}

.icon-voice {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.101 25.144H4.258a2.125 2.125 0 01-2.125-2.125V12.965c0-1.174.952-2.125 2.125-2.125H8.2a2.05 2.05 0 001.363-.52l7.296-6.529A2.125 2.125 0 0120.4 5.375v25.262a2.125 2.125 0 01-3.535 1.59l-7.408-6.569a2.043 2.043 0 00-1.356-.514z' fill='%23FFF'/%3E%3Cpath d='M29.004 28.893c2.512-2.731 4.075-6.566 4.075-10.812 0-4.249-1.565-8.085-4.079-10.817m-4 16.347c1.105-1.543 1.766-3.5 1.766-5.63 0-2.12-.655-4.069-1.75-5.609' stroke='%23FFF' stroke-width='3.065' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-article {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.625 5A3.375 3.375 0 0130 8.375v20.25A3.375 3.375 0 0126.625 32H9.375A3.375 3.375 0 016 28.625V8.375A3.375 3.375 0 019.375 5h17.25zm-6.054 18.563H10.286v3.375H20.57v-3.375zm5.143-6.75H10.286v3.375h15.428v-3.375zm0-6.75H10.286v3.374h15.428v-3.374z' fill='%23FFF'/%3E%3C/svg%3E")
}

.icon-video {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.259 21.827l-14.107 9.405A4.6 4.6 0 017 27.405V8.595a4.6 4.6 0 017.152-3.827l14.107 9.405a4.6 4.6 0 010 7.654z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.more {
    color: #4367b4
}

.darkmode .more {
    color: rgba(117,177,255,.75)
}

.more:active {
    opacity: .2
}

.more:hover,.s-rich-text .type-at:hover,.s-rich-text .type-image:hover,.s-rich-text .type-link:hover,.s-rich-text .type-topic:hover {
    color: #315efb;
    cursor: pointer
}

.darkmode .s-subscripts .blue-tag,.s-subscripts .blue-tag {
    border-color: #4e6ef2
}

.darkmode .s-subscripts .green-tag,.s-subscripts .green-tag {
    border-color: #65b12c
}

.s-subscripts .gray-tag {
    border-color: #858585
}

.darkmode .s-subscripts .gray-tag {
    border-color: hsla(0,0%,100%,.5)
}

.darkmode .s-subscripts .red-tag,.darkmode .s-subscripts .red-text,.s-subscripts .red-tag,.s-subscripts .red-text {
    border-color: #f33
}

.darkmode .s-subscripts .orange-text,.s-subscripts .orange-text {
    border-color: #f60
}

.feed-list {
    min-height: calc(100vh - 336px);
    position: relative
}

.feed-list .red-text {
    margin-right: .02rem;
    color: #f33
}

.darkmode .feed-list .red-text {
    color: #f33
}

.feed-list-image-row {
    padding: .15rem .13rem 0
}

.s-list>div:nth-last-child(2)>div {
    border-bottom: none
}

.hairline-bottom {
    height: 1px;
    margin: 0 .17rem;
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #eee
}

.nightmode .hairline-bottom:after {
    border: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .hairline-bottom {
        border: none
    }

    .hairline-bottom:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid transparent;
        border-bottom-color: #eee;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .hairline-bottom:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

@media screen and (max-width:360px) {
    .hairline-bottom:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hairline-bottom:after {
    border-bottom-color: #eee
}

.darkmode .hairline-bottom:after {
    border-bottom-color: hsla(0,0%,40%,.4)
}

.nightmode .hairline-bottom:after {
    border: #eee;
    border-bottom: 1px solid
}

.feed-item[itemtype=article]:hover .text-title,.feed-item[itemtype=article]:hover .title,.feed-item[itemtype=column]:hover .text-title,.feed-item[itemtype=column]:hover .title,.feed-item[itemtype=video]:hover .text-title,.feed-item[itemtype=video]:hover .title {
    color: #315efb
}

.feed-item[itemtype=article]:hover .s-image-wrap,.feed-item[itemtype=article]:hover .text-title,.feed-item[itemtype=article]:hover .title,.feed-item[itemtype=column]:hover .s-image-wrap,.feed-item[itemtype=column]:hover .text-title,.feed-item[itemtype=column]:hover .title,.feed-item[itemtype=video]:hover .s-image-wrap,.feed-item[itemtype=video]:hover .text-title,.feed-item[itemtype=video]:hover .title {
    cursor: pointer
}

.feed-item[itemtype=comment] .text-title:hover,.feed-item[itemtype=zhibo] .text-title:hover {
    color: #315efb
}

.feed-item .sfi-n-wenda-reply:hover,.feed-item .sfi-n-wenda .square-img-texts:hover,.feed-item[itemtype=comment] .square-img-texts:hover,.feed-item[itemtype=comment] .text-title:hover,.feed-item[itemtype=shipin] .img-cover:hover,.feed-item[itemtype=shipin] .s-head-menu:hover,.feed-item[itemtype=smallVideo] .img-cover:hover,.feed-item[itemtype=smallVideo] .s-head-menu:hover,.feed-item[itemtype=zhibo] .square-img-texts:hover,.feed-item[itemtype=zhibo] .text-title:hover,.s-tab:hover {
    cursor: pointer
}

.s-tab:hover {
    font-weight: bolder;
    color: #1f1f1f
}

.s-live-card:hover {
    cursor: pointer
}

.feed-item[itemtype=article]+[itemtype=baike]>div,.feed-item[itemtype=article]+[itemtype=circle]>div,.feed-item[itemtype=article]+[itemtype=comment]>div,.feed-item[itemtype=article]+[itemtype=community]>div,.feed-item[itemtype=article]+[itemtype=dynamic]>div,.feed-item[itemtype=article]+[itemtype=mainSmallVideo]>div,.feed-item[itemtype=article]+[itemtype=vote]>div,.feed-item[itemtype=article]+[itemtype=wenda]>div,.feed-item[itemtype=article]+[itemtype=zhibo]>div,.feed-item[itemtype=article]+[itemtype=zhidao]>div,.feed-item[itemtype=column]+[itemtype=baike]>div,.feed-item[itemtype=column]+[itemtype=circle]>div,.feed-item[itemtype=column]+[itemtype=comment]>div,.feed-item[itemtype=column]+[itemtype=community]>div,.feed-item[itemtype=column]+[itemtype=dynamic]>div,.feed-item[itemtype=column]+[itemtype=mainSmallVideo]>div,.feed-item[itemtype=column]+[itemtype=vote]>div,.feed-item[itemtype=column]+[itemtype=wenda]>div,.feed-item[itemtype=column]+[itemtype=zhibo]>div,.feed-item[itemtype=column]+[itemtype=zhidao]>div {
    border-color: #f5f5f5;
    border-top: .06rem solid #f5f5f5
}

.darkmode .feed-item[itemtype=article]+[itemtype=baike]>div,.darkmode .feed-item[itemtype=article]+[itemtype=circle]>div,.darkmode .feed-item[itemtype=article]+[itemtype=comment]>div,.darkmode .feed-item[itemtype=article]+[itemtype=community]>div,.darkmode .feed-item[itemtype=article]+[itemtype=dynamic]>div,.darkmode .feed-item[itemtype=article]+[itemtype=mainSmallVideo]>div,.darkmode .feed-item[itemtype=article]+[itemtype=vote]>div,.darkmode .feed-item[itemtype=article]+[itemtype=wenda]>div,.darkmode .feed-item[itemtype=article]+[itemtype=zhibo]>div,.darkmode .feed-item[itemtype=article]+[itemtype=zhidao]>div,.darkmode .feed-item[itemtype=column]+[itemtype=baike]>div,.darkmode .feed-item[itemtype=column]+[itemtype=circle]>div,.darkmode .feed-item[itemtype=column]+[itemtype=comment]>div,.darkmode .feed-item[itemtype=column]+[itemtype=community]>div,.darkmode .feed-item[itemtype=column]+[itemtype=dynamic]>div,.darkmode .feed-item[itemtype=column]+[itemtype=mainSmallVideo]>div,.darkmode .feed-item[itemtype=column]+[itemtype=vote]>div,.darkmode .feed-item[itemtype=column]+[itemtype=wenda]>div,.darkmode .feed-item[itemtype=column]+[itemtype=zhibo]>div,.darkmode .feed-item[itemtype=column]+[itemtype=zhidao]>div {
    border-color: rgba(68,68,68,.2)
}

.feed-item[itemtype=baike]>div,.feed-item[itemtype=circle]>div,.feed-item[itemtype=comment]>div,.feed-item[itemtype=community]>div,.feed-item[itemtype=dynamic]>div,.feed-item[itemtype=mainSmallVideo]>div,.feed-item[itemtype=vote]>div,.feed-item[itemtype=wenda]>div,.feed-item[itemtype=zhibo]>div,.feed-item[itemtype=zhidao]>div {
    border-bottom: .06rem solid;
    border-color: #f5f5f5
}

.darkmode .feed-item[itemtype=baike]>div,.darkmode .feed-item[itemtype=circle]>div,.darkmode .feed-item[itemtype=comment]>div,.darkmode .feed-item[itemtype=community]>div,.darkmode .feed-item[itemtype=dynamic]>div,.darkmode .feed-item[itemtype=mainSmallVideo]>div,.darkmode .feed-item[itemtype=vote]>div,.darkmode .feed-item[itemtype=wenda]>div,.darkmode .feed-item[itemtype=zhibo]>div,.darkmode .feed-item[itemtype=zhidao]>div {
    border-color: rgba(68,68,68,.2)
}

.feed-item[itemtype=article]+.s-loader .s-loader-container,.feed-item[itemtype=article]+.s-loader .s-loader-container:after,.feed-item[itemtype=video]+.s-loader .s-loader-container,.feed-item[itemtype=video]+.s-loader .s-loader-container:after,.feed-item[itemtype=zhibo]+.s-loader .s-loader-container,.feed-item[itemtype=zhibo]+.s-loader .s-loader-container:after {
    border: 0
}

.feed-item[itemtype=community] .red-text {
    margin-right: .03rem
}

.feed-item .s-goods:active:after {
    background-color: rgba(0,0,0,.05)
}

.darkmode .feed-item .s-goods:active:after {
    background-color: hsla(0,0%,100%,.1)
}

.feed-item[itemtype=column] .red-text,.feed-item[itemtype=matrix] .red-text {
    margin-right: .08rem
}

.feed-item[itemtype=article] .common-header-f,.feed-item[itemtype=column] .common-header-f,.feed-item[itemtype=wenda] .common-header-f {
    background-color: transparent
}

#smallVideo .s-row {
    margin-bottom: 16px
}

#app.edge .s-tabs-position {
    top: 1px!important;
    position: relative
}

#app.edge .s-tabs-position.s-tabs-suctop-container {
    position: -webkit-sticky;
    position: sticky;
    top: 44px!important
}

.ie .common-header-f .user-info {
    width: auto
}

.ie .s-tabs-suctop {
    max-width: 670px;
    overflow: hidden
}

.ie .s-subscribes {
    background-color: #4e6ff2
}

.origin-toast {
    display: none;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    max-width: calc(100% - .26667rem);
    overflow: hidden;
    text-align: center;
    border-radius: .2rem;
    padding: .06667rem .13333rem;
    font-size: 16px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    background-color: rgba(31,31,31,.95)
}

.darkmode .origin-toast {
    color: #fff;
    background-color: #555
}

@media (-webkit-device-pixel-ratio:1.5) {
    .scale {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.66667);
        transform: scale(.66667)
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:144dpi) {
    .scale {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@media (-webkit-device-pixel-ratio:3) {
    .scale {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333);
        transform: scale(.33333)
    }
}

.hidden {
    display: none
}

.s-modal {
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: .21rem;
    width: 3.31rem;
    text-align: center;
    font-family: PingFangSC-Medium;
    -webkit-animation: modal-in .24s ease-in 1 forwards;
    animation: modal-in .24s ease-in 1 forwards
}

.s-modal-wrap {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s-modal-content {
    height: 2.34333rem;
    padding: .3rem .23333rem;
    font-size: .18rem;
    line-height: .22667rem;
    color: #1f1f1f;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffd4dc),color-stop(54%,#ffecef),to(#fff3f5));
    background-image: linear-gradient(180deg,#ffd4dc,#ffecef 54%,#fff3f5)
}

.s-modal-content-header {
    width: 100%;
    height: 1.22rem
}

.s-modal-content-header-center {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 1.55rem;
    height: 1.55rem;
    opacity: 0;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/like-hand.f9d269c.png);
    background-size: cover;
    -webkit-animation: shake-hand .48s ease-in-out .3s 1 forwards;
    animation: shake-hand .48s ease-in-out .3s 1 forwards
}

.s-modal-content-header-left,.s-modal-content-header-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.31rem;
    height: 1.55rem;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.s-modal-content-header-left {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/like-star2.ca05165.png);
    background-size: cover;
    -webkit-animation: shake-star .6s ease-in-out .42s 1 forwards;
    animation: shake-star .6s ease-in-out .42s 1 forwards
}

.s-modal-content-header-right {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/like-star1.11da158.png);
    background-size: cover;
    -webkit-animation: shake-star .6s ease-in-out .54s 1 forwards;
    animation: shake-star .6s ease-in-out .54s 1 forwards
}

.s-modal-content-desc {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .18rem
}

.s-modal-content-desc-num {
    font-size: .22rem;
    color: #f33;
    padding: 0 .04rem
}

.s-modal-content-title {
    margin-bottom: .1rem
}

.s-modal-footer {
    width: 100%;
    height: .48rem;
    font-size: .18rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4e6ef2
}

.darkmode .s-modal-footer,.s-modal-footer {
    background-color: #fff
}

.s-modal-footer:hover {
    cursor: pointer
}

.s-modal-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-animation: fade-in .24s linear 1 forwards;
    animation: fade-in .24s linear 1 forwards
}

.s-modal-out .s-modal {
    -webkit-animation: modal-out .24s ease-out 1 forwards;
    animation: modal-out .24s ease-out 1 forwards
}

.s-modal-out .s-modal-mask {
    -webkit-animation: fade-out .24s linear 1 forwards;
    animation: fade-out .24s linear 1 forwards
}

@-webkit-keyframes fade-in {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0,0,0,.5)
    }
}

@keyframes fade-in {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0,0,0,.5)
    }
}

@-webkit-keyframes fade-out {
    0% {
        background-color: rgba(0,0,0,.5)
    }

    to {
        background-color: transparent
    }
}

@keyframes fade-out {
    0% {
        background-color: rgba(0,0,0,.5)
    }

    to {
        background-color: transparent
    }
}

@-webkit-keyframes modal-in {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes modal-in {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes modal-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes shake-hand {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(15deg);
        transform: translate3d(-50%,0,0) rotate(15deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(-15deg);
        transform: translate3d(-50%,0,0) rotate(-15deg)
    }

    73.3% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(0);
        transform: translate3d(-50%,0,0) rotate(0)
    }

    86.6% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(6deg);
        transform: translate3d(-50%,0,0) rotate(6deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(0deg);
        transform: translate3d(-50%,0,0) rotate(0deg)
    }
}

@keyframes shake-hand {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(15deg);
        transform: translate3d(-50%,0,0) rotate(15deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(-15deg);
        transform: translate3d(-50%,0,0) rotate(-15deg)
    }

    73.3% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(0);
        transform: translate3d(-50%,0,0) rotate(0)
    }

    86.6% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(6deg);
        transform: translate3d(-50%,0,0) rotate(6deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(-50%,0,0) rotate(0deg);
        transform: translate3d(-50%,0,0) rotate(0deg)
    }
}

@-webkit-keyframes shake-star {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes shake-star {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}