html {
    color: #1f1f1f;
    background-color: #fff
}

html.darkmode {
    color: hsla(0,0%,100%,.8);
    background-color: #080808
}

html {
    font-size: 100px
}

body {
    overflow: visible;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    height: auto;
    font-size: 14px;
    max-width: 780px;
}

body.ios.matrixstyle,body.ios.tomas {
    -webkit-text-size-adjust: 126%
}

#app {

    height:auto;
}

.flex-box,.vmid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vmid {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.align-items {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify {
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.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;
    background-position: 0 1px;
    width: .13rem;
    height: .13rem;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: .12rem auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnAgMAAADxzbmmAAAADFBMVEUAAAAfHx8gICAfHx9D6he8AAAABHRSTlMA/lfkXlTVsgAAADpJREFUGNNjIB8wNcCZnAlwpmoEghmGUBDaANcWilA8lXaKC1CZCAUIbQjDEFbQQqlqBEpAIYKPVAAACyMU7ygZyYAAAAAASUVORK5CYII=)
}

.darkmode .right-arrow,.nightmode .right-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMAggVqYAo6VFQ/bmQAAABDSURBVDjLYxjkQC0Jh4SjcAB2CUFBU+wShYI4tKjg0sLkOKoFlxYjXFrESJJAGEXYcoRzRzUQTNRwDYQzDiKrDX4AAO4IFO1wS4mvAAAAAElFTkSuQmCC)
}

.darkmode .right-arrow {
    opacity: 1
}

.openBox-shareEntry .shareEntry-blank {
    left: auto!important;
    max-width: 750px
}

.tabs-container.ready {
    border-color: #f5f5f5;
    border-top: 6px solid #f5f5f5
}

.darkmode .tabs-container.ready {
    border-color: rgba(68,68,68,.2)
}

.xiaomi-color .s-tabs-cursor {
    background-color: #ed4444
}

.feed-list {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

.feed-item.active:active.article .s-card,.feed-item.active:active.column .s-card,.feed-item.active:active.comment .s-card,.feed-item.active:active.community .s-card,.feed-item.active:active.consult .s-card,.feed-item.active:active.dynamic .s-card,.feed-item.active:active.mainSmallVideo .s-card,.feed-item.active:active.matrix .s-card,.feed-item.active:active.video .s-card,.feed-item.active:active.vote .s-card,.feed-item.active:active.wenda .s-card,.feed-item.active:active.zhibo .s-card,.feed-item.active:active.zhidao .s-card {
    background-color: rgba(0,0,0,.05)
}

.darkmode .feed-item.active:active.article .s-card,.darkmode .feed-item.active:active.column .s-card,.darkmode .feed-item.active:active.comment .s-card,.darkmode .feed-item.active:active.community .s-card,.darkmode .feed-item.active:active.consult .s-card,.darkmode .feed-item.active:active.dynamic .s-card,.darkmode .feed-item.active:active.mainSmallVideo .s-card,.darkmode .feed-item.active:active.matrix .s-card,.darkmode .feed-item.active:active.video .s-card,.darkmode .feed-item.active:active.vote .s-card,.darkmode .feed-item.active:active.wenda .s-card,.darkmode .feed-item.active:active.zhibo .s-card,.darkmode .feed-item.active:active.zhidao .s-card {
    background-color: hsla(0,0%,100%,.1)
}

.feed-item.active:active.article .common-header-f,.feed-item.active:active.column .common-header-f,.feed-item.active:active.comment .common-header-f,.feed-item.active:active.community .common-header-f,.feed-item.active:active.consult .common-header-f,.feed-item.active:active.dynamic .common-header-f,.feed-item.active:active.mainSmallVideo .common-header-f,.feed-item.active:active.matrix .common-header-f,.feed-item.active:active.video .common-header-f,.feed-item.active:active.vote .common-header-f,.feed-item.active:active.wenda .common-header-f,.feed-item.active:active.zhibo .common-header-f,.feed-item.active:active.zhidao .common-header-f {
    background-color: transparent
}

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

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

.feed-item.article+.baike>div,.feed-item.article+.circle>div,.feed-item.article+.comment>div,.feed-item.article+.community>div,.feed-item.article+.consult>div,.feed-item.article+.dynamic>div,.feed-item.article+.mainSmallVideo>div,.feed-item.article+.video>div,.feed-item.article+.vote>div,.feed-item.article+.wenda>div,.feed-item.article+.zhibo>div,.feed-item.article+.zhidao>div,.feed-item.column+.baike>div,.feed-item.column+.circle>div,.feed-item.column+.comment>div,.feed-item.column+.community>div,.feed-item.column+.consult>div,.feed-item.column+.dynamic>div,.feed-item.column+.mainSmallVideo>div,.feed-item.column+.video>div,.feed-item.column+.vote>div,.feed-item.column+.wenda>div,.feed-item.column+.zhibo>div,.feed-item.column+.zhidao>div {
    border-color: #f5f5f5
}

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

.feed-item.baike>div,.feed-item.circle>div,.feed-item.comment>div,.feed-item.community>div,.feed-item.consult>div,.feed-item.dynamic>div,.feed-item.mainSmallVideo>div,.feed-item.video>div,.feed-item.vote>div,.feed-item.wenda>div,.feed-item.zhibo>div,.feed-item.zhidao>div {
    border-color: #f5f5f5
}

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

.feed-item.dynamicShipin,.feed-item.shipin,.feed-item.smallVideo {
    background-color: #f5f5f5;
    margin-bottom: 1px
}

.darkmode .feed-item.dynamicShipin,.darkmode .feed-item.shipin,.darkmode .feed-item.smallVideo {
    background-color: #2c2c2c
}

.feed-item.video {
    margin-bottom: .02rem
}

.feed-item.community .red-text {
    margin-right: .03rem
}

.feed-item.product>div:active {
    background-color: rgba(0,0,0,.05)
}

.darkmode .feed-item.product>div:active {
    background-color: hsla(0,0%,100%,.1)
}

.feed-item.product>div:active .sfi-dynamic-forward,.feed-item.product>div:active .square-img-texts {
    background-color: #eee
}

.darkmode .feed-item.product>div:active .sfi-dynamic-forward,.darkmode .feed-item.product>div:active .square-img-texts {
    background-color: hsla(0,0%,40%,.4)
}

.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.column .red-text,.feed-item.matrix .red-text {
    margin-right: .08rem
}

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

.feed-item.image {
    margin-bottom: .02rem
}

.feed-item.author {
    overflow: hidden
}

.s-tab-panel .s-promote-title {
    font-size: .16rem;
    color: #1f1f1f
}

.darkmode .s-tab-panel .s-promote-title {
    color: hsla(0,0%,100%,.8)
}

.s-tab-panel .s-promote-el:after {
    display: none
}

#shipin .s-col-4,#smallVideo .s-col-4 {
    padding-right: 1px!important;
    padding-left: 0!important
}

#video .s-col-4 {
    padding-right: .01rem!important;
    padding-left: .01rem!important
}

#line-content>.tab-active>.feed-list .fixed-to-bottom,#subtabs-content>.tab-active .fixed-to-bottom {
    position: fixed;
    bottom: 0;
    width: 100%
}

#shipin .s-list,#smallVideo .s-list {
    margin: 0 -.02rem
}

#shipin .s-row,#smallVideo .s-row {
    margin-bottom: -.04rem;
    background-color: #fff
}

.darkmode #shipin .s-row,.darkmode #smallVideo .s-row {
    background-color: #222
}

#shipin .s-loader-container,#smallVideo .s-loader-container {
    background-color: #fff
}

.darkmode #shipin .s-loader-container,.darkmode #smallVideo .s-loader-container {
    background-color: #222
}

#shipin .s-loader-container:after,#smallVideo .s-loader-container:after {
    border: none
}

#video .s-list {
    margin: 0 -.02rem
}

#video .s-row {
    margin-bottom: -.04rem
}

#goodsWindow .s-loader {
    margin-top: .17rem
}

@-webkit-keyframes toolkitUp {
    0% {
        bottom: .2rem
    }

    to {
        bottom: .59rem
    }
}

@keyframes toolkitUp {
    0% {
        bottom: .2rem
    }

    to {
        bottom: .59rem
    }
}

@-webkit-keyframes toolkitDown {
    0% {
        bottom: .59rem
    }

    to {
        bottom: .2rem
    }
}

@keyframes toolkitDown {
    0% {
        bottom: .59rem
    }

    to {
        bottom: .2rem
    }
}

.h5-toast {
    position: fixed;
    padding: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    background-color: rgba(0,0,0,.6);
    border-radius: 10px
}

.toolkit {
    z-index: 10;
    position: fixed;
    right: .17rem;
    bottom: .2rem
}

.toolkit.toolkit-up {
    -webkit-animation: toolkitUp .2s forwards;
    animation: toolkitUp .2s forwards
}

.toolkit.toolkit-down {
    -webkit-animation: toolkitDown .2s forwards;
    animation: toolkitDown .2s forwards
}

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

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

@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)
}

.tab-srcscript,.tab-subscript {
    margin: .11333rem .17rem .12rem
}

.nightmode .lite_frame .sfi-dynamic-forward {
    background-color: hsla(0,0%,100%,.7)
}

.nightmode .lite_frame .common-header-f {
    background-color: transparent
}

.avatar-black .s-avatar-img,.avatar-black .user-info .avatar .img {
    -webkit-filter: grayscale();
    filter: grayscale()
}

.icon-gallery,.icon-img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAzAf87dNowXtJIgzl4Mi1kL+pnVouFdmGsxSorwAAANtJREFUOMvN00uSwjAMBFBZ8pckJMDA0Pe/KIgCl4MI3tIrLV45qthNvxuOyQtWEX+I3JpdwMeEXXNONUZxRREmfu+hiRUdjDkOxCcdUkXenDPoEqNOFck72pNmBiAV2Y0e+046biOc7mpBB2GcJ7wj8dYZ5IjP2XWRprgu0ly7SPMnHWTu0csGouUp5jKQ20LDqOS/6GxRXUsvj+k7Yo/pQh1Ei5zJIkFoUTm+pgBpHp1wgy7l9WFpHl0CMn1IBlL7AyWz6WIWIK4rJcGtEqRWqlfObs1TZPrZ3ACz5izT2LRHRQAAAABJRU5ErkJggg==)
}

.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
}

.ios10-click-layer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.content-wrapper {
    margin-top: 15vh
}

.content-wrapper.content-wrapper-margin {
    margin-top: 134px
}

.matrixstyle.ios .s-subscribes:after,.matrixstyle.ios .s-user-btn:after,.tomas.ios .s-subscribes:after,.tomas.ios .s-user-btn:after {
    border-radius: .54rem
}

.matrixstyle.ios .s-user-btn,.matrixstyle.ios .s-user-info-operation>.s-subscribes,.tomas.ios .s-user-btn,.tomas.ios .s-user-info-operation>.s-subscribes {
    height: .37667rem;
    line-height: .37667rem
}

.matrixstyle.ios .s-user-btn>.s-subscribes-icon,.matrixstyle.ios .s-user-info-operation>.s-subscribes>.s-subscribes-icon,.tomas.ios .s-user-btn>.s-subscribes-icon,.tomas.ios .s-user-info-operation>.s-subscribes>.s-subscribes-icon {
    left: -.16rem
}

.matrixstyle.ios .s-subscribes,.tomas.ios .s-subscribes {
    border-radius: 50%
}

.matrixstyle.ios .s-subscribes.ui-small .s-subscribes-relation-text,.tomas.ios .s-subscribes.ui-small .s-subscribes-relation-text {
    line-height: .25667rem;
    position: relative
}

.matrixstyle.ios .brief-subscribe,.tomas.ios .brief-subscribe {
    line-height: .22rem
}

.matrixstyle.ios .s-head-menu,.matrixstyle.ios .s-top-bar-tool .menu,.matrixstyle.ios .s-top-bar-tool .setting,.tomas.ios .s-head-menu,.tomas.ios .s-top-bar-tool .menu,.tomas.ios .s-top-bar-tool .setting {
    -webkit-transform: scale(1.26);
    transform: scale(1.26)
}

.matrixstyle.ios .tall-footer .btn-default,.tomas.ios .tall-footer .btn-default {
    line-height: .41rem
}

.matrixstyle.ios .header-content,.tomas.ios .header-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.matrixstyle.ios .s-tabs-wrap-hairline,.tomas.ios .s-tabs-wrap-hairline {
    height: .45333rem
}

.matrixstyle.ios .s-image-tips,.matrixstyle.ios .sfi-live-status-tag,.matrixstyle.ios .sfi-live-tag,.tomas.ios .s-image-tips,.tomas.ios .sfi-live-status-tag,.tomas.ios .sfi-live-tag {
    height: .22rem
}

.matrixstyle.ios .common-header-f,.tomas.ios .common-header-f {
    position: relative;
    z-index: 1
}

.matrixstyle.ios .s-head-menu-menu-f .op-list .item,.tomas.ios .s-head-menu-menu-f .op-list .item {
    line-height: .36rem
}

.matrixstyle.ios .tips-icon,.tomas.ios .tips-icon {
    top: .02rem
}

.matrixstyle.ios .s-goods,.tomas.ios .s-goods {
    height: 77vw
}

.matrixstyle.ios .s-appendix-operate.op-type-button,.tomas.ios .s-appendix-operate.op-type-button {
    line-height: 12px
}

.matrixstyle.ios .s-single-entrance>.s-single-entrance-content>.icon,.tomas.ios .s-single-entrance>.s-single-entrance-content>.icon {
    height: .18667rem;
    width: .18667rem
}

.matrixstyle.ios .btn-default,.tomas.ios .btn-default {
    font-weight: bolder;
    line-height: .3rem
}

.matrixstyle .btn-default,.tomas .btn-default {
    font-weight: bolder;
    line-height: .38rem
}

.matrixstyle .s-modal,.tomas .s-modal {
    max-width: 80%
}

.matrixstyle .s-subscribes,.tomas .s-subscribes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.matrixstyle .s-subscribes,.matrixstyle .s-user-btn,.matrixstyle .s-user-info-operation>.s-subscribes,.tomas .s-subscribes,.tomas .s-user-btn,.tomas .s-user-info-operation>.s-subscribes {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.matrixstyle .s-user-btn,.matrixstyle .s-user-info-operation>.s-subscribes,.tomas .s-user-btn,.tomas .s-user-info-operation>.s-subscribes {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@-webkit-keyframes bounce-down {
    0%,to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(.03333rem);
        transform: translateX(-50%) translateY(.03333rem)
    }
}

@keyframes bounce-down {
    0%,to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(.03333rem);
        transform: translateX(-50%) translateY(.03333rem)
    }
}

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

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

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

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

.video-seen {
    position: fixed;
    bottom: .31rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: bounce-down 1.2s linear 5;
    animation: bounce-down 1.2s linear 5;
    background-color: #fff;
    border-radius: .12rem;
    -webkit-box-shadow: 0 .05rem .15rem 0 rgba(31,31,31,.15);
    box-shadow: 0 .05rem .15rem 0 rgba(31,31,31,.15);
    font-weight: 500;
    padding: .15rem;
    font-size: .16rem
}

.darkmode .video-seen,.harmony-night .video-seen {
    background-color: #191919
}

.nightmode .video-seen {
    background-color: #222
}

.video-seen-arrow {
    margin-left: .02rem;
    margin-right: -.02rem;
    width: .16rem;
    height: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ9SURBVHgB7Zm9jtNAFIXPjL0iSsPEotgyJWVK6EJHCSXVsm8AT5DQ0UFJx+4TAB1UGyroCE+wW1JhIyElIonNXC+GZHf8O9dJhOaTrEQee3w+2xPfcQCHw+FwOKrgqSPI3hdAKbRBR/Xh9c7ST3YovNdL0qUNicvw53+Occ4rsR6+DYnN8EldCa+081hMrq0XOISUh0hm72AD9b8QZ/pb/0qL0scdIJmflnVRLLCcRxCdHxDivqF1ANntN5bID09EWCWPgPm3sm68sg30WfgMryP0aR8aWptJlIe/pz+mqEC5ABHPJ2wSjOGJagIEh4TSA38mPoEpPFFdgCiT8Lp68M0+GPel8D/TM3/b2L5K7tYNT9QTIIol7kB09biZfdxYm4VPtKQJmRwjjt6jAfUFiCIJgeGGRJXwi+gEDWkmQFSRuHnja5vhLw9li6/GSMQop/UC5gHLEp5ofgUyiseEudyQyVMd/hUYsBcgUoluDzSIyxDiGZbhc+wlXnByrfBbX/xgjJ1BT1BfV6EHalC4nR+8NIQP9X5PUIYMXutlBHY2S96wVAIkq882LZKCVyi9Kfzfcp1TwlyvV5CowXp4dgma5pnvaR4JGbzIHzO3hrDHeAX+SdhM/6QabWnAF0o0m8NuL3wGo8T2w2cwSOwufIaFxO7DZzSQ2J/wGalEWEmiKDyVHxbYldP0HIjTaaLpSXuBAz3H/YUjXcCNzR2IU6y+P4YF9vOBYokIeSU1Q/i0F3BQLGE6LEv4tCdwUV3iLVbhQzAhwcVCvxKR9F4nvW3MCEz165Nj7DW+Gub8xL5p478FvlvoKp56ACH1bRVH+jpPsYwmcDgcjv+O37U7aWaqQlHwAAAAAElFTkSuQmCC) 50%/cover
}

.darkmode .video-seen-arrow,.harmony-night .video-seen-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJZSURBVHgB7ZhfcQIxEMYX3iugFYCBGqgAEIABENC+AwIQAAKoABCAgNYAAloBCKD7HUt7MEl2L1keOpPfTOYGcpd83+Xf7hFVKpVKpWLgdDqNuGy4PNAd4HafuKxwJW9E/IcUdxMifivtb7uY6BkaH/FldvP3gcu01+sdqRARu+Ly2Pr7W9r/0p7vGxqfBaoGXF6pkIh4kt8zSxtJA/IGlpHqIQuYUyYJ8eCY6PeKvnYDm3jnyzpSnWXCIB7T52BoSl8DrU4nfJlEqnfc4Zxs7biJB2YD0nmRCdm9NuQkHqhTqA03jqmUmk7RhS3iY28edBYPOhkAiomxjNIVLfGDyHOLHPGNHspEmU5rMWoVv6VMsg0AzQQX7GB3Ew+KDADFBE7U2JwvFg+KDQDFRIilnC/FdF7EIWS+WwWtvcQDFwOAReHo3ym3/S5uL8wGJORFKB1bkCQHWejtNrGNJh5hSWgbTmFaAzfHv3piyv1D+Yn7d1roLTHV5RnzSFnygVDsknXsJ/qY05/4CyYTlimEuPx2K2wOp9R0siLhxzBQNeG6Z+15i4EFnffzWy4msnNYme/jSDVG4JMULPkAkpopOZuwhiKqPjKixPHmHFbachEPuuYDxSY8xYPOoUSJCW/xICsWyjFxD/EgK5RoLezQ4QRTVwvbkIpmhxel+QDOAYxE6EtdMxJ03uOLPwbE8MgHUiaOkf9BsXjglQ+kTIRwEQ9cDIAOJvYs/o2ccDMADCbcPgpfcEtogESneLuhsGNPzuKbPulO8Gi80PlrBAQfLIFZpVKp/D9+APwZW35/ccp6AAAAAElFTkSuQmCC)
}

.nightmode .video-seen-arrow {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/night-seen-arrow.372c1aa.png?clientprefetch=3)
}

.harmony-night .video-seen-arrow {
    color-scheme: dark
}

.video-seen-loading {
    margin-left: .02rem;
    margin-right: -.02rem;
    width: .13rem;
    height: .13rem;
    background: url(https://mbdp02.bdstatic.com/static/homepage/img/seen-loading.6c9ded4.png?clientprefetch=3) 50%/cover;
    -webkit-animation: rotateS .36s linear infinite;
    animation: rotateS .36s linear infinite
}

.darkmode .video-seen-loading,.harmony-night .video-seen-loading {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/harmony-night-seen-loading.ae18f57.png?clientprefetch=3)
}

.harmony-night .video-seen-loading {
    color-scheme: dark
}

.nightmode .video-seen-loading {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/harmony-night-seen-loading.ae18f57.png?clientprefetch=3);
    color-scheme: dark
}

.android .video-seen,.ios .video-seen {
    padding-top: .12rem;
    padding-bottom: .12rem
}

.android .font-size-0 .video-seen,.harmony .font-size-0 .video-seen {
    font-size: .18667rem
}

.ios .font-size-2 .video-seen {
    font-size: .1696rem
}

.ios .font-size-3 .video-seen,.ios .font-size-4 .video-seen {
    font-size: .1936rem
}

.tabs-container-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 215px;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 85px)
}

.tabs-container-mask .tabs-container-mask-content {
    padding: 97px .17rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs-container-mask .tabs-container-mask-text {
    margin: 0 .16rem;
    color: #848691;
    font-size: .15rem;
    font-weight: 500
}

.tabs-container-mask .left-line,.tabs-container-mask .right-line {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    max-width: .6rem
}

.tabs-container-mask .left-line {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(169,171,180,0)),to(#a9abb4));
    background-image: linear-gradient(90deg,rgba(169,171,180,0) 0,#a9abb4)
}

.tabs-container-mask .right-line {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(169,171,180,0)),to(#a9abb4));
    background-image: linear-gradient(270deg,rgba(169,171,180,0) 0,#a9abb4)
}

.pendant-confirm {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.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;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    background-color: rgba(31,31,31,.95)
}

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

.fake-item,.feed-item.dynamicShipin,.feed-item.shipin,.feed-item.smallVideo {
    background-color: #f5f5f5;
    margin-bottom: 1px;
    width: 100%;
    height: 44.55vw;
    background-image: url(/static/homepage/img/bd-logo.cb5e985.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: .29rem .29rem
}

.darkmode .fake-item,.darkmode .feed-item.dynamicShipin,.darkmode .feed-item.shipin,.darkmode .feed-item.smallVideo {
    background-color: #2c2c2c
}

.tabs-container {
    position: relative
}

.tabs-container .virtual-list>div {
    will-change: transform
}

.s-loader-container:after {
    border: none!important
}

#dynamic .s-loader-container {
    margin-top: -.06rem
}

#dynamic .s-loader-container:after {
    border-color: currentcolor #e0e0e0 #e0e0e0!important;
    border-top: 1px solid #e0e0e0!important
}

.darkmode #dynamic .s-loader-container:after {
    border-color: hsla(0,0%,100%,.2)!important
}

.is-dynamic-tab>div {
    border-bottom: .06rem solid;
    border-color: #f5f5f5
}

.darkmode .is-dynamic-tab>div {
    border-color: rgba(68,68,68,.2)
}

.harmony .common-header-f {
    margin-bottom: .04rem
}

.s-nav-text {
    height: .38rem;
    background-color: #fff6e1;
    border-radius: .11rem;
    padding: .125rem .13rem .125rem .18rem;
    color: #f33
}

.darkmode .s-nav-text {
    background-color: rgba(255,246,225,.2)
}

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

.s-nav-text+.s-nav-text {
    margin-top: .09rem
}

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

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

.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-baike {
    padding: 0 .13rem 0 .18rem;
    background-color: #fff;
    border-radius: .12rem
}

.darkmode .s-nav-baike {
    background-color: #161616
}

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

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

.s-nav-baike .head {
    padding: 0;
    height: .4rem
}

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

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

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

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

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

.s-nav-baike .desc {
    padding-bottom: .13rem;
    margin-top: -.01rem
}

.s-nav-baike .desc .s-image-default {
    border-radius: .09rem
}

.s-nav-baike .desc .avatar {
    width: .56rem;
    height: .56rem;
    border-radius: .09rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: visible;
    border: 1px solid #e0e0e0;
    border-radius: 9px
}

.nightmode .s-nav-baike .desc .avatar {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-nav-baike .desc .avatar {
        border: none
    }

    .s-nav-baike .desc .avatar:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #e0e0e0;
        border-radius: 27px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-nav-baike .desc .avatar:after {
        border-color: #e6e6e6
    }
}

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

.s-nav-baike .desc .avatar:after {
    border-color: rgba(0,0,0,.05)
}

.darkmode .s-nav-baike .desc .avatar:after {
    border-color: hsla(0,0%,100%,.1)
}

.s-nav-baike .desc .avatar-wrap {
    position: relative;
    margin-right: .12rem
}

.s-nav-baike .desc .summary {
    font-size: .14rem;
    color: #1f1f1f;
    line-height: .2rem;
    margin-top: -.03333rem
}

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

.s-nav-baike .desc .summary-bottom {
    margin-bottom: .06rem
}

.s-nav-baike .desc .name {
    line-height: .13rem;
    font-size: .12rem;
    color: #858585;
    padding-top: .05rem
}

.darkmode .s-nav-baike .desc .name {
    color: hsla(0,0%,100%,.5)
}

.s-nav-baike .desc .name .icon {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAllBMVEUAAAA/ffhZkv8/fvhCfvk/fPg+fPc+ffg/ffg/ffg/fPc/fvhCgPtDhv8+ffj9/f8+fPf///9Cf/f8/f7s8/6kwfvM3PxKhPfS4f3A1f2vyfuHrvp6pflGgvfx9f7o7/7X5P2pxfuTtvrd6P2Yufr3+v7z9v7F2Py0zPudvfuQs/p0oPlnmPhYjvjh6v24z/xyn/lOh/cF8MgeAAAAEHRSTlMAswSQKfDm3cy+pkU+E/mRHa19kQAAAWxJREFUOMudlNmSgjAQRRM2WdRJCCCIiOI+o7P8/8+NiUBMJ6LlfZLUrV6PjRRZkY19b+r52I4s9Ejj0CVSbjg2uhxMoLCjuSybmGSD7JOAmBVMlJwj8kgj5y5aZ1tkq20MjX1EK+hs9Kq5lrqrsW8h4z4Wa820xfUPK8o1I1C3EuXctiLelz5HsQX5Hc8ZzTfsUzPyzYT3D/GMVAWdwxLDa7MugUpptk6S9M7sWigiukpGr0qJVISMe11yX6KMBpt8CfRh5Jt8KczrI8/ki1O1D+KhqfzQKSjzvBQ/pjKegYKGvzS3eD55TEHNX+pbfXiAgj1/WIp+5fz+akjBrxj3Ucyv38el3h1UCkq2OTBWiARRt9/zMjmrFJxoVpGqavfb8rLYfV9UCn7oMZa8tPw1LJ8BCugJ8IcwWdMihhTsIc/IKeh6mAIHCX00wxTY8P9rpiCwwD0wazR58b68ca+e3b/n9/T9+zx87/8BKLpP1F6/wfAAAAAASUVORK5CYII=);background-size: 100%;
    background-repeat: no-repeat;
    margin-right: .06rem
}

.nightmode .s-nav-baike .desc .name .icon {
    opacity: .5
}

.s-nav-doctor .titleIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAUVBMVEUAAAAiIiIgICAfHx8hISEgICAfHx8gICAfHx8fHx8fHx8fHx8fHx8fHx8fHx8kJCQgICAfHx8gICAgICAfHx8rKysgICAgICAhISEfHx8fHx8FKdTIAAAAGnRSTlMAFqiTMvjLQvTt5s7AcGgcubOHf0kGnY59ObPxZEcAAAEKSURBVDjLvZPZkoMgEAAFDxDikURz9P9/6MqmFAU0tftgvzhMdTkwDNk/KKTBY2SR1u4lW8p7UiMmIRYlXItxlbhCGZeWk/aJgE8wiTLyDBSBV4CJPGAMvBFIeb+fGbc4z/PR2d73XMwZXg0iSAmoI8+CClIKbOTlkB+nliGqxbZs7UYtogcZTm6fxbTAbbW+AW1kdQ8cUsxFJY5Ht9Wa+U3qXIlRqFzPb7MJtgL9O2dN/u5hs+kXUKkpGOxi2WFaqwp4LXvDN0o9rSmNfSrfQzp/sku2x8V3oYJh1xugSo7A/jDoL572dZtdr/F1W9dOkf6bu4DWn+kI34vucqR162GpdFLSVZv9iR+xwi920c45jQAAAABJRU5ErkJggg==)
}

.darkmode .s-nav-doctor .titleIcon,.nightmode .s-nav-doctor .titleIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFnRSTlMAzMWkEnUpBIaSv7maZVY5NBdsXH5Qy+MB7gAAAQlJREFUOMu9k1mSgzAMROfJG2CWEJL7X3VYMhiQQ2ryQf8gqV65oZF/vpAvIkmx8FkqNMJe0oQM16DVZEwFSh/S8b4E0dbFiC0VsBQjWCgugj9wHqLigHDgApDj5sestbmKS9XV3OeZ1hVcBfYwslApzsDtMLqBUZwDdz5al6iye9sKvOLmrdSbq/UE7pv+DjwV1T+YVNg/02LuH/0ea4VF4jobbOfWvj28CpTesZXz5Wyxv7pmSq8zK2W6KUGzvcQ94MIrW2eiRONemYfJok9fVi+YVqhTCgYmk7w6MNkVeL8M8oGT5Du85Ybk24IMNn/aILBGXXOmOv3c+gzrNym1RrKQmNH0P/oF5+EG+031drwAAAAASUVORK5CYII=)
}

.darkmode .s-nav-doctor .titleIcon {
    opacity: 1
}

.s-nav-doctor .adeptIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAVFBMVEUAAAAxMTEfHx8jIyMfHx8fHx8fHx8gICAgICAfHx8iIiIfHx8gICAoKCgfHx8fHx8fHx8fHx8gICAgICAoKCggICAgICAgICAfHx8gICAiIiIfHx/ATFXJAAAAG3RSTlMABbMpR/nxkcHZMud1Gc3dm4pOPhOmglusYju84AuTAAABnUlEQVQ4y51U2ZaDIAwVBTfEra7N///nJKZC0Jnj6eSlFK5J7s2SRKZ0kbbW2DYttEr+stecQ7B8fv2KylK4WprdUKo4XqphrJ1y9ThUQFZcok8lXpo+k/57g3flFMXsfJRrJp24nQjWJHdrCOg9qhLZ6V/J6RxDnzkSBQFTbyWAROaTxiXoBtslNKeYIgXx8MaHNx+j5xeAkUxLUkOyNgBUmRmgT6KE8EGy6gFmzBoZSXctGG2glQ5RDUXfV+eN082G3snD1mh3Xlfon0QZuFtK7hbjEme4Y0rumAGlIToj58+oasXzWjGS+YzEuAWoj387KVqrU+ya1N+Pcw2YrwVwXtH8+IQfc6++A7AJBjh9LAz0sOX0DWDYXwBaxU+WYcEf5xdq9MGFWnJ+zDfg7OdkGef5Bv3IOlRiWtplQpU6uvD6RfVQBtIhJ4WHFIyS9YjqmwFrzT+ZrG/UL/oYzV3tx1Bq0S9x/1EOK4VTK8WS/Rf38zoGkmvcz/f5uI9mFs1bbPd5e57fb/bB8375dl8977/nffrP/fy8738As4guHvqPBTAAAAAASUVORK5CYII=)
}

.darkmode .s-nav-doctor .adeptIcon,.nightmode .s-nav-doctor .adeptIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAHHRSTlMAzASQIbA6dJvAKDG4P6V8b10UEMSFaUmLT2AWUltj/gAAAYxJREFUOMudVNm2gyAMBBTEte5L+///eRNSDEjv8bQ8KQzJzCREREuZIusa2XRZYZT4b9VLKXmVS/0RlWfyurI8QanCnei+rUY1Vm2v3X9xyT5Z3H3kYfwHbtkpyql9loSJDnYnhA0iXQMCz4gKks7mozgzQ2rPESUEMFWrAIhi3jQuSXe5X1ITxQwkhG7DATvMx7gfKrXoRqj6fW8B30REKKYrwMcFWJdxuE5KgHZxwFLhfe13XmbYITpG2Afz8tsarqIpPfG31C3zKMaZOsaSnh6sQTntyR/t3+C7xQKdelpQjHwq93ego5XyZlfo/uG+K+TbSDnS0RMyuSt0CCye9DlK2Qi45WOsDsiw1ccGDMdDIGtvCMbxiB/XSFEIriXxI72Ma3w8xjm95B87asW02nUSlhiwf1wPytbP6HVPDLgeUX1zGa48rG/UL8YV5FCHpp7hfon7DzlsCglsLhf336Wft5ZFbnE/p+8jfZp58t54pe/t/v1+Mw/u58u38+p+/t3P0x/n8/28/wMobA5tdO3qPQAAAABJRU5ErkJggg==)
}

.darkmode .s-nav-doctor .adeptIcon {
    opacity: 1
}

.s-nav-lawyer .siteIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnBAMAAAB+jUwGAAAAGFBMVEUAAAAfHx8pKSkgICAfHx8gICAhISEfHx8VYycUAAAAB3RSTlMA9RnIvXdlXhJGTQAAAJJJREFUKM9jIAWwGZZDgHACXIzJvRwGShRggizlCOAAE0wvDIKyVMXLYILmpXCTwothLPEiuKB6IYxVXgAXZC8nTxDsHtIEywvNMM0EAidsgiWYtjMFlidgOom13ADTdqZyAXRBMB+PIARQKIjfIjo6CRHvyAFiXooedJC0hBnILOWooASRPhHACZaSYQAcxaQAANUFdEzCQcJWAAAAAElFTkSuQmCC)
}

.darkmode .s-nav-lawyer .siteIcon,.nightmode .s-nav-lawyer .siteIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnBAMAAAB+jUwGAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMAzBTDoJhgUU1Sj1AAAACSSURBVCjPYyAFsDsLQoBJAVyMKVAQBkQVYIKsgggQABMsFEyCstQExWGCjmJwkxJFYCxDIbigojCMJSgAF2QUJE8Q7B7SBAWF3THNBIIgbIKimLYzJQoWYDqJTdAB03YmQQN0QTAfjyAEUCiI3yI6OgkR78gB4iiGHnSQtIQZyKyCqEAUkT4RIAiWkmEAHMWkAADnShkdTqB8qgAAAABJRU5ErkJggg==)
}

.darkmode .s-nav-lawyer .siteIcon {
    opacity: 1
}

.s-nav-lawyer .adeptIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAVFBMVEUAAAAxMTEfHx8jIyMfHx8fHx8fHx8gICAgICAfHx8iIiIfHx8gICAoKCgfHx8fHx8fHx8fHx8gICAgICAoKCggICAgICAgICAfHx8gICAiIiIfHx/ATFXJAAAAG3RSTlMABbMpR/nxkcHZMud1Gc3dm4pOPhOmglusYju84AuTAAABnUlEQVQ4y51U2ZaDIAwVBTfEra7N///nJKZC0Jnj6eSlFK5J7s2SRKZ0kbbW2DYttEr+stecQ7B8fv2KylK4WprdUKo4XqphrJ1y9ThUQFZcok8lXpo+k/57g3flFMXsfJRrJp24nQjWJHdrCOg9qhLZ6V/J6RxDnzkSBQFTbyWAROaTxiXoBtslNKeYIgXx8MaHNx+j5xeAkUxLUkOyNgBUmRmgT6KE8EGy6gFmzBoZSXctGG2glQ5RDUXfV+eN082G3snD1mh3Xlfon0QZuFtK7hbjEme4Y0rumAGlIToj58+oasXzWjGS+YzEuAWoj387KVqrU+ya1N+Pcw2YrwVwXtH8+IQfc6++A7AJBjh9LAz0sOX0DWDYXwBaxU+WYcEf5xdq9MGFWnJ+zDfg7OdkGef5Bv3IOlRiWtplQpU6uvD6RfVQBtIhJ4WHFIyS9YjqmwFrzT+ZrG/UL/oYzV3tx1Bq0S9x/1EOK4VTK8WS/Rf38zoGkmvcz/f5uI9mFs1bbPd5e57fb/bB8375dl8977/nffrP/fy8738As4guHvqPBTAAAAAASUVORK5CYII=)
}

.darkmode .s-nav-lawyer .adeptIcon,.nightmode .s-nav-lawyer .adeptIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAHHRSTlMAzASQIbA6dJvAKDG4P6V8b10UEMSFaUmLT2AWUltj/gAAAYxJREFUOMudVNm2gyAMBBTEte5L+///eRNSDEjv8bQ8KQzJzCREREuZIusa2XRZYZT4b9VLKXmVS/0RlWfyurI8QanCnei+rUY1Vm2v3X9xyT5Z3H3kYfwHbtkpyql9loSJDnYnhA0iXQMCz4gKks7mozgzQ2rPESUEMFWrAIhi3jQuSXe5X1ITxQwkhG7DATvMx7gfKrXoRqj6fW8B30REKKYrwMcFWJdxuE5KgHZxwFLhfe13XmbYITpG2Afz8tsarqIpPfG31C3zKMaZOsaSnh6sQTntyR/t3+C7xQKdelpQjHwq93ego5XyZlfo/uG+K+TbSDnS0RMyuSt0CCye9DlK2Qi45WOsDsiw1ccGDMdDIGtvCMbxiB/XSFEIriXxI72Ma3w8xjm95B87asW02nUSlhiwf1wPytbP6HVPDLgeUX1zGa48rG/UL8YV5FCHpp7hfon7DzlsCglsLhf336Wft5ZFbnE/p+8jfZp58t54pe/t/v1+Mw/u58u38+p+/t3P0x/n8/28/wMobA5tdO3qPQAAAABJRU5ErkJggg==)
}

.darkmode .s-nav-lawyer .adeptIcon {
    opacity: 1
}

.s-nav-coupon {
    height: .74rem;
    background-color: #fdf1f0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .12rem;
    overflow: hidden;
    position: relative
}

.darkmode .s-nav-coupon {
    background-color: rgba(255,102,0,.2)
}

.s-nav-coupon .coupon-line {
    position: absolute;
    right: .99667rem;
    height: .56rem;
    width: .03333rem;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAADcBAMAAAC7ey28AAAAD1BMVEUAAAD/Njb/QED/PT3/SUnX65AFAAAABXRSTlMAJhAZB15waZgAAAA6SURBVDjLY2BgUXJgYGAwFBRmYGAWFBQ0YHAEkiIMikBSCJmEiEPUQNRD9FICRm0ftX3U9lHbB7/tAIm9MUddp4sKAAAAAElFTkSuQmCC);background-size: contain
}

.s-nav-coupon .coupon-line:after,.s-nav-coupon .coupon-line:before {
    content: "";
    display: block;
    position: absolute;
    height: .05rem;
    width: .1rem;
    left: -.03333rem;
    background-color: #fff
}

.darkmode .s-nav-coupon .coupon-line:after,.darkmode .s-nav-coupon .coupon-line:before {
    background-color: #080808
}

.s-nav-coupon .coupon-line:before {
    border-radius: 0 0 .05rem .05rem;
    top: -.09rem
}

.s-nav-coupon .coupon-line:after {
    border-radius: .05rem .05rem 0 0;
    bottom: -.09rem
}

.s-nav-coupon.has-drawn:before {
    right: .8rem;
    height: .7rem;
    width: .7rem
}

.s-nav-coupon-left {
    width: .84rem;
    height: 100%;
    text-align: center;
    position: relative
}

.s-nav-coupon-right {
    margin-right: .15rem;
    -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;
    font-size: .13rem;
    font-weight: bolder;
    height: .28rem;
    width: .7rem;
    color: #f33;
    background-color: rgba(255,51,51,0);
    position: relative;
    overflow: visible;
    border: 1px solid rgba(255,51,51,.5);
    border-radius: 15px
}

.darkmode .s-nav-coupon-right {
    background-color: rgba(255,51,51,.3)
}

.nightmode .s-nav-coupon-right {
    border-color: #e6e6e6
}

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

    .s-nav-coupon-right:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid rgba(255,51,51,.5);
        border-radius: 45px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-nav-coupon-right:after {
        border-color: #e6e6e6
    }
}

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

.darkmode .s-nav-coupon-right {
    background-color: rgba(255,51,51,.2)
}

.darkmode .s-nav-coupon-right:after {
    display: none
}

.s-nav-coupon-right:active {
    opacity: .2
}

.s-nav-coupon-center {
    margin-left: .15rem;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    position: relative
}

.s-nav-coupon-title {
    font-size: .14rem;
    line-height: .2rem;
    font-weight: bolder;
    color: #1f1f1f
}

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

.s-nav-coupon-info {
    font-size: .11667rem;
    line-height: .19rem;
    color: #858585
}

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

.s-nav-coupon .coupon-type {
    position: absolute;
    left: 0;
    top: 0;
    height: .18rem;
    line-height: .18rem;
    padding: 0 .11rem;
    font-size: .1rem;
    font-weight: bolder;
    background: rgba(255,51,51,.15);
    border-radius: .12rem 0 .09rem 0;
    color: #fd503e
}

.s-nav-coupon .coupon-price {
    margin-top: .15rem;
    font-size: .3rem;
    font-family: DINAlternate-Bold,Roboto,Droid Sans;
    line-height: .4rem;
    font-weight: 700;
    min-height: .34rem;
    color: #fd503e
}

.s-nav-coupon .coupon-price span {
    font-size: .16rem
}

.s-nav-coupon .coupon-price.no-price {
    margin: .18rem auto 0;
    background-size: 35%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/coupon-default.4c7549d.png?clientprefetch=3);
    background-repeat: no-repeat;
    background-position: 55% 50%
}

.s-nav-coupon .coupon-rule {
    width: 100%;
    position: absolute;
    bottom: .11rem;
    font-size: .12rem;
    line-height: .12rem;
    text-align: right;
    padding-right: .03rem;
    color: #f33
}

.s-nav-coupon .coupon-rule:after {
    content: "";
    display: inline-block;
    height: .12rem;
    width: .12rem;
    margin-left: .03rem;
    vertical-align: top;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAM1BMVEUAAAD/NDT/NTX/Pj7/ODj/ODj/NTX/Njb/TEz/Ojr/NDT/Njb/NTX/Njb/NTX/Njb/NjYzyxB3AAAAEXRSTlMAgHQRKx9iTAgabEY/VFkzOFXWM+sAAAEaSURBVDjLlVTttoQgCGzFrxK193/aSxdjTrZ7OvEHowHGEV3e28qpxdgSr78QlNzHzCX6AsnlM1nJt0ZO830gCj7p19TUH8EYEAjxiPgZ4/yU566oVT63G1HaJGwdsxNMHn+41lOALCh3si+yJlse1vQXSXYZyehtMkRw1fQkMcDj3qu4rhHZY/pfSM2wnPB2eLa0IEx0a+JH3oDTCKECj4pife95UImLFWd1kAybgsxVXDNKiEOeIEWVCN0wlkai8xeQwxEBNLUj9EI7EEf02ryaBKhUyq4rSAAxZ4OY8GjAdGnucMBm3YjjgDEqIAFJMCoYOuxuPh+Mrxqt6jG+zxfhxZV6vJzP1/z5wXj99MAC17htsXJYXtsfaXUHhR/M33wAAAAASUVORK5CYII=)
}

.has-drawn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/drawn.44d0a56.png?clientprefetch=3);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.s-op-layout {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .13rem 0
}

.s-op-layout-img {
    position: relative;
    width: .39rem;
    height: .39rem;
    background-position: 50%;
    background-size: 100%;
    border-radius: .12rem
}

.s-op-layout-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .3rem 0 .08rem
}

.s-op-layout-title {
    font-size: .14rem;
    color: #1f1f1f;
    font-weight: 700;
    line-height: .16rem
}

.darkmode .s-op-layout-title {
    color: hsla(0,0%,100%,.8)
}

.s-op-layout-desc {
    margin-top: .05rem;
    font-size: .13rem;
    color: #858585
}

.darkmode .s-op-layout-desc {
    color: hsla(0,0%,100%,.5)
}

.s-op-layout-btn {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .28rem;
    font-size: .13rem;
    padding: 0 .15667rem;
    font-weight: 700;
    color: #1f1f1f;
    background-color: hsla(0,0%,100%,0);
    position: relative;
    overflow: visible;
    border: 1px solid #b8b8b8;
    border-radius: .16667rem
}

.darkmode .s-op-layout-btn {
    color: hsla(0,0%,100%,.8);
    background-color: rgba(68,68,68,.5)
}

.nightmode .s-op-layout-btn {
    border-color: #e6e6e6
}

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

    .s-op-layout-btn:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #b8b8b8;
        border-radius: .5rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-op-layout-btn:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-op-layout-btn:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .33333rem
    }
}

.s-op-layout-btn:after {
    border-color: #b8b8b8
}

.darkmode .s-op-layout-btn:after {
    border-color: hsla(0,0%,60%,0)
}

.s-op-layout-btn:active {
    opacity: .2
}

.s-op-layout-double>.s-op-layout-con,.s-op-layout-multiple>.s-op-layout-con,.s-op-layout-three>.s-op-layout-con {
    padding-right: 0
}

.s-op-layout-double {
    width: 50%
}

.s-op-layout-double+.s-op-layout-double {
    margin-left: .2rem
}

.s-op-layout-three {
    min-width: 1.17rem
}

.s-op-layout-three+.s-op-layout-three {
    margin-left: .12rem
}

.s-op-layout-multiple {
    min-width: 1.35rem
}

.s-op-layout-multiple+.s-op-layout-multiple {
    margin-left: .12rem
}

.s-op-carousel {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin-right: .06rem
}

.s-op-carousel-avatar {
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    border: .01rem solid #fff;
    margin-right: -4px
}

.darkmode .s-op-carousel-avatar {
    border-color: #080808
}

.s-op-carousel-avatar:last-child,.s-op-carousel-avatar:nth-child(3n) {
    margin-right: 0
}

.s-op-carousel-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.s-op-carousel-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@-webkit-keyframes liveProceed {
    0%,to {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }

    50% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes liveProceed {
    0%,to {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }

    50% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.s-op-card {
    background-color: #fff;
    border-radius: .12rem
}

.darkmode .s-op-card {
    background-color: #222
}

.s-op-card-head {
    padding: .13rem .13rem 0 .18rem;
    margin-bottom: -.01667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s-op-card-title {
    font-size: .16rem;
    font-weight: bolder;
    color: #1f1f1f
}

.darkmode .s-op-card-title {
    color: hsla(0,0%,100%,.8)
}

.s-op-card-edit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-op-card-text {
    font-size: .13rem;
    color: #858585
}

.darkmode .s-op-card-text {
    color: hsla(0,0%,100%,.5)
}

.s-op-card-arrow-right {
    width: .13rem;
    height: .13rem;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABD0lEQVRYCe3XQQ6CMBAFUKoe0cSFZ/AAcIEewDO4cMcFTe0n7cbYMtP+YUFogkaYwuNLGBiGY+w9Ae/9DYvVeTrNjgEJIbwwxzl3H8fxrZkvqRWDMiaCzgn0sUCdJOp/NYAhLfbfJ04IqN+UsC6mRE1KBdoCpQZZo5pAlqhmkBWqC2SB6gaxURQQE0UDsVBUUA0Vt12naZpRUxvNraO0UzRc9DjcwXNN6n/P/Lv2TQfVDibZRgeV+l3EPCSgi6RIWlPCpMeU1esHx6Fd1CsY8YMcBcTCUBJiYrpBbEwXyALTDLLCNIEsMWqQNUYF2gIDUHPrYL/+AIOhujHmlJaJRq/Si0rzARQWzZyjdtcJfAFEcjDrnxziSAAAAABJRU5ErkJggg==)
}

.s-op-card-nav {
    padding: 0 .13rem 0 .18rem;
    overflow: hidden;
    border-radius: .12rem
}

.s-op-card-compact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.s-op-card-compact::-webkit-scrollbar {
    display: none
}

.s-op-card-icon,.s-op-card-live>.s-op-card-animation {
    width: .39rem;
    height: .39rem;
    border-radius: .12333rem;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.s-op-card-live>.s-op-card-animation i,.s-op-card-voice>.s-op-card-animation>i {
    background-color: #4f7efd
}

.s-op-card-animation {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: .04rem
}

.s-op-card-animation>i {
    display: inline-block;
    font-size: 0;
    width: .01667rem;
    height: .06rem;
    border-radius: .01rem;
    -webkit-animation: liveProceed .6s ease-in-out infinite;
    animation: liveProceed .6s ease-in-out infinite
}

.s-op-card-animation>i:first-child {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.s-op-card-animation>i:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
    margin: 0 .02rem
}

.s-op-card-animation>i:last-child {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.s-op-card-pay {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-op-card-pay>span {
    display: inline-block;
    height: .1rem;
    padding-right: .06rem;
    margin-right: .06rem;
    position: relative;
    border: 1px solid transparent;
    border-right-color: #eee
}

.nightmode .s-op-card-pay>span:after {
    border: #e6e6e6;
    border-right: 1px solid
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-op-card-pay>span {
        border: none
    }

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

    .nightmode .s-op-card-pay>span:after:after {
        border: #e6e6e6;
        border-right: 1px solid
    }
}

@media screen and (max-width:360px) {
    .s-op-card-pay>span:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.s-op-card-pay>span:after {
    border-right-color: #858585
}

.darkmode .s-op-card-pay>span:after {
    border-right-color: hsla(0,0%,100%,.5)
}

.s-op-card-empty {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .91333rem
}

.s-op-card-empty .title {
    font-size: .16rem;
    font-weight: 700;
    margin-bottom: .03333rem;
    color: #1f1f1f
}

.darkmode .s-op-card-empty .title {
    color: hsla(0,0%,100%,.8)
}

.s-op-card-empty .desc {
    font-size: .16rem;
    color: #858585
}

.darkmode .s-op-card-empty .desc {
    color: hsla(0,0%,100%,.5)
}

.s-op-card .type-text {
    font-size: .14rem;
    color: #1f1f1f;
    font-weight: 700;
    line-height: .16rem
}

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

.s-op-card .type-emoji {
    width: .14rem;
    height: .14rem;
    background-size: .14rem auto;
    vertical-align: middle
}

.navs-container {
    position: relative;
    background-color: #f5f5f5;
    padding: 0 .1rem;
    overflow: hidden
}

.navs-container>div {
    margin-bottom: .09rem
}

.darkmode .navs-container {
    background-color: #080808
}

.navs-container .s-small-program {
    margin-top: .03rem
}

.navs-container .nav-text {
    position: relative
}

.navs-container .nav-text .s-txt-intro {
    line-height: .2rem!important
}

.navs-container .baike-text .colon,.navs-container .baike-text .title {
    color: #1f1f1f
}

.darkmode .navs-container .baike-text .colon,.darkmode .navs-container .baike-text .title {
    color: hsla(0,0%,100%,.8)
}

.navs-container .baike-text-prefix {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAllBMVEUAAAA/ffhZkv8/fvhCfvk/fPg+fPc+ffg/ffg/ffg/fPc/fvhCgPtDhv8+ffj9/f8+fPf///9Cf/f8/f7s8/6kwfvM3PxKhPfS4f3A1f2vyfuHrvp6pflGgvfx9f7o7/7X5P2pxfuTtvrd6P2Yufr3+v7z9v7F2Py0zPudvfuQs/p0oPlnmPhYjvjh6v24z/xyn/lOh/cF8MgeAAAAEHRSTlMAswSQKfDm3cy+pkU+E/mRHa19kQAAAWxJREFUOMudlNmSgjAQRRM2WdRJCCCIiOI+o7P8/8+NiUBMJ6LlfZLUrV6PjRRZkY19b+r52I4s9Ejj0CVSbjg2uhxMoLCjuSybmGSD7JOAmBVMlJwj8kgj5y5aZ1tkq20MjX1EK+hs9Kq5lrqrsW8h4z4Wa820xfUPK8o1I1C3EuXctiLelz5HsQX5Hc8ZzTfsUzPyzYT3D/GMVAWdwxLDa7MugUpptk6S9M7sWigiukpGr0qJVISMe11yX6KMBpt8CfRh5Jt8KczrI8/ki1O1D+KhqfzQKSjzvBQ/pjKegYKGvzS3eD55TEHNX+pbfXiAgj1/WIp+5fz+akjBrxj3Ucyv38el3h1UCkq2OTBWiARRt9/zMjmrFJxoVpGqavfb8rLYfV9UCn7oMZa8tPw1LJ8BCugJ8IcwWdMihhTsIc/IKeh6mAIHCX00wxTY8P9rpiCwwD0wazR58b68ca+e3b/n9/T9+zx87/8BKLpP1F6/wfAAAAAASUVORK5CYII=);background-size: 100%;
    background-repeat: no-repeat;
    margin-right: .06333rem;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: .08rem
}

.nightmode .navs-container .baike-text-prefix {
    opacity: .5
}

#recommennd-container {
    margin: 0 -.06rem
}

#sub-recommend {
    border-radius: .09rem;
    overflow: hidden;
    position: relative;
    overflow: visible;
    border: 1px solid #f5f5f5;
    border-radius: .09333rem
}

.nightmode #sub-recommend {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    #sub-recommend {
        border: none
    }

    #sub-recommend:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #f5f5f5;
        border-radius: .28rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode #sub-recommend:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    #sub-recommend:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .18667rem
    }
}

#sub-recommend:after {
    border-color: #f5f5f5
}

.darkmode #sub-recommend:after {
    border-color: #080808
}

.recommend {
    border-radius: .09rem
}

.s-recommend .svg-icon {
    margin: .08rem
}

.s-recommend-show.s-recommend.switch-container {
    width: 36px;
    margin-right: -8px;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
    overflow: unset;
    margin-left: 8px
}

@media screen and (max-width:360px) {
    .s-recommend-show.s-recommend.switch-container {
        width: 32px
    }
}

.s-recommend-show .sub-recommend-switch {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background-color: hsla(0,0%,100%,0)
}

.darkmode .s-recommend-show .sub-recommend-switch {
    background-color: rgba(68,68,68,.5)
}

.s-recommend-show .sub-recommend-switch:after {
    border-color: #b8b8b8
}

.darkmode .s-recommend-show .sub-recommend-switch:after {
    border-color: hsla(0,0%,60%,0)
}

.s-recommend-show .sub-recommend-switch:before {
    content: "";
    position: absolute;
    top: -.07rem;
    right: -.07rem;
    bottom: -.07rem;
    left: -.07rem
}

.s-recommend.sub-recommend-container .recommend {
    background-color: #f5f5f5
}

.darkmode .s-recommend.sub-recommend-container .recommend {
    background-color: #080808
}

.s-recommend.sub-recommend-container .recommend .recommend-item {
    background-color: #fff;
    border-radius: .12rem
}

.darkmode .s-recommend.sub-recommend-container .recommend .recommend-item {
    background-color: #222
}

.s-recommend.sub-recommend-container .recommend .recommend-item .recommend-detail {
    height: auto;
    font-size: .13rem;
    line-height: .17rem
}

.s-recommend.sub-recommend-container .recommend .recommend-btn {
    background-color: #4e6ef2;
    border-radius: .14rem;
    width: .89rem
}

.s-recommend.sub-recommend-container .recommend .recommend-btn.sub-followed {
    color: #858585;
    background-color: hsla(0,0%,100%,0)
}

.darkmode .s-recommend.sub-recommend-container .recommend .recommend-btn.sub-followed {
    color: hsla(0,0%,100%,.5);
    background-color: rgba(68,68,68,.5)
}

.s-recommend.sub-recommend-container .recommend .recommend-btn.sub-followed:after {
    border-width: 2px;
    border-radius: 45px;
    border-color: #e0e0e0
}

.darkmode .s-recommend.sub-recommend-container .recommend .recommend-btn.sub-followed:after {
    border-color: transparent
}

.s-recommend-carousel-show.sub-recommend-container {
    height: 2.6rem;
    margin-bottom: .03333rem;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.s-recommend-carousel-show .recommend {
    height: 2.74rem
}

.s-recommend-carousel-show .recommend.active {
    height: 2.47rem
}

.s-recommend.switch-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    height: .3rem;
    width: 0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease
}

.s-recommend.switch-container .sub-recommend-switch {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    opacity: 1;
    vertical-align: bottom;
    width: .3rem;
    height: .3rem;
    overflow: initial;
    max-width: 30px;
    max-height: 30px;
    text-align: center;
    position: relative;
    overflow: visible;
    border: 1px solid #999;
    border-radius: 30px
}

.nightmode .s-recommend.switch-container .sub-recommend-switch {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-recommend.switch-container .sub-recommend-switch {
        border: none
    }

    .s-recommend.switch-container .sub-recommend-switch:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #999;
        border-radius: 90px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-recommend.switch-container .sub-recommend-switch:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-recommend.switch-container .sub-recommend-switch:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 60px
    }
}

.s-recommend.switch-container .sub-recommend-switch:after {
    border-color: #b8b8b8
}

.darkmode .s-recommend.switch-container .sub-recommend-switch:after {
    border-color: hsla(0,0%,60%,0)
}

@media screen and (max-width:360px) {
    .s-recommend.switch-container .sub-recommend-switch:after {
        height: 199%
    }
}

.s-recommend.switch-container .sub-recommend-switch .svg-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.s-recommend.switch-container .sub-recommend-switch:active {
    opacity: .2
}

.s-recommend.switch-container.s-recommend-up .svg-icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sub-recommend-container {
    height: 0;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    overflow: hidden;
    position: relative
}

.sub-recommend-container .sub-recommend-triangle {
    position: absolute;
    top: .03rem;
    right: .09rem;
    width: .2rem;
    height: .11rem;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent transparent #f5f5f5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAMAAABOURR/AAAAS1BMVEUAAAD29vb////29vb29vb29vb29vb29vb6+vr////////39/f19fX19fX29vb19fX29vb39/f19fX4+Pj39/f4+Pj39/f39/f19fUmrs5SAAAAGHRSTlMA9ga04cKIWDEWD5jw6djOp3hoSj0nHpdvPZNcAAAAkElEQVQoz43SSQ6DMBBEUYzBI/OUuv9JIxIhY9xu/NZ/U1JVKSddVUJClmQKgHrPNE76LTMCJ2H4zDb4ayyX1S0ubc10HsEnny24W3LZJnAnNjo7esT6g9ww4mmktkxITWk2gzI/sxW0Nc72DrRujy43IGdw0eXyZHQ5hgqX4+lwOZYw4XKsxv4uxwhn9Cjhv6IXKyzkPMN9AAAAAElFTkSuQmCC)
}

.darkmode .sub-recommend-container .sub-recommend-triangle,.nightmode .sub-recommend-container .sub-recommend-triangle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAMAAABOURR/AAAAXVBMVEUAAAAWFhYVFRUVFRUYGBggICAkJCQWFhYWFhYWFhYVFRUWFhYVFRUVFRUWFhYWFhYWFhYWFhYWFhYWFhYWFhYVFRUVFRUYGBgXFxcWFhYaGhoYGBgWFhYaGhoVFRVjk38WAAAAHnRSTlMA+O/lFAwH9dzVzsa+tauhlouAdWpfVEtCOTEqIx3vsTlTAAAAkklEQVQoz43PRRLDMAAEQQvMzLz/f2acxKWSLezzXCZQDUPgYyFk8cgOCtDDmYUpLmno6kr8lI6sxa21ZiOE0ZKtBAJZjdnJIGGnaTXDQ2aYrvBSabMOik6TTdCYlGyLoRFvr4wzaDH+yKIcBnkkdzWMainrYdGLbIbVfGc7hRXd/6sJHBL+XS3gVFzTDTw0ga8PeLIyre8u2ucAAAAASUVORK5CYII=)
}

.darkmode .sub-recommend-container .sub-recommend-triangle {
    opacity: 1
}

.sub-recommend-container .top-holder {
    height: 13px
}

.sub-recommend-container .bottom-holder {
    height: 17px
}

.sub-recommend-container .recommend {
    background-color: #f5f5f5;
    -webkit-transition: unset;
    transition: unset
}

.darkmode .sub-recommend-container .recommend {
    background-color: #161616
}

.sub-recommend-container .recommend.active {
    -webkit-transition: unset;
    transition: unset
}

.sub-recommend-container .recommend .recommend-title {
    padding-top: .14rem;
    height: .3rem;
    font-size: .16rem;
    font-weight: bolder
}

.sub-recommend-container .recommend .recommend-item {
    background-color: #fff
}

.darkmode .sub-recommend-container .recommend .recommend-item {
    background-color: #222
}

.sub-recommend-container .recommend .recommend-item:after {
    content: none
}

.sub-recommend-container .recommend-container,.sub-recommend-container .recommend-title {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.sub-recommend-container .recommend-btn {
    border-radius: .14rem;
    background-color: #4e6ef2
}

.sub-recommend-container .recommend-active {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

html {
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

.recommend-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    display: block;
    overflow: hidden;
    height: 0;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    background-color: #f5f5f5
}

.darkmode .recommend-wrapper {
    background-color: #161616
}

.recommend-wrapper .recommend-avatar {
    position: relative;
    z-index: 10;
    height: .64rem;
    width: .64rem;
    overflow: visible;
    margin: 0 auto
}

.recommend-wrapper .recommend-avatar .recommend-img {
    position: relative;
    height: .64rem;
    width: .64rem;
    border-radius: 100%;
    background-size: .64rem auto;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.recommend-wrapper .recommend-avatar .recommend-img:before {
    position: absolute;
    content: "";
    top: -.005rem;
    left: -.005rem;
    z-index: 1;
    border-radius: 100%;
    border: .01rem solid rgba(0,0,0,.1);
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.darkmode .recommend-wrapper .recommend-avatar .recommend-img:before {
    border-color: hsla(0,0%,100%,.2)
}

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

.recommend-wrapper .vip {
    width: .16rem;
    height: .16rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-size: 100% 100%;
    background-position: 50%
}

.recommend-wrapper .recommend-btn {
    position: relative;
    z-index: 10;
    zoom: 1;
    background-color: #4e6ef2;
    color: #fff;
    border-radius: .14rem;
    font-size: .13rem;
    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;
    font-weight: bolder
}

.recommend-wrapper .recommend-btn.sub-followed {
    background-color: hsla(0,0%,100%,0);
    color: #525252;
    font-weight: 400
}

.darkmode .recommend-wrapper .recommend-btn.sub-followed {
    background-color: rgba(68,68,68,.5);
    color: hsla(0,0%,100%,.6)
}

.recommend-wrapper .recommend-btn.sub-followed:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: .42rem;
    border: .01rem solid #e0e0e0;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.darkmode .recommend-wrapper .recommend-btn.sub-followed:after {
    border-color: transparent
}

.recommend-wrapper .recommend-btn:active {
    opacity: .3
}

.recommend-wrapper .recommend-triangle {
    display: none;
    position: absolute;
    background-color: #f5f6f9
}

.recommend-wrapper .recommend-sub-loading {
    display: block;
    height: .16rem;
    width: .16rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.08rem;
    margin-top: -.08rem;
    overflow: hidden;
    -webkit-mask-size: .16rem .16rem;
    mask-size: .16rem .16rem;
    -webkit-animation-name: rotateS;
    animation-name: rotateS;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.recommend-wrapper .recommend-sub-loading.white {
    background: url(https://mbdp02.bdstatic.com/static/homepage/img/loading-white.c5fe91a.png?clientprefetch=3) no-repeat;
    background-size: .16rem .16rem
}

.recommend-wrapper .recommend-sub-loading.gray {
    background: url(https://mbdp02.bdstatic.com/static/homepage/img/loading-gray.d59bf0a.png?clientprefetch=3) no-repeat;
    background-size: .16rem .16rem
}

.recommend {
    background-color: #f5f5f5
}

.darkmode .recommend {
    background-color: #161616
}

.recommend.recommend-container-active {
    height: 2.51rem;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.recommend .recommend-container {
    list-style: none outside none;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto;
    margin-top: -.1rem;
    -webkit-transform: translateY(.1rem);
    transform: translateY(.1rem);
    padding-bottom: .15rem;
    width: 100%;
    display: -webkit-box;
    height: 2.03rem
}

.recommend .recommend-item {
    position: relative;
    height: 1.86rem;
    margin-right: .09rem;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    border-radius: .12rem
}

.darkmode .recommend .recommend-item {
    background-color: #222
}

.recommend .recommend-item .recommend-item-space {
    width: .09rem
}

.recommend .recommend-item:first-child {
    margin-left: .17rem
}

.recommend .recommend-item .recommend-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 1.86rem;
    padding: .12rem 0
}

.darkmode .recommend .recommend-item .recommend-active {
    background-color: #222
}

.recommend .recommend-item .recommend-active:active {
    background-color: rgba(0,0,0,.05)
}

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

.recommend .recommend-item:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: .1rem;
    border: .01rem solid #eee;
    width: 199%;
    height: 199%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.darkmode .recommend .recommend-item:after {
    border-color: transparent
}

.recommend .recommend-item-blank {
    height: 1.34rem;
    width: .09rem;
    background-color: transparent
}

.recommend .recommend-name {
    position: relative;
    z-index: 10;
    margin: .08rem 0 0;
    height: .16rem;
    font-size: .14rem;
    line-height: .16rem;
    color: #1f1f1f;
    padding: 0 .17rem;
    text-align: center;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.darkmode .recommend .recommend-name {
    color: hsla(0,0%,100%,.8)
}

.recommend .recommend-detail {
    position: relative;
    z-index: 10;
    height: .28rem;
    font-size: .12rem;
    line-height: .15rem;
    color: #858585;
    margin: .05rem 0 0;
    padding: 0 .17rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.darkmode .recommend .recommend-detail {
    color: hsla(0,0%,100%,.5)
}

.recommend .recommend-title {
    width: 100%;
    height: .27rem;
    padding-top: .17333rem;
    padding-bottom: .01rem;
    font-size: .16rem;
    color: #1f1f1f;
    font-weight: 700;
    line-height: .16rem;
    text-indent: .17rem;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

.recommend .recommend-btn {
    width: 58.5%;
    height: .28rem;
    margin: 1.46rem auto .12rem
}

.recommend .recommend-btn.sub-followed {
    width: 58.5%;
    height: .28rem;
    line-height: .28rem
}

.recommend.android .recommend-btn,.recommend.harmony .recommend-btn {
    font-size: .12rem
}

.recommend.android .recommend-img:before,.recommend.harmony .recommend-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0
}

.recommend-small {
    background-color: #fff
}

.darkmode .recommend-small {
    background-color: #080808
}

.recommend-small.recommend-container-active {
    height: 2.37rem;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.recommend-small.recommend-container-active.no-bottom-spacing {
    height: 2.26rem
}

.recommend-small .recommend-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .06rem;
    padding-bottom: .1rem;
    padding-left: .17rem;
    font-size: .12rem;
    font-weight: 700;
    color: #858585;
    line-height: 1
}

.darkmode .recommend-small .recommend-title {
    color: hsla(0,0%,100%,.5)
}

.recommend-small .recommend-container-small {
    list-style: none outside none;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    display: -webkit-box
}

.recommend-small .recommend-container-small .recommend-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: .08rem;
    border-radius: .12rem;
    border: .01rem solid #edeff0;
    text-align: center;
    overflow: hidden;
    background-color: #fff
}

.darkmode .recommend-small .recommend-container-small .recommend-item {
    border-color: #1c1d1d;
    background-color: #222
}

.recommend-small .recommend-container-small .recommend-item .recommend-content {
    padding: .13rem .08rem .12rem
}

.recommend-small .recommend-container-small .recommend-item .recommend-content:active {
    background-color: rgba(0,0,0,.05)
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-content:active {
    background-color: hsla(0,0%,100%,.1)
}

.recommend-small .recommend-container-small .recommend-item:after {
    display: none
}

.recommend-small .recommend-container-small .recommend-item:first-child {
    margin-left: .17rem
}

.recommend-small .recommend-container-small .recommend-item.animation-fade {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.recommend-small .recommend-container-small .recommend-item.animation-show {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.recommend-small .recommend-container-small .recommend-item .recommend-name-small {
    text-align: center;
    color: #1f1f1f;
    font-size: .14rem;
    font-weight: 700;
    margin-top: .14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-name-small {
    color: hsla(0,0%,100%,.8)
}

.recommend-small .recommend-container-small .recommend-item .recommend-viewnum {
    margin-top: .09rem;
    line-height: 1;
    color: #858585;
    font-size: .12rem;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-viewnum {
    color: hsla(0,0%,100%,.5)
}

.recommend-small .recommend-container-small .recommend-item .recommend-updatenum {
    line-height: 1;
    margin-top: .06rem;
    color: #858585;
    font-size: .12rem;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-updatenum {
    color: hsla(0,0%,100%,.5)
}

.recommend-small .recommend-container-small .recommend-item .place {
    height: .12rem
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar {
    position: relative;
    height: .52rem;
    width: .52rem
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar .recommend-img {
    height: 100%;
    width: 100%;
    background-size: 100% auto
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar .recommend-img:before {
    border-color: rgba(0,0,0,.1)
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-avatar .recommend-img:before {
    border-color: hsla(0,0%,100%,.2)
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -.09rem;
    padding: 0 .03333rem;
    height: .16rem;
    line-height: 1;
    background-color: #f33;
    border: 1px solid #fff;
    border-radius: 300px;
    -webkit-animation: livetagBreath 1.33s ease-in-out infinite;
    animation: livetagBreath 1.33s ease-in-out infinite
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag .recommend-livetagtext {
    -webkit-transform: scale(.834);
    transform: scale(.834);
    white-space: nowrap;
    font-size: .1rem;
    color: #fff
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag .recommend-livetagtext {
    color: hsla(0,0%,100%,.8)
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -.29rem;
    margin-top: -.29rem;
    border-radius: 50%;
    width: .58rem;
    height: .58rem;
    border: .01rem solid #f33
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle {
    border-color: #ff4545
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-img {
    -webkit-animation: avatarBreath 1.33s ease-in-out infinite;
    animation: avatarBreath 1.33s ease-in-out infinite
}

.recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -.29rem;
    margin-top: -.29rem;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    border: .01rem solid #f33;
    -webkit-animation: circleBreath 1.33s ease-in-out 10ms infinite;
    animation: circleBreath 1.33s ease-in-out 10ms infinite
}

.darkmode .recommend-small .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    border-color: #ff4545
}

.recommend-small .recommend-container-small .recommend-item .recommend-btn,.recommend-small .recommend-container-small .recommend-item .recommend-btn-place {
    width: 75%;
    height: .27667rem;
    margin: .14rem auto 0
}

.recommend-small .recommend-container-small .recommend-item .recommend-btn {
    position: absolute;
    bottom: .12rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.recommend-small .recommend-container-small .recommend-item-blank {
    height: .03333rem;
    width: .09rem;
    background-color: transparent
}

.recommend-small .recommend-container-small::-webkit-scrollbar {
    display: none
}

div[data-pos=smallEdition]:before {
    display: none!important
}

.font-size-2 .adjust-size.recommend-small.ios.recommend-container-active {
    height: 2.46273rem
}

.font-size-2 .adjust-size.recommend-small.ios.recommend-container-active.no-bottom-spacing {
    height: 2.2994rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-title {
    font-size: .1272rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar {
    height: .5512rem;
    width: .5512rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .vip {
    height: .1696rem;
    width: .1696rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1484rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-updatenum,.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1272rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .place {
    height: .1272rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn,.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn-place {
    height: .29327rem;
    font-size: .1378rem;
    border-radius: .1484rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .4452rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .1696rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .106rem
}

.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-2 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .6148rem;
    width: .6148rem;
    margin-left: -.3074rem;
    margin-top: -.3074rem
}

.font-size-2 .adjust-size.recommend-small.android.recommend-container-active {
    height: 2.59507rem
}

.font-size-2 .adjust-size.recommend-small.android.recommend-container-active.no-bottom-spacing {
    height: 2.43173rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-title {
    font-size: .1392rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar {
    height: .6032rem;
    width: .6032rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .vip {
    height: .1856rem;
    width: .1856rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1624rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-updatenum,.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1392rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .place {
    height: .1392rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn,.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn-place {
    height: .32093rem;
    font-size: .1508rem;
    border-radius: .1624rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .4872rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .1856rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .116rem
}

.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-2 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .6728rem;
    width: .6728rem;
    margin-left: -.3364rem;
    margin-top: -.3364rem
}

.font-size-2 .adjust-size.recommend-small.harmony.recommend-container-active {
    height: 2.59507rem
}

.font-size-2 .adjust-size.recommend-small.harmony.recommend-container-active.no-bottom-spacing {
    height: 2.43173rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-title {
    font-size: .1392rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar {
    height: .6032rem;
    width: .6032rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .vip {
    height: .1856rem;
    width: .1856rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1624rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-updatenum,.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1392rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .place {
    height: .1392rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn,.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn-place {
    height: .32093rem;
    font-size: .1508rem;
    border-radius: .1624rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .4872rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .1856rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .116rem
}

.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-2 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .6728rem;
    width: .6728rem;
    margin-left: -.3364rem;
    margin-top: -.3364rem
}

.font-size-3 .adjust-size.recommend-small.ios.recommend-container-active {
    height: 2.66123rem
}

.font-size-3 .adjust-size.recommend-small.ios.recommend-container-active.no-bottom-spacing {
    height: 2.4979rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-title {
    font-size: .1452rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar {
    height: .6292rem;
    width: .6292rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .vip {
    height: .1936rem;
    width: .1936rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1694rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-updatenum,.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1452rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .place {
    height: .1452rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn,.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn-place {
    height: .33477rem;
    font-size: .1573rem;
    border-radius: .1694rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .5082rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .1936rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .121rem
}

.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-3 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .7018rem;
    width: .7018rem;
    margin-left: -.3509rem;
    margin-top: -.3509rem
}

.font-size-3 .adjust-size.recommend-small.android.recommend-container-active {
    height: 2.9259rem
}

.font-size-3 .adjust-size.recommend-small.android.recommend-container-active.no-bottom-spacing {
    height: 2.76257rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-title {
    font-size: .1692rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar {
    height: .7332rem;
    width: .7332rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .vip {
    height: .2256rem;
    width: .2256rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1974rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-updatenum,.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1692rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .place {
    height: .1692rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn,.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn-place {
    height: .3901rem;
    font-size: .1833rem;
    border-radius: .1974rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .5922rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .2256rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .141rem
}

.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-3 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .8178rem;
    width: .8178rem;
    margin-left: -.4089rem;
    margin-top: -.4089rem
}

.font-size-3 .adjust-size.recommend-small.harmony.recommend-container-active {
    height: 2.9259rem
}

.font-size-3 .adjust-size.recommend-small.harmony.recommend-container-active.no-bottom-spacing {
    height: 2.76257rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-title {
    font-size: .1692rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar {
    height: .7332rem;
    width: .7332rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .vip {
    height: .2256rem;
    width: .2256rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1974rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-updatenum,.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1692rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .place {
    height: .1692rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn,.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn-place {
    height: .3901rem;
    font-size: .1833rem;
    border-radius: .1974rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .5922rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .2256rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .141rem
}

.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-3 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .8178rem;
    width: .8178rem;
    margin-left: -.4089rem;
    margin-top: -.4089rem
}

.font-size-4 .adjust-size.recommend-small.ios.recommend-container-active {
    height: 2.66123rem
}

.font-size-4 .adjust-size.recommend-small.ios.recommend-container-active.no-bottom-spacing {
    height: 2.4979rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-title {
    font-size: .1452rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar {
    height: .6292rem;
    width: .6292rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .vip {
    height: .1936rem;
    width: .1936rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1694rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-updatenum,.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1452rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .place {
    height: .1452rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn,.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn-place {
    height: .33477rem;
    font-size: .1573rem;
    border-radius: .1694rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .5082rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .1936rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .121rem
}

.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-4 .adjust-size.recommend-small.ios .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .7018rem;
    width: .7018rem;
    margin-left: -.3509rem;
    margin-top: -.3509rem
}

.font-size-4 .adjust-size.recommend-small.android.recommend-container-active {
    height: 2.9259rem
}

.font-size-4 .adjust-size.recommend-small.android.recommend-container-active.no-bottom-spacing {
    height: 2.76257rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-title {
    font-size: .1692rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar {
    height: .7332rem;
    width: .7332rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .vip {
    height: .2256rem;
    width: .2256rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1974rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-updatenum,.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1692rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .place {
    height: .1692rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn,.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn-place {
    height: .3901rem;
    font-size: .1833rem;
    border-radius: .1974rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .5922rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .2256rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .141rem
}

.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-4 .adjust-size.recommend-small.android .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .8178rem;
    width: .8178rem;
    margin-left: -.4089rem;
    margin-top: -.4089rem
}

.font-size-4 .adjust-size.recommend-small.harmony.recommend-container-active {
    height: 2.9259rem
}

.font-size-4 .adjust-size.recommend-small.harmony.recommend-container-active.no-bottom-spacing {
    height: 2.76257rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-title {
    font-size: .1692rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar {
    height: .7332rem;
    width: .7332rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .vip {
    height: .2256rem;
    width: .2256rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-name-small {
    font-size: .1974rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-updatenum,.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-viewnum {
    font-size: .1692rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .place {
    height: .1692rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn,.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn-place {
    height: .3901rem;
    font-size: .1833rem;
    border-radius: .1974rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn-place.sub-followed:after,.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-btn.sub-followed:after {
    border-radius: .5922rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetag {
    height: .2256rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livetagtext {
    font-size: .141rem
}

.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecircle,.font-size-4 .adjust-size.recommend-small.harmony .recommend-container-small .recommend-item .recommend-avatar.islive .recommend-livecirclebreath {
    height: .8178rem;
    width: .8178rem;
    margin-left: -.4089rem;
    margin-top: -.4089rem
}

.subscribe-card-wrapper {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.subscribe-card-wrapper-active {
    max-height: 2.33333rem
}

.subscribe-card {
    line-height: 1;
    margin-left: 17px;
    margin-right: 17px;
    padding: 20px;
    background-color: #fff8f2;
    position: relative;
    overflow: visible;
    border-radius: 12px
}

.darkmode .subscribe-card {
    background-color: #161616
}

.subscribe-card:after {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border: 1px solid rgba(253,80,62,.2)
}

.darkmode .subscribe-card:after {
    border-color: rgba(253,80,62,0)
}

@media (-webkit-max-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.2),(max-resolution:1.5dppx),(min-resolution:1.2dppx) {
    .subscribe-card:after {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.66666667);
        transform: scale(.66666667)
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .subscribe-card:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx) {
    .subscribe-card:after {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333333);
        transform: scale(.33333333)
    }
}

.subscribe-card:after {
    content: ""
}

@media (-webkit-max-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.2),(max-resolution:1.5dppx),(min-resolution:1.2dppx) {
    .subscribe-card:after {
        border-radius: 18px
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .subscribe-card:after {
        border-radius: 24px
    }
}

@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx) {
    .subscribe-card:after {
        border-radius: 36px
    }
}

.subscribe-card-title {
    line-height: 1;
    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;
    margin-bottom: 10px
}

.subscribe-card-title-text {
    font-size: 16px;
    color: #87552b;
    font-weight: 700
}

.darkmode .subscribe-card-title-text {
    color: #fac69a
}

.subscribe-card-title-subtext {
    margin-top: 6px;
    font-size: 13px;
    color: #b88255
}

.subscribe-card-interests {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700
}

.subscribe-card-interests,.subscribe-card-interests-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.subscribe-card-interests-item {
    width: 1%;
    list-style-type: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.subscribe-card-interests-item-icon {
    height: .33rem;
    width: .33rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subscribe-card-interests-item-text-three {
    margin-bottom: 3px
}

.subscribe-card-interests-item-text-three,.subscribe-card-interests-item-text-two {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.subscribe-card-interests-item-text-wrapper-two {
    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;
    margin-left: 7px;
    color: #87552b;
    width: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.darkmode .subscribe-card-interests-item-text-wrapper-two {
    color: #fac69a
}

.subscribe-card-interests-item-text-wrapper-three {
    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;
    margin-left: 7px;
    color: #87552b;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.darkmode .subscribe-card-interests-item-text-wrapper-three {
    color: #fac69a
}

.subscribe-card-interests-item-subtext {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.subscribe-card-button {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    color: #87552b;
    border-radius: 19px;
    background-image: -webkit-gradient(linear,left top,right top,from(#fde5ca),to(#fac69a));
    background-image: linear-gradient(90deg,#fde5ca,#fac69a)
}

.head-button-wrap {
    margin-right: 0
}

@-webkit-keyframes livetagBreath {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }

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

@keyframes livetagBreath {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }

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

@-webkit-keyframes avatarBreath {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes avatarBreath {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@-webkit-keyframes circleBreath {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    12.41% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    99.9% {
        -webkit-transform: scale(1.18);
        transform: scale(1.18)
    }

    to {
        border-width: 0;
        opacity: 0;
        -webkit-transform: scale(1.18);
        transform: scale(1.18)
    }
}

@keyframes circleBreath {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    12.41% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    99.9% {
        -webkit-transform: scale(1.18);
        transform: scale(1.18)
    }

    to {
        border-width: 0;
        opacity: 0;
        -webkit-transform: scale(1.18);
        transform: scale(1.18)
    }
}

.s-user-name-adorn {
    position: relative;
    overflow: visible;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: .28rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .08rem
}

.s-user-name-adorn .adorns-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.s-user-name-adorn .comment-adorn,.s-user-name-adorn .name-adorn {
    display: inline-block;
    height: .2rem;
    width: .2rem;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.s-user-name-adorn .comment-adorn:not(:first-child),.s-user-name-adorn .name-adorn:not(:first-child) {
    margin-left: .08rem
}

.s-user-name-adorn .comment-adorn.has-press:active,.s-user-name-adorn .name-adorn.has-press:active {
    opacity: .2
}

.s-user-name-adorn .default {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/adorn-default.d6aaffc.png?clientprefetch=3)
}

.s-user-name-adorn .comment-adorn {
    margin-right: .08rem
}

.s-pop-tips {
    text-align: center;
    padding: 0 10px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
    position: absolute;
    border: 1px solid transparent;
    font-size: .14rem;
    height: 32px;
    line-height: 32px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff
}

.s-pop-tips.show-tips {
    opacity: 1;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

.s-pop-tips:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(31,31,31,.95);
    z-index: -1;
    border-radius: 8px
}

.darkmode .s-pop-tips:after {
    background-color: #4e6ef2
}

.adorn-tips-bg-reversal .s-pop-tips:after {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.s-pop-tips-arrow {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
    display: block;
    z-index: 10;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: rgba(31,31,31,.95)
}

.s-pop-tips-arrow.show-tips {
    opacity: 1;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

.darkmode .s-pop-tips-arrow {
    border-bottom-color: #4e6ef2
}

.s-user-info-item {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s-user-info-item .info-item {
    line-height: .22rem;
    color: #525252
}

.darkmode .s-user-info-item .info-item {
    color: hsla(0,0%,100%,.6)
}

.matrixstyle .s-user-info-item .info-item,.tomas .s-user-info-item .info-item {
    -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
}

.s-user-info-item .info-item:active {
    opacity: .2
}

.s-user-info-item .info-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .17rem;
    font-weight: bolder;
    line-height: .17rem;
    color: #1f1f1f
}

.darkmode .s-user-info-item .info-num {
    color: hsla(0,0%,100%,.8)
}

.s-user-info-item .unit {
    font-size: .15rem;
    line-height: .18rem;
    font-weight: 700;
    color: #1f1f1f;
    margin-top: -.00667rem;
    margin-left: .01rem
}

.darkmode .s-user-info-item .unit {
    color: hsla(0,0%,100%,.8)
}

.android .s-user-info-item .unit {
    vertical-align: 0
}

.s-user-info-item .info-text {
    margin-left: .02rem;
    font-size: .13rem;
    margin-top: -.01333rem;
    color: #525252
}

.darkmode .s-user-info-item .info-text {
    color: hsla(0,0%,100%,.6)
}

.s-user-btn {
    line-height: .3rem;
    width: .89rem;
    text-align: center;
    font-size: .14rem;
    background: #f5f6fa;
    border-radius: 15px;
    font-weight: 500;
    color: #1f1f1f
}

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

.android .s-user-btn:after {
    border-width: .01333rem
}

.s-user-btn:active {
    opacity: .3
}

.len2 .s-user-btn {
    width: 50%
}

.len1 .s-user-btn {
    width: 100%
}

.s-user-btn.chat {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .3rem;
    /*width: .8rem*/
}

.darkmode .s-user-btn.chat {
    background-color: #222
}

.s-user-btn.edit.has-tips div {
    position: relative
}

.s-user-btn.edit.has-tips div:after {
    content: "";
    position: absolute;
    height: .07rem;
    width: .07rem;
    top: .04rem;
    left: cal(136%);
    border-radius: 50%;
    background-color: #ff274b
}

.android .s-user-btn {
    line-height: .31333rem
}

.s-user-info-operation {
    position: absolute;
    bottom: .01rem;
    width: 100%
}

.s-user-info-operation>div:first-child {
    display: inline-block;
    margin-right: .08rem
}

.s-user-info-operation .auth {
    color: #fff;
    background-color: #4e6ef2;
    font-weight: bolder
}

.s-user-info-operation .auth:after {
    border: 0
}

.s-user-info-operation .red-paper-auth {
    color: #fff;
    background-color: #f33;
    font-weight: bolder;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: .14333rem
}

.s-user-info-operation .red-paper-auth span {
    right: .12rem;
    top: 0
}

.s-user-info-operation .red-paper-auth .red-packet {
    position: absolute;
    height: .36rem;
    width: .36rem;
    bottom: 0;
    left: -.14rem;
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/redpack-d20-profile.png);
    background-size: cover
}

.s-user-info-operation .red-paper-auth:after {
    border: 0
}

.s-user-uhFollow.s-subscribes {
    display: inline-block;
    width: 1.76rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-user-uhFollow.s-subscribes {
        border: none!important
    }
}

.len1 .s-user-uhFollow.s-subscribes {
    width: 100%
}

.s-user-uhFollow.s-subscribes .s-subscribes-relation-text {
    font-size: .14rem
}

.s-user-uhFollow.s-subscribes.red-packet {
    width: 1.65rem;
    margin-left: .13rem
}

.s-user-uhFollow.s-subscribes.s-subscribes-has-follow .s-subscribes-relation-text {
    color: #1f1f1f
}

.darkmode .s-user-uhFollow.s-subscribes.s-subscribes-has-follow .s-subscribes-relation-text {
    color: hsla(0,0%,100%,.8)
}

.s-user-uhFollow.s-subscribes.s-subscribes-has-follow:after {
    border-color: #b8b8b8
}

.darkmode .s-user-uhFollow.s-subscribes.s-subscribes-has-follow:after {
    border-color: hsla(0,0%,60%,0)
}

.android .s-user-uhFollow.s-subscribes.s-subscribes-has-follow:after {
    border-width: .01333rem
}

.s-user-uhFollow.s-subscribes.s-subscribes-has-follow.show-switch .s-user-uhFollow.s-subscribes.s-subscribes-has-follow {
    width: 1.4rem;
    margin-right: .08rem
}

.s-contact-container {
    overflow: hidden;
    overflow-x: auto;
    margin: .04rem 0 0 -.06667rem
}

.s-contact-container,.s-contact-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.s-contact-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .06rem;
    padding: 0 .08rem 0 .07rem;
    background-color: #f5f5f5;
    height: .3rem;
    border-radius: .15rem;
    line-height: .3rem
}

.darkmode .s-contact-item {
    background-color: rgba(68,68,68,.5)
}

.s-contact-item:before {
    content: "";
    display: inline-block;
    height: .14667rem;
    min-width: .14667rem;
    margin-right: .05rem;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.s-contact-item:active {
    opacity: .2
}

.s-contact-item:last-child {
    margin-right: 0
}

.s-contact-text {
    color: #1f1f1f;
    font-size: .12rem;
    text-decoration: none
}

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

.s-contact .type-poi:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%231F1F1F' stroke-width='4' fill='none' fill-rule='evenodd'%3E%3Cpath d='M22 2.654c9.814 0 17.77 7.956 17.77 17.77 0 4.857-2.22 9.175-5.759 12.17h.003l-8.083 7.02a6 6 0 01-7.865.003l-8.103-7.023h.026c-3.54-2.995-5.758-7.313-5.758-12.17 0-9.814 7.955-17.77 17.769-17.77z' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='19.846' r='5'/%3E%3C/g%3E%3C/svg%3E")
}

.darkmode .s-contact .type-poi:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.999902 0 0 0 0 1.000000 0 0 0 0 0.999880 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' fill='none' fill-rule='evenodd' opacity='.8'%3E%3Cg stroke='%231F1F1F' stroke-width='4'%3E%3Cpath d='M22 2.654c9.814 0 17.77 7.956 17.77 17.77 0 4.857-2.22 9.175-5.759 12.17h.003l-8.083 7.02a6 6 0 01-7.865.003l-8.103-7.023h.026c-3.54-2.995-5.758-7.313-5.758-12.17 0-9.814 7.955-17.77 17.769-17.77z' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='19.846' r='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.nightmode .s-contact .type-poi:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.399958 0 0 0 0 0.400030 0 0 0 0 0.399948 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' fill='none' fill-rule='evenodd'%3E%3Cg stroke-width='4'%3E%3Cpath d='M22 2.654c9.814 0 17.77 7.956 17.77 17.77 0 4.857-2.22 9.175-5.759 12.17h.003l-8.083 7.02a6 6 0 01-7.865.003l-8.103-7.023h.026c-3.54-2.995-5.758-7.313-5.758-12.17 0-9.814 7.955-17.77 17.769-17.77z' stroke='%231F1F1F' stroke-linejoin='round'/%3E%3Ccircle stroke='%23666' cx='22' cy='19.846' r='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.s-contact .type-phone:before,.s-contact .type-phone_yxt:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M.342 1h42v42h-42z'/%3E%3Cpath d='M18.648 4.22l4.068 5.6a3.563 3.563 0 01-.788 4.976l-4.716 3.426 7.57 10.418 4.715-3.426a3.563 3.563 0 014.976.788l4.04 5.561a3.563 3.563 0 01-.787 4.977l-3.801 2.76a10.059 10.059 0 01-10.878.61c-4.265-2.42-7.939-5.751-11.02-9.992-3.081-4.241-5.114-8.764-6.098-13.57A10.059 10.059 0 019.87 6.195l3.8-2.762a3.563 3.563 0 014.977.788z' stroke='%231F1F1F' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E")
}

.darkmode .s-contact .type-phone:before,.darkmode .s-contact .type-phone_yxt:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/darkmode-tel.520b3f6.svg?clientprefetch=3)
}

.nightmode .s-contact .type-phone:before,.nightmode .s-contact .type-phone_yxt:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/nightmode-tel.3663d47.svg?clientprefetch=3)
}

.s-contact .type-shoplist:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/shop.33c050b.svg?clientprefetch=3)
}

.darkmode .s-contact .type-shoplist:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/darkmode-shop.2855c33.svg?clientprefetch=3)
}

.nightmode .s-contact .type-shoplist:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/nightmode-shop.179c730.svg?clientprefetch=3)
}

.s-contact .type-time:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%231F1F1F' stroke-linejoin='round' stroke-width='4.103' fill='none' fill-rule='evenodd'%3E%3Cpath d='M22.022 41.744C11.13 41.744 2.3 32.914 2.3 22.022 2.3 11.13 11.13 2.3 22.022 2.3c10.893 0 19.722 8.83 19.722 19.722 0 10.893-8.83 19.722-19.722 19.722z'/%3E%3Cpath d='M21.467 9.8v14l6.11 6'/%3E%3C/g%3E%3C/svg%3E")
}

.darkmode .s-contact .type-time:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.802' stroke='%23FFF' stroke-linejoin='round' stroke-width='4' fill='none' fill-rule='evenodd'%3E%3Cpath d='M22.022 41.744C11.13 41.744 2.3 32.914 2.3 22.022 2.3 11.13 11.13 2.3 22.022 2.3c10.893 0 19.722 8.83 19.722 19.722 0 10.893-8.83 19.722-19.722 19.722z'/%3E%3Cpath d='M21.467 9.8v14l6.11 6'/%3E%3C/g%3E%3C/svg%3E")
}

.nightmode .s-contact .type-time:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23666' stroke-linejoin='round' stroke-width='4' fill='none' fill-rule='evenodd'%3E%3Cpath d='M22.022 41.744C11.13 41.744 2.3 32.914 2.3 22.022 2.3 11.13 11.13 2.3 22.022 2.3c10.893 0 19.722 8.83 19.722 19.722 0 10.893-8.83 19.722-19.722 19.722z'/%3E%3Cpath d='M21.467 9.8v14l6.11 6'/%3E%3C/g%3E%3C/svg%3E")
}

.type-poi .s-contact-text {
    line-height: .13333rem
}

.s-contact .type-poi {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.tel-modal {
    position: relative;
    padding-bottom: .35rem;
    background-color: #fff;
    text-align: center;
    border-radius: .21rem
}

.darkmode .tel-modal {
    background-color: #222
}

.tel-bg {
    padding-top: 86.26%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/tel-popup-bg.e9c0397.png?clientprefetch=3);
    background-size: 100% auto;
    background-repeat: no-repeat
}

.tel-title {
    position: absolute;
    top: .37rem;
    width: 100%;
    font-size: .19rem;
    color: #172353
}

.tel-num {
    margin: .24rem 0 .06rem;
    font-size: .23rem;
    color: #1f1f1f
}

.darkmode .tel-num {
    color: hsla(0,0%,100%,.8)
}

.tel-info {
    font-size: .15rem;
    color: #858585
}

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

.tel-btn {
    display: block;
    width: 2.28rem;
    height: .46rem;
    margin: .2rem auto 0;
    color: #fff;
    background-color: #4e6ef2;
    line-height: .46rem;
    text-align: center;
    text-decoration: none;
    font-size: .18rem;
    font-weight: 500;
    border-radius: .25rem
}

.tel-close {
    width: .33rem;
    height: .33rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/close.bb09cb8.png?clientprefetch=3)
}

.darkmode .tel-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAAYFBMVEUAAAAjIyMiIiIiIiIiIiIiIiIjIyMiIiIlJSUiIiIiIiIiIiIkJCQlJSUmJiYmJiYmJiYkJCQrKysiIiIjIyMjIyMiIiLS0tJ+fn6cnJxeXl6goKBzc3NSUlIyMjK3t7fGFjVJAAAAFnRSTlMA+cmP6tG7hlND8N9qTC8oIg4Gd592JqBp/wAAAdNJREFUWMO92Atu2zAQBNDlV6ElfxTHIzVx2vvfsggQlHAdkmNx4TnAA0WC4u5KPXOaXAyjN8aPIbopzbI5abC4ix3SFuvgPArx7vAgtreoxu6Fz0tAM+GFxI4RVOKRwF4HAzJmeG1pJ4sHYk+NXdvhoeyqO3jBw7mUNYcNcSXtDZvy1l5b//rO2JzzD2eKjtyd72nXw+1O/90Fi67Y2/sxoDPDza03vZw5Sk5Ed2LhVPtPN2hw4d+fHCrZf3NWh7PfbxaUcqhf/d9X3MdcTf1X4Evan2W9134tHyXPf2mprC3Zy9pS9lLlfl2XJXtZ+8pn5aZZFLJm71Z7r5ztDDQ8WgNmSWh6tIYkE9oeq2ESB8IjNTiJYDxOQ5QAyqM0BBlBeZSGUTyaHq3Bi0HbYzWYFpfPdFkZzjMa63kZCY32RgmU9r5SXpBIaQDlRXGcxnlOJkojvUkSo7FekpnQaG8WsU2N9mz16cla9ppPTyqt7iNrt96KysMovuxlLXtlzdeLCvPjR32iFKdc8ugWZMrlom4xq1xqazcC+m2KfhOl3+L1N6C67bFq835RHy3oDz70xzL9+3d+zkirf+DWPw589rCyf5TaP+jtH0M/f0jeP8L/C7W4ll6mRx14AAAAAElFTkSuQmCC)
}

.s-user {
    position: relative;
    margin: 0 .1rem;
    border-radius: .12rem;
    padding: .16rem .15rem .17667rem .18rem;
    background-color: #fff
}

.darkmode .s-user {
    background-color: #161616
}

.s-user-topline {
    height: .3rem
}

.s-user-avatar {
    position: relative;
    top: -.47rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .72rem;
    border-radius: 50%;
    -webkit-box-shadow: 0 .00667rem .06667rem 0 rgba(0,0,0,.15);
    box-shadow: 0 .00667rem .06667rem 0 rgba(0,0,0,.15);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 80px;
    min-width: .72rem;
    width: .72rem;
    border: .04rem solid #fff
}

.darkmode .s-user-avatar {
    border-color: #161616
}

.s-user-avatar .s-avatar-placeholder {
    background-image: none;
    border: none
}

.s-user-avatar .s-avatar-vip {
    width: .18rem;
    height: .18rem;
    bottom: .01rem;
    right: .02rem
}

.s-user-avatar-living {
    -webkit-animation: breathe 1.33s ease-in-out 0s infinite;
    animation: breathe 1.33s ease-in-out 0s infinite
}

.s-user-living-outer {
    -webkit-animation: circle 1.33s ease-in-out 0s infinite;
    animation: circle 1.33s ease-in-out 0s infinite;
    border-radius: .8064rem;
    border: .00667rem solid #f33
}

.s-user-living-inner,.s-user-living-outer {
    position: absolute;
    width: .8064rem;
    height: .8064rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.s-user-living-inner {
    border-radius: .8064rem;
    border: .03rem solid #f33
}

.s-user-living-tag {
    width: .48333rem;
    height: .19rem;
    border-radius: .19rem;
    line-height: .19rem;
    text-align: center;
    font-size: .12rem;
    position: absolute;
    left: 50%;
    bottom: -.11667rem;
    margin-left: -.24167rem;
    color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: .02rem solid #fff;
    background-color: #f33
}

.darkmode .s-user-living-tag {
    border-color: #222
}

.s-user-living-bg {
    position: absolute;
    width: 102%;
    height: 102%;
    border-radius: 100%;
    background-color: #fff
}

.darkmode .s-user-living-bg {
    background-color: #222
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-width: scale(1)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.19);
        transform: scale(1.19);
        border-width: scale(0);
        opacity: 0
    }
}

@keyframes circle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-width: scale(1)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.19);
        transform: scale(1.19);
        border-width: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes breathe {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes breathe {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

.s-user-pendant {
    height: 1.07rem;
    width: 1.23333rem;
    position: absolute;
    left: -.35rem;
    top: -.35rem;
    background-size: contain;
    background-repeat: no-repeat
}

.s-user .name-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .14rem;
    line-height: .28rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-user-name {
    font-size: .21rem;
    color: #1f1f1f;
    font-weight: bolder
}

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

.s-user-locmcn {
    font-size: .14rem;
    line-height: .24rem;
    color: #1f1f1f
}

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

.s-user-location {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    white-space: nowrap;
    position: relative
}

.s-user-colon {
    margin: 0 .01667rem
}

.s-user-iconTip {
    width: .14rem;
    height: .14rem;
    background-repeat: no-repeat;
    margin-right: .05rem;
    margin-bottom: .01333rem;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAASFBMVEUAAAAfHx8gICAgICAkJCQgICAhISEgICAnJycgICAoKCgfHx8iIiIkJCQgICAhISEkJCQhISEhISEhISEiIiIiIiIjIyMoKCjlj3p1AAAAGHRSTlMA5stvKZ5+3QavDKVKG+C7I8SVklpTOhMUiLZzAAABPklEQVQ4y5WVWbKEIAxFoyIgOOC8/50+Av0amyAU+bCKcMpcyABExrptWIVYh61jkDHG2+ZhLX+jp70htk8JUPK5SdjMZUzeg98S/XEZpcx19MJ7hjtS6UUuo3zEGRcvmf2QwvlOiOxsXaQHezuPVkBMafePrwbpdPL/ZWcX/RfmTq8MKyQJSnenGaPDGwqoYfb3u6Ma9Y6qFnPhTo8BTnhH4USCfbQskENh+ajF3495dESJPr6QeVQKVBA2Mij01tXBZr9HCT2sawPM1FVCL8wYrPZrSqixrhVQsSqhCs9egVYIqDhWxWWl0qi17hIpCIklRhIbyiUyWi6hCINNEpJFGEo7zAQx0tJONczg1dOGoW3oxodJtmFo37DVStLcqZEx6XlhZGRUD6LyeKsfmuVRXDXg65+N+seo/MT9Aca8DX7n3Tg6AAAAAElFTkSuQmCC)
}

.nightmode .s-user-iconTip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAflBMVEUAAABnZ2dycnJmZmZmZmZnZ2dxcXFpaWlmZmZmZmZoaGhpaWlmZmZnZ2dnZ2dnZ2dpaWloaGhubm5nZ2dnZ2dnZ2dnZ2dnZ2dmZmZnZ2dnZ2dmZmZnZ2dmZmZmZmZnZ2dmZmZnZ2dnZ2dnZ2dpaWlubm5nZ2dnZ2dmZmZmZmbHnW9NAAAAKXRSTlMAvAbr+uILNNTzQCOsqINbKx4QzcWyenR9UEjg36GZlWtqX1Q4Ft2/jt9C8I4AAAGcSURBVDjLfZTrtkMwEIWn4YS632kVVbT1/i94tpC6LMwP5vLZSWas0NLYvbroippHVmrSgWnWtZ9NT/gOY9r9xpSabaGnKipqZH+dMn6PXOivN1SKrNXIVbzkIeSMJXQZUhdt9WGqDNq3OVMO8XOqcj5tp4uQvnq/PS21/yAq5QoU8m46nQolQFsKFgOzR9eC+6RdiuuoaaKZvcxvKFn8SCntiCJ7rDKMxaJDygTlEN3xao4pCjFSogoH5CdUBhWf0PaITqgWlEE6OnJG+aBcwrS+ZxQDlZKKM5xRI5D3fXlGBdCqCYOPzygP1G1o/fuMakC1lOLpLbI31zWWVIF/jIsRJHRsyrgjNOzBDiEXIi+8E9GQOa2HixXZAwsGcDg0lU6mTRURl5GQyIRXw4vkmvceZpKM5m9YiEIhmwjlUEKeMuxKDnQIYj4FThZIpSFfkTRDRahrtDKWDNkLW7RS3Da2uWwBTgcoWE0rH6+PrPUZBV5TKCKuNo3s5otJlY7y2rnkPv3Krhnfvwwd/YfEr4AOzTfc1Klv7UbmHzBSPPgrc3e3AAAAAElFTkSuQmCC)
}

.darkmode .s-user-iconTip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHXRSTlMAzGKMJMQFtJsLb5IXx66lQR+yhIFzUEk0EcE/LFgGYHAAAAFHSURBVDjLlZXZsoMgDEDjAoooat299/+/swSnjQWEIQ84hDMmZAMsKfOpVoypespLCEi5vLKbvJYnup0zR+bWA/KmyzzSNdwmj/o6YsW6j0KM+1qwS1MflpeVUfcDv9kZeqOsyh+SGd0GlmyVsXRjD6ORAhwR0vzj+Foyfjafba43xRdujL+cdkQS6jltO7QOTyhIjNkV3xm9Ec+oqDAX5vZoYINnFDYkMAoLxhNCKGB8F/3FChnC6IC1c9lnPIxyhh7QQQCFQqtymPS6xtBVqybATO0xdMeMgdLrGENHrVKAHosYKvDuCWiCAwnXSgiWL41SytyXAkqsXyixVC62uOVCRUjScnCL0FfapcrOP7e0fQ2D4TuF3TDeNjwzygq1odW+dFRxq7n9I6OVXf9vj4z0QRQfb+lDMz6KkwZ8+rOR/hjFn7g3eCoPES25/EwAAAAASUVORK5CYII=);opacity: 1
}

.s-user-mcn .s-user-iconTip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEUAAAAfHx8gICAfHx8hISEkJCQgICApKSkfHx92YQcKAAAACHRSTlMA88i9ZRy2GTit3kIAAACNSURBVCjPY2BgUeyAASEHBghgt+hAgOYCiCBzBzIwgAh6oAi2QAQ1OlIZYCCsownCkOgIgAuydjRCGB0dYArOob8gB9jhDTgEIaGCJggLFUzBDgNUi6Chgi4IDhV0QXCooAuCCdoIIhxPTUE4oL8gIoEhwhOUFDFCHjXRwuKIGVPQADUjwOIdkWUQ+QYAz8C8FrJjM7kAAAAASUVORK5CYII=)
}

.nightmode .s-user-mcn .s-user-iconTip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAYFBMVEUAAABnZ2dsbGxmZmZnZ2dmZmZnZ2dnZ2dpaWlqampnZ2dmZmZnZ2d0dHRnZ2dnZ2doaGhnZ2dmZmZpaWlnZ2dmZmZnZ2dmZmZsbGxmZmZmZmZmZmZnZ2dnZ2dnZ2dmZmbqpIFmAAAAH3RSTlMAWSHQq8HJsD86+IGmB/wjTDPYGe3jk3QS8rebQI1h05eiKAAAANBJREFUOMvV1N0OgiAYgGEItVKg8Kfs973/u4yyMcNinrTVe8K+7ZlTB4hHZhElpklliSrzVYROvG3/+iTeZ91YKSgrGbXzTI+QsVCJSRnUo3EByKmqoPwj5Zah5rPaEtr48QhWKVWcZErlYTr2I7UuQs2LIgsqalBa6+UBOCeV8G1KqNLquRn0LJV9R/WrkIlV4q9+XfXrkJn3jb+gGuCaUPVwyFvIzUd1tsO9ooFWxR0Av9Qe4bxqWtLtxD1Xp9HzdYy8ZHFF13V+0XsnZncDlOc3h6oudmkAAAAASUVORK5CYII=)
}

.darkmode .s-user-mcn .s-user-iconTip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAzMOgmFEXkhRoh9AnAAAAjUlEQVQoz2PABYIVBaFAyBQu2CKIBDxgoo7IoiJQQVZBFBAAEWUWFE+AaWMrFDSAsJgExRAWJwoqQBiMggIgCs4ZMFGID3CKgoMIQxQSRFhFRdBtgwYRhhvAQYQhCg4iDFEwQTtRhC+oLgoFAyUKSn2Y4QtOqZhxwSqICQJgOQA9G7RgiHog5yxE9sIBAJJRH60ek5EfAAAAAElFTkSuQmCC);opacity: 1
}

.s-user-separator {
    visibility: hidden;
    height: .12rem;
    margin: 0 .05333rem 0 .08rem;
    border-left: .00667rem solid;
    border-color: #858585
}

.darkmode .s-user-separator {
    border-color: hsla(0,0%,100%,.5)
}

.s-user-tips {
    position: absolute;
    z-index: 20;
    top: .3rem;
    right: -.15333rem;
    width: 1.55rem;
    text-align: center;
    padding: .06667rem;
    border-radius: .06667rem;
    color: #fff;
    background-color: rgba(31,31,31,.95);
    -webkit-box-shadow: 0 0 50px 0 rgba(3,3,3,.15);
    box-shadow: 0 0 50px 0 rgba(3,3,3,.15)
}

.darkmode .s-user-tips {
    background-color: #4e6ef2
}

.s-user-tips .sanjiao {
    display: inline-block;
    position: absolute;
    left: .21rem;
    top: -.11667rem;
    width: 0;
    height: 0;
    border: .06667rem solid transparent;
    border-bottom-color: rgba(31,31,31,.95)
}

.darkmode .s-user-tips .sanjiao {
    border-bottom-color: #4e6ef2
}

.nightmode .s-user-tips .sanjiao {
    border-bottom-color: rgba(12,10,10,.95)
}

.s-user-tips p {
    padding: 0 .03333rem;
    height: auto;
    white-space: pre-wrap;
    line-height: .17333rem;
    font-size: .12rem
}

.s-user-uname {
    font-size: .12rem;
    line-height: .12rem;
    margin-top: .05667rem;
    color: #858585
}

.darkmode .s-user-uname {
    color: hsla(0,0%,100%,.5)
}

.s-user-ops {
    position: relative;
    width: 100%;
    margin-left: .27rem
}

.s-user-auth-area {
    position: relative;
    padding: .10667rem 0 0;
    margin-bottom: -.05333rem
}

.s-user-auth-area>div:not(:first-child) {
    margin-top: .02rem
}

.s-user-fold {
    position: absolute;
    z-index: 10;
    right: 0;
    top: .14rem;
    width: .13rem;
    height: .13rem
}

.s-user .up-fold {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/arrow-up.0edc2d1.png?clientprefetch=3);
    background-size: 100%
}

.darkmode .s-user .up-fold {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/arrow-up-dark.7e8b530.png?clientprefetch=3)
}

.nightmode .s-user .up-fold {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/arrow-up-night.fd3cbfc.png?clientprefetch=3)
}

.s-user .down-fold {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/arrow-down.762a694.png?clientprefetch=3);
    background-size: 100%
}

.darkmode .s-user .down-fold {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/arrow-down-dark.a645653.png?clientprefetch=3)
}

.nightmode .s-user .down-fold {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/arrow-down-night.d6c63d8.png?clientprefetch=3)
}

.s-user .no-popular {
    padding: .04rem 0 0
}

.s-user .no-popular .no-popline {
    top: .12rem
}

.s-user-popular-area {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: .2rem
}

.s-user-popular-area,.s-user-popular-area .effect-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.s-user-popular-area .effect-content {
    margin-right: .16667rem;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .09333rem
}

.s-user-popular-area .item-hidden {
    position: absolute;
    z-index: 1;
    opacity: 0
}

.s-user-popular-area .last-content {
    margin-bottom: .07333rem
}

.s-user-popular-area .effect-icon {
    width: .13rem;
    height: .13rem;
    margin-right: .05333rem;
    display: inline-block
}

.s-user-popular-area .effect-label {
    display: inline-block;
    max-width: 3rem;
    font-size: .14rem;
    color: #f09730;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.nightmode .s-user-popular-area .effect-label {
    color: #78491c
}

.s-user-basic-area {
    margin-right: .2rem
}

.s-user-basic-area .s-txt-intro {
    margin-bottom: .02rem
}

.s-user-sign {
    word-break: break-all;
    display: -webkit-box;
    font-size: .14rem;
    line-height: .28333rem;
    color: #1f1f1f
}

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

.s-user-sign.can-click:active {
    opacity: .2
}

.s-user-authentication {
    color: #1f1f1f
}

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

.s-user-authentication .s-icon {
    position: relative;
    -webkit-transform: translateY(50%) rotate(180deg);
    transform: translateY(50%) rotate(180deg);
    top: -.05333rem
}

.s-user-authentication.arrow .s-txt-intro {
    max-width: 90%
}

.s-user-authentication.arrow:active {
    opacity: .2
}

.s-user-personal {
    color: #1f1f1f
}

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

.s-user-personal .item {
    margin-right: .07rem
}

.s-user-info-prefix {
    display: inline-block;
    width: .14rem;
    height: .14rem;
    margin-right: .02rem;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: .08667rem
}

.s-user-info-item {
    margin-top: .16333rem
}

.s-user-contact {
    margin-top: .12rem
}

.header-container {
    position: relative;
    padding-bottom: .09rem
}

.header-container .s-top-bar .out {
    max-width: 750px
}

.header-container:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: -.15rem;
    bottom: -.02rem;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(.3rem,hsla(0,0%,100%,0)),color-stop(1rem,#f5f5f5));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0) .3rem,#f5f5f5 1rem)
}

.darkmode .header-container:before {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(.3rem,transparent),color-stop(1rem,#080808));
    background-image: linear-gradient(180deg,transparent .3rem,#080808 1rem)
}

.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: 25px
}

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

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

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

.android .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
}

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

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

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

.android .font-size-4 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

@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: 14.4px
    }

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

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

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

    .font-size-4 .sfi-article-text .s-right-img-texts .s-right-img-texts-right .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

.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: 25px
}

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

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

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

.android .font-size-0 .sfi-article .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

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

.android .font-size-2 .sfi-article .text-title {
    font-size: 18px;
    line-height: 24.3px
}

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

.android .font-size-4 .sfi-article .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

    .font-size-4 .sfi-article .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

.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;
    position: relative
}

.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 .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/homepage/img/videoicon.ce78130.png?clientprefetch=3);
    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
}

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

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

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

.font-size-1 .sfi-comment div .text-title {
    font-size: 19px;
    line-height: 25px
}

.font-size-2 .sfi-comment div .text-title {
    font-size: 20px;
    line-height: 27px
}

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

.font-size-4 .sfi-comment div .text-title {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-comment div .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-1 .sfi-comment div .text-title {
    font-size: 17.1px;
    line-height: 22.5px
}

.android .font-size-2 .sfi-comment div .text-title {
    font-size: 18px;
    line-height: 24.3px
}

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

.android .font-size-4 .sfi-comment div .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

    .font-size-4 .sfi-comment div .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

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

.sfi-comment-voice {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: .09rem .17rem 0;
    height: .32rem;
    border-radius: .32rem;
    padding: .08rem .12rem;
    background-color: #f5f5f5
}

.darkmode .sfi-comment-voice {
    background-color: rgba(68,68,68,.5)
}

.sfi-comment-voice-icon {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .03rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/voice-icon.c43ef79.png?clientprefetch=3);
    background-size: 100% 100%
}

.sfi-comment-voice-text {
    font-size: .14rem;
    color: #858585
}

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

.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
}

.font-size-0 .sfi-comment-origin .right .s-rich-text,.font-size-1 .sfi-comment-origin .right .s-rich-text {
    font-size: 15px;
    line-height: 21px
}

.font-size-2 .sfi-comment-origin .right .s-rich-text {
    font-size: 17px;
    line-height: 24px
}

.font-size-3 .sfi-comment-origin .right .s-rich-text,.font-size-4 .sfi-comment-origin .right .s-rich-text {
    font-size: 19px;
    line-height: 27px
}

.android .font-size-0 .sfi-comment-origin .right .s-rich-text,.android .font-size-1 .sfi-comment-origin .right .s-rich-text {
    font-size: 13.5px;
    line-height: 18.9px
}

.android .font-size-2 .sfi-comment-origin .right .s-rich-text {
    font-size: 15.3px;
    line-height: 21.6px
}

.android .font-size-3 .sfi-comment-origin .right .s-rich-text,.android .font-size-4 .sfi-comment-origin .right .s-rich-text {
    font-size: 17.1px;
    line-height: 24.3px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-comment-origin .right .s-rich-text,.font-size-1 .sfi-comment-origin .right .s-rich-text {
        font-size: 13.5px;
        line-height: 18.9px
    }

    .font-size-2 .sfi-comment-origin .right .s-rich-text {
        font-size: 15.3px;
        line-height: 21.6px
    }

    .font-size-3 .sfi-comment-origin .right .s-rich-text,.font-size-4 .sfi-comment-origin .right .s-rich-text {
        font-size: 17.1px;
        line-height: 24.3px
    }
}

.sfi-comment-footer {
    margin-top: .11rem
}

.comment-subscript {
    margin: .11333rem .17rem 0
}

.sfi-dynamic-content {
    margin-top: -.03rem
}

.sfi-dynamic .text-title {
    margin: .07rem .17rem -.03rem
}

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

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

.font-size-2 .sfi-dynamic .text-title {
    font-size: 20px;
    line-height: 27px
}

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

.font-size-4 .sfi-dynamic .text-title {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-dynamic .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-1 .sfi-dynamic .text-title {
    font-size: 17.1px;
    line-height: 22.5px
}

.android .font-size-2 .sfi-dynamic .text-title {
    font-size: 18px;
    line-height: 24.3px
}

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

.android .font-size-4 .sfi-dynamic .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

    .font-size-4 .sfi-dynamic .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

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

.font-size-0 .sfi-dynamic .origin-text-title {
    font-size: 13px;
    line-height: 19px
}

.font-size-1 .sfi-dynamic .origin-text-title {
    font-size: 16px;
    line-height: 22px
}

.font-size-2 .sfi-dynamic .origin-text-title {
    font-size: 18px;
    line-height: 24px
}

.font-size-3 .sfi-dynamic .origin-text-title {
    font-size: 20px;
    line-height: 26px
}

.font-size-4 .sfi-dynamic .origin-text-title {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-dynamic .origin-text-title {
    font-size: 11.7px;
    line-height: 18px
}

.android .font-size-1 .sfi-dynamic .origin-text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-2 .sfi-dynamic .origin-text-title {
    font-size: 16.2px;
    line-height: 22.5px
}

.android .font-size-3 .sfi-dynamic .origin-text-title {
    font-size: 18px;
    line-height: 24.3px
}

.android .font-size-4 .sfi-dynamic .origin-text-title {
    font-size: 24.3px;
    line-height: 30.6px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-dynamic .origin-text-title {
        font-size: 11.7px;
        line-height: 18px
    }

    .font-size-1 .sfi-dynamic .origin-text-title {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-2 .sfi-dynamic .origin-text-title {
        font-size: 16.2px;
        line-height: 22.5px
    }

    .font-size-3 .sfi-dynamic .origin-text-title {
        font-size: 18px;
        line-height: 24.3px
    }

    .font-size-4 .sfi-dynamic .origin-text-title {
        font-size: 24.3px;
        line-height: 30.6px
    }
}

.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: .06rem;
    margin-bottom: -.06rem
}

.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 .s-video-card-cover.sfi-dynamic-tiny-cover {
    margin: .03rem 0 0
}

.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
}

.font-size-0 .sfi-dynamic-forward .type-text {
    font-size: 13px;
    line-height: 19px
}

.font-size-1 .sfi-dynamic-forward .type-text {
    font-size: 16px;
    line-height: 22px
}

.font-size-2 .sfi-dynamic-forward .type-text {
    font-size: 18px;
    line-height: 24px
}

.font-size-3 .sfi-dynamic-forward .type-text {
    font-size: 20px;
    line-height: 26px
}

.font-size-4 .sfi-dynamic-forward .type-text {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-dynamic-forward .type-text {
    font-size: 11.7px;
    line-height: 18px
}

.android .font-size-1 .sfi-dynamic-forward .type-text {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-2 .sfi-dynamic-forward .type-text {
    font-size: 16.2px;
    line-height: 22.5px
}

.android .font-size-3 .sfi-dynamic-forward .type-text {
    font-size: 18px;
    line-height: 24.3px
}

.android .font-size-4 .sfi-dynamic-forward .type-text {
    font-size: 24.3px;
    line-height: 30.6px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-dynamic-forward .type-text {
        font-size: 11.7px;
        line-height: 18px
    }

    .font-size-1 .sfi-dynamic-forward .type-text {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-2 .sfi-dynamic-forward .type-text {
        font-size: 16.2px;
        line-height: 22.5px
    }

    .font-size-3 .sfi-dynamic-forward .type-text {
        font-size: 18px;
        line-height: 24.3px
    }

    .font-size-4 .sfi-dynamic-forward .type-text {
        font-size: 24.3px;
        line-height: 30.6px
    }
}

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

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

.sfi-dynamic-forward:active {
    background-color: rgba(0,0,0,.05)
}

.darkmode .sfi-dynamic-forward:active {
    background-color: hsla(0,0%,100%,.1)
}

.sfi-dynamic .square-img-texts-no-info {
    margin: .05rem .17rem
}

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

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

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

.sfi-dynamic-footer {
    margin-top: .11rem
}

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

.font-size-2 .sfi-dynamic-tag {
    height: .21rem;
    line-height: .21rem;
    font-size: .13rem;
    border-radius: .11rem
}

.font-size-3 .sfi-dynamic-tag,.font-size-4 .sfi-dynamic-tag {
    height: .23rem;
    line-height: .23rem;
    font-size: .14rem;
    border-radius: .12rem
}

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

.font-size-2 .sfi-dynamic-status-tag {
    height: .21rem;
    border-radius: .11rem;
    width: .81667rem
}

.font-size-3 .sfi-dynamic-status-tag,.font-size-4 .sfi-dynamic-status-tag {
    height: .23rem;
    border-radius: .12rem;
    width: .88rem
}

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

.darkmode .sfi-dynamic-status-tag.status-0:before,.sfi-dynamic-status-tag.status-0:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/rese_light.c4ea168.png?clientprefetch=3)
}

.nightmode .sfi-dynamic-status-tag.status-0:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/rese_night.e435c2d.png?clientprefetch=3)
}

.sfi-dynamic-status-tag.status-1 {
    background-color: #f33;
    width: .6rem
}

.font-size-2 .sfi-dynamic-status-tag.status-1 {
    width: .69333rem
}

.font-size-3 .sfi-dynamic-status-tag.status-1,.font-size-4 .sfi-dynamic-status-tag.status-1 {
    width: .76667rem
}

.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==)
}

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

.darkmode .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==)
}

.nightmode .sfi-dynamic-status-tag.status-3 {
    background-color: #3a4556
}

.nightmode .sfi-dynamic-status-tag.status-3:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/playback_night.d8e5a90.png?clientprefetch=3)
}

.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%
}

.font-size-2 .sfi-dynamic-status-tag.status-0:before,.font-size-2 .sfi-dynamic-status-tag.status-1:before,.font-size-2 .sfi-dynamic-status-tag.status-3:before {
    width: .13rem;
    height: .13rem;
    top: .01333rem
}

.font-size-3 .sfi-dynamic-status-tag.status-0:before,.font-size-3 .sfi-dynamic-status-tag.status-1:before,.font-size-3 .sfi-dynamic-status-tag.status-3:before,.font-size-4 .sfi-dynamic-status-tag.status-0:before,.font-size-4 .sfi-dynamic-status-tag.status-1:before,.font-size-4 .sfi-dynamic-status-tag.status-3:before {
    width: .14rem;
    height: .14rem;
    top: .01667rem
}

.sfi-dynamic-status-tag-subscript {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: .7rem;
    width: 1.3rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
    background-color: rgba(0,0,0,.3);
    border-radius: 3.33333rem
}

.font-size-2 .sfi-dynamic-status-tag-subscript {
    width: 1.50667rem;
    padding-left: .81667rem
}

.font-size-3 .sfi-dynamic-status-tag-subscript,.font-size-4 .sfi-dynamic-status-tag-subscript {
    width: 1.66667rem;
    padding-left: .88rem
}

.sfi-dynamic-status-tag-subscript-isLiving {
    padding-left: .6rem;
    width: 1.2rem
}

.font-size-2 .sfi-dynamic-status-tag-subscript-isLiving {
    width: 1.39rem;
    padding-left: .69333rem
}

.font-size-3 .sfi-dynamic-status-tag-subscript-isLiving,.font-size-4 .sfi-dynamic-status-tag-subscript-isLiving {
    width: 1.53333rem;
    padding-left: .76667rem
}

.sfi-dynamic-living {
    position: absolute;
    z-index: 1;
    margin: .02rem -.2rem 0 .04rem;
    width: .11rem;
    height: .11rem
}

.font-size-2 .sfi-dynamic-living {
    width: .13rem;
    height: .13rem
}

.font-size-3 .sfi-dynamic-living,.font-size-4 .sfi-dynamic-living {
    width: .14rem;
    height: .14rem
}

.dynamic-subscript {
    margin: .11333rem .17rem 0
}

.android .sfi-dynamic-content {
    margin-bottom: .05rem
}

.s-level1 {
    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-level1-text {
    color: #858585;
    font-size: .13rem
}

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

.s-level1-price {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .15rem;
    line-height: 1;
    height: .15rem;
    font-weight: 600;
    color: #fd503e
}

.s-level1-price:first-letter {
    font-size: .12rem
}

.s-level1-icon {
    display: inline-block;
    height: .12rem;
    width: .12rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .03333rem
}

.font-size-2 .s-level1-text {
    font-size: .15rem
}

.font-size-2 .s-level1-price {
    font-size: .18rem;
    height: .18rem
}

.font-size-2 .s-level1-price:first-letter {
    font-size: .14rem
}

.font-size-2 .s-level1-icon {
    height: .14rem;
    width: .14rem
}

.font-size-3 .s-level1-text,.font-size-4 .s-level1-text {
    font-size: .17rem
}

.font-size-3 .s-level1-price,.font-size-4 .s-level1-price {
    font-size: .19rem;
    height: .19rem
}

.font-size-3 .s-level1-price:first-letter,.font-size-4 .s-level1-price:first-letter {
    font-size: .15rem
}

.font-size-3 .s-level1-icon,.font-size-4 .s-level1-icon {
    height: .15rem;
    width: .15rem
}

.s-level1-tag {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: .14rem;
    padding-right: .04rem;
    overflow: hidden;
    border-radius: .07rem;
    font-size: .1rem;
    line-height: .14rem;
    margin-left: .08rem;
    color: #fd503e
}

.s-level1-tag.type-strong {
    position: relative;
    overflow: visible;
    border: 1px solid #f60;
    border-radius: .07rem
}

.nightmode .s-level1-tag.type-strong {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-level1-tag.type-strong {
        border: none
    }

    .s-level1-tag.type-strong:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #f60;
        border-radius: .21rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-level1-tag.type-strong:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-level1-tag.type-strong:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .14rem
    }
}

.s-level1-tag.type-strong .s-level1-tag-pre {
    position: relative;
    border: 1px solid transparent;
    border-right-color: #f60;
    padding: 0 .03rem 0 .04rem;
    color: #fff;
    line-height: .14rem;
    background-color: #f60;
    border-radius: .07rem 0 0 .07rem
}

.nightmode .s-level1-tag.type-strong .s-level1-tag-pre:after {
    border: #e6e6e6;
    border-right: 1px solid
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-level1-tag.type-strong .s-level1-tag-pre {
        border: none
    }

    .s-level1-tag.type-strong .s-level1-tag-pre:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid transparent;
        border-right-color: #f60;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-level1-tag.type-strong .s-level1-tag-pre:after:after {
        border: #e6e6e6;
        border-right: 1px solid
    }
}

@media screen and (max-width:360px) {
    .s-level1-tag.type-strong .s-level1-tag-pre:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.s-level1-tag.type-normal {
    position: relative;
    overflow: visible;
    border: 1px solid #f60;
    border-radius: .07rem
}

.nightmode .s-level1-tag.type-normal {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-level1-tag.type-normal {
        border: none
    }

    .s-level1-tag.type-normal:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #f60;
        border-radius: .21rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-level1-tag.type-normal:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-level1-tag.type-normal:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .14rem
    }
}

.s-level1-tag.type-normal .s-level1-tag-pre {
    position: relative;
    border: 1px solid transparent;
    border-right-color: #f60;
    padding: 0 .03rem 0 .04rem;
    line-height: .14rem;
    height: 100%;
    background-color: rgba(255,102,0,.08);
    border-radius: .07rem 0 0 .07rem
}

.nightmode .s-level1-tag.type-normal .s-level1-tag-pre:after {
    border: #e6e6e6;
    border-right: 1px solid
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-level1-tag.type-normal .s-level1-tag-pre {
        border: none
    }

    .s-level1-tag.type-normal .s-level1-tag-pre:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid transparent;
        border-right-color: #f60;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-level1-tag.type-normal .s-level1-tag-pre:after:after {
        border: #e6e6e6;
        border-right: 1px solid
    }
}

@media screen and (max-width:360px) {
    .s-level1-tag.type-normal .s-level1-tag-pre:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.s-level1-tag.type-normal .s-level1-tag-pre:after {
    border-style: dotted
}

.s-level1-tag.type-week {
    position: relative;
    overflow: visible;
    border: 1px solid #f60;
    border-radius: .07rem
}

.nightmode .s-level1-tag.type-week {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-level1-tag.type-week {
        border: none
    }

    .s-level1-tag.type-week:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #f60;
        border-radius: .21rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-level1-tag.type-week:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-level1-tag.type-week:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .14rem
    }
}

.s-appendix {
    padding: .12rem;
    min-height: .8rem;
    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;
    border-radius: .09rem;
    margin: .08333rem .17rem .12rem;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5
}

.s-appendix.off-shelf .s-image,.s-appendix.off-shelf .s-image-default,.s-appendix.off-shelf .s-image-wrap:after,.s-appendix.off-shelf :not(.s-image-wrap) {
    opacity: .5
}

.s-appendix.height-flexible {
    min-height: auto
}

.s-appendix.height-flexible .s-appendix-content {
    margin-left: 0
}

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

.s-appendix.active:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.05)
}

.darkmode .s-appendix.active:before {
    background-color: hsla(0,0%,100%,.1)
}

.s-appendix-title {
    margin-top: -.02rem
}

.font-size-0 .s-appendix-title,.font-size-1 .s-appendix-title {
    font-size: 15px;
    line-height: 21px
}

.font-size-2 .s-appendix-title {
    font-size: 17px;
    line-height: 24px
}

.font-size-3 .s-appendix-title,.font-size-4 .s-appendix-title {
    font-size: 19px;
    line-height: 27px
}

.android .font-size-0 .s-appendix-title,.android .font-size-1 .s-appendix-title {
    font-size: 13.5px;
    line-height: 18.9px
}

.android .font-size-2 .s-appendix-title {
    font-size: 15.3px;
    line-height: 21.6px
}

.android .font-size-3 .s-appendix-title,.android .font-size-4 .s-appendix-title {
    font-size: 17.1px;
    line-height: 24.3px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-appendix-title,.font-size-1 .s-appendix-title {
        font-size: 13.5px;
        line-height: 18.9px
    }

    .font-size-2 .s-appendix-title {
        font-size: 15.3px;
        line-height: 21.6px
    }

    .font-size-3 .s-appendix-title,.font-size-4 .s-appendix-title {
        font-size: 17.1px;
        line-height: 24.3px
    }
}

.s-appendix-title.line-clamp-1+.s-level1 {
    margin-top: .04rem
}

.s-appendix-title+.s-appendix-assist {
    margin-top: .05333rem
}

.s-appendix-content {
    margin: 0 .14rem 0 .08rem;
    height: 100%;
    width: 100%
}

.s-appendix .s-level1 {
    line-height: 1;
    margin-top: .04rem
}

.s-appendix-assist,.s-appendix-level2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: .13rem;
    line-height: .13rem;
    margin-top: .06rem;
    color: #999;
    color: #858585
}

.darkmode .s-appendix-assist,.darkmode .s-appendix-level2 {
    color: hsla(0,0%,100%,.5)
}

.font-size-2 .s-appendix-assist,.font-size-2 .s-appendix-level2 {
    font-size: .16rem;
    line-height: .16rem
}

.font-size-3 .s-appendix-assist,.font-size-3 .s-appendix-level2,.font-size-4 .s-appendix-assist,.font-size-4 .s-appendix-level2 {
    font-size: .18rem;
    line-height: .18rem
}

.s-appendix-assist .s-appendix-text-item {
    margin-left: .08rem
}

.s-appendix-assist .s-appendix-text-item:first-child {
    margin-left: 0
}

.s-appendix-level2 .s-appendix-text-item {
    margin-left: .08rem
}

.s-appendix-level2 .s-appendix-text-item:first-child {
    margin-left: 0
}

.s-appendix .cover {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: .09rem
}

.s-appendix .cover-bcircle {
    height: .56rem;
    width: .56rem;
    border-radius: 50%;
    overflow: hidden
}

.s-appendix .cover-bsquare {
    height: .56rem;
    width: .56rem
}

.off-shelf.s-appendix .cover-bsquare:before {
    content: "已下架";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: .1rem;
    border-radius: .03rem 0 .08rem 0;
    min-width: .5rem;
    height: .16rem;
    line-height: .16rem;
    z-index: 3
}

.font-size-2 .off-shelf.s-appendix .cover-bsquare:before {
    font-size: .12rem;
    border-radius: .04rem 0 .1rem 0;
    min-width: .58rem;
    height: .19rem;
    line-height: .19rem
}

.font-size-3 .off-shelf.s-appendix .cover-bsquare:before,.font-size-4 .off-shelf.s-appendix .cover-bsquare:before {
    font-size: .13rem;
    border-radius: .04rem 0 .1rem 0;
    min-width: .63rem;
    height: .21rem;
    line-height: .21rem
}

.font-size-2 .s-appendix .cover-bcircle,.font-size-2 .s-appendix .cover-bsquare {
    height: .64667rem;
    width: .64667rem
}

.font-size-3 .s-appendix .cover-bcircle,.font-size-3 .s-appendix .cover-bsquare,.font-size-4 .s-appendix .cover-bcircle,.font-size-4 .s-appendix .cover-bsquare {
    height: .71rem;
    width: .71rem
}

.s-appendix .cover-vertical {
    height: .74667rem;
    width: .56rem
}

.s-appendix-operate {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .13rem;
    line-height: .13rem;
    color: #fd503e
}

.s-appendix-operate.grey {
    color: #1f1f1f
}

.darkmode .s-appendix-operate.grey {
    color: hsla(0,0%,100%,.8)
}

.s-appendix-operate.grey.op-type-button {
    background-color: hsla(0,0%,100%,0);
    border-color: #b8b8b8
}

.darkmode .s-appendix-operate.grey.op-type-button {
    background-color: hsla(0,0%,40%,.4);
    border-color: hsla(0,0%,40%,0)
}

.s-appendix-operate.grey.op-type-button:after {
    border-color: #b8b8b8
}

.darkmode .s-appendix-operate.grey.op-type-button:after {
    border-color: hsla(0,0%,40%,0)
}

.s-appendix-operate.grey.op-type-link:after {
    color: #1f1f1f
}

.darkmode .s-appendix-operate.grey.op-type-link:after {
    color: hsla(0,0%,100%,.8)
}

.s-appendix-operate.op-type-link:after {
    content: ">";
    color: #fd503e
}

.s-appendix-operate.op-type-button {
    padding: 0 .14667rem;
    height: .28rem;
    line-height: .28rem;
    font-weight: 700;
    background-color: rgba(255,102,0,0);
    position: relative;
    overflow: visible;
    border: 1px solid #f60;
    border-radius: 14px
}

.darkmode .s-appendix-operate.op-type-button {
    background-color: rgba(255,102,0,.3)
}

.nightmode .s-appendix-operate.op-type-button {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-appendix-operate.op-type-button {
        border: none
    }

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

    .nightmode .s-appendix-operate.op-type-button:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-appendix-operate.op-type-button:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 28px
    }
}

.s-appendix-operate.op-type-button:after {
    border-color: #f60;
    opacity: .5
}

.darkmode .s-appendix-operate.op-type-button:after {
    border-color: rgba(255,102,0,0)
}

.s-appendix-operate.op-type-button:active {
    opacity: .2
}

.font-size-2 .s-appendix-operate {
    font-size: .16rem
}

.font-size-3 .s-appendix-operate,.font-size-4 .s-appendix-operate {
    font-size: .18rem
}

.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
}

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

.font-size-3 .s-matrix .s-author-texts-name,.font-size-4 .s-matrix .s-author-texts-name {
    font-size: .23rem
}

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

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

.font-size-2 .s-matrix .s-author-texts-sign {
    font-size: .16rem;
    line-height: .19rem
}

.font-size-3 .s-matrix .s-author-texts-sign,.font-size-4 .s-matrix .s-author-texts-sign {
    font-size: .18rem;
    line-height: .2rem
}

.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 .brief-subscribe {
    width: .57rem;
    height: .28rem;
    line-height: .28rem
}

.font-size-2 .s-matrix-sub-btn .brief-subscribe {
    width: .66rem;
    height: .33rem;
    line-height: .33rem;
    font-size: .15rem;
    border-radius: .16rem
}

.font-size-3 .s-matrix-sub-btn .brief-subscribe,.font-size-4 .s-matrix-sub-btn .brief-subscribe {
    width: .72rem;
    height: .35rem;
    line-height: .35rem;
    font-size: .16rem;
    border-radius: .17rem
}

.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;
    border-bottom: 1px solid
}

@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)
}

.font-size-2 .s-matrix-wrapper {
    height: .93rem
}

.font-size-3 .s-matrix-wrapper,.font-size-4 .s-matrix-wrapper {
    height: 1.01rem
}

.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;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: .47rem;
    padding: 0 0 .08rem .08rem;
    bottom: 0;
    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))
}

.sfi-small-video .img-cover {
    position: relative;
    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
}

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

.sfi-small-video .has-hide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    background: rgba(0,0,0,.85)
}

.sfi-small-video .hide-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .13rem;
    font-size: .13rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.sfi-small-video .hide-status .hide-icon {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    margin-right: .03rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMA9wtn0o2E5fDgxK6emG1ZTUMSBMt6Yj4xILyjNRsptzqWfAAAANFJREFUOMvtkNsOgyAMQCmIeJvO+339/78c7RLjEH1dsnheaNpDoRU3f8/rIa/KT1XTMaSA+kKTBk1uG7WICMO5p6k+Wj+2QVydaQVaQn6fouTkiyVQF7l1xqbyzgC7X9UJiaY/WHWIRLeNxCJkq9MsYC3fzT4hm3O5pSrVfHLq+wVAJpp02+VtFgAyce/OD+ghO0yXoo/isCdeZ2Y2AwKawrhrpWRiz7Ggxk1eSjECXXW83ooLR8pWHxyFiPMqXJQWjifTRfhwvWu6KIq0uPkNb3nEF7pwF1mNAAAAAElFTkSuQmCC);background-size: cover
}

.sfi-small-video .text-play {
    line-height: .12rem;
    color: #fff
}

.font-size-0 .sfi-small-video .text-play,.font-size-1 .sfi-small-video .text-play {
    font-size: 10px;
    line-height: 10px
}

.font-size-2 .sfi-small-video .text-play {
    font-size: 12px;
    line-height: 12px
}

.font-size-3 .sfi-small-video .text-play,.font-size-4 .sfi-small-video .text-play {
    font-size: 13px;
    line-height: 13px
}

.android .font-size-0 .sfi-small-video .text-play,.android .font-size-1 .sfi-small-video .text-play {
    font-size: 9px;
    line-height: 9px
}

.android .font-size-2 .sfi-small-video .text-play {
    font-size: 10.8px;
    line-height: 10.8px
}

.android .font-size-3 .sfi-small-video .text-play,.android .font-size-4 .sfi-small-video .text-play {
    font-size: 11.7px;
    line-height: 11.7px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-small-video .text-play,.font-size-1 .sfi-small-video .text-play {
        font-size: 9px;
        line-height: 9px
    }

    .font-size-2 .sfi-small-video .text-play {
        font-size: 10.8px;
        line-height: 10.8px
    }

    .font-size-3 .sfi-small-video .text-play,.font-size-4 .sfi-small-video .text-play {
        font-size: 11.7px;
        line-height: 11.7px
    }
}

.sfi-small-video .text-play .icon-play {
    margin-right: .03rem;
    padding-left: .12rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAAAAAAAAAAAAAAABAQEAAAABAQEDAwP///85OTn4+Pjz8/Ps7Ozh4eHT09MmJiYxMTH+/v739/f19fXz8/Pt7e3l5eXl5eXh4eHa2trKysqwsLD5+fnv7++hoaG+vr6UlJS0tLSJiYmqqqqgoKBKSkr///+vmjaXAAAAJnRSTlMAAwcMGwoQFfwZ38KhkmomIPfa08uwp5+ciGJd5sFUU0xLRUI7HwIymmcAAADGSURBVCjPjZLZEoIwDEVt08Uim6iA4L70/z/RToVmnNCO5/Uk9yG5q/9gnqjkEkByxpatVGWeDwoWBxg3G+vYv5RLoFYV1rM9agxArTM7sXuSACaFDawLgwGokeb+G8DAawzo3hiAGsmuGEC1Izcype3GcIaaUgJP6YNKa53UZXL7XAOL67ZWPKqzUQRLj9pXGiZLdXMRGk9KHlrNlUB9CnW4ifANbEs/lwlXEQ71t4oPEemiGNpuFDrWZNAO4NMq9R4q03wAzWgwlBrcc+MAAAAASUVORK5CYII=);background-position: 0 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    opacity: .8
}

.font-size-0 .sfi-small-video .text-play .icon-play,.font-size-1 .sfi-small-video .text-play .icon-play {
    font-size: 10px;
    line-height: 10px
}

.font-size-2 .sfi-small-video .text-play .icon-play {
    font-size: 12px;
    line-height: 12px
}

.font-size-3 .sfi-small-video .text-play .icon-play,.font-size-4 .sfi-small-video .text-play .icon-play {
    font-size: 13px;
    line-height: 13px
}

.android .font-size-0 .sfi-small-video .text-play .icon-play,.android .font-size-1 .sfi-small-video .text-play .icon-play {
    font-size: 9px;
    line-height: 9px
}

.android .font-size-2 .sfi-small-video .text-play .icon-play {
    font-size: 10.8px;
    line-height: 10.8px
}

.android .font-size-3 .sfi-small-video .text-play .icon-play,.android .font-size-4 .sfi-small-video .text-play .icon-play {
    font-size: 11.7px;
    line-height: 11.7px
}

@media screen and (max-width:360px) {
    .font-size-0 .sfi-small-video .text-play .icon-play,.font-size-1 .sfi-small-video .text-play .icon-play {
        font-size: 9px;
        line-height: 9px
    }

    .font-size-2 .sfi-small-video .text-play .icon-play {
        font-size: 10.8px;
        line-height: 10.8px
    }

    .font-size-3 .sfi-small-video .text-play .icon-play,.font-size-4 .sfi-small-video .text-play .icon-play {
        font-size: 11.7px;
        line-height: 11.7px
    }
}

.harmony-night .sfi-small-video .text-play .icon-play {
    color-scheme: dark;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAAAAAAAAAAAAAAABAQEAAAABAQEDAwP///85OTn4+Pjz8/Ps7Ozh4eHT09MmJiYxMTH+/v739/f19fXz8/Pt7e3l5eXl5eXh4eHa2trKysqwsLD5+fnv7++hoaG+vr6UlJS0tLSJiYmqqqqgoKBKSkr///+vmjaXAAAAJnRSTlMAAwcMGwoQFfwZ38KhkmomIPfa08uwp5+ciGJd5sFUU0xLRUI7HwIymmcAAADGSURBVCjPjZLZEoIwDEVt08Uim6iA4L70/z/RToVmnNCO5/Uk9yG5q/9gnqjkEkByxpatVGWeDwoWBxg3G+vYv5RLoFYV1rM9agxArTM7sXuSACaFDawLgwGokeb+G8DAawzo3hiAGsmuGEC1Izcype3GcIaaUgJP6YNKa53UZXL7XAOL67ZWPKqzUQRLj9pXGiZLdXMRGk9KHlrNlUB9CnW4ifANbEs/lwlXEQ71t4oPEemiGNpuFDrWZNAO4NMq9R4q03wAzWgwlBrcc+MAAAAASUVORK5CYII=)
}

.sfi-small-video .text-play span {
    opacity: .85
}

.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
}

.font-size-2 .sfi-small-video-stick-top {
    height: .56rem;
    width: 1.26rem;
    line-height: .56rem;
    font-size: .35rem
}

.font-size-3 .sfi-small-video-stick-top,.font-size-4 .sfi-small-video-stick-top {
    height: .61rem;
    width: 1.36rem;
    line-height: .61rem;
    font-size: .38333rem
}

.sfi-small-video .has-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.9);
    font-size: .14rem;
    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-mask:before {
    content: "";
    display: block;
    height: .14rem;
    width: .14rem;
    margin-right: .03rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.sfi-small-video .has-mask:after {
    line-height: .13rem
}

.sfi-small-video .has-mask+.sfi-small-video-extra .text-play {
    z-index: 1
}

.sfi-small-video .has-mask+.sfi-small-video-extra .text-play .icon-play {
    opacity: .65
}

.sfi-small-video .has-mask+.sfi-small-video-extra .text-play span {
    opacity: .7
}

.sfi-small-video .has-seen:before {
    width: .15rem;
    height: .15rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAAAAAAAAAAAAAAABAQEAAAABAQEDAwP///85OTn4+Pjz8/Ps7Ozh4eHT09MmJiYxMTH+/v739/f19fXz8/Pt7e3l5eXl5eXh4eHa2trKysqwsLD5+fnv7++hoaG+vr6UlJS0tLSJiYmqqqqgoKBKSkr///+vmjaXAAAAJnRSTlMAAwcMGwoQFfwZ38KhkmomIPfa08uwp5+ciGJd5sFUU0xLRUI7HwIymmcAAADGSURBVCjPjZLZEoIwDEVt08Uim6iA4L70/z/RToVmnNCO5/Uk9yG5q/9gnqjkEkByxpatVGWeDwoWBxg3G+vYv5RLoFYV1rM9agxArTM7sXuSACaFDawLgwGokeb+G8DAawzo3hiAGsmuGEC1Izcype3GcIaaUgJP6YNKa53UZXL7XAOL67ZWPKqzUQRLj9pXGiZLdXMRGk9KHlrNlUB9CnW4ifANbEs/lwlXEQ71t4oPEemiGNpuFDrWZNAO4NMq9R4q03wAzWgwlBrcc+MAAAAASUVORK5CYII=)
}

.harmony-night .sfi-small-video .has-seen:before {
    color-scheme: dark
}

.sfi-small-video .has-seen:after {
    content: "刚刚看过";
    font-size: .15rem;
    font-weight: 700
}

.sfi-small-video .timer-publish:before {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/timer-publish.5438066.png?clientprefetch=3)
}

.sfi-small-video .timer-publish:after {
    content: "定时发布中"
}

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

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

.font-size-2 .sfi-video .sfi-video-text .text-title {
    font-size: 20px;
    line-height: 27px
}

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

.font-size-4 .sfi-video .sfi-video-text .text-title {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-video .sfi-video-text .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-1 .sfi-video .sfi-video-text .text-title {
    font-size: 17.1px;
    line-height: 22.5px
}

.android .font-size-2 .sfi-video .sfi-video-text .text-title {
    font-size: 18px;
    line-height: 24.3px
}

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

.android .font-size-4 .sfi-video .sfi-video-text .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

    .font-size-4 .sfi-video .sfi-video-text .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

.sfi-video .text-title {
    padding-top: .13rem;
    color: #1f1f1f
}

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

.sfi-video-subscript {
    margin: .11333rem .17rem .10667rem
}

.sfi-video-cover,.sfi-video .text-title {
    margin: 0 .17rem
}

.sfi-video .s-video-card-cover {
    margin: .06667rem .17rem 0
}

#video .sfi-video .s-video-card-cover:active {
    position: relative;
    overflow: visible;
    border: 1px solid #fff;
    border-radius: 9px;
    overflow: hidden
}

.nightmode #video .sfi-video .s-video-card-cover:active {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    #video .sfi-video .s-video-card-cover:active {
        border: none
    }

    #video .sfi-video .s-video-card-cover:active:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #fff;
        border-radius: 27px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode #video .sfi-video .s-video-card-cover:active:after {
        border-color: #e6e6e6
    }
}

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

#video .sfi-video .s-video-card-cover:active:after {
    background-color: rgba(0,0,0,.05);
    border-color: rgba(0,0,0,.05)
}

.darkmode #video .sfi-video .s-video-card-cover:active:after {
    background-color: hsla(0,0%,100%,.1);
    border-color: hsla(0,0%,100%,.1)
}

.sfi-video video {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #000;
    border-radius: .09rem
}

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

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

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

    .sfi-video .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-video .hairline:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

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

#main .sfi-video .sfi-video-text .text-title {
    padding-top: .09rem
}

.font-size-0 #main .sfi-video .sfi-video-text .text-title {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 #main .sfi-video .sfi-video-text .text-title {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 #main .sfi-video .sfi-video-text .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 #main .sfi-video .sfi-video-text .text-title {
    font-size: 21px;
    line-height: 28px
}

.font-size-4 #main .sfi-video .sfi-video-text .text-title {
    font-size: 23px;
    line-height: 30px
}

.android .font-size-0 #main .sfi-video .sfi-video-text .text-title {
    font-size: 12.6px;
    line-height: 19.8px
}

.android .font-size-1 #main .sfi-video .sfi-video-text .text-title {
    font-size: 15.3px;
    line-height: 22.5px
}

.android .font-size-2 #main .sfi-video .sfi-video-text .text-title {
    font-size: 17.1px;
    line-height: 24.3px
}

.android .font-size-3 #main .sfi-video .sfi-video-text .text-title {
    font-size: 18.9px;
    line-height: 26.1px
}

.android .font-size-4 #main .sfi-video .sfi-video-text .text-title {
    font-size: 20.7px;
    line-height: 27.9px
}

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

    .font-size-1 #main .sfi-video .sfi-video-text .text-title {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 #main .sfi-video .sfi-video-text .text-title {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 #main .sfi-video .sfi-video-text .text-title {
        font-size: 18.9px;
        line-height: 26.1px
    }

    .font-size-4 #main .sfi-video .sfi-video-text .text-title {
        font-size: 20.7px;
        line-height: 27.9px
    }
}

.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: 16px;
    line-height: 23px
}

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

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

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

.font-size-4 .s-vote .vote-content .content-hint {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .s-vote .vote-content .content-hint {
    font-size: 14.4px;
    line-height: 20.7px
}

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

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

.android .font-size-3 .s-vote .vote-content .content-hint {
    font-size: 20.7px;
    line-height: 27px
}

.android .font-size-4 .s-vote .vote-content .content-hint {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

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

.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 .s-subscripts {
    margin-top: .06rem
}

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

.font-size-2 .s-vote .vote-content .content-info .s-subscripts {
    margin-top: .04rem;
    line-height: .18rem
}

.font-size-3 .s-vote .vote-content .content-info .s-subscripts,.font-size-4 .s-vote .vote-content .content-info .s-subscripts {
    margin-top: .04rem;
    line-height: .19rem
}

.s-vote .vote-content .content-info .square-img-texts .right {
    overflow: hidden
}

.s-vote .vote-content .content-info .square-img-texts .right .line-clamp-2 {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

.font-size-0 .s-feed-item-community-content .text-title {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 .s-feed-item-community-content .text-title {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 .s-feed-item-community-content .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 .s-feed-item-community-content .text-title {
    font-size: 21px;
    line-height: 28px
}

.font-size-4 .s-feed-item-community-content .text-title {
    font-size: 23px;
    line-height: 30px
}

.android .font-size-0 .s-feed-item-community-content .text-title {
    font-size: 12.6px;
    line-height: 19.8px
}

.android .font-size-1 .s-feed-item-community-content .text-title {
    font-size: 15.3px;
    line-height: 22.5px
}

.android .font-size-2 .s-feed-item-community-content .text-title {
    font-size: 17.1px;
    line-height: 24.3px
}

.android .font-size-3 .s-feed-item-community-content .text-title {
    font-size: 18.9px;
    line-height: 26.1px
}

.android .font-size-4 .s-feed-item-community-content .text-title {
    font-size: 20.7px;
    line-height: 27.9px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-feed-item-community-content .text-title {
        font-size: 12.6px;
        line-height: 19.8px
    }

    .font-size-1 .s-feed-item-community-content .text-title {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 .s-feed-item-community-content .text-title {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 .s-feed-item-community-content .text-title {
        font-size: 18.9px;
        line-height: 26.1px
    }

    .font-size-4 .s-feed-item-community-content .text-title {
        font-size: 20.7px;
        line-height: 27.9px
    }
}

.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
}

.font-size-2 .s-feed-item-community-original .s-rich-text {
    font-size: .16rem;
    line-height: .22rem
}

.font-size-3 .s-feed-item-community-original .s-rich-text,.font-size-4 .s-feed-item-community-original .s-rich-text {
    font-size: .18rem;
    line-height: .24rem
}

.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 .content {
    padding: .13333rem 0 .07rem
}

.sfi-column .content .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: 25px
}

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

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

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

.android .font-size-0 .sfi-column .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

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

.android .font-size-2 .sfi-column .text-title {
    font-size: 18px;
    line-height: 24.3px
}

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

.android .font-size-4 .sfi-column .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

    .font-size-4 .sfi-column .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

.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;
    border-bottom: 1px solid
}

@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)
}

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

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

.android .sfi-column .icon {
    top: 0;
    vertical-align: text-top
}

.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
    }
}

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

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

.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
}

@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
}

.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: .17rem
}

.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
}

.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 .17rem
}

.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 .s-icon {
    margin-left: .04rem;
    margin-right: -2px
}

.s-feed-item-circle-2,.s-feed-item-circle-3 {
    padding: .17rem 0
}

.s-feed-item-circle-2 .s-author-texts,.s-feed-item-circle-3 .s-author-texts {
    width: 1.94rem
}

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

.s-feed-item-circle-sub-btn,.s-feed-item-circle .svg-icon {
    font-size: .14rem;
    color: #4e6ef2
}

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

.font-size-2 .s-feed-item-circle-sub-btn,.font-size-2 .s-feed-item-circle .svg-icon {
    font-size: .16rem
}

.font-size-3 .s-feed-item-circle-sub-btn,.font-size-3 .s-feed-item-circle .svg-icon,.font-size-4 .s-feed-item-circle-sub-btn,.font-size-4 .s-feed-item-circle .svg-icon {
    font-size: .18rem
}

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

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

.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: 25px
}

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

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

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

.android .font-size-0 .sfi-live .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

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

.android .font-size-2 .sfi-live .text-title {
    font-size: 18px;
    line-height: 24.3px
}

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

.android .font-size-4 .sfi-live .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

    .font-size-4 .sfi-live .text-title {
        font-size: 24.3px;
        line-height: 24.3px
    }
}

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

.sfi-live .s-video-card-cover .icon-play {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/live-icon.e51de1e.png?clientprefetch=3)
}

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

.font-size-2 .sfi-live-tag {
    height: .21rem;
    line-height: .21667rem;
    font-size: .13rem;
    border-radius: .11rem
}

.font-size-3 .sfi-live-tag,.font-size-4 .sfi-live-tag {
    height: .23rem;
    line-height: .23667rem;
    font-size: .14rem;
    border-radius: .12rem
}

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

.font-size-2 .sfi-live-status-tag {
    height: .21rem;
    border-radius: .11rem
}

.font-size-3 .sfi-live-status-tag,.font-size-4 .sfi-live-status-tag {
    height: .23rem;
    border-radius: .12rem
}

.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")
}

.font-size-2 .sfi-live-status-tag.status-0:before {
    width: .13rem;
    height: .13rem;
    top: .01333rem
}

.font-size-3 .sfi-live-status-tag.status-0:before,.font-size-4 .sfi-live-status-tag.status-0:before {
    width: .14rem;
    height: .14rem;
    top: .01667rem
}

.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
}

.s-feed-item-image-img {
    position: relative
}

.s-feed-item-image-img:active {
    overflow: hidden
}

.s-feed-item-image-img:active .s-image-wrap:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sfi-n-wenda-reply {
    padding: .1rem .17rem 0;
    color: #1f1f1f;
    word-break: break-word
}

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

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

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

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

.font-size-4 .sfi-n-wenda-reply {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-n-wenda-reply {
    font-size: 14.4px;
    line-height: 20.7px
}

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

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

.android .font-size-3 .sfi-n-wenda-reply {
    font-size: 20.7px;
    line-height: 27px
}

.android .font-size-4 .sfi-n-wenda-reply {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

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

.darkmode .sfi-n-wenda-reply {
    color: hsla(0,0%,100%,.8)
}

.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-wenda-reply-audio {
    color: #4367b4;
    padding: .1rem .17rem 0;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

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

.font-size-4 .sfi-n-wenda-reply-audio {
    font-size: 23px;
    line-height: 30px
}

.android .font-size-0 .sfi-n-wenda-reply-audio {
    font-size: 12.6px;
    line-height: 19.8px
}

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

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

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

.android .font-size-4 .sfi-n-wenda-reply-audio {
    font-size: 20.7px;
    line-height: 27.9px
}

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

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

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

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

    .font-size-4 .sfi-n-wenda-reply-audio {
        font-size: 20.7px;
        line-height: 27.9px
    }
}

.darkmode .sfi-n-wenda-reply-audio {
    color: rgba(117,177,255,.75)
}

.sfi-n-wenda-reply-audio-icon {
    width: .15rem;
    height: .15rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: .02333rem
}

.nightmode .sfi-n-wenda-reply-audio-icon,.sfi-n-wenda-reply-audio-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzCAMAAAD8dJuVAAAAh1BMVEUAAABDZ7VEaLRFZ7RDaLVEZ7VDaLVDaLVIbbp1i8pEaLZFabZIbLdDaLVEaLVFarZPcL9WecVDZ7VEZ7VEardHardDZ7RDaLVFabZGardDZ7REaLVEaLVEarVDZ7RDaLREZ7VEaLVEaLVDaLVEabZFdbpDaLREaLVEZ7RDZ7VEaLRDZ7VDZ7Rf7KkYAAAALHRSTlMA+Lxitk/prBUEZ0Qd4cVNCweTjTsi7oU0LvbYeCfy0cuAc2xZD+Wg3pqko0DRl0MAAAHMSURBVEjH7dXbUrMwFAXgUCsk5dACBUrt+aT+/3r/55NVM4MmKCaXjuuGtvBNyd4bIn5pqvjqS/MCqJd+drtHl4OXfdiBWXvQxTPeE7jb9okwTH3wLKCdyIk7vkZgjkoYuG1G7eqF9Nb1yMBtjdmIPQW0UylMXNXdt2/bLqekwUkICyueSvOv7fJGm66EiZkrW3Cy0XZ+TwMmugoLq4TVYPsWpi3QJ2BRTJxke9Ud2IaNWd8P9qkVNo7D9/vd8gJzjHv7vBBDmPfLUrFmlY2LWZcH/q2F9f1eOHrd8WzjR9HHxkvWkWvnCLhikQIhjy9ctCv+D4DdyoDaGR8BrPTic1d8BhDriUhc8QYAHwq+YKQrLgFs2Wj+4oqz7hPnZw+krlgGQMZX+Ro4uGIu+ajntHTEMtRFLlh0E+sE2XIQb/R05jdgpz7jR/TZqAGsjlhXutuRuT2kH/REmpiJZ7wuvM+ZkaSc3pNSh7GN+2ZHX+9Q/8A0ahBfeK79bm9c84osGcAVT5U/2JXruY3Zp4ka2VxfwRT5wJpTKcZy2VEfKgsL2rFUB+rdRWPH5CWY14zYPfMajBfmBuOLGdWACYVf4pDTJjwjm+gs/tLnDWR0VPvip1A+AAAAAElFTkSuQmCC)
}

.nightmode .sfi-n-wenda-reply-audio-icon {
    opacity: 1
}

.darkmode .sfi-n-wenda-reply-audio-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzCAMAAAD8dJuVAAAAUVBMVEUAAAB1sv92sf93s/92sv+LxP93s/94s/92sv93s/98uP+Au/92sv92s/92sv95s/96sv92sv92sv93tP96tf92sv93s/93s/93sv93tP92sv+BkjC5AAAAG3RSTlMAv41MsgZuMak8Fg6WiKAoIoBaOhx5YVNmRIMHJy+IAAABiUlEQVRIx+2W3XKDIBCFdxWBALGa+Jv3f9D2mJ1xmrU1cNnpd+OFfHAWNhL6owwulqqNZTaucNmWv0hF7mp4oyTyyFwqd1tk40vkmkEVqnw59gwmohe5W07dDw/VO3qVO8P1iTszuEZ6lQO2/+PXyFcGNyIlE1755mfXPSNjfi1HHMGspeG+MTHoI2k5YDdwfGppyzvYFCWH1OLRS0U7mHGn7UjLzjylDgMOekIYkUrLW17Zs6BlWwMsq2TJu8rIWcsXErQshfWoHS2QK5NnNvJss+VRik3MJlue0JpSfJMro+OddETIlW+QJX7MlbHiIAedXXOSWltmnytH+Qg3eObKKHmSPrWZcjTYZCndKVlITsuy8AOpvf5BX3jnpmTpkUFOu//uYsKdKh7I5GqMO/wEBnvd8LCNU7Jgkf7shlqO5RXvutOLJoUDOeCNfeeKu2gZqavz/wPANrrmxcc3r/U0KJm0qxnSFn0VOROJPibI+dwNC1RASMUymBgYKsMZ6bYi4vKY6Z+dT/wADQlgzr0DAAAAAElFTkSuQmCC);opacity: 1
}

.s-feed-author {
    background-color: #fff
}

.darkmode .s-feed-author {
    background-color: #080808
}

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

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

.s-feed-author-wrapper {
    padding: .15rem .17rem;
    height: .82rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .2s ease,padding .2s ease;
    transition: height .2s ease,padding .2s ease;
    position: relative
}

.s-feed-author-wrapper.removing {
    padding: 0 .17rem;
    height: 0
}

.font-size-2 .s-feed-author-wrapper {
    height: .95rem
}

.font-size-3 .s-feed-author-wrapper,.font-size-4 .s-feed-author-wrapper {
    height: 1.03rem
}

.s-feed-author .del-btn {
    height: .12rem;
    width: .16rem;
    margin-left: .17rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23E6E6E6' stroke-width='2' x='1' y='1' width='46' height='34' rx='17'/%3E%3Cpath d='M33.456 9.485a1 1 0 010 1.414l-7.071 7.072 7.07 7.07a1 1 0 11-1.413 1.415l-7.071-7.071-7.072 7.07a1 1 0 11-1.414-1.413l7.071-7.071-7.07-7.072a1 1 0 111.413-1.414l7.072 7.071 7.07-7.07a1 1 0 011.415 0z' fill='%23D8D8D8'/%3E%3C/g%3E%3C/svg%3E")
}

.s-feed-author-fans,.s-feed-author .s-author-texts-sign {
    font-size: .13rem;
    margin-top: .02rem;
    color: #858585
}

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

.font-size-2 .s-feed-author-fans,.font-size-2 .s-feed-author .s-author-texts-sign {
    font-size: .15rem
}

.font-size-3 .s-feed-author-fans,.font-size-3 .s-feed-author .s-author-texts-sign,.font-size-4 .s-feed-author-fans,.font-size-4 .s-feed-author .s-author-texts-sign {
    font-size: .17rem
}

.s-feed-author .s-feed-author-sub-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .2rem
}

.s-feed-author .s-author-texts-name {
    margin-top: -.04rem
}

.font-size-2 .s-feed-author .s-author-texts-name {
    font-size: .19rem
}

.font-size-3 .s-feed-author .s-author-texts-name,.font-size-4 .s-feed-author .s-author-texts-name {
    font-size: .21rem
}

.s-feed-author .s-avatar-vip {
    height: .14rem;
    width: .14rem
}

.font-size-2 .s-feed-author .s-avatar-vip {
    height: .16rem;
    width: .16rem
}

.font-size-3 .s-feed-author .s-avatar-vip,.font-size-4 .s-feed-author .s-avatar-vip {
    height: .18rem;
    width: .18rem
}

.s-feed-author .brief-subscribe {
    height: .28rem;
    line-height: .29rem
}

.font-size-2 .s-feed-author .brief-subscribe {
    line-height: .34rem;
    width: .65rem;
    height: .33rem;
    font-size: .15rem;
    border-radius: .16rem
}

.font-size-3 .s-feed-author .brief-subscribe,.font-size-4 .s-feed-author .brief-subscribe {
    line-height: .36rem;
    width: .7rem;
    height: .37rem;
    font-size: .17rem;
    border-radius: .18rem
}

.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: 16px;
    line-height: 23px
}

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

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

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

.font-size-4 .sfi-n-smallVideo .text-title {
    font-size: 27px;
    line-height: 33px
}

.android .font-size-0 .sfi-n-smallVideo .text-title {
    font-size: 14.4px;
    line-height: 20.7px
}

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

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

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

.android .font-size-4 .sfi-n-smallVideo .text-title {
    font-size: 24.3px;
    line-height: 29.7px
}

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

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

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

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

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

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

.s-feed-evaluate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .17rem
}

.s-feed-evaluate-left {
    margin-left: .17rem
}

.s-feed-evaluate-right {
    width: 100%;
    margin-left: .08rem
}

.s-feed-evaluate-name {
    text-align: center;
    font-size: .15rem;
    letter-spacing: 0;
    line-height: .2rem;
    font-weight: bolder;
    max-width: 1.65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    color: #1f1f1f
}

.darkmode .s-feed-evaluate-name {
    color: hsla(0,0%,100%,.8)
}

.s-feed-evaluate-head-menu {
    position: absolute;
    right: 0;
    top: -.065rem
}

.s-feed-evaluate .star {
    position: absolute;
    right: .39rem;
    top: .015rem
}

.s-feed-evaluate-head {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .14rem
}

.s-feed-evaluate-text {
    font-size: .17rem;
    color: #1f1f1f;
    letter-spacing: .00267rem;
    line-height: .17rem;
    margin: .09rem .30667rem .09rem 0
}

.s-feed-evaluate .more {
    font-size: .17rem;
    color: #4367b4;
    letter-spacing: 0;
    line-height: .17rem
}

.s-feed-evaluate-img {
    margin-right: .17rem
}

.s-feed-evaluate-place {
    margin-top: .09rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.s-feed-evaluate-place-text {
    max-width: 2.54rem;
    padding: .04rem .06rem;
    font-size: .12rem;
    color: #858585;
    line-height: .12rem;
    border: .00667rem solid #858585;
    border-radius: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-feed-evaluate-subscript {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .1rem;
    margin-bottom: .12rem;
    font-size: .13rem;
    color: #858585;
    letter-spacing: 0;
    line-height: .13rem
}

.s-feed-evaluate-unpublish {
    margin-left: .08rem
}

.s-feed-evaluate-reply {
    margin-right: .17rem;
    margin-bottom: .13rem;
    padding: .12rem;
    background: #f5f5f5;
    border-radius: .12rem;
    font-size: .15rem;
    color: #1f1f1f;
    letter-spacing: 0;
    line-height: .15rem
}

.s-feed-evaluate .reply-title {
    font-weight: bolder;
    font-size: .15rem
}

.s-feed-evaluate .reply-more {
    font-size: .15rem;
    color: #4367b4;
    letter-spacing: 0;
    line-height: .15rem
}

.s-feed-evaluate .reply-text-title {
    display: inline;
    font-size: .15rem;
    color: #1f1f1f;
    letter-spacing: 0;
    line-height: .18rem
}

.warp {
    height: 1.27rem;
    position: relative
}

.font-size-2 .warp {
    height: 1.47rem
}

.font-size-3 .warp,.font-size-4 .warp {
    height: 1.6rem
}

.warp .title {
    position: absolute;
    top: .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 700;
    color: #1f1f1f
}

.darkmode .warp .title {
    color: hsla(0,0%,100%,.8)
}

.font-size-0 .warp .title {
    font-size: .15rem;
    top: .18rem
}

.font-size-2 .warp .title {
    font-size: .18667rem;
    top: .26rem
}

.font-size-3 .warp .title,.font-size-4 .warp .title {
    font-size: .2rem;
    top: .28rem
}

.warp .close {
    position: absolute;
    top: .1rem;
    right: .17rem;
    width: .17333rem;
    height: .17333rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cpath fill='%23293A80' fill-rule='evenodd' d='M38.728 13.272a2.5 2.5 0 010 3.536L29.536 26l9.192 9.192a2.5 2.5 0 11-3.536 3.536L26 29.536l-9.192 9.192a2.5 2.5 0 11-3.536-3.536L22.464 26l-9.192-9.192a2.5 2.5 0 113.536-3.536L26 22.464l9.192-9.192a2.5 2.5 0 013.536 0z' opacity='.15'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.font-size-2 .warp .close {
    width: .2rem;
    height: .2rem
}

.font-size-3 .warp .close,.font-size-4 .warp .close {
    width: .23rem;
    height: .23rem
}

.nightmode .warp .close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cpath fill='%23293A80' fill-rule='evenodd' d='M38.728 13.272a2.5 2.5 0 010 3.536L29.536 26l9.192 9.192a2.5 2.5 0 11-3.536 3.536L26 29.536l-9.192 9.192a2.5 2.5 0 11-3.536-3.536L22.464 26l-9.192-9.192a2.5 2.5 0 113.536-3.536L26 22.464l9.192-9.192a2.5 2.5 0 013.536 0z' opacity='.15'/%3E%3C/svg%3E")
}

.darkmode .warp .close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cpath fill='%234063F5' fill-rule='evenodd' d='M38.728 13.272a2.5 2.5 0 010 3.536L29.536 26l9.192 9.192a2.5 2.5 0 11-3.536 3.536L26 29.536l-9.192 9.192a2.5 2.5 0 11-3.536-3.536L22.464 26l-9.192-9.192a2.5 2.5 0 113.536-3.536L26 22.464l9.192-9.192a2.5 2.5 0 013.536 0z' opacity='.15'/%3E%3C/svg%3E")
}

.warp .content {
    position: absolute;
    top: .51rem;
    width: 100%;
    padding: 0 .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.font-size-2 .warp .content {
    top: .59rem
}

.font-size-3 .warp .content,.font-size-4 .warp .content {
    top: .64rem
}

.warp .content .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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
}

.warp .content .item .emoji {
    width: .34rem;
    height: .34rem;
    margin-bottom: .08rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.font-size-2 .warp .content .item .emoji {
    width: .39rem;
    height: .39rem;
    margin-bottom: .09667rem
}

.font-size-3 .warp .content .item .emoji,.font-size-4 .warp .content .item .emoji {
    width: .43rem;
    height: .43rem;
    margin-bottom: .10667rem
}

.warp .content .item .text {
    font-size: .13rem;
    color: #525252
}

.darkmode .warp .content .item .text {
    color: hsla(0,0%,100%,.6)
}

.font-size-2 .warp .content .item .text {
    font-size: .15rem
}

.font-size-3 .warp .content .item .text,.font-size-4 .warp .content .item .text {
    font-size: .17rem
}

.dynamic-split-line {
    border-bottom: .06rem solid;
    border-color: #f5f5f5
}

.darkmode .dynamic-split-line {
    border-color: rgba(68,68,68,.2)
}

.s-action-sheet {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: .14rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -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: #1f1f1f
}

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

.s-action-sheet-container {
    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;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    max-height: 85%;
    padding: 0 0 1.12rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: pop-up .3s ease 1 forwards;
    animation: pop-up .3s ease 1 forwards;
    background-color: #fff
}

.darkmode .s-action-sheet-container {
    background-color: #222
}

.s-action-sheet-container.tab_control {
    padding-bottom: .93667rem
}

.s-action-sheet-round .s-action-sheet-container {
    border-radius: .21rem .21rem 0 0
}

.s-action-sheet-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    -webkit-animation: fade-in .3s linear 1 forwards;
    animation: fade-in .3s linear 1 forwards;
    background-color: rgba(0,0,0,.5)
}

.darkmode .s-action-sheet-mask {
    background-color: rgba(8,8,8,.8)
}

.s-action-sheet-title-wrap {
    position: relative;
    width: 100%;
    height: .53rem;
    line-height: .52667rem
}

.s-action-sheet-title-wrap .hairline {
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #e0e0e0;
    height: .01rem
}

.nightmode .s-action-sheet-title-wrap .hairline:after {
    border: #e6e6e6;
    border-bottom: 1px solid
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-action-sheet-title-wrap .hairline {
        border: none
    }

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

    .nightmode .s-action-sheet-title-wrap .hairline:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

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

.s-action-sheet-title-wrap .hairline:after {
    z-index: 1;
    height: 0;
    border-color: #eee
}

.darkmode .s-action-sheet-title-wrap .hairline:after {
    border-color: hsla(0,0%,40%,.4)
}

.s-action-sheet-title {
    font-size: .18rem;
    font-weight: 600;
    text-align: left;
    padding-left: .17rem;
    color: #1f1f1f
}

.darkmode .s-action-sheet-title {
    color: hsla(0,0%,100%,.8)
}

.s-action-sheet-close {
    position: absolute;
    top: .18667rem;
    right: .18667rem;
    width: .19333rem;
    height: .19333rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAJFBMVEUAAAAtLS0fHx8gICAgICAgICAgICAgICAhISEgICAhISEfHx8HswjMAAAAC3RSTlMAEc0o6KhOz2Q4fUB3YNgAAAClSURBVCjPxdAxDkFREIVhIiQ6sQO1RmEHSkvQ6FVqjSVYi4jC3Rzx35u58/4FvGnmTPI1cybjzGyVzkfd+w2bmb8rPj57firn/55uCxxcXjvSusArPhDgwnBhuDFcGG4MF4Ybw8HiYHGwOFg84WijXFtOPUczqedbFNn3nHqP6nh1iHlVmFeN4cJwY7gw3BguDO+x+BIc/E66gBv/1LAAN/7DY8wX56xVSYtbZz0AAAAASUVORK5CYII=);background-repeat: no-repeat;
    background-size: 100% 100%
}

.darkmode .s-action-sheet-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAADHRSTlMAzA6kILmHP6ZQLWTxtbGXAAAApUlEQVQoz8XQsQlCQRBFURFRMFtEDEwEK9AKTCxAsAE70BK0AkuwVMW7y+z8W8CfZN7ASeZNxpnZLp2fus9HNjPfVHxZ9fxW7v89PRQ4uKxPpH2BV3wlwIXhwnBjuDDcGC4MN4aDxcHiYHGweMLRRnm1nHqOZlLPzyiy7zn1HtXx6hDzqjCvGsOF4cZwYbgxXBjeY/ElOPib9AA3vq1hAW78h8eYL8EoISiJCY7DAAAAAElFTkSuQmCC)
}

.nightmode .s-action-sheet-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5BAMAAAB+Np62AAAAJ1BMVEUAAABnZ2dnZ2dmZmZmZmZoaGhnZ2dpaWlmZmZpaWlmZmZnZ2dmZmbXVuTRAAAADHRSTlMAkvPbPBt/Dc0uqnb95pC1AAAAyklEQVQ4y93SsQ3CMBCFYZBQENBQUjBC2ixASwMbZAAKb0HPCGwSIiGKGwoK4l/2PwFc9ezTV92b/eesen0dibehXi7aPtM2ttX2EM8pNhFDTWNM02MfXwyNLj/mGUNPPMGiYFFhqLApWNQYagw1FhWGChfUuKDCBRW+Q40/AzWGetYRD1OOU9xZbSruLNqCTccz2LQrSuIicmfTqmEuItgUbKp6ioJNwabComBTsKkxVNjUeAMFv9KUL5mCrzk3LuIukZO2y9mvzht9SaFKKV5IWwAAAABJRU5ErkJggg==)
}

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

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

.darkmode to {
    background-color: rgba(8,8,8,.8)
}
}

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

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

.darkmode to {
    background-color: rgba(8,8,8,.8)
}
}

@-webkit-keyframes pop-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@keyframes pop-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

.s-ugc-panel {
    height: .68rem;
    width: 100%;
    padding: 0 .17rem;
    -webkit-transition: height .2s ease-in;
    transition: height .2s ease-in;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #eee
}

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

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

    .s-ugc-panel: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-ugc-panel:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

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

.s-ugc-panel:after {
    border-color: #f5f5f5
}

.darkmode .s-ugc-panel:after {
    border-color: rgba(68,68,68,.2)
}

.s-ugc-panel.hide-item,.s-ugc-panel.state-4 {
    height: 0
}

.s-ugc-panel-cover {
    height: .44rem;
    width: .44rem;
    min-width: .44rem;
    margin-right: .08rem;
    position: relative
}

.s-ugc-panel-cover.cover-2:after {
    content: "";
    position: absolute;
    width: .14rem;
    height: .14rem;
    right: .04rem;
    bottom: .04rem;
    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");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.s-ugc-panel-img {
    height: 100%;
    width: 100%;
    border-radius: .09rem;
    -o-object-fit: cover;
    object-fit: cover
}

.s-ugc-panel-infos {
    height: .44rem;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    position: relative
}

.s-ugc-panel-infos.no-img,.state-0 .s-ugc-panel-infos {
    width: 100%
}

.s-ugc-panel-content {
    line-height: .17rem;
    font-size: .16rem;
    color: #1f1f1f
}

.darkmode .s-ugc-panel-content {
    color: hsla(0,0%,100%,.8)
}

.s-ugc-panel-state {
    font-size: .12rem;
    line-height: .12rem;
    margin-top: .06rem;
    color: #858585
}

.darkmode .s-ugc-panel-state {
    color: hsla(0,0%,100%,.5)
}

.state-0 .s-ugc-panel-state {
    color: #f33
}

.state-3 .s-ugc-panel-state {
    color: #4e6ef2
}

.s-ugc-panel-progress {
    height: .02rem;
    width: 100%;
    min-width: 2.21333rem;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: .07rem;
    background-color: rgba(78,110,242,.1);
    border-radius: .01rem
}

.darkmode .s-ugc-panel-progress {
    background-color: rgba(78,110,242,.3)
}

.s-ugc-panel-progress .percentage-bar {
    height: 100%;
    border-radius: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4e6ef2
}

.state-2 .s-ugc-panel-progress .percentage-bar.animate {
    -webkit-transition: width .7s ease-in-out;
    transition: width .7s ease-in-out
}

.state-0 .s-ugc-panel-progress {
    max-width: 100%;
    min-width: 100%
}

.no-img .s-ugc-panel-progress {
    max-width: 2.79333rem
}

.s-ugc-panel-acts {
    min-width: 1rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.state-0 .s-ugc-panel-acts {
    width: 1.11667rem
}

.s-ugc-panel-acts .acts-btn {
    height: .28rem;
    line-height: .28rem;
    padding: 0 .15667rem;
    border-radius: .20667rem;
    font-size: .13rem
}

.s-ugc-panel-acts .acts-btn-0 {
    background: rgba(78,110,242,.1);
    color: #4e6ef2;
    font-weight: bolder
}

.s-ugc-panel-acts .acts-btn-1,.s-ugc-panel-acts .acts-btn-2 {
    background-color: #f5f5f5;
    color: #1f1f1f
}

.darkmode .s-ugc-panel-acts .acts-btn-1,.darkmode .s-ugc-panel-acts .acts-btn-2 {
    background-color: #222;
    color: hsla(0,0%,100%,.8)
}

.s-ugc-panel-acts .acts-btn-3 {
    display: none
}

.s-ugc-panel-acts .acts-btn-delete {
    height: .26rem;
    width: .26rem;
    margin-left: .11667rem;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAAaVBMVEUAAAD29vb29vb19fX19fX29vb29vb39/f19fX29vb29vb19fX19fX4+Pj6+vr5+fn4+Pj////////29vb19fX29vb19fUfHx+GhoZfX1/w8PCsrKwhISHx8fG7u7vg4OCYmJiNjY1AQEAFYYT4AAAAFnRSTlMAyY7u0YZTQ+ffvbhqTC8oIg4Gd592v0C0AQAAAdBJREFUWMO92ItugjAUxvHTCxYEL8z5ge6+93/IxRCzuK7lk574f4BfkKbSHsnXh862vnGAa3xru9DL4kJlEGWqsMTa2hqJaru9E9sYZDMb4Vt5zOZXJLZbg2q9I7CnCnTV05y2N7gjs595aw535bJv8Ii7O6Y1iwXZlPaMRT0Tz1b8fAcs7hBrKxQUre/elXBu/2cvGBRlbvdHhcKqm12P4nby27qcWydWtXx1vQbnr9oGKm1kyuhwZtK2UGqb3/ofn4h7+zrn/wrqlPY9jLF2Gk4pr75oIa0NwxhrQ9oLmf31OVwaY214fc/sNINE4+TF2ktmbXuA9c4zGtBLAOGRGoJ0IDxSQycWhEdqsNKC8TgNrXhQHqXBSwPKozQ04kB4pAYnAOvNawDBnU8TNzKcYzTWc9IQGu014hnt9WWkPC8tpQGU14rlNM6z0lEa6XUSGI31gvSERnu9iCE00jOZT8/XVYu93KcnJJ9u0mJvRObDKHXSizVgTGt1/lBx/vdHvSOVVT7y6B7IlI+LuodZ5aO29kVA/5qif4nSv+KVX0B1r8eql/ej+mhBf/ChP5Ypf3+Hx4y0ygdu5ePARw8ry0ep5YPe8jH044fk5SP8H50qmk77Gs+VAAAAAElFTkSuQmCC)
}

.darkmode .s-ugc-panel-acts .acts-btn-delete,.nightmode .s-ugc-panel-acts .acts-btn-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAAYFBMVEUAAAAjIyMiIiIiIiIiIiIiIiIjIyMiIiIlJSUiIiIiIiIiIiIkJCQlJSUmJiYmJiYmJiYkJCQrKysiIiIjIyMjIyMiIiLS0tJ+fn6cnJxeXl6goKBzc3NSUlIyMjK3t7fGFjVJAAAAFnRSTlMA+cmP6tG7hlND8N9qTC8oIg4Gd592JqBp/wAAAdNJREFUWMO92Atu2zAQBNDlV6ElfxTHIzVx2vvfsggQlHAdkmNx4TnAA0WC4u5KPXOaXAyjN8aPIbopzbI5abC4ix3SFuvgPArx7vAgtreoxu6Fz0tAM+GFxI4RVOKRwF4HAzJmeG1pJ4sHYk+NXdvhoeyqO3jBw7mUNYcNcSXtDZvy1l5b//rO2JzzD2eKjtyd72nXw+1O/90Fi67Y2/sxoDPDza03vZw5Sk5Ed2LhVPtPN2hw4d+fHCrZf3NWh7PfbxaUcqhf/d9X3MdcTf1X4Evan2W9134tHyXPf2mprC3Zy9pS9lLlfl2XJXtZ+8pn5aZZFLJm71Z7r5ztDDQ8WgNmSWh6tIYkE9oeq2ESB8IjNTiJYDxOQ5QAyqM0BBlBeZSGUTyaHq3Bi0HbYzWYFpfPdFkZzjMa63kZCY32RgmU9r5SXpBIaQDlRXGcxnlOJkojvUkSo7FekpnQaG8WsU2N9mz16cla9ppPTyqt7iNrt96KysMovuxlLXtlzdeLCvPjR32iFKdc8ugWZMrlom4xq1xqazcC+m2KfhOl3+L1N6C67bFq835RHy3oDz70xzL9+3d+zkirf+DWPw589rCyf5TaP+jtH0M/f0jeP8L/C7W4ll6mRx14AAAAAElFTkSuQmCC)
}

.darkmode .s-ugc-panel-acts .acts-btn-delete {
    opacity: 1
}

.s-ugc-panel-acts .total {
    height: .26rem;
    font-size: .13rem;
    border-radius: .13rem;
    background-color: #f5f5f5;
    padding: 0 .09rem 0 .12333rem;
    font-weight: bolder;
    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
}

.darkmode .s-ugc-panel-acts .total {
    background-color: #222
}

.s-ugc-panel-acts .total:after {
    content: "";
    display: block;
    height: .12rem;
    width: .12rem;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAS1BMVEUAAAA2NjYfHx8gICAgICAiIiIgICAfHx8gICAfHx8gICAgICAgICAfHx8fHx8iIiIgICAhISEgICAgICAgICAhISEhISEkJCQfHx8pd4gQAAAAGHRSTlMAB/GFYA/429DEtqeWclFCIBffiXZlNSpm9tA4AAAAhklEQVQ4y83Utw6AMAxFUUjoJYXq//9SRLzfDBnA85Ec2X6pPix7580u5sqZQ0SMZ9PIW51DFHpJ1aCKg6oVVTuqsqjqSdXCalY118gWVRMrq2psUa2qhshTVdUHVK5LauOO3iR1liFuxw/nEfAwC9bCC+ZT4aPj8y0KAkeKw8kx5w/jD/UArfcRKzsjjWkAAAAASUVORK5CYII=)
}

.darkmode .s-ugc-panel-acts .total:after,.nightmode .s-ugc-panel-acts .total:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAhgfxc2AP+NvQxLanllFCIBffZTUq6m5WHwAAAIVJREFUOMvN1MkOgCAMRVERZ2Vy6P9/qpHuryQstOuTlLR9NB+WuQqM2PPNdCJiA5tenho9ojhJrh5VmlV1qIZFlUHVrqocq03V1iJzqlZWRtUy8ExVzalgqjJFVH7MaueOwWZ11CFuxw/nEfAwK9bCC+ZT4aPj860KAkeKw8kx5w/jD3UD89YPvfDriSEAAAAASUVORK5CYII=)
}

.darkmode .s-ugc-panel-acts .total:after {
    opacity: 1
}

.s-single-entrance {
    font-size: .13rem;
    width: auto;
    display: inline-block;
    margin-right: .1rem
}

.s-single-entrance-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .4rem;
    border-radius: .05rem;
    padding: 0 .09rem 0 .10333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    color: #1f1f1f
}

.darkmode .s-single-entrance-content {
    background-color: rgba(68,68,68,.5);
    color: hsla(0,0%,100%,.8)
}

.s-single-entrance-content .icon {
    height: .15rem;
    width: .15rem;
    margin-right: .04rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/collection.f630c65.svg?clientprefetch=3)
}

.font-size-2 .s-single-entrance-content .icon {
    height: .18rem;
    width: .18rem
}

.font-size-3 .s-single-entrance-content .icon,.font-size-4 .s-single-entrance-content .icon {
    height: .19rem;
    width: .19rem
}

.s-single-entrance-title {
    line-height: .13333rem;
    max-width: 1.3rem;
    font-weight: bolder;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.font-size-0 .s-single-entrance-title,.font-size-1 .s-single-entrance-title {
    font-size: 13px;
    line-height: 19px
}

.font-size-2 .s-single-entrance-title {
    font-size: 16px;
    line-height: 22px
}

.font-size-3 .s-single-entrance-title,.font-size-4 .s-single-entrance-title {
    font-size: 18px;
    line-height: 24px
}

.android .font-size-0 .s-single-entrance-title,.android .font-size-1 .s-single-entrance-title {
    font-size: 11.7px;
    line-height: 18px
}

.android .font-size-2 .s-single-entrance-title {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-3 .s-single-entrance-title,.android .font-size-4 .s-single-entrance-title {
    font-size: 16.2px;
    line-height: 22.5px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-single-entrance-title,.font-size-1 .s-single-entrance-title {
        font-size: 11.7px;
        line-height: 18px
    }

    .font-size-2 .s-single-entrance-title {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-3 .s-single-entrance-title,.font-size-4 .s-single-entrance-title {
        font-size: 16.2px;
        line-height: 22.5px
    }
}

.s-single-entrance-content {
    opacity: 1
}

.s-single-entrance-content:active {
    opacity: .2
}

.single-one {
    margin: .09rem .17rem
}

.s-colloction {
    margin: .1rem auto;
    font-size: .13rem
}

.s-colloction-more {
    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;
    color: #1f1f1f;
    background-color: #f5f5f5;
    font-weight: bolder;
    width: 15%;
    padding-right: .1rem;
    border-radius: .05rem 0 0 .05rem;
    -webkit-transition: all .24s ease;
    transition: all .24s ease
}

.darkmode .s-colloction-more {
    color: hsla(0,0%,100%,.8);
    background-color: rgba(68,68,68,.5)
}

.s-colloction-item:active,.s-colloction-more:active {
    opacity: .2
}

.s-colloction-scroll .s-scroll {
    padding-left: .1rem;
    padding-right: 0
}

.s-colloction .s-scroll-placeholder {
    display: none
}

.s-colloction .arrow {
    margin: 0 .02rem 0 .1rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.s-feed-tips {
    margin: .2rem 0 .1rem .17rem;
    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-tips-text {
    font-size: .14rem;
    line-height: .14rem;
    color: #1f1f1f
}

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

.font-size-2 .s-feed-tips-text {
    font-size: .16rem;
    line-height: .16rem
}

.font-size-3 .s-feed-tips-text,.font-size-4 .s-feed-tips-text {
    font-size: .18rem;
    line-height: .18rem
}

.s-feed-tips-icon {
    display: block;
    height: .13rem;
    width: .13rem;
    margin-left: .06333rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.font-size-2 .s-feed-tips-icon {
    height: .15rem;
    width: .15rem
}

.font-size-3 .s-feed-tips-icon,.font-size-4 .s-feed-tips-icon {
    height: .17rem;
    width: .17rem
}

.s-feed-tips-icon.more {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/more-info.b76492d.svg?clientprefetch=3)
}

.s-appointment {
    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;
    padding: .15rem .13rem;
    background-color: #f5f5f5;
    border-radius: .12rem
}

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

.s-appointment+.s-appointment {
    margin-top: .09rem
}

.s-appointment-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .3rem
}

.s-appointment-title {
    font-size: .17rem;
    line-height: .21rem;
    font-weight: 400;
    color: #1f1f1f
}

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

.s-appointment-info {
    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;
    margin-top: .06rem;
    line-height: 1
}

.s-appointment-price {
    font-size: .16rem;
    line-height: .16rem;
    margin-right: .08rem
}

.s-appointment-price>span {
    font-size: .13rem
}

.s-appointment-text {
    font-size: .14rem;
    color: #858585
}

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

.s-appointment-btn {
    height: .28rem;
    padding: 0 .15667rem;
    line-height: .29rem;
    font-size: .13rem;
    position: relative;
    overflow: visible;
    border: 1px solid rgba(253,80,62,.5);
    border-radius: 15px
}

.nightmode .s-appointment-btn {
    border-color: #e6e6e6
}

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

    .s-appointment-btn:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid rgba(253,80,62,.5);
        border-radius: 45px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

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

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

.darkmode .s-appointment-btn {
    background: rgba(235,80,62,.3)
}

.darkmode .s-appointment-btn:after {
    border-color: transparent
}

.nightmode .s-appointment-btn:after {
    border-color: #ea5d49
}

.s-appointment-btn:active {
    opacity: .2
}

.s-appointment-btn,.s-appointment-price {
    font-weight: bolder;
    color: #fd503e
}

.font-size-2 .s-appointment-title {
    font-size: .2rem;
    line-height: .25rem
}

.font-size-2 .s-appointment-price {
    font-size: .19rem;
    line-height: .19rem
}

.font-size-2 .s-appointment-price>span {
    font-size: .15rem
}

.font-size-2 .s-appointment-text {
    font-size: .16rem
}

.font-size-2 .s-appointment-btn {
    height: .33rem;
    line-height: .34rem;
    font-size: .15rem;
    border-radius: .17rem
}

.font-size-2 .s-appointment-btn:after {
    border-radius: 51px
}

.font-size-3 .s-appointment-title,.font-size-4 .s-appointment-title {
    font-size: .22rem;
    line-height: .27rem
}

.font-size-3 .s-appointment-price,.font-size-4 .s-appointment-price {
    font-size: .2rem;
    line-height: .2rem
}

.font-size-3 .s-appointment-price>span,.font-size-4 .s-appointment-price>span {
    font-size: .17rem
}

.font-size-3 .s-appointment-text,.font-size-4 .s-appointment-text {
    font-size: .18rem
}

.font-size-3 .s-appointment-btn,.font-size-4 .s-appointment-btn {
    height: .35rem;
    line-height: .37rem;
    font-size: .17rem;
    border-radius: .19rem
}

.font-size-3 .s-appointment-btn:after,.font-size-4 .s-appointment-btn:after {
    border-radius: 57px
}

.s-appointment-recommend {
    position: relative;
    padding-top: .29rem
}

.s-appointment-recommend>.s-appointment-btn {
    background-color: #fd503e;
    color: #fff;
    -webkit-transform: translateY(-.07rem);
    transform: translateY(-.07rem)
}

.s-appointment-recommend>.s-appointment-btn:after {
    border-color: transparent
}

.s-appointment-recommend:before {
    content: "95%人选择";
    position: absolute;
    left: 0;
    top: 0;
    height: .2rem;
    padding: 0 .07333rem 0 .47rem;
    background-color: rgba(255,51,51,.1);
    color: #fd503e;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/consultant-hot.84df6cc.png?clientprefetch=3);
    background-size: auto 100%;
    background-repeat: no-repeat;
    font-size: .12rem;
    line-height: .2rem;
    border-radius: .12rem .12rem .12rem .01rem
}

.darkmode .s-appointment-recommend:before {
    background-color: rgba(255,51,51,.2)
}

.font-size-2 .s-appointment-recommend:before {
    height: .23rem;
    line-height: .23rem;
    font-size: .14rem;
    padding: 0 .09rem 0 .55rem
}

.font-size-3 .s-appointment-recommend:before,.font-size-4 .s-appointment-recommend:before {
    height: .25rem;
    line-height: .25rem;
    font-size: .15rem;
    padding: 0 .1rem 0 .6rem
}

.s-tab-comment {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 .17rem
}

.s-tab-comment+.s-tab-comment {
    margin-top: .3rem
}

.s-tab-comment-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .08rem
}

.s-tab-comment-title {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .15rem;
    line-height: .15rem;
    color: #525252
}

.darkmode .s-tab-comment-title {
    color: hsla(0,0%,100%,.7)
}

.font-size-2 .s-tab-comment-title {
    font-size: .18rem;
    line-height: .18rem
}

.font-size-3 .s-tab-comment-title,.font-size-4 .s-tab-comment-title {
    font-size: .19rem;
    line-height: .19rem
}

.s-tab-comment-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.s-tab-comment-score {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-tab-comment-score-num {
    font-size: .14rem;
    font-weight: 400;
    color: #858585
}

.darkmode .s-tab-comment-score-num {
    color: hsla(0,0%,100%,.5)
}

.font-size-2 .s-tab-comment-score-num {
    font-size: .16rem
}

.font-size-2 .s-tab-comment-score .s-starrate {
    height: .14rem;
    min-width: .75rem
}

.font-size-2 .s-tab-comment-score .s-starrate .s-starrate-stars-bar {
    line-height: .14rem
}

.font-size-2 .s-tab-comment-score .s-starrate .star-active,.font-size-2 .s-tab-comment-score .s-starrate .star-empty {
    font-size: .14rem;
    height: .14rem;
    width: .14rem
}

.font-size-3 .s-tab-comment-score-num,.font-size-4 .s-tab-comment-score-num {
    font-size: .18rem
}

.font-size-3 .s-tab-comment-score .s-starrate,.font-size-4 .s-tab-comment-score .s-starrate {
    height: .15rem;
    min-width: .82rem
}

.font-size-3 .s-tab-comment-score .s-starrate .s-starrate-stars-bar,.font-size-4 .s-tab-comment-score .s-starrate .s-starrate-stars-bar {
    line-height: .15rem
}

.font-size-3 .s-tab-comment-score .s-starrate .star-active,.font-size-3 .s-tab-comment-score .s-starrate .star-empty,.font-size-4 .s-tab-comment-score .s-starrate .star-active,.font-size-4 .s-tab-comment-score .s-starrate .star-empty {
    font-size: .15rem;
    height: .15rem;
    width: .15rem
}

.s-tab-comment-detail {
    font-size: .17rem;
    line-height: .23rem;
    padding-right: .1rem;
    margin: .12rem 0 .06rem;
    color: #1f1f1f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.darkmode .s-tab-comment-detail {
    color: hsla(0,0%,100%,.8)
}

.font-size-2 .s-tab-comment-detail {
    font-size: .2rem;
    line-height: .27rem
}

.font-size-3 .s-tab-comment-detail,.font-size-4 .s-tab-comment-detail {
    font-size: .22rem;
    line-height: .29rem
}

.s-tab-comment-tag {
    max-width: 2.1rem;
    color: #858585;
    font-size: .12rem;
    line-height: .16rem;
    padding: .02rem .05rem;
    margin: 0 .07rem .07rem 0;
    position: relative;
    overflow: visible;
    border: 1px solid #858585;
    border-radius: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.darkmode .s-tab-comment-tag {
    color: hsla(0,0%,100%,.5)
}

.nightmode .s-tab-comment-tag {
    border-color: #e6e6e6
}

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

    .s-tab-comment-tag:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #858585;
        border-radius: .36rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-tab-comment-tag:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-tab-comment-tag:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .24rem
    }
}

.s-tab-comment-tag:after {
    border-color: #858585;
    opacity: .5
}

.darkmode .s-tab-comment-tag:after {
    border-color: hsla(0,0%,100%,.5)
}

.font-size-2 .s-tab-comment-tag {
    font-size: .14rem;
    line-height: .19rem
}

.font-size-3 .s-tab-comment-tag,.font-size-4 .s-tab-comment-tag {
    font-size: .15rem;
    line-height: .2rem
}

.s-tab-comment-time {
    margin-top: .03rem;
    font-size: .13rem;
    line-height: .13rem;
    color: #858585
}

.darkmode .s-tab-comment-time {
    color: hsla(0,0%,100%,.5)
}

.font-size-2 .s-tab-comment-time {
    font-size: .15rem;
    line-height: .15rem
}

.font-size-3 .s-tab-comment-time,.font-size-4 .s-tab-comment-time {
    font-size: .17rem;
    line-height: .17rem
}

.s-tab-safeguard {
    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;
    padding: 0 .17rem;
    border-bottom: .06rem solid;
    border-color: #f5f5f5
}

.font-size-0 .s-tab-safeguard,.font-size-1 .s-tab-safeguard {
    font-size: 13px;
    line-height: 19px
}

.font-size-2 .s-tab-safeguard {
    font-size: 16px;
    line-height: 22px
}

.font-size-3 .s-tab-safeguard,.font-size-4 .s-tab-safeguard {
    font-size: 18px;
    line-height: 24px
}

.android .font-size-0 .s-tab-safeguard,.android .font-size-1 .s-tab-safeguard {
    font-size: 11.7px;
    line-height: 18px
}

.android .font-size-2 .s-tab-safeguard {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-3 .s-tab-safeguard,.android .font-size-4 .s-tab-safeguard {
    font-size: 16.2px;
    line-height: 22.5px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-tab-safeguard,.font-size-1 .s-tab-safeguard {
        font-size: 11.7px;
        line-height: 18px
    }

    .font-size-2 .s-tab-safeguard {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-3 .s-tab-safeguard,.font-size-4 .s-tab-safeguard {
        font-size: 16.2px;
        line-height: 22.5px
    }
}

.darkmode .s-tab-safeguard {
    border-color: rgba(68,68,68,.2)
}

.s-tab-safeguard-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .34667rem;
    height: .39333rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/consultant-safeguard.7764bfa.png?clientprefetch=3);
    background-position: 50%;
    background-size: cover
}

.s-tab-safeguard-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .13rem 0 .13rem .11rem
}

.s-tab-safeguard-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #1f1f1f
}

.darkmode .s-tab-safeguard-title {
    color: hsla(0,0%,100%,.8)
}

.s-tab-safeguard-prefix {
    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;
    margin-right: .08rem
}

.s-tab-safeguard-prefix:before {
    content: "";
    display: block;
    width: .55333rem;
    height: .13667rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/consultant-safeguard-txt.b5cffad.png?clientprefetch=3);
    background-position: 50%;
    background-size: cover
}

.s-tab-safeguard-prefix:after {
    content: "";
    display: block;
    height: .12rem;
    margin-left: .08rem;
    border-right: .01rem solid;
    border-color: #858585
}

.darkmode .s-tab-safeguard-prefix:after {
    border-color: hsla(0,0%,100%,.5)
}

.s-tab-safeguard-subTitle {
    margin-top: .1rem;
    color: #858585
}

.darkmode .s-tab-safeguard-subTitle {
    color: hsla(0,0%,100%,.5)
}

.font-size-2 .s-tab-safeguard-icon {
    width: .4rem;
    height: .46rem
}

.font-size-2 .s-tab-safeguard-prefix:before {
    width: .64rem;
    height: .16rem
}

.font-size-2 .s-tab-safeguard-prefix:after {
    height: .14rem
}

.font-size-3 .s-tab-safeguard-icon,.font-size-4 .s-tab-safeguard-icon {
    width: .44rem;
    height: .5rem
}

.font-size-3 .s-tab-safeguard-prefix:before,.font-size-4 .s-tab-safeguard-prefix:before {
    width: .7rem;
    height: .18rem
}

.font-size-3 .s-tab-safeguard-prefix:after,.font-size-4 .s-tab-safeguard-prefix:after {
    height: .15rem
}

.s-tab-consultant {
    background-color: #fff
}

.darkmode .s-tab-consultant {
    background-color: #080808
}

.s-tab-consultant .s-tabs-content-wrap {
    min-height: auto!important
}

.s-tab-consultant-section {
    padding-bottom: .15rem;
    border-bottom: .06rem solid;
    border-color: #f5f5f5
}

.darkmode .s-tab-consultant-section {
    border-color: rgba(68,68,68,.2)
}

.s-tab-consultant-section .s-tabs .s-tab:first-child {
    margin-left: .17rem
}

.s-tab-consultant-section .s-tabs .s-tab:last-child {
    margin-right: 0
}

.nightmode .s-tab-consultant-section .s-tabs .s-tab {
    background-color: #121212
}

.s-tab-consultant-section .s-tabs .s-tabs-wrap {
    padding: 0
}

.s-tab-consultant-section .s-tabs .s-tabs-nav:after {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: .17rem
}

.s-tab-consultant-empty {
    padding: .16rem 0 .14rem;
    color: #1f1f1f;
    text-align: center
}

.darkmode .s-tab-consultant-empty {
    color: hsla(0,0%,100%,.8)
}

.font-size-0 .s-tab-consultant-empty,.font-size-1 .s-tab-consultant-empty {
    font-size: 15px;
    line-height: 21px
}

.font-size-2 .s-tab-consultant-empty {
    font-size: 17px;
    line-height: 24px
}

.font-size-3 .s-tab-consultant-empty,.font-size-4 .s-tab-consultant-empty {
    font-size: 19px;
    line-height: 27px
}

.android .font-size-0 .s-tab-consultant-empty,.android .font-size-1 .s-tab-consultant-empty {
    font-size: 13.5px;
    line-height: 18.9px
}

.android .font-size-2 .s-tab-consultant-empty {
    font-size: 15.3px;
    line-height: 21.6px
}

.android .font-size-3 .s-tab-consultant-empty,.android .font-size-4 .s-tab-consultant-empty {
    font-size: 17.1px;
    line-height: 24.3px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-tab-consultant-empty,.font-size-1 .s-tab-consultant-empty {
        font-size: 13.5px;
        line-height: 18.9px
    }

    .font-size-2 .s-tab-consultant-empty {
        font-size: 15.3px;
        line-height: 21.6px
    }

    .font-size-3 .s-tab-consultant-empty,.font-size-4 .s-tab-consultant-empty {
        font-size: 17.1px;
        line-height: 24.3px
    }
}

.s-tab-consultant .consultant-list {
    padding: .08rem .17rem 0
}

.s-tab-consultant .section-title {
    height: .46rem;
    line-height: .46rem;
    font-size: .16rem;
    font-weight: 700;
    padding: 0 .17rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s-tab-consultant .section-title span {
    display: block;
    text-indent: -.08rem
}

.font-size-2 .s-tab-consultant .section-title {
    height: .54rem;
    line-height: .54rem;
    font-size: .19rem
}

.font-size-3 .s-tab-consultant .section-title,.font-size-4 .s-tab-consultant .section-title {
    height: .58rem;
    line-height: .58rem;
    font-size: .21rem
}

.s-tab-consultant .section-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    font-weight: 400;
    color: #858585
}

.darkmode .s-tab-consultant .section-link {
    color: hsla(0,0%,100%,.5)
}

.s-tab-consultant .section-link:active {
    opacity: .2
}

.font-size-2 .s-tab-consultant .section-link {
    font-size: .16rem
}

.font-size-3 .s-tab-consultant .section-link,.font-size-4 .s-tab-consultant .section-link {
    font-size: .18rem
}

.s-tab-consultant .section-comment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .06rem .17rem .22rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #525252;
    font-size: .15rem;
    font-weight: 700
}

.darkmode .s-tab-consultant .section-comment {
    color: hsla(0,0%,100%,.6)
}

.s-tab-consultant .section-comment-score {
    margin-left: .08rem;
    color: #fd503e
}

.font-size-2 .s-tab-consultant .section-comment {
    font-size: .18rem
}

.font-size-3 .s-tab-consultant .section-comment,.font-size-4 .s-tab-consultant .section-comment {
    font-size: .19rem
}

.s-tab-consultant .tags-1 .s-tabs-wrap {
    display: none
}

.s-tab-consultant .consultant-more {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .16rem 0 .01rem;
    font-weight: bolder;
    font-size: .14rem;
    color: #1f1f1f
}

.darkmode .s-tab-consultant .consultant-more {
    color: hsla(0,0%,100%,.8)
}

.s-tab-consultant .consultant-more svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .04rem
}

.font-size-2 .s-tab-consultant .consultant-more {
    font-size: .16rem
}

.font-size-3 .s-tab-consultant .consultant-more,.font-size-4 .s-tab-consultant .consultant-more {
    font-size: .18rem
}

.s-tab-consultant .loading-wrap {
    margin-top: .2rem
}

.s-tab-consultant-skilled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .17rem
}

.s-tab-consultant-skilled+.section-title {
    margin-top: -.07rem
}

.s-tab-consultant-intro {
    margin-top: -.04rem;
    padding: 0 .17rem .15rem;
    font-size: .17rem;
    line-height: .24rem;
    color: #1f1f1f;
    border-bottom: .06rem solid;
    border-color: #f5f5f5
}

.darkmode .s-tab-consultant-intro {
    color: hsla(0,0%,100%,.8);
    border-color: rgba(68,68,68,.2)
}

.s-tab-consultant .section-title-consultant {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700;
    padding: .15rem .17rem .01rem
}

.font-size-0 .s-tab-consultant .section-title-consultant,.font-size-1 .s-tab-consultant .section-title-consultant {
    font-size: 16px;
    line-height: 22px
}

.font-size-2 .s-tab-consultant .section-title-consultant {
    font-size: 18px;
    line-height: 24px
}

.font-size-3 .s-tab-consultant .section-title-consultant,.font-size-4 .s-tab-consultant .section-title-consultant {
    font-size: 20px;
    line-height: 26px
}

.android .font-size-0 .s-tab-consultant .section-title-consultant,.android .font-size-1 .s-tab-consultant .section-title-consultant {
    font-size: 14.4px;
    line-height: 20.7px
}

.android .font-size-2 .s-tab-consultant .section-title-consultant {
    font-size: 16.2px;
    line-height: 22.5px
}

.android .font-size-3 .s-tab-consultant .section-title-consultant,.android .font-size-4 .s-tab-consultant .section-title-consultant {
    font-size: 18px;
    line-height: 24.3px
}

@media screen and (max-width:360px) {
    .font-size-0 .s-tab-consultant .section-title-consultant， .font-size-1 .s-tab-consultant .section-title-consultant {
        font-size: 14.4px;
        line-height: 20.7px
    }

    .font-size-2 .s-tab-consultant .section-title-consultant {
        font-size: 16.2px;
        line-height: 22.5px
    }

    .font-size-3 .s-tab-consultant .section-title-consultant， .font-size-4 .s-tab-consultant .section-title-consultant {
        font-size: 18px;
        line-height: 24.3px
    }
}

.s-head-img-animation {
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s,-webkit-transform .7s
}

.s-head-img-header {
    -webkit-transform-origin: center top;
    transform-origin: center top;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-position: 50%;
    background-size: cover;
    z-index: -1;
    -webkit-user-select: none
}

.s-head-img-header-new-bg {
    top: 0;
    left: 0;
    height: 100%
}

.s-head-img-header-img,.s-head-img-header-new-bg {
    position: absolute;
    width: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.s-head-img-header-img {
    height: auto;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.s-head-img-header #headPlayer {
    height: 100%;
    width: 100%
}

.s-head-img-header.has-mask:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.05)
}

.darkmode .s-head-img-header.has-mask:after {
    background: rgba(0,0,0,.1)
}

.s-head-img-header-guide {
    width: 100%;
    position: fixed;
    top: .34rem;
    left: 0;
    color: #fff;
    font-size: .14rem;
    line-height: .44rem;
    text-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s-head-img-header-guide-animation {
    width: .33rem;
    height: .33rem;
    position: relative;
    -webkit-transform: translateY(-.02rem);
    transform: translateY(-.02rem)
}

.s-head-img-header-guide-animation-icon {
    position: absolute;
    width: .22rem;
    height: .22rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.s-head-img-header-guide-animation-icon.hand {
    top: .07rem;
    left: .06rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMA+UGGIfFeEPatFwrqWks57d7IizUpBqXSamVVJeK6gHgwknKal3s51AAAAcpJREFUWMPt19dyqzAQgOGlHRlExzRTjIve/xVPNmvAGaMoEpNc+b8JM4Iv8jiwBN79SVWZuLsAfvWEEMPJXEgyQY3MUAhCMecbEr5Y64yEEi/1pviOP3MjosVL43k3lQlxnq884UFgQjhCCAsP/iHhvok38TvEvXV3EZRT7SZEw1xmRsTiqbAIDAjefBwdFsQ76hPAophVzmrUo38L9AgqF8+lnQHR557fFt6CTCDNLup6Kl8JKloIq5QA5WO/NSNi67lu5Z97GSXTZ9loVm8TEHccWIOnMMX0wRZi+/NctlauAhtSJWHjqr21gtceYoCbKUED7Ez3hSGR0ADDIkOixwUHViPUJiDE32yvxlWfKHDl8FgqixPoE2yYDcqAgEtKxg4CjouhJhKQGJ7CWL+vHvYYN7rN9hh3PANAYVgxyMtUr3DHVGH0dDN914WMSLZ+pS/ke4OePZI/zwCnygCKSjJu8vfiFlT1w6dRyF5qQw7K3Iwe5S+nnubPqC5oaJ5/naHc0fnfgD1mytMwrzraW8bgZ3FfUOO5s207mmpPkODqvcu/lgegUdK8AFbBQatqCr8Kfg/aVZ2fCSod2wAM45fETlwO737Sf8+dYs5faJ8TAAAAAElFTkSuQmCC)
}

.s-head-img-header-guide-animation-icon.hand.animate {
    -webkit-animation: headImgHand 2.4s linear .08s;
    animation: headImgHand 2.4s linear .08s
}

.s-head-img-header-guide-animation-icon.circle {
    bottom: .11rem;
    left: .04rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAH3RSTlMAzBSyB4LFwUctyJ1vQDYjDqR4WE+6lI5nXwRTJiCtAY8nwwAAASRJREFUWMPtlNuSgyAQRAUSBMNFxXiL7v9/5u5AtnKfMXlLFed1utqmGSwymczXU6/a2qUuPmTn2h+WKIeu/sBgKtk11eDfdAhHdk/V8ncq6NkzSrfZYREs0YzKeW3DIM9Buo0OPrUgDb80o87NjpsceMqwvz35HJKx2nIVTYx8ehis0VoutMUYHdyzkg8wEjvyGPJ1XB5vOlAWe1CZF0Nd/Q2PRAzOUFEL4wm3OIGmw4/Z4BbQWAkhsBgc3ey4EYjAoSkBDQqLbY3EvgEosPDUSXtMMIEFemkD1aeBFSb3RpApZtKCXAtOdXHABBYsNKYQ1I2s1G+FpyeEIYicASwcIqAXuIcHMBdkGYqqAmUW+Hoaom7A943C5p3RRSaTyWQy//wCSDoJRQK8gD4AAAAASUVORK5CYII=);opacity: 0
}

.s-head-img-header-guide-animation-icon.circle.animate {
    -webkit-animation: headImgCircle 2.6s linear .08s forwards;
    animation: headImgCircle 2.6s linear .08s forwards
}

@-webkit-keyframes headImgHand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    8.33% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    16.66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    33.33% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    41.66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    58.33% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    66.66% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    83.33% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    91.66% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

@keyframes headImgHand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    8.33% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    16.66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    33.33% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    41.66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    58.33% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    66.66% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    83.33% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    91.66% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

@-webkit-keyframes headImgCircle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    7.69% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    15.28% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    16% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    23.07% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    30.76% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    38.46% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    39% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    53.84% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    61.53% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    69.23% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    70% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    76.92% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    84.61% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    92.3% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

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

@keyframes headImgCircle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    7.69% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    15.28% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    16% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    23.07% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    30.76% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    38.46% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    39% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    53.84% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    61.53% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    69.23% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    70% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    76.92% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    84.61% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    92.3% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

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

.s-top-bar {
    -webkit-user-select: none
}

.s-top-bar .content-hidden {
    display: none
}

.s-top-bar .out {
    position: fixed;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%
}

.s-top-bar .out-hidden {
    z-index: 100;
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #e6e6e6;
    position: fixed;
    background-color: #fff
}

.nightmode .s-top-bar .out-hidden:after {
    border: #e6e6e6;
    border-bottom: 1px solid
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-top-bar .out-hidden {
        border: none
    }

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

    .nightmode .s-top-bar .out-hidden:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

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

.s-top-bar .out-hidden:after {
    border-bottom-color: #eee
}

.darkmode .s-top-bar .out-hidden:after {
    border-bottom-color: transparent
}

.darkmode .s-top-bar .out-hidden {
    background-color: #080808
}

.s-top-bar .out-hidden .edit {
    color: #333
}

.s-top-bar .out-hidden .s-top-bar-layout {
    height: .44rem
}

.s-top-bar .hide-line:after {
    content: none
}

.s-top-bar-layout {
    height: 0;
    overflow: visible;
    padding: 0 .17rem;
    font-size: .16rem;
    line-height: .44rem
}

.s-top-bar-user-info {
    margin-right: .17rem;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 1
}

.s-top-bar-user-info .s-avatar {
    display: block
}

.s-top-bar-user-info .s-avatar-placeholder {
    background-image: none
}

.s-top-bar-user-info .s-author-texts-content {
    margin: 0 .11rem 0 .08rem
}

.s-top-bar-user-info .s-author-texts-name {
    font-weight: bolder
}

.s-top-bar-tool {
    height: 100%;
    height: .44rem
}

.s-top-bar-tool .menu {
    width: .44rem;
    margin-right: -.13rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 20% 48%;
    background-size: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCBAMAAAAReh3bAAAAMFBMVEUAAAAAAAAAAAAAAAAODg4AAADV1dXz8/P+/v76+vrw8PC6urrr6+uUlJRVVVX///+9huYeAAAAD3RSTlMADQgWIByN1vfsy2e9Si2/uQHLAAAAmklEQVRIx2MYDkBRUIGAAlNXQ7xKmEzS21OM8Klg9Pr//5cjPhXK+f///0/GZ41oPVBFqQAeFSL9QBUtAuSbgXAH2X5BhAf5YYqIl1FACmBSIqRA2FiIgILX2Y8F8KZk6/n/ZxviTck3/v//cRlf3KmeB6axo/hUiMwHqpgiQL4KhC2EXUqRbxXAIUZ2qCNibhSMltqjpTb9AQAFw2o3t5m/tQAAAABJRU5ErkJggg==)
}

.out-hidden .s-top-bar-tool .menu {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCBAMAAAAReh3bAAAAJFBMVEUAAAAfHx8gICAfHx8fHx8gICAgICAgICAkJCQiIiIfHx8fHx960R6UAAAAC3RSTlMAzHb1579LrisPcxIpQ74AAABrSURBVEjHYxgFEKBoqIBfAevu3Vvxq9DevXs3fkOkgSoE8KqwBqowIN8MhDvI9wsiPEbBUATTlk3Ar4DNe7cbfhXNu3dvbsCrohqYxgrwqvAGqnAgXwXCFvJdivAt4RAbBUMRjJbao6U2AwDYkTtlAHOfkwAAAABJRU5ErkJggg==)
}

.darkmode .out-hidden .s-top-bar-tool .menu,.nightmode .out-hidden .s-top-bar-tool .menu {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCBAMAAAAReh3bAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAzF+kxbmZPIwjDOpMBkYAAABqSURBVEjHYxgFEKDsrIBfAZugoBh+FYqCgoL4DTEEqjDAq8IRqMKBfDMQ7iDfL4jwGAVDESxXX4BfAXugYDh+FVMEBUUm4FXRCExjDXhVBAJVBJCvAmEL+S5F+JZwiI2CoQhGS+3RUpsBAKGzE7nqpuVWAAAAAElFTkSuQmCC)
}

.darkmode .out-hidden .s-top-bar-tool .menu {
    opacity: 1
}

.s-top-bar-tool .setting {
    width: .35rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: .22rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/white-setting.92616e6.png?clientprefetch=3);
    margin-left: .19rem
}

.out-hidden .s-top-bar-tool .setting {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAUVBMVEUAAAAqKiofHx8jIyMfHx8fHx8hISEfHx8fHx8fHx8gICAgICAfHx8fHx8fHx8fHx8gICAiIiIhISEgICAfHx8gICAgICAgICAgICAhISEfHx/Vi7AyAAAAGnRSTlMAC/Ie54gx18y+f3dh+OCdljsnr8SxqGhZRJDytV0AAAFzSURBVFjD7ZfpjoMwDITJwVGSNnTpmfd/0I1R0UCgMl5ppW6386sdyIdxQuwUH72ylO9rHRnpuvfqGcBhOIdxqxDTRIEas0KwUSS7YKghBt1Wik1Y1eohjvxOR+5uIPMyu5jkMrQmQrFZxNDzMDxZZjvC0CP9zOqT0xYCtWlAP3Pq5FQSRJUG1DOH4lIShKI3nzkxSQDAiN9CxKm+/jfiNWbkTyG6pB/PCPT2iHW5w5R8cHJEFzN1UsQxLnQUIpolopEhPB6LoLwEoajcXqbOhYqqEiDKdHFvpo7ZJ6vkEbh/WadaULcgzrQQsqgVLZPzVsSdrt1y90bunUWgVp7GrFg7ZuCEisghrhHltozIYkW/rwwCnUR4/LYxyT7+BHQkDEKPQQCBMLQwCrwIohDnAulELvj+AjMCYUbYLodfF0yvJVmd6Pik3wjTdwq/VHS/0v2C78H5XYs/CQRu7+TPI4HbwflTUeDqCH82C0+r2UdvrW+Nt14LRSep1gAAAABJRU5ErkJggg==)
}

.darkmode .out-hidden .s-top-bar-tool .setting,.nightmode .out-hidden .s-top-bar-tool .setting {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGXRSTlMAzMIFuBdMC20nH6SXjWVgfXgwsKqdhlQ3PNgM2wAAAXVJREFUWMPtl9uygyAMReUiiBbRai///6WHdJyJCGdCHjrT236iKSw3oCQ0P72yrPGrFITk4o39B6ACDqcwQZUI7SAYGtoCQQuWdMZQDw9ydLYhpNwoHz6OcwkQPQG5Qu0JeofDXkggNNUChkwNGwi19YgWHmmSkI+RsWFojAN8EllixHEQLg5Ykwj4UhyEhZknERHFAOCIZyHEXv13I15jR94KMUexdyTXxyPKCsuevAQ+YhYHzVzEWWQ6MxFDjhh4CIOPRVOGg7CQbq/7yBWSqmUgOsxT+0zU1SN6meepEah9NcKDa5XGFMzN1yLuuHbHFb7XIdQa/7ps7U7rbvNzgYyoqhA3gem2E7iKDto3AoGVxLS1NXTT248JKxICIcFEikAbkukCJ4IumGuBy4lrcbBriR1BFXcE+jn+e0HVWvTbSVR8rG8E607ml0pUv/zzAmtwxTu16JvARJ2d9H1kok5w+lY0kXkkv5stMkOUs9lPH60/MpQM6Lby8SgAAAAASUVORK5CYII=)
}

.darkmode .out-hidden .s-top-bar-tool .setting {
    opacity: 1
}

.s-top-bar-tool .search {
    width: .44rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/white-search.c7eb934.png?clientprefetch=3)
}

.out-hidden .s-top-bar-tool .search {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAATlBMVEUAAAAhISEhISEgICAkJCQfHx8gICAfHx8fHx8gICAhISEgICAfHx8hISEgICAfHx8gICAfHx8fHx8gICAgICAhISEgICAhISErKysfHx/MbsygAAAAGXRSTlMAPCWRB+tm3OSoTRe/bHuc98zFt7BeWEYShExELwAAAXpJREFUWMPtl9tygyAQhkFAg0HwrLz/i3ayY2VaELdsJ1f5LwE/YU8s7KM36cmXztpu4c+yz2ut/Cml679i2slHmlqGFx99UiNHAqrZX2quMITOn+obo4XQpunDWH0LkOK0oGvlOdq607ZC5gm7ORYO2++pbTimzJ4lNB7UrKnZ9Xs2w5Am7DV3SnN9FnFrsfr4R94XKut8rnJ/qTyI34SdB6XjY474mbPM13jBbiUuNzuCv+Q9QoJvx0RuAntlCK2wNM7bCWKSoTRA7kcVBsgbDrHB4mfKzoohpVK+069Bh0W412qd4qIrG9heJUzRSyxC9rExOAQFQ6uJo2uBHMYjoCoscZJqPAKs3/0YslF+IPLE/iuCfhC6OelOpYcWPcDpaUZPdnrJoRc+evmlXwL0q4h+IdKvZXpzQG5RHLlR8o+K2K4Bo7xpDAxC6+oeB4PQQFeBUdrGBwbhMREYxU+awCh+WAXGXvi8CwzLCAIGEEgMy6ja2UexvgDxJ0yNMKBSkQAAAABJRU5ErkJggg==)
}

.darkmode .out-hidden .s-top-bar-tool .search,.nightmode .out-hidden .s-top-bar-tool .search {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAGHRSTlMAzFMxHgW8sLeGcj4Te5ljpJ6TjUxHOA9ZVe3uAAABb0lEQVRYw+2X2a7CIBCGWQoVumD393/Tk0wQkwOlo7/xyv/Swa8wG4P46Uvq9apCUKvu3/u7clYmWadexXSzzDR3gi89yaImzQQ0izzV0nAISj7Vjs57N7byKXUJMEPy4NCZ9Gs3JN8Opk44xrjwvv837fdoGo8qoY0H2ErW7WGtMEzcgzcndh/3cX6W4dJjKvqjbrfV4Gtb+0ojSfoi7SSpnB9L5LPyZjnHe3Epf7rZieJlrhGGYjsVapPYm2Boo6V53c6Uk4IlytM56zBE3nmInRb3JT9bwZQtxc6Vkq6exq7EZXc28r0tucJwEabgDE1JIdhq8+xaqYb5COoKax4Qx0e4PCQhqw9GnYSPIvCD4O7Eg4qnFp7geJnhxY63HLzx4e0XvwTwqwi/EPFrGR8O8BEFHpTkrQHHNWIAQ2NiAKOru0UGMEA3DwYwxicG8JhIDOBJkzH4D6uMcbz7vEuMIAARgwgQIwhUh/gp1x9/FA8u9MwxygAAAABJRU5ErkJggg==)
}

.darkmode .out-hidden .s-top-bar-tool .search {
    opacity: 1
}

.s-subscription {
    padding: .16667rem .1rem .16667rem .33333rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: .3rem;
    text-align: center;
    background: rgba(0,0,0,.15);
    position: fixed;
    top: .07rem;
    left: .17rem;
    color: #fff;
    font-size: .14rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.s-subscription-sub-add {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/sub-add.19bb58e.png?clientprefetch=3)
}

.s-subscription-sub-add,.s-subscription-sub-done {
    width: .22rem;
    height: .22rem;
    margin-left: .03333rem;
    margin-right: .01667rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .06667rem;
    top: .05667rem;
    margin-top: 0
}

.s-subscription-sub-done {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/sub-done.1306b14.png?clientprefetch=3)
}

.s-subscription-sub-center {
    width: .22rem;
    height: .22rem;
    margin-left: .03333rem;
    margin-right: .01667rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/sub-center.c6a37b2.gif?clientprefetch=3);
    position: absolute;
    left: .06667rem;
    top: .05667rem;
    margin-top: 0
}

.aWobble {
    -webkit-animation: wobble .24s 5 forwards;
    animation: wobble .24s 5 forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.cWidth {
    -webkit-animation: changeWidth .2s ease-in forwards;
    animation: changeWidth .2s ease-in forwards
}

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

    25% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

    25% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes changeWidth {
    0% {
        width: 1.02rem
    }

    to {
        width: 0
    }
}

@keyframes changeWidth {
    0% {
        width: 1.02rem
    }

    to {
        width: 0
    }
}

*,:after,:before {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -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;
    min-height: 100vh;
    overflow-x: hidden;
    font-size: 100px!important
}

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
    }
}

.nightmode .lite_frame .s-top-bar-layout {
    background-color: transparent
}

.nightmode .lite_frame .s-top-bar .hide-line:after {
    content: ""
}

.s-subscribes.ui-small.private-chat:after {
    border-color: #4e6ef2
}

.s-subscribes.ui-small.private-chat>.s-subscribes-relation-text {
    color: #4e6ef2
}

.top-chat:after {
    border-color: rgba(78,110,242,.5)!important;
    background-color: hsla(0,0%,100%,0)!important
}

.darkmode .top-chat:after {
    border-color: transparent!important;
    background-color: rgba(78,110,242,.3)!important
}

.top-chat span {
    color: #4e6ef2!important
}

.s-banned {
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
    background-color: #f5f5f5
}

.darkmode .s-banned {
    background-color: #080808
}

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

.darkmode .s-banned-icon,.nightmode .s-banned-icon {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/banned-dark.2c4aebe.png?clientprefetch=3)
}

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

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

.modal-praise {
    height: 2.34333rem;
    padding: .3rem 0;
    font-size: .18rem;
    font-weight: bolder;
    line-height: .22667rem;
    color: #1f1f1f;
    border-radius: .21rem .21rem 0 0;
    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)
}

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

.modal-praise-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/homepage/img/like-hand.9980336.png?clientprefetch=3);
    background-size: cover;
    -webkit-animation: shake-hand .48s ease-in-out .3s 1 forwards;
    animation: shake-hand .48s ease-in-out .3s 1 forwards
}

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

.modal-praise-header-left {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/like-star2.d9c6bd5.png?clientprefetch=3);
    background-size: cover;
    -webkit-animation: shake-star .6s ease-in-out .42s 1 forwards;
    animation: shake-star .6s ease-in-out .42s 1 forwards
}

.modal-praise-header-right {
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/img/like-star1.cb7eaf9.png?clientprefetch=3);
    background-size: cover;
    -webkit-animation: shake-star .6s ease-in-out .54s 1 forwards;
    animation: shake-star .6s ease-in-out .54s 1 forwards
}

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

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

.modal-praise-title {
    margin-bottom: .1rem
}

.modal-praise-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;
    border-radius: 0 0 .21rem .21rem;
    background-color: #fff;
    color: #4e6ef2
}

@-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)
    }
}

.s-message-forbid {
    position: relative;
    padding: 0 .1rem .09rem;
    background-color: #f5f5f5
}

.darkmode .s-message-forbid {
    background-color: #080808
}

.s-message-forbid-container {
    width: 100%;
    height: .39rem;
    border-radius: .12rem;
    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 0.11rem;
    -ms-flex: 0 0 0.11rem;
    flex: 0 0 0.11rem;
    height: .13667rem;
    margin-left: .14667rem;
    margin-right: .08rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/message.5f631d6.svg?clientprefetch=3)
}

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

.s-open-box {
    width: 100%;
    height: 56px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
    border-top: .33px solid #eee
}

.s-open-box.s-open-box-bg {
    background: #fff;
    position: fixed!important
}

.s-open-box-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.s-open-box-logo {
    width: auto;
    height: 36px;
    margin-left: 17px
}

.s-open-box-btn {
    font-family: PingFangSC-Medium;
    width: 89px;
    height: 33px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 33px;
    background: #4e6ef2;
    border-radius: 49.5px;
    margin: 11px 17px 11px 8px
}

.s-open-box-btn-tomas {
    background-image: -webkit-gradient(linear,left top,right top,from(#ffa681),color-stop(#ff824a),to(#fe5d49));
    background-image: linear-gradient(90deg,#ffa681,#ff824a,#fe5d49)
}

.s-open-box-botton {
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: calc(35px + env(safe-area-inset-bottom));
    padding: 0 30px;
    background: linear-gradient(-11deg,#957bff,#4e6ef2);
    -webkit-box-shadow: 0 5px 25px 0 rgba(78,110,242,.4);
    box-shadow: 0 5px 25px 0 rgba(78,110,242,.4);
    height: 44px;
    z-index: 999;
    border-radius: 55px
}

.s-open-box-botton,.s-open-box-botton-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-open-box-botton-logo {
    width: auto;
    height: 22px;
    width: 22px;
    margin-right: 8px
}

.s-open-box-botton-text {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-open-box-botton-tomas {
    background-image: -webkit-gradient(linear,left top,right top,from(#ffa681),color-stop(#ff824a),to(#fe5d49));
    background-image: linear-gradient(90deg,#ffa681,#ff824a,#fe5d49)
}

.s-guid-expression {
    position: relative;
    height: 1.47rem;
    border-radius: .12rem;
    -webkit-box-shadow: .00667rem 0 .10333rem -.01333rem rgba(0,0,0,.31);
    box-shadow: .00667rem 0 .10333rem -.01333rem rgba(0,0,0,.31)
}

.s-guid-expression-container {
    width: 100%;
    height: .39rem;
    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;
    -webkit-box-shadow: 0 0 .16667rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0 .16667rem 0 rgba(0,0,0,.15)
}

.s-guid-expression-icon {
    width: .11rem;
    height: .13667rem;
    margin-left: .14667rem;
    margin-right: .08rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepage/svg/message.5f631d6.svg?clientprefetch=3)
}

.s-guid-expression-text {
    font-size: .16rem;
    color: #1f1f1f;
    font-weight: 500;
    text-align: center;
    font-weight: bolder;
    padding-top: .44333rem;
    margin-bottom: .22rem
}

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

.nightmode .s-guid-expression-text {
    color: #666
}

.s-guid-expression-faces {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .33333rem .24rem
}

.s-guid-expression-face,.s-guid-expression-fixed {
    width: .33rem;
    height: .33rem;
    background-size: 100% 100%;
    z-index: 10
}

.s-guid-expression-motion0 {
    -webkit-animation: motion0 .4s ease-in forwards;
    animation: motion0 .4s ease-in forwards
}

.s-guid-expression-motion1 {
    -webkit-animation: motion1 .35s ease-in forwards;
    animation: motion1 .35s ease-in forwards
}

.s-guid-expression-motion2 {
    -webkit-animation: motion2 .3s ease-in forwards;
    animation: motion2 .3s ease-in forwards
}

.s-guid-expression-motion3 {
    -webkit-animation: motion3 .35s ease-in forwards;
    animation: motion3 .35s ease-in forwards
}

.s-guid-expression-motion4 {
    -webkit-animation: motion4 .4s ease-in forwards;
    animation: motion4 .4s ease-in forwards
}

.s-guid-expression-head-motion {
    -webkit-animation: headMotion .2s ease-in-out .5s;
    animation: headMotion .2s ease-in-out .5s
}

@-webkit-keyframes motion0 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(.09396rem,-.25667rem) scale(1.3) rotateX(5.75deg);
        transform: translate(.09396rem,-.25667rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(.37583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        transform: translate(.37583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(.84563rem,-.77rem) scale(1) rotateX(17.25deg);
        transform: translate(.84563rem,-.77rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(1.50333rem,-1.02667rem) scale(.3) rotateX(23deg);
        transform: translate(1.50333rem,-1.02667rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@keyframes motion0 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(.09396rem,-.25667rem) scale(1.3) rotateX(5.75deg);
        transform: translate(.09396rem,-.25667rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(.37583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        transform: translate(.37583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(.84563rem,-.77rem) scale(1) rotateX(17.25deg);
        transform: translate(.84563rem,-.77rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(1.50333rem,-1.02667rem) scale(.3) rotateX(23deg);
        transform: translate(1.50333rem,-1.02667rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@-webkit-keyframes motion1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(.04729rem,-.25333rem) scale(1.3) rotateX(5.75deg);
        transform: translate(.04729rem,-.25333rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(.18917rem,-.50667rem) scale(1.3) rotateX(11.5deg);
        transform: translate(.18917rem,-.50667rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(.42563rem,-.76rem) scale(1) rotateX(17.25deg);
        transform: translate(.42563rem,-.76rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(.75667rem,-1.01333rem) scale(.3) rotateX(23deg);
        transform: translate(.75667rem,-1.01333rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@keyframes motion1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(.04729rem,-.25333rem) scale(1.3) rotateX(5.75deg);
        transform: translate(.04729rem,-.25333rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(.18917rem,-.50667rem) scale(1.3) rotateX(11.5deg);
        transform: translate(.18917rem,-.50667rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(.42563rem,-.76rem) scale(1) rotateX(17.25deg);
        transform: translate(.42563rem,-.76rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(.75667rem,-1.01333rem) scale(.3) rotateX(23deg);
        transform: translate(.75667rem,-1.01333rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@-webkit-keyframes motion2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translateY(-.255rem) scale(1.3) rotateX(5.75deg);
        transform: translateY(-.255rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translateY(-.51rem) scale(1.3) rotateX(11.5deg);
        transform: translateY(-.51rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-.765rem) scale(1) rotateX(17.25deg);
        transform: translateY(-.765rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translateY(-1.02rem) scale(.3) rotateX(23deg);
        transform: translateY(-1.02rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@keyframes motion2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translateY(-.255rem) scale(1.3) rotateX(5.75deg);
        transform: translateY(-.255rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translateY(-.51rem) scale(1.3) rotateX(11.5deg);
        transform: translateY(-.51rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-.765rem) scale(1) rotateX(17.25deg);
        transform: translateY(-.765rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translateY(-1.02rem) scale(.3) rotateX(23deg);
        transform: translateY(-1.02rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@-webkit-keyframes motion3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-.04146rem,-.25667rem) scale(1.3) rotateX(5.75deg);
        transform: translate(-.04146rem,-.25667rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(-.16583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        transform: translate(-.16583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(-.37313rem,-.77rem) scale(1) rotateX(17.25deg);
        transform: translate(-.37313rem,-.77rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(-.66333rem,-1.02667rem) scale(.3) rotateX(23deg);
        transform: translate(-.66333rem,-1.02667rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@keyframes motion3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-.04146rem,-.25667rem) scale(1.3) rotateX(5.75deg);
        transform: translate(-.04146rem,-.25667rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(-.16583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        transform: translate(-.16583rem,-.51333rem) scale(1.3) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(-.37313rem,-.77rem) scale(1) rotateX(17.25deg);
        transform: translate(-.37313rem,-.77rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(-.66333rem,-1.02667rem) scale(.3) rotateX(23deg);
        transform: translate(-.66333rem,-1.02667rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@-webkit-keyframes motion4 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-.08333rem,-.2575rem) scale(1.3) rotateX(5.75deg);
        transform: translate(-.08333rem,-.2575rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(-.33333rem,-.515rem) rotateX(11.5deg);
        transform: translate(-.33333rem,-.515rem) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(-.75rem,-.7725rem) scale(1) rotateX(17.25deg);
        transform: translate(-.75rem,-.7725rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(-1.33333rem,-1.03rem) scale(.3) rotateX(23deg);
        transform: translate(-1.33333rem,-1.03rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@keyframes motion4 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-.08333rem,-.2575rem) scale(1.3) rotateX(5.75deg);
        transform: translate(-.08333rem,-.2575rem) scale(1.3) rotateX(5.75deg)
    }

    50% {
        -webkit-transform: translate(-.33333rem,-.515rem) rotateX(11.5deg);
        transform: translate(-.33333rem,-.515rem) rotateX(11.5deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(-.75rem,-.7725rem) scale(1) rotateX(17.25deg);
        transform: translate(-.75rem,-.7725rem) scale(1) rotateX(17.25deg)
    }

    to {
        -webkit-transform: translate(-1.33333rem,-1.03rem) scale(.3) rotateX(23deg);
        transform: translate(-1.33333rem,-1.03rem) scale(.3) rotateX(23deg);
        opacity: 0
    }
}

@-webkit-keyframes headMotion {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

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

@keyframes headMotion {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

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

.s-guid-greet {
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: .12rem;
    -webkit-box-shadow: .00667rem 0 .10333rem -.01333rem rgba(0,0,0,.31);
    box-shadow: .00667rem 0 .10333rem -.01333rem rgba(0,0,0,.31)
}

.darkmode .s-guid-greet,.nightmode .s-guid-greet {
    background: #333
}

.s-guid-greet-name {
    font-weight: 500;
    font-size: .16rem;
    text-align: center;
    padding-top: .38rem;
    color: #1f1f1f
}

.darkmode .s-guid-greet-name {
    color: hsla(0,0%,100%,.8)
}

.nightmode .s-guid-greet-name {
    color: #666
}

.s-guid-greet-text {
    font-size: .16rem;
    text-align: center;
    margin: .07rem 0 .19333rem;
    padding: 0 .27rem;
    color: #1f1f1f
}

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

.nightmode .s-guid-greet-text {
    color: #666
}

.s-guid-greet-btn {
    width: 2.73333rem;
    height: .36rem;
    border-radius: .36rem;
    line-height: .36rem;
    text-align: center;
    font-size: .16rem;
    font-weight: 500;
    margin: 0 auto .21rem;
    color: #fff;
    background-color: #4e6ef2
}

.s-guid-greet-btn:active {
    opacity: .2
}

.s-guid-auto-reply {
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: .12rem;
    -webkit-box-shadow: .00667rem 0 .10333rem -.01333rem rgba(0,0,0,.31);
    box-shadow: .00667rem 0 .10333rem -.01333rem rgba(0,0,0,.31)
}

.darkmode .s-guid-auto-reply,.nightmode .s-guid-auto-reply {
    background: #333
}

.s-guid-auto-reply-name {
    font-weight: 500;
    font-size: .16rem;
    text-align: center;
    padding-top: .38rem;
    color: #1f1f1f
}

.darkmode .s-guid-auto-reply-name {
    color: hsla(0,0%,100%,.8)
}

.nightmode .s-guid-auto-reply-name {
    color: #666
}

.s-guid-auto-reply-text {
    font-size: .16rem;
    text-align: center;
    margin: .07rem 0 .19333rem;
    padding: 0 .27rem;
    color: #1f1f1f
}

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

.nightmode .s-guid-auto-reply-text {
    color: #666
}

.s-guid-auto-reply-btn {
    width: 2.73333rem;
    height: .36rem;
    border-radius: .36rem;
    line-height: .36rem;
    text-align: center;
    font-size: .16rem;
    font-weight: 500;
    margin: 0 auto .21rem;
    color: #fff;
    background-color: #4e6ef2
}

.s-guid-auto-reply-btn:active {
    opacity: .2
}

@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)
    }
}

.splitLine {
    height: 1px;
    background-color: #eee;
    margin: 0 .17rem 1px;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.darkmode .splitLine,.nightmode .splitLine {
    background-color: #333
}

.hidden {
    display: none
}

.s-sub-guide-toast {
    width: 100%;
    height: 1.25333rem;
    position: fixed;
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1));
    z-index: 99
}

.s-sub-guide-toast-container {
    width: calc(100% - .34rem);
    height: .57rem;
    padding: 0 .17rem;
    margin: .42rem .17rem .26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 0 .16667rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0 .16667rem 0 rgba(0,0,0,.15);
    border-radius: .12rem;
    -webkit-animation: popupIn .2s linear forwards;
    animation: popupIn .2s linear forwards
}

.darkmode .s-sub-guide-toast-container,.nightmode .s-sub-guide-toast-container {
    background: #333
}

.s-sub-guide-toast-leave {
    -webkit-animation: popupUp .2s linear forwards;
    animation: popupUp .2s linear forwards
}

.s-sub-guide-toast-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.s-sub-guide-toast-head .s-avatar-circle:after {
    border-color: hsla(0,0%,40%,.2)!important
}

.s-sub-guide-toast-text {
    font-size: .16rem;
    margin: 0 .08rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #1f1f1f
}

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

.s-sub-guide-toast-btn {
    height: .28rem;
    padding: 0 .15667rem;
    line-height: .28rem;
    text-align: center;
    border-radius: .28rem;
    font-size: .13rem;
    font-weight: 500;
    background-color: #4e6ef2;
    color: #fff
}

.s-sub-guide-toast-btn:active {
    opacity: .2
}

.harmony .font-size-0 .s-sub-guide-toast-btn {
    line-height: .33rem
}

.harmony .font-size-3 .s-sub-guide-toast-btn,.harmony .font-size-4 .s-sub-guide-toast-btn {
    line-height: .24rem
}

.s-sub-guide-toast.harmony-guide-toast {
    height: 1.92rem
}

@-webkit-keyframes popupIn {
    0% {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem);
        opacity: 0
    }

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

@keyframes popupIn {
    0% {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem);
        opacity: 0
    }

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

@-webkit-keyframes popupUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem);
        opacity: 0
    }
}

@keyframes popupUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem);
        opacity: 0
    }
}