.s-avatar {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.s-avatar-circle {
    position: relative;
    overflow: visible;
    border: 1px solid #e0e0e0;
    border-radius: 0
}

.nightmode .s-avatar-circle {
    border-color: #e6e6e6
}

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

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

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

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

.s-avatar-circle:after {
    border-color: rgba(0,0,0,.1)
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-avatar-circle:after {
        border-width: 3px
    }
}

.darkmode .s-avatar-circle:after {
    border-color: hsla(0,0%,100%,.2)
}

.s-avatar-img {
    position: relative;
    background-size: cover
}

.s-avatar-img,.s-avatar-placeholder {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.s-avatar-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/bd-logo.954685b.png);
    background-color: #f5f5f5;
    background-size: 50% 50%
}

.darkmode .s-avatar-placeholder,.nightmode .s-avatar-placeholder {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/nightmode-bd-logo.780a561.png)
}

.darkmode .s-avatar-placeholder {
    opacity: .5
}

.s-avatar.s-avatar-sm {
    width: .28rem;
    height: .28rem
}

.s-avatar-md {
    width: .64rem;
    height: .64rem
}

.s-avatar-lg {
    width: .73rem;
    height: .73rem
}

.s-avatar-circle,.s-avatar-circle:after {
    border-radius: 100%
}

.s-avatar-square {
    border-radius: 0
}

.s-avatar-vip {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.s-avatar-sm .s-avatar-vip,.s-avatar-vip {
    width: .12rem;
    height: .12rem
}

.s-avatar-lg .s-avatar-vip,.s-avatar-md .s-avatar-vip {
    width: .16rem;
    height: .16rem
}

.s-avatar .vip-1 {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/vip-1.768da8b.png)
}

.s-avatar .vip-2 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAk1BMVEVHcEz///////////////////////////////////////////////////////////////////////84l/D////c7fx/vPVQpPLo8/1Bm/Cfzfhlr/M+mvBUpvL6/P6Ux/fv9/2PxPZpsfOo0fjj8P1cqvO52vpGnvGGwPbF4frz+P47mfB3uPX3+v5wtPTO5fvY6/yWQ8wjAAAAE3RSTlMAG8sDCfQ35l74ZnwR7K+3206PqmRLEQAAAg1JREFUSMedltmWqjAQRdMKAs5aOyAqqLRTa0///3X3AYQEVC993lypwl1jolRdzmw+mY6CYDSdzGeOeqGhP3Yx5I794RNzZ2BZFz6DR3/T7XsA6GWYJXGcZOFSA+D1u/fs3zoAeheJoWinATpvTfueByxCaShcAF6vbu8HkG7WckfrTQqBX7MHtit5oNUWsDx6AehIHirSEBhUbx7oWJ4o1uCVkXc7sI3kqaItdG7Z7UO6khdapdAv6uvBRl5qA15e8wEs1q8d1gsYKKXU0IWiXhqAs40CsBQRCcEd5iXQxeESgA/L4QfYxrfv+UqpMeyKwwMA6cmw/4Qywh2MlXJcKFO6B0pAEZGrpoowAtdRs4roDtPZCkrDTM2LkEym2MwM+6vxvbmaWAg1pg3AZ9XpMFFTyKTGdCx+nS7Ab3WawVSNIJEa01cR5TvAd3WawEgFYPZpzpRTRCnwY/YsBHUHk+kIsKo72EhXg+nQKHsCo1rQIouS6QPgYJ5lMK2ltQiUo0hm5stIq1W4W3dyucovkNpzuIS53RoV03cI8G6PhIaZ3XwG0x74OtlzDa5jtbfBRDk3lfL2NgfIZAIupwaRb4+oyURjM9xGtLEEbky1zVAugeaaKZjOj9ZMY5HlTNXc1BdZY1XGSZIkyenxqmy9jNuv+/YXSvsrq/2l2P7abX+xt386/OFx8j/Pn39H1ZClVRFjjwAAAABJRU5ErkJggg==)
}

.s-avatar .vip-3 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAmVBMVEVHcEz/////////////////////////////////////////////////////////////////////////////////////uCD/////wTv/0nD//fn/9+b/uyr/8tf/89r/yFP/uiX/wkD/3JP/+u7/2Yj/yVf/14H/9d//vC3/xUn/5rD/1Hf/35r/6r7/zWH/0Gv/4aD/vjP/7cgz761DAAAAFnRSTlMAy2YKAzcb5vZcfPIRYPnsr9u3CU6PxtEgXAAAAg1JREFUSMedltmWqjAQRaOtQjuPtRFNCyJqtz3//8fdB0ErINrc8yQrFdeuStVJjClqNl9MJ6PhcDSZLuYz80D9wdhHyR8P+nfCn7o9Sup1nyrCW00PALtdpvF6HafLrQXAa7ZuxXcaAHYfiFKwtwCNTjm+7QGrpZS0XAFeuxj/7EO4i+SGol0I/nMhHkg2UqFNAjg72j7YQCoVWPAVVccDu5Y7WlvwLpm3GpAEcldBAo28uk0IN/JAmxCa2fl6sJOH2oF3PvMurKLHG6IVdI0xpt+D7LxeADi5KABbEZEl9PrGmAHYbHELwIez4RdIjiIiYmFgjBnDPlt8BSA8qvhPuGS4h7ExMx8uJT0z6YZ64ZphAP7MzK9EN5hOTlIW5maRpaSZ1royHCL1fwszdRAOAHyp2qsvWcLUTCCVAtNb9nVM0MCSwsSMIJYKpneAz+tqDCMzBN2nmikIgV/dszAsbnhXTG8Am+IGFylnivKfzrHHMCokLbIiB/8AeNVrKUwKZVVMqa6XKqtzcHl3kkRigdCdwy0s3NZQTF8A3+5IWJi7zaeYDkD44841+DOnvRUTl7m56tzeeoA003VuNNHAHdGzvvMNBWfIR7RkAjlTwRkuJlC2mYzpVGUzJSM7Mx2iKiMrWeUxjuM4/qm2ytpmXN/u618o9a+s+pdi/Wu3/sVe/+nwH4+Tvzx//gG7W6YbwRbnBgAAAABJRU5ErkJggg==)
}

.s-avatar .vip-4 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEUAAAD/////////////////////////////////////////////////////////AAD/////YGD/ICD/39//v7//7+//gID/cHD/n5//kJD/z8//PDz/r68iggzTAAAAD3RSTlMAv98gEEDPcJ+QgFDvr2CMy6eYAAACZUlEQVRIx7WX6XaCMBCFCbugxoQlUnz/52wW5JJVPD2dXwW53C/TzDDJwlH2TVvnDxk5uXVVmZ2OsiMPJ0hTnJJWUNr66rx0ei2CyRDLOG238j4pLTbpKDg9BGejud8m4Jur9pwpAvpBm99jebpAGgojv4S1tfptofHgT/VEHUAvcmW7RpUwz4ugduD0Q3CtdveMYv6hJ+JHkdvqC7Qf1W7W7oqZngxF3tgLHvhZMZc77oqktfJdjJ6OVe30t7aXF0/6RSxS8C4TQJ+NabeujtBi1iF8AdM/mL/n3ZocMz0+TIQWuq8O1oWVLbaJYW29lVNYl6oOcc+8U8foQsNYh7zoFDWeTHAPxhiPae4S1A53ypgKzV3Z1OBOGlMuL/usk1VM6QfuWd+ZHY8mu8HE50YVe9X+ku0wI2g9Ue4njI9btM5yePjcWB82EjKWZ0i2y80OxuGnIEY8wO0Zp8XgnpAaPPRRLCxuBmNXjITFuAfPGAmr8a/yuGE8hroJUf3rRRPcxnilAYNb1iiHCPcTFRHqRJ3ufjzKze2KsAuj0iUpYtzrDGM/2SWaQTDfj5AxmkHWYRv7+ztmzM0nR3PPMW4Y+9SFbr3xfKMU/ZZG9qY/x7mHkLFp+jFrETZGZ8kzfG+WELdfESjwfaAj2IAeNwtDt/i4XyW4s7SVmYhAF4fR79ux4v6XgeYvo5Q7PJ4c4lIjIEtr1wlaW13rIuDJQcYf/5C1pPk86ZEZWjvuuZHzqPTaJI4J7dYEbD0X234j6TNOn78PKOP7gPKacL75n6MR4BviKbtvDnVVdyPmOFi3TR9R/gJ8v6zGs5zhQAAAAABJRU5ErkJggg==)
}

.s-avatar .vip-10 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAk1BMVEVHcEz/////////////////////////////////////////////////////////////////////////////////zk7//////vr//ff/9t//1GT/0Fb/+/H//v7/z1P/+ev/34z//PX/1mn/56n/0lv/4I//45v/5KD/6rX/2Xf/2nr/+OX/3of/9Nj/8Mn/2HP/4pbTjE1KAAAAFXRSTlMAA2YKNxvL5l72fPIR+eyvj07bCbeyeFuGAAACXElEQVRIx52WW2OiMBCFU9uKeL/lS5CbAVQqavv/f90+IDYE2132PBGYMJOZM2cihIvNarldz2ez+Xq7XG3EXzAdLXws+IvR9Bfz1/GEDibj1x/MXwYeAEG+P2dhmJ33eQCAN3h5Zv8+BAiOO2lhdwwAhu9d+zcPSA+yg0MKeG+u/cgHdUrkEyQnBf7IsQeiD/kDPiKgtePNh2Anf8QuAN+K6t2DIJS/IAzAe5z8ZQiR839wfEQwbLI7AOXEfzHm4pxDweBeXw9OTggVVM6rE3h1zceQJq4DcF0kKYyFEGI6AbdeKXRdHGAyrUsQOJ/2BqU6LmRQF2MBx64DpSB1Xh9hIcTGh13XQVkqzN5JLfgbsbIjKj73+a0CVFEooLrl+8/CjmkllpDXS11pZUwMoEopSwUQG6N0pWqLHJZiC3fPxE2TKQopC1Szju9l38NWrOFcL7MoBkivZXmWUsqPr/KaAsRRVlucYS3mkD34olDNx+YnCvXgWQZzMYMHT3epIjbWjszEqPSRxBBmrQ2yqBSxeRjsTIyqvrMUwswOqdnRMLuIaNnXIX0f+t4p+tYwq4ihsvvqDGsrrXdSWs8R3FoUgK1VOBtFnhdSXh0+5bBsU6OJK9da6zwsY1TSpuvqCfmSk9EA2pQG8+mSz6V3cjQaMAbQGnNw6e000AUDmOhwiAxAXHYaqN2iV0BHX1LK5CvSwLXTom0RMGhzTKzoTEcEWjJTYGxFTk6GoiMzLSG7OIoZXrpC9lQqO3JsS2VvMe4v9/0HSv+R1X8o9h+7/Qd7/6vDf1xO/uX68weflKRKNlOalgAAAABJRU5ErkJggg==)
}

@media (-webkit-device-pixel-ratio:1) {
    .s-subscribes {
        border: 1px solid #4e6ef2;
        background-color: #4e6ef2
    }

    .darkmode .s-subscribes {
        border-color: #4e6ef2;
        background-color: #4e6ef2
    }

    .s-subscribes.s-subscribes-has-follow {
        background-color: transparent;
        border: 2px solid #bbb!important
    }
}

.s-subscribes {
    height: .3rem;
    line-height: .3rem;
    width: .74rem;
    text-align: center;
    color: #fff;
    z-index: 10;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    border: 1px solid transparent;
    border-radius: 15px
}

.darkmode .s-subscribes {
    color: #fff
}

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

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

    .s-subscribes:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: .01667rem solid transparent;
        border-radius: 45px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

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

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

.s-subscribes:after {
    z-index: -1
}

.darkmode .s-subscribes:after,.s-subscribes:after {
    background-color: #4e6ef2
}

.android .s-subscribes {
    line-height: .31rem
}

.s-subscribes.red-clk:after {
    background-color: #f33;
    border: 1px solid #f33
}

.darkmode .s-subscribes.red-clk:after {
    background-color: #f33;
    border-color: #f33
}

.s-subscribes.red-packet {
    margin-left: .1rem;
    color: #fff
}

.s-subscribes.red-packet.ui-small.topbar {
    min-width: .51333rem
}

.s-subscribes.red-packet.ui-small.topbar .s-subscribes-red-bag {
    height: .3rem;
    width: .3rem;
    left: -.11667rem
}

.s-subscribes.red-packet.ui-small.topbar .s-subscribes-relation-text {
    padding-left: .14rem;
    padding-right: .07rem
}

.s-subscribes.red-packet.ui-small.bottom {
    width: .65rem
}

.s-subscribes.red-packet.ui-small.bottom .s-subscribes-relation-text {
    left: .06rem!important
}

.s-subscribes.red-packet:after {
    background-color: #f33;
    border: 1px solid #f33;
    border-top-left-radius: .1rem;
    border-bottom-left-radius: 0
}

.darkmode .s-subscribes.red-packet:after {
    background-color: #f33;
    border-color: #f33
}

.s-subscribes.red-packet .s-subscribes-red-bag {
    position: absolute;
    height: .36rem;
    width: .36rem;
    bottom: 0;
    left: -.14rem
}

.s-subscribes.red-packet .big-icon {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/redpack-d20-profile.png);
    background-size: 100% 100%
}

.s-subscribes:active {
    opacity: .2
}

.s-subscribes .s-subscribes-relation-text {
    position: relative;
    font-size: .13rem;
    font-weight: bolder
}

@media screen and (max-width:360px) {
    .s-subscribes .s-subscribes-relation-text {
        font-size: .12rem
    }
}

.s-subscribes.ui-small.bottom {
    height: .28rem;
    line-height: .25rem
}

.s-subscribes.ui-small {
    height: .25rem;
    line-height: .2rem;
    width: auto;
    min-width: .54rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .07rem;
    color: #fff
}

.darkmode .s-subscribes.ui-small {
    color: #fff
}

.s-subscribes.ui-small .s-subscribes-relation-text {
    font-size: .13rem;
    line-height: .25667rem
}

.s-subscribes.ui-small .icon-loading {
    line-height: .25rem
}

.s-subscribes.s-subscribes-has-follow {
    color: #858585;
    background-color: hsla(0,0%,100%,0)
}

.darkmode .s-subscribes.s-subscribes-has-follow {
    color: hsla(0,0%,100%,.5);
    background-color: rgba(68,68,68,.5)
}

.s-subscribes.s-subscribes-has-follow:after {
    background-color: transparent;
    border-color: #e0e0e0
}

.darkmode .s-subscribes.s-subscribes-has-follow:after {
    border-color: transparent
}

.s-subscribes.s-subscribes-has-follow:active {
    opacity: .2
}

.s-subscribes.s-subscribes-has-follow .s-subscribes-relation-text {
    color: #858585;
    font-weight: 400
}

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

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

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

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

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

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

.s-tabs {
    position: relative
}

.s-tabs,.s-tabs .s-tab {
    font-size: .16rem
}

.s-tabs-position {
    position: -webkit-sticky;
    position: sticky;
    z-index: 8;
    background-color: #fff
}

.darkmode .s-tabs-position {
    background-color: #080808
}

.s-tabs .hairline {
    height: 1px;
    background-color: #eee
}

.s-tabs-list {
    height: .44rem
}

.s-tabs-fixed {
    z-index: 8;
    background-color: #fff
}

.darkmode .s-tabs-fixed {
    background-color: #080808
}

.s-tabs .s-tabs-suctop {
    padding: 0;
    margin: 0;
    width: 100%
}

.s-tabs .s-tabs-cursor {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 18px;
    height: 4px;
    border-radius: 2px
}

.darkmode .s-tabs .s-tabs-cursor,.s-tabs .s-tabs-cursor {
    background-color: #4e6ef2
}

.s-tabs .s-tabs-wrap {
    overflow: hidden;
    padding: 0;
    height: .44rem
}

.s-tabs .s-tabs-wrap-scrollable .s-tabs-nav {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateY(18px);
    transform: translateY(18px);
    margin-top: -18px;
    padding-bottom: 18px
}

.s-tabs .s-tabs-wrap-scrollable .s-tabs-nav::-webkit-scrollbar {
    display: none
}

.s-tabs .s-tabs-wrap:after,.s-tabs .s-tabs-wrap:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: .2rem;
    z-index: 1;
    background-image: -webkit-gradient(linear,right top,left top,color-stop(25%,#fff),to(hsla(0,0%,97.6%,0)));
    background-image: linear-gradient(270deg,#fff 25%,hsla(0,0%,97.6%,0))
}

.darkmode .s-tabs .s-tabs-wrap:after,.darkmode .s-tabs .s-tabs-wrap:before {
    background-image: -webkit-gradient(linear,right top,left top,color-stop(25%,#000),to(rgba(1,1,1,0)));
    background-image: linear-gradient(270deg,#000 25%,rgba(1,1,1,0))
}

.s-tabs .s-tabs-wrap:before {
    left: 0;
    right: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.s-tabs-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.s-tabs-nav-line {
    height: 100%;
    padding-bottom: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
}

.s-tabs .s-tabs-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%
}

.s-tabs .s-tabs-content-wrap {
    overflow: hidden
}

.s-tabs .s-tab {
    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: .25rem;
    text-align: center;
    white-space: nowrap;
    color: #858585
}

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

.s-tabs .s-tab:active {
    color: rgba(0,0,0,.2)
}

.darkmode .s-tabs .s-tab:active {
    color: hsla(0,0%,100%,.2)
}

.s-tabs .s-tab-active {
    color: #1f1f1f;
    font-weight: 700
}

.darkmode .s-tabs .s-tab-active {
    color: hsla(0,0%,100%,.8)
}

.s-tabs .s-tab-panel {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 0
}

.s-tabs .s-tab-panel.tab-active {
    height: auto
}

.s-tabs .s-tab.tip {
    position: relative
}

.s-tabs .s-tab.tip:before {
    position: absolute;
    content: "";
    display: inline-block;
    border: 3px solid #f7534f;
    border-radius: 100%;
    display: initial;
    right: -.06667rem;
    top: 50%;
    -webkit-transform: translateY(-.11333rem);
    transform: translateY(-.11333rem)
}

.s-tabs .s-tab.tip:after {
    content: none
}

.s-tabs .s-tab:nth-child(2) {
    margin-left: .17rem
}

.s-tabs .s-tab:last-child:after {
    content: "";
    width: 17px;
    height: 100%;
    background-color: #fff;
    z-index: 2
}

.darkmode .s-tabs .s-tab:last-child:after {
    background-color: #080808
}

.s-tabs .s-tab.tip:last-child:before {
    right: .10333rem;
    z-index: 3
}

.s-tabs .s-tabs-subtabs .s-tabs-nav {
    padding-top: .14rem;
    padding-bottom: .01rem
}

.s-tabs .s-tabs-subtabs .s-tab {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .12rem;
    width: .54rem;
    height: .28rem;
    font-weight: 400;
    font-size: .14rem;
    border-radius: .14rem;
    background-color: #f5f5f5
}

.darkmode .s-tabs .s-tabs-subtabs .s-tab {
    background-color: hsla(0,0%,40%,.5)
}

.nightmode .s-tabs .s-tabs-subtabs .s-tab {
    background-color: transparent
}

.s-tabs .s-tabs-subtabs .s-tab-active {
    color: #1f1f1f;
    font-weight: bolder
}

.darkmode .s-tabs .s-tabs-subtabs .s-tab-active {
    color: hsla(0,0%,100%,.8)
}

.s-tabs .s-tabs-subtabs .s-tab:active {
    opacity: .2
}

.s-tabs .s-tabs-subtabs .s-tab:nth-child(2) {
    margin-left: 0
}

.s-tabs .s-tabs-subtabs .s-tab:last-child:after {
    content: none
}

.s-tabs .s-tabs-subtabs .s-tabs-wrap {
    padding: 0 .17rem
}

.s-tabs .s-tabs-subtabs .s-tabs-content-wrap:after,.s-tabs .s-tabs-subtabs .s-tabs-content-wrap:before,.s-tabs .s-tabs-subtabs .s-tabs-wrap:after,.s-tabs .s-tabs-subtabs .s-tabs-wrap:before {
    content: normal
}

.android_11_7 .s-tabs-suctop {
    top: 0
}

.s-card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.s-card-body {
    -webkit-box-flex: 1px;
    -webkit-flex: 1px;
    -ms-flex: 1px;
    flex: 1px;
    max-width: 100%
}
.s-card-body a,.sfi-dynamic-footer a,.s-loader-ing a,.s-tab a,.info-num a{
    text-decoration: none;
    color: inherit;
    cursor:pointer;
}


.s-row {
    margin-left: .17rem;
    margin-right: .17rem;
    max-width: 100%
}

.s-row-float:after {
    content: "";
    display: table;
    clear: both
}

.s-row-float .s-col {
    float: left
}

.s-row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.s-row-flex .w-100 {
    width: 100%!important
}

.s-row-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.s-row-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s-row-justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

.s-row-justify-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

.s-row-align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.s-col-1 {
    -webkit-flex: 0 0 8.33333333%;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    width: 8.33333333%
}

.s-col-1,.s-col-2 {
    -webkit-box-flex: 0
}

.s-col-2 {
    -webkit-flex: 0 0 16.66666667%;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    width: 16.66666667%
}

.s-col-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%
}

.s-col-3,.s-col-4 {
    -webkit-box-flex: 0
}

.s-col-4 {
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    width: 33.33333333%
}

.s-col-5 {
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    width: 41.66666667%
}

.s-col-5,.s-col-6 {
    -webkit-box-flex: 0
}

.s-col-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%
}

.s-col-7 {
    -webkit-flex: 0 0 58.33333333%;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    width: 58.33333333%
}

.s-col-7,.s-col-8 {
    -webkit-box-flex: 0
}

.s-col-8 {
    -webkit-flex: 0 0 66.66666667%;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    width: 66.66666667%
}

.s-col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%
}

.s-col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    width: 83.33333333%
}

.s-col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    width: 91.66666667%
}

.s-col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.s-col-offset-1 {
    margin-left: 8.33333333%
}

.s-col-offset-2 {
    margin-left: 16.66666667%
}

.s-col-offset-3 {
    margin-left: 25%
}

.s-col-offset-4 {
    margin-left: 33.33333333%
}

.s-col-offset-5 {
    margin-left: 41.66666667%
}

.s-col-offset-6 {
    margin-left: 50%
}

.s-col-offset-7 {
    margin-left: 58.33333333%
}

.s-col-offset-8 {
    margin-left: 66.66666667%
}

.s-col-offset-9 {
    margin-left: 75%
}

.s-col-offset-10 {
    margin-left: 83.33333333%
}

.s-col-offset-11 {
    margin-left: 91.66666667%
}

.s-image {
    position: relative;
    padding-top: 100%;
    -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-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor:pointer;
}

.darkmode .s-image {
    -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-image-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.s-image-wrap,.s-image-wrap:active {
    overflow: hidden
}

.s-image-wrap:active: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)
}

.s-image-blur-bg {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.s-image-blur-cover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.s-image-tips {
    display: inline-block;
    color: #fff;
    height: .18rem;
    padding: 0 .07rem;
    font-size: .1rem;
    background-color: rgba(0,0,0,.4);
    position: absolute;
    bottom: .06rem;
    right: .06rem;
    line-height: .18rem;
    border-radius: .1rem
}

.s-image-tips .tips-icon {
    display: inline-block;
    position: relative;
    margin-right: .04rem;
    width: .12rem;
    height: .12rem;
    top: .02667rem;
    background-size: cover
}

.s-image-default,.s-image-tips .tips-icon {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.s-image-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/bd-logo.954685b.png);
    background-color: #eaeaea;
    background-size: .29rem .29rem
}

.darkmode .s-image-default,.nightmode .s-image-default {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/nightmode-bd-logo.780a561.png)
}

.darkmode .s-image-default {
    opacity: .5;
    background-color: #2c2c2c
}

.s-right-img-texts .text-title {
    color: #1f1f1f;
    margin-top: -.2em!important
}

.darkmode .s-right-img-texts .text-title {
    color: hsla(0,0%,100%,.8)
}

.s-right-img-texts .text-extra {
    font-size: .12rem;
    line-height: .12rem;
    overflow: visible;
    color: #858585;
    margin: 0;
    padding-top: .1rem
}

.darkmode .s-right-img-texts .text-extra {
    color: hsla(0,0%,100%,.5)
}

.s-right-img-texts .s-col {
    position: relative
}

.s-right-img-texts-right {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s-right-img-texts-cover {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-size: 0
}

.s-right-img-texts-cover .s-image {
    padding-top: 67.28%!important
}

.s-right-img-texts-cover .s-image-wrap {
    border-radius: .09rem
}

.s-subscripts {
    font-size: .12rem;
    color: #858585;
    margin-top: .09rem;
    line-height: .12rem;
    min-height: .12rem
}

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

.s-subscripts .blue-tag,.s-subscripts .gray-tag,.s-subscripts .green-tag,.s-subscripts .red-tag {
    font-size: .1rem;
    line-height: .14rem;
    padding: .01rem .03rem;
    position: relative;
    overflow: visible;
    border: 1px solid #333;
    border-radius: 12px
}

.nightmode .s-subscripts .blue-tag,.nightmode .s-subscripts .gray-tag,.nightmode .s-subscripts .green-tag,.nightmode .s-subscripts .red-tag {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-subscripts .blue-tag,.s-subscripts .gray-tag,.s-subscripts .green-tag,.s-subscripts .red-tag {
        border: none
    }

    .s-subscripts .blue-tag:after,.s-subscripts .gray-tag:after,.s-subscripts .green-tag:after,.s-subscripts .red-tag:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #333;
        border-radius: 36px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-subscripts .blue-tag:after,.nightmode .s-subscripts .gray-tag:after,.nightmode .s-subscripts .green-tag:after,.nightmode .s-subscripts .red-tag:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-subscripts .blue-tag:after,.s-subscripts .gray-tag:after,.s-subscripts .green-tag:after,.s-subscripts .red-tag:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 24px
    }
}

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

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

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

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

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

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

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

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

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

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

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

.s-subscripts .orange-text {
    color: #f60;
    margin-right: .02rem
}

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

.s-subscripts span:not(:first-child) {
    margin-left: .06rem
}

.s-subscripts .split:after {
    content: "";
    height: .12rem;
    border-right: 1px solid;
    border-color: #e0e0e0;
    margin-left: .06rem
}

.darkmode .s-subscripts .split:after {
    border-color: hsla(0,0%,100%,.4)
}

.s-srcscripts {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: .24rem;
    line-height: .24rem;
    background-color: #f5f5f5;
    border-radius: .12rem;
    padding: 0 .08rem
}

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

.s-srcscripts:active {
    opacity: .2
}

.s-srcscripts-desc {
    display: inline-block;
    height: 100%;
    max-width: 1.44rem;
    margin: 0 .03rem;
    font-size: .12rem;
    color: #525252;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.darkmode .s-srcscripts-desc {
    color: hsla(0,0%,100%,.6)
}

.s-srcscripts-prefix {
    width: .16rem;
    height: .16rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(3.053 3.053)' fill='none'%3E%3Ccircle fill='%23858585' cx='20.947' cy='20.947' r='20'/%3E%3Cpath d='M21.447 9.114c-6.67 0-11.333 4.973-11.333 11.089l.004.274c.113 4.46 2.981 8.323 7.118 9.324l.301.067v2.305c-.002.281.014.512.09.816.113.45.33.87.718 1.215.425.379.91.54 1.41.571a3.02 3.02 0 00.75-.048l.149-.03c6.57-1.35 12.127-7.967 12.127-13.712 0-6.26-4.727-11.871-11.334-11.871zm0 3.667c4.43 0 7.667 3.842 7.667 8.204l-.004.222c-.138 3.497-3.48 7.79-7.574 9.411l-.333.124V28.22c0-1.013-.82-1.834-1.832-1.834-3.19 0-5.59-2.785-5.59-6.183 0-4.142 3.076-7.422 7.666-7.422z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.darkmode .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 transform='translate(3.053 3.053)' fill='%23FFF'%3E%3Ccircle opacity='.4' cx='20.947' cy='20.947' r='20'/%3E%3Cpath d='M21.447 9.114c-6.67 0-11.333 4.973-11.333 11.089l.004.274c.113 4.46 2.981 8.323 7.118 9.324l.301.067v2.305c-.002.281.014.512.09.816.113.45.33.87.718 1.215.425.379.91.54 1.41.571a3.02 3.02 0 00.75-.048l.149-.03c6.57-1.35 12.127-7.967 12.127-13.712 0-6.26-4.727-11.871-11.334-11.871zm0 3.667c4.43 0 7.667 3.842 7.667 8.204l-.004.222c-.138 3.497-3.48 7.79-7.574 9.411l-.333.124V28.22c0-1.013-.82-1.834-1.832-1.834-3.19 0-5.59-2.785-5.59-6.183 0-4.142 3.076-7.422 7.666-7.422z'/%3E%3C/g%3E%3C/svg%3E")
}

.nightmode .s-srcscripts-prefix {
    opacity: .5
}

.s-srcscripts-postfix {
    width: .04rem;
    height: .06rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9 10.6l-8.3 6.2c-.4.3-1.1.2-1.4-.2-.1-.2-.2-.4-.2-.6V2c0-.6.4-1 1-1 .2 0 .4.1.6.2l8.3 6.2c.9.7 1 1.9.4 2.8-.1.2-.3.3-.4.4z' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.common-header-f {
    padding-top: .14rem;
    background-color: #fff
}

.darkmode .common-header-f {
    background-color: #080808
}

.common-header-f .user-info {
    width: 1%;
    cursor:pointer;
}

.common-header-f .user-info .avatar {
    position: relative;
    margin-left: .17rem;
    width: .28rem;
    min-width: .28rem;
    height: .28rem
}

.common-header-f .user-info .avatar .img {
    position: relative;
    overflow: visible;
    border: 1px solid #000;
    border-radius: 33.33333333%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    width: 100%;
    height: 100%
}

.nightmode .common-header-f .user-info .avatar .img {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .common-header-f .user-info .avatar .img {
        border: none
    }

    .common-header-f .user-info .avatar .img:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #000;
        border-radius: 100%;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .common-header-f .user-info .avatar .img:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .common-header-f .user-info .avatar .img:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 66.66666667%
    }
}

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

.darkmode .common-header-f .user-info .avatar .img:after {
    border-color: hsla(0,0%,100%,.2)
}

.common-header-f .user-info .avatar .vip1 {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/vip-1.768da8b.png)
}

.common-header-f .user-info .avatar .vip2 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAk1BMVEVHcEz///////////////////////////////////////////////////////////////////////84l/D////c7fx/vPVQpPLo8/1Bm/Cfzfhlr/M+mvBUpvL6/P6Ux/fv9/2PxPZpsfOo0fjj8P1cqvO52vpGnvGGwPbF4frz+P47mfB3uPX3+v5wtPTO5fvY6/yWQ8wjAAAAE3RSTlMAG8sDCfQ35l74ZnwR7K+3206PqmRLEQAAAg1JREFUSMedltmWqjAQRdMKAs5aOyAqqLRTa0///3X3AYQEVC993lypwl1jolRdzmw+mY6CYDSdzGeOeqGhP3Yx5I794RNzZ2BZFz6DR3/T7XsA6GWYJXGcZOFSA+D1u/fs3zoAeheJoWinATpvTfueByxCaShcAF6vbu8HkG7WckfrTQqBX7MHtit5oNUWsDx6AehIHirSEBhUbx7oWJ4o1uCVkXc7sI3kqaItdG7Z7UO6khdapdAv6uvBRl5qA15e8wEs1q8d1gsYKKXU0IWiXhqAs40CsBQRCcEd5iXQxeESgA/L4QfYxrfv+UqpMeyKwwMA6cmw/4Qywh2MlXJcKFO6B0pAEZGrpoowAtdRs4roDtPZCkrDTM2LkEym2MwM+6vxvbmaWAg1pg3AZ9XpMFFTyKTGdCx+nS7Ab3WawVSNIJEa01cR5TvAd3WawEgFYPZpzpRTRCnwY/YsBHUHk+kIsKo72EhXg+nQKHsCo1rQIouS6QPgYJ5lMK2ltQiUo0hm5stIq1W4W3dyucovkNpzuIS53RoV03cI8G6PhIaZ3XwG0x74OtlzDa5jtbfBRDk3lfL2NgfIZAIupwaRb4+oyURjM9xGtLEEbky1zVAugeaaKZjOj9ZMY5HlTNXc1BdZY1XGSZIkyenxqmy9jNuv+/YXSvsrq/2l2P7abX+xt386/OFx8j/Pn39H1ZClVRFjjwAAAABJRU5ErkJggg==)
}

.common-header-f .user-info .avatar .vip3 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAmVBMVEVHcEz/////////////////////////////////////////////////////////////////////////////////////uCD/////wTv/0nD//fn/9+b/uyr/8tf/89r/yFP/uiX/wkD/3JP/+u7/2Yj/yVf/14H/9d//vC3/xUn/5rD/1Hf/35r/6r7/zWH/0Gv/4aD/vjP/7cgz761DAAAAFnRSTlMAy2YKAzcb5vZcfPIRYPnsr9u3CU6PxtEgXAAAAg1JREFUSMedltmWqjAQRaOtQjuPtRFNCyJqtz3//8fdB0ErINrc8yQrFdeuStVJjClqNl9MJ6PhcDSZLuYz80D9wdhHyR8P+nfCn7o9Sup1nyrCW00PALtdpvF6HafLrQXAa7ZuxXcaAHYfiFKwtwCNTjm+7QGrpZS0XAFeuxj/7EO4i+SGol0I/nMhHkg2UqFNAjg72j7YQCoVWPAVVccDu5Y7WlvwLpm3GpAEcldBAo28uk0IN/JAmxCa2fl6sJOH2oF3PvMurKLHG6IVdI0xpt+D7LxeADi5KABbEZEl9PrGmAHYbHELwIez4RdIjiIiYmFgjBnDPlt8BSA8qvhPuGS4h7ExMx8uJT0z6YZ64ZphAP7MzK9EN5hOTlIW5maRpaSZ1royHCL1fwszdRAOAHyp2qsvWcLUTCCVAtNb9nVM0MCSwsSMIJYKpneAz+tqDCMzBN2nmikIgV/dszAsbnhXTG8Am+IGFylnivKfzrHHMCokLbIiB/8AeNVrKUwKZVVMqa6XKqtzcHl3kkRigdCdwy0s3NZQTF8A3+5IWJi7zaeYDkD44841+DOnvRUTl7m56tzeeoA003VuNNHAHdGzvvMNBWfIR7RkAjlTwRkuJlC2mYzpVGUzJSM7Mx2iKiMrWeUxjuM4/qm2ytpmXN/u618o9a+s+pdi/Wu3/sVe/+nwH4+Tvzx//gG7W6YbwRbnBgAAAABJRU5ErkJggg==)
}

.common-header-f .user-info .avatar .vip4 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEUAAAD/////////////////////////////////////////////////////////AAD/////YGD/ICD/39//v7//7+//gID/cHD/n5//kJD/z8//PDz/r68iggzTAAAAD3RSTlMAv98gEEDPcJ+QgFDvr2CMy6eYAAACZUlEQVRIx7WX6XaCMBCFCbugxoQlUnz/52wW5JJVPD2dXwW53C/TzDDJwlH2TVvnDxk5uXVVmZ2OsiMPJ0hTnJJWUNr66rx0ei2CyRDLOG238j4pLTbpKDg9BGejud8m4Jur9pwpAvpBm99jebpAGgojv4S1tfptofHgT/VEHUAvcmW7RpUwz4ugduD0Q3CtdveMYv6hJ+JHkdvqC7Qf1W7W7oqZngxF3tgLHvhZMZc77oqktfJdjJ6OVe30t7aXF0/6RSxS8C4TQJ+NabeujtBi1iF8AdM/mL/n3ZocMz0+TIQWuq8O1oWVLbaJYW29lVNYl6oOcc+8U8foQsNYh7zoFDWeTHAPxhiPae4S1A53ypgKzV3Z1OBOGlMuL/usk1VM6QfuWd+ZHY8mu8HE50YVe9X+ku0wI2g9Ue4njI9btM5yePjcWB82EjKWZ0i2y80OxuGnIEY8wO0Zp8XgnpAaPPRRLCxuBmNXjITFuAfPGAmr8a/yuGE8hroJUf3rRRPcxnilAYNb1iiHCPcTFRHqRJ3ufjzKze2KsAuj0iUpYtzrDGM/2SWaQTDfj5AxmkHWYRv7+ztmzM0nR3PPMW4Y+9SFbr3xfKMU/ZZG9qY/x7mHkLFp+jFrETZGZ8kzfG+WELdfESjwfaAj2IAeNwtDt/i4XyW4s7SVmYhAF4fR79ux4v6XgeYvo5Q7PJ4c4lIjIEtr1wlaW13rIuDJQcYf/5C1pPk86ZEZWjvuuZHzqPTaJI4J7dYEbD0X234j6TNOn78PKOP7gPKacL75n6MR4BviKbtvDnVVdyPmOFi3TR9R/gJ8v6zGs5zhQAAAAABJRU5ErkJggg==)
}

.common-header-f .user-info .avatar .vip10 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAk1BMVEVHcEz/////////////////////////////////////////////////////////////////////////////////zk7//////vr//ff/9t//1GT/0Fb/+/H//v7/z1P/+ev/34z//PX/1mn/56n/0lv/4I//45v/5KD/6rX/2Xf/2nr/+OX/3of/9Nj/8Mn/2HP/4pbTjE1KAAAAFXRSTlMAA2YKNxvL5l72fPIR+eyvj07bCbeyeFuGAAACXElEQVRIx52WW2OiMBCFU9uKeL/lS5CbAVQqavv/f90+IDYE2132PBGYMJOZM2cihIvNarldz2ez+Xq7XG3EXzAdLXws+IvR9Bfz1/GEDibj1x/MXwYeAEG+P2dhmJ33eQCAN3h5Zv8+BAiOO2lhdwwAhu9d+zcPSA+yg0MKeG+u/cgHdUrkEyQnBf7IsQeiD/kDPiKgtePNh2Anf8QuAN+K6t2DIJS/IAzAe5z8ZQiR839wfEQwbLI7AOXEfzHm4pxDweBeXw9OTggVVM6rE3h1zceQJq4DcF0kKYyFEGI6AbdeKXRdHGAyrUsQOJ/2BqU6LmRQF2MBx64DpSB1Xh9hIcTGh13XQVkqzN5JLfgbsbIjKj73+a0CVFEooLrl+8/CjmkllpDXS11pZUwMoEopSwUQG6N0pWqLHJZiC3fPxE2TKQopC1Szju9l38NWrOFcL7MoBkivZXmWUsqPr/KaAsRRVlucYS3mkD34olDNx+YnCvXgWQZzMYMHT3epIjbWjszEqPSRxBBmrQ2yqBSxeRjsTIyqvrMUwswOqdnRMLuIaNnXIX0f+t4p+tYwq4ihsvvqDGsrrXdSWs8R3FoUgK1VOBtFnhdSXh0+5bBsU6OJK9da6zwsY1TSpuvqCfmSk9EA2pQG8+mSz6V3cjQaMAbQGnNw6e000AUDmOhwiAxAXHYaqN2iV0BHX1LK5CvSwLXTom0RMGhzTKzoTEcEWjJTYGxFTk6GoiMzLSG7OIoZXrpC9lQqO3JsS2VvMe4v9/0HSv+R1X8o9h+7/Qd7/6vDf1xO/uX68weflKRKNlOalgAAAABJRU5ErkJggg==)
}

.common-header-f .user-info .avatar .vip {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    width: .12rem;
    height: .12rem
}

.common-header-f .user-info .avatar .vip.vip2,.common-header-f .user-info .avatar .vip.vip3,.common-header-f .user-info .avatar .vip.vip10 {
    bottom: -.005rem;
    right: -.005rem
}

.common-header-f .user-info .header-content {
    overflow: hidden;
    font-size: .16rem;
    height: .28rem;
    line-height: .28rem;
    margin-left: .08333rem;
    color: #525252
}

.darkmode .common-header-f .user-info .header-content {
    color: hsla(0,0%,100%,.6)
}

.common-header-f .user-info .header-content .header-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.common-header-f .user-info .header-content .header-time {
    display: inline-block;
    min-width: 90px
}

.android_11_7 .s-head-menu-menu.show-menu .op-list .delete {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAbFBMVEUAAAA0NDQ0NDQ3Nzc3NzczMzM1NTUzMzMzMzM1NTU4ODgzMzMzMzM0NDQ0NDRCQkIzMzMzMzM0NDQ0NDQzMzM0NDQzMzMzMzM0NDQ1NTU1NTU0NDQ0NDQzMzM1NTUzMzM0NDQ1NTU3NzczMzORZD9YAAAAI3RSTlMAgOgWLtFRrnwlHPCpl0oK4tu1YZ0x+c5sZlv2xb2IhnE1DiyuMb0AAADbSURBVEjH7ZZZDoMgFEWfQy04gIpD54n977HQJsQiQWjStDaer+sNJ08SSIC5wvL1gJy5WQnXSJw0pGvIScPZq5VhcCIiyQASwYzZBV4gApKC+7KVWuWtrd+cpvYm3TCwI43n3hSxqFZgR2qPsGgf11qsgodWcL5RwVmj4qNSwVmL5ElTYdEWzaRByXmtgrsW502qws9e07/SUlFlWuewhHaivFo1ZvqhWpQ9tQ0LxYqT3hIuKBmOzLQX+cjpMIzHTRPAiFs/aeVggDZ2aY/ATHw+lKGZ6ohS+BZ3dj9ZYxHbKNIAAAAASUVORK5CYII=)
}

.nightmode .android_11_7 .s-head-menu-menu.show-menu .op-list .delete {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAZlBMVEUAAACrq6uysrKrq6usrKysrKyrq6utra2srKytra2xsbGsrKysrKyrq6usrKysrKy8vLyrq6usrKysrKysrKyurq6tra2srKyrq6usrKysrKytra26urqsrKyrq6usrKytra2rq6sPRlv4AAAAIXRSTlMAgBbo0S6uUe8lHEri27V7CfipmpViXDGeh2xmDcW9cTWGsOlsAAAA2ElEQVRIx+3WawuCMBSA4ePdOXVeUrPssv//J9shGDbH3IIow/fT6dDDFBSErdY18ayms1MJV0qsGFMZs2IkfVUpAat8msyiPmy43nOLAnbgrp2RFc4sfvM0eW9oA88ciue9ySKxCsEcMsB29nE2EDk4sJbzkxysWSV+FHKwZj4+aXLY2c50DHLOSznYsyg+ZnL42df0r1gmVqmys/hLVYvl3cg63QWVuJxMh+HnyqhuKRflPfH1DTdUNYHlcet5sGgKV1UDmqrWjGoG+qLxkgf6iivL4Fs9AJX8VIxsHeNeAAAAAElFTkSuQmCC)
}

.android_11_7 .s-head-menu-menu.show-menu .op-list .report {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAkFBMVEUAAABAQEA0NDQ0NDQ0NDQ0NDQzMzMzMzNBQUEzMzMzMzM0NDQzMzMzMzMzMzM0NDQzMzM0NDQzMzM0NDQ0NDQ2NjY3Nzc5OTlBQUEzMzM0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQzMzM0NDQ2NjYzMzM0NDQ0NDQ1NTU3NzczMzMzMzMzMzM0NDQ0NDQzMzOwor/pAAAAL3RSTlMAC+yPRrL0mAT4ukz73G4v5+PTfTspFQ8HxbZpU0AerKaCeGQjvnRdNhuv5Meeiueg4BoAAAHjSURBVEjH7ZPJeqMwEIQlIOz7YsxqvNtJZvr9327UQAAFsDU55JAvdbDlbv9Iqi7IrwTlRXkoGUHWHDfCzNZ1YJB9rsSo0gFeL6fnkK7BTKr1jEpNQBlmEddpouzDDrw82evc3kcbjYjfW654iMnA5HhcrbDxSfEjN5DKPnteqazqp+tHdHCved8Cpv0qdkQzvIXGHu1cHTxuJi8GIHiwXbL+TDxHuIIdWG+33KIG69VcqY5pt8BJX8my8r6XuLkqlWiTDcY5wthhItbiF7FeRPRXQAXdHr2BEvumk4OVWp6Z1ng5jVQwYH1092SLjoyUKwHKrofR7YgHKN/C8MpvuLYIZZ/SYPkOenWpUvAFYq4558NtcN7VSsJjzQeV6RNsLh67ImFoR+WGlDDm4HiTsSeGxeiFR8SxcUoN+W8Mh+J+DSvIlw75ZxG7b8fatrpuOAz/pJ7mmG6Cal5ah6lrqgBv6RTTfbZ+v88wC1odWAFTNAuXC/gjUpI7h/VR9llBBZR6n2J4ml47wmXSbwPHCq+IN7dPmUyzD+7GO+ldXpoa71a43ujkaNNfo8NOQgMYVV/yMAgL4bnx+sW+BdMp3bCOIa8Is5RTSnlKs0FMUjmhKhCWP8FicSwgE8mqKKWQn65/e8uAooBmuUgAAAAASUVORK5CYII=)
}

.nightmode .android_11_7 .s-head-menu-menu.show-menu .op-list .report {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAflBMVEUAAACrq6vHx8erq6usrKyurq6srKysrKysrKysrKytra2wsLCurq62tra5ubmurq6rq6usrKytra2tra2tra2srKysrKysrKytra2tra2srKysrKyurq6ysrKwsLC+vr6srKysrKysrKytra2srKysrKysrKytra2ysrKrq6s8ZG88AAAAKXRSTlMA+gODchjt5LqLaSJhEAoz1rJ8UknLnXhEONPCLx4aB9urpVj11JgqFWWzfLsAAAHhSURBVEjH7ZTZeoJADIUHHPatiLIUEZe68P4v2DmZKQgFhZte9PNcKF+Sn2SSDOytmfJ4vLU0axtzbzaj+x9Npw9fn0VtFNSBmxmpnOa3nFcJw5jiNNuNjNqIXFtroDh8nism6Gq0FuOqEfc0H1VoRT1bZFGdz7qBgK0xsBpbmDfTJX4iF6gBh3yfk2X6OFc04ohwPn8KQ7J01JMi3dRGIdl+1LVHuok948Jls3HZwsfVaCvZPnfHSEfhcicwV/iOOOW61JpSlwbrlAsT+lxMYAUmg7mSckqvxoI2Vw9t5/bBNFPZ9wovZ0yTwaK8TG2rtNXtDFdfZFd9r9Euxi50I8h0jk1hyiWmKyqURbSn1SXmpanf9lov3Ij1seMPZYcP2Ih6WALC5EUAaD6GC36hapZgNwTt2FIMO12yxViGiSzHsJ2n5RgaedBHsNA/t40KN84x6WEBHvkIZuPeOR66Jr9pu94AToji+hCrG5IZYM1ISQ/zaCEPacZvvWxlewNM+cEOOgw6k1WNr8OCrBRRVkj37XBN6t7ZwCEfxAedDBLXwP+dfocY804aYcWCnVTv5c4K1CJM6Y39BVbx9XrdvJKI4dXjYM1mrsygw/JmvvIOuy/IdmedvGw1T5nH/ru+AX4Xbb9e8+hqAAAAAElFTkSuQmCC)
}

.android_11_7 .s-head-menu-menu.show-menu .op-list .hide {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAnFBMVEUAAAAzMzNDQ0MzMzMzMzMzMzM1NTU2NjYzMzM6OjozMzM1NTU8PDxkZGQ1NTUzMzMzMzM0NDQ0NDQ4ODg0NDQzMzMzMzMzMzMzMzM1NTUzMzMzMzMzMzM0NDQ1NTUzMzMzMzM0NDQ1NTU2NjYzMzMzMzMzMzM0NDQ0NDQ0NDQzMzM0NDQzMzM1NTU5OTkzMzMzMzM0NDQzMzMzMzNMR7OBAAAAM3RSTlMA/AX14tg0GosO7FAJAifwpmQ9FWznzsiXLtK/tUUiuqqFOR7er3dgVUqemZIrEvh7W3+Kun2QAAACwklEQVRIx+WU2daiMBCEG2QJIiDq7wqK+77m/d9t0m0g0cjMce7mTN0Y6FSW+mjhP1CcTuF7nRu80fnetuGcJ+evbQsu5PggNUpPs4HrDrJTOvrjdnwc4LBz+OGanOHvTn/CKRMboOCGxtuozhatcUIbwHe4qX7tjq0J1plINeHX2W2bn2MvvGWWNBbLGt/FxXJP5BMG2tutdDbuNb4lRmHtzPdtTmKR6en2RO6JKF4/XMObkG92MVwuTwFyPE/zE/a0gb6Vb7i4FQLcJXZTHgXsdt9cQgcde4ets2Pqa3MmREJLyx4QM7rxUGIPxpxeTtWsQpZQ1dS1/Yp96Txz3ylfhi/mIBVSSnaJnbZmlCspff0iLJl0gLici4l9xGhkLVTJwakBjRktYWAPqTEsjEFh7uDzCUf+VYweWmIAnoAku33HhbQP54ErYkxzMfhpqUJRYY/xcU0BqVic58XBoYsoNa09wLbC3sEFQGmLzxHE+Blqm7XE8TyAW8k2wIFWj/DiHuwRISj5+OkRS0kFefighO1whxxXBSUbp3cVdsrVBqWMMvK5vpq8a1hhnyP2lX4aTPkM0Bc/Q1DC041tJFFiz09vZRc7CUmM3v4yGY6mJXbtjCNLBm+vcHktK7pU5kOJfQFKgYtgaHLIX4n6Pxw12AHsJfZK1Duh1jc3rZGb5JPY9b+Cub6D3X/zxdSihP0hsSuXW/X3NJFZl4pSSrE5BTiqZmTynUqPfIcWKMX3TW+/BIgyKpWuRA8IPPK5IzCkYxd7eYB6i+HaA1MKu+XIUI0YxqFhU9jD5YfDHDlpkBslHbupXcJJzim3q4bI2f0NuyH/iGWKedJmvd78MGs8saeEvQs1igtuSsdeJ6/dMGwMFPZaBWmRKE+z2NIedoW9XlEcbthwyDZhHL1i9+BbdbExO/C1pn3rCH+jCP4l/QLvmpaG3VjdoAAAAABJRU5ErkJggg==)
}

.nightmode .android_11_7 .s-head-menu-menu.show-menu .op-list .hide {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAjVBMVEUAAADHx8esrKyvr6+srKywsLCsrKy0tLSsrKysrKyurq7AwMCsrKysrKysrKysrKysrKyurq6wsLCysrKsrKysrKysrKysrKysrKytra2srKysrKytra2srKysrKysrKytra2tra2srKysrKysrKysrKyvr6+srKysrKyzs7OsrKytra2srKytra2rq6voMEDvAAAALnRSTlMABfcl7RpQDvKXNAri0OfJjC4fFdW2qYZsOd6jYNm7r2Q9eklVRCvBkhKbW3912K6FFQAAAq5JREFUSMflldmaojAQhSvsILagLIqotPvW9f6PN6mYdDLJMPM5d/PNfyNQOVRyToLwH+D3PrzP2UPv833ZFyIG57dlK+Tkoboth2s922xm9bUv/9gOpzFdft4/0CBPVzDOFTlbBrBDh2k/ppLDG4AwR5fpqF+TC9UL7mqC3nbfn85+Fu1rTwqb+YjuVlF5yf2JYuNpL5XeY0Q3F1Yc3ecNCgrmaha8TZkg/jL27ILE9uaoKhwATt5Y7L2YaRc6KsQI4KFidxsKg6uFo8I1AOxV7KtiV6dDaIzZUmlmuMVmLxWRytjjCsXDuR4lnLkIX/TQnbzfyVfM85fvR62r6UGrbiPZQMYuWhfCV8Fg7QjpdExx5Tcd8EbGXhaV6LfSpZyGvpZXUG3lxB7pg6FLn3R/pauQEnkajgFkOvajtXGeVCGbWkT8mOhCMwAcdOzkUGOYnr8WDp1YiCbAA0Cv9oSYVmBuF7pn4FNXo9mE32ZG7DFdGHVGC8/gQBGCJqQ2RuxAeZi7jUJ/wElYpWHIWfBfFTv5ykBTC49CtN7WCfNV7C3F3qmaMp6bNeU/KWhodhWjJFTsp6tV3vDfgYql9cksfordmGPpSeNZR6ubWJ+wOgQVu7mBYppBPlE72Uw0FE1wdlSx+9YrI+Pc7HUtC5AwY5e00l15Si2dXyGRZABPGbtWbeLvLR9IrxVsEMIPX8cujoo15VUiuk9A4z++ltFcHem1UiVkkLWcTQkOZuy8vzWiFDpvCS46di+XM3RsmEauzlex06SdyaQomB2ckhm7yzFBQX49sW9PT8XDit0hvKMkuKzb5bK9bxPe5iA3breAEfwGLazYx8jWni3z6DyIidQMRomHJtCaoOlj/SW/w+9gfrRv07TdR74VewbvsujEH8Db+FNM4W9g8C/xA8sEiQV304meAAAAAElFTkSuQmCC)
}

.s-head-menu {
    min-width: 47px
}

.s-head-menu-menu-f {
    margin: 0;
    height: .28rem;
    padding: 0 .17rem
}

.s-head-menu-menu-f dt {
    margin: 0;
    padding: 0;
    height: 100%;
    width: .18rem;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURUdwTIWFhYaGhomJiYWFhW9PzU8AAAAEdFJOUwDpphz5/MqVAAAAOUlEQVQ4y2NgGAWjYOCBkaAyLgaziIujAXYGA5OLi4sCdgYDI5AlgJ2BVw6fmfjcgs8Po2AUDCgAAPbgEe/sOihUAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f dt,.nightmode .s-head-menu-menu-f dt {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMAgHVUDzNgn/AAAAA4SURBVDjLYxgFo2AQAGclE1wMFkVBIQfsDAZmQUFBA+wMBiYgSwGTgU8On5n43ILPD6NgFAw8AAD0SAspf12QfAAAAABJRU5ErkJggg==)
}

.darkmode .s-head-menu-menu-f dt {
    opacity: 1
}

.s-head-menu-menu-f dt:active {
    opacity: .2
}

.s-head-menu-menu-f.white dt,.s-head-menu-menu-f.white dt:active {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAAMVJREFUaAXt1F0KgCAQRlFpHa3fdbQa31qDzRf2Eiga/UxwhaFIHWZOWQgMBBBAAAEEEEAAAQQQQAABBBBAAAEEEHhbIOc8W0SLVEL382gd2mPhI08pZrXreehZd3Naa+EmT7BiJFwbsfetWQJXedRYqnWluYHGPssz9Rb5t3W1xpZGI62587bW2tbcM3nsc3N16O+qZ9cqyXT4dU4Uuu/+Ix7k2lP2ushz1MUVAQQQQAABBBBAAAEEEEAAAQQQQAABBC4LbPt49GCdWg7+AAAAAElFTkSuQmCC)
}

.s-head-menu-menu-f .op-list {
    display: none
}

.s-head-menu-menu-f.show-menu {
    position: relative;
    z-index: 1
}

.s-head-menu-menu-f.show-menu.show-menu-up .op-list {
    bottom: 100%
}

.s-head-menu-menu-f.show-menu .op-list {
    display: block;
    position: absolute!important;
    right: .17rem;
    min-width: .98rem;
    background-color: #fff;
    color: #1f1f1f;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    position: relative;
    overflow: visible;
    border: 1px solid #ccc;
    border-radius: .12rem
}

.darkmode .s-head-menu-menu-f.show-menu .op-list {
    background-color: #333;
    color: hsla(0,0%,100%,.8)
}

.nightmode .s-head-menu-menu-f.show-menu .op-list {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-head-menu-menu-f.show-menu .op-list {
        border: none
    }

    .s-head-menu-menu-f.show-menu .op-list:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid #ccc;
        border-radius: .36rem;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-head-menu-menu-f.show-menu .op-list:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .s-head-menu-menu-f.show-menu .op-list:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: .24rem
    }
}

.s-head-menu-menu-f.show-menu .op-list:after {
    border-color: rgba(0,0,0,.05)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list:after {
    border-color: hsla(0,0%,100%,.1)
}

.s-head-menu-menu-f.show-menu .op-list .item {
    padding-left: .49rem;
    height: .45rem;
    line-height: .43rem;
    font-size: .13rem;
    background-position: .17rem 50%;
    background-repeat: no-repeat;
    background-size: .18rem auto
}

.s-head-menu-menu-f.show-menu .op-list .item:nth-child(2) {
    position: relative;
    border: 1px solid transparent;
    border-top-color: #ccc
}

.nightmode .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after {
    border: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2) {
        border: none
    }

    .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 1px solid transparent;
        border-top-color: #ccc;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after:after {
        border: #e6e6e6;
        border-top: 1px solid
    }
}

@media screen and (max-width:360px) {
    .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after {
    border-top-color: rgba(0,0,0,.05)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after {
    border-top-color: hsla(0,0%,100%,.1)
}

.nightmode .s-head-menu-menu-f.show-menu .op-list .item:nth-child(2):after {
    border: rgba(0,0,0,.05);
    border-top: 1px solid
}

.s-head-menu-menu-f.show-menu .op-list .item:active {
    background-color: rgba(0,0,0,.05)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .item:active {
    background-color: hsla(0,0%,100%,.1)
}

.s-head-menu-menu-f.show-menu .op-list .item:first-child:before {
    content: none
}

.s-head-menu-menu-f.show-menu .op-list .item:before {
    background-color: #eee
}

.s-head-menu-menu-f.show-menu .op-list .delete {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTCAgIB8fHyIiIiEhISQkJB8fHyAgICEhISQkJCAgICAgIB8fHx8fHxPCnG0AAAANdFJOUwCA6CBhB8T3hSq8tnMvYgYpAAAAk0lEQVQ4y2NgGJTgLgTQTY6qgFEQEwhA5XjvYoILFMoxCmJIwe1jYEDzMQp3VG4QyUFTClY5RNqlnhw+++jo99q7AUg81rvXkXi6dw2QeMx3LyHxcu86IPFY7l5D4vXe1UTiTbp7B4lne/eSM8xGVhPdu5eRcy5aNhJAdvVeFKnbqFketzYGBoukWqjEdbXmASpQAYYJAe9sTtVAAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .delete,.nightmode .s-head-menu-menu-f.show-menu .op-list .delete {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAAD3RSTlMAzGcZxru4nQYCklFLIlwaVaXhAAAAk0lEQVQ4y2MYnEAQAmgiR3PApIQJFKByjIKYQIBCOSYlDCmgfTAA9zGCOyo3GOWgKQVTDpF2KZfDtG+g/e4o2IDE4xAUQeIlChog8ZgFxZB4hYIbkHg8guJIPEXBWCTeVUE5JJ6hoOjhBpht1oGCwsg5Fy0bKSDJcS5EkZKagOyjSShymgwowKjMESohkq7MMDAAAL+wIacpZpbdAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .delete {
    opacity: 1
}

.s-head-menu-menu-f.show-menu .op-list .report {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAilBMVEUAAAAfHx8fHx8fHx8gICApKSlEREQhISEoKCgfHx8gICAgICAhISEjIyMfHx8fHx8fHx8gICAfHx8gICAgICAiIiIkJCQfHx8gICAgICAgICAgICAgICAgICAgICAfHx8fHx8gICAhISEhISEgICAfHx8mJiYgICAfHx8gICAfHx8gICAjIyMfHx80UoFEAAAALXRSTlMA/OS9hwwDPAfpbFI1MvPhz5+ZV0klEPfajH1fToVm7rF2QivCpBvxxaiTxx2lya4nAAAB7UlEQVRIx+2V23LiMAxA7TiOSSD3S8mFFGjLtt3V///eWnYTHDwET2efdnqe7IgT2VI0kB/cCETL9kmyZ60InKXNKYSZ8LRxs7YpLEi3LtYBLA6PrQ9AnvOh5rze5s+AfDjlevKbad/4T/fzDfO9QOLtzNjOw2fz/c58jpSQVbqGKVoXsuCCXrrR72DQzV3aA8C7kKsTnlDnMvPhOU9y8XKUi1/TBUZQ5CTAfvnEwsf+BaSjgLREU7+pfUQE1rCxtQbrKchZWSwmGsyuTt+qnF9sSr8oCr3OdRIG8PtMTMRrrx7DMNXUA+RaYCYvmWHUAktT62UEYGi1XO3JPRIZ5frUdKFxuUruatffvWMnPsdxtCLWuBjBQS5oZb0wuB0+Pmafhlaoklpan3YX8zMoEtl9ftUYfoW29gpAj9WUsgdFP2sYh8rSXkBRTB+Bmg3qX7U3/MgsrUyUhg2ffuV1f3Rwzp/U1iGbKDP7J45DMAWNAerjOL5twC6PVvpWwRerfbODxfc0cqDf0kjdsizLnLUl/4fGI7ausYjbgTIEWNOQsLx93gGsa5ruJhe4abDIx0M1OXGw8hcb+xTPad4vQkuQBwj0zAFgaiwf4mM9jb0n9/FjLcYpNPYUnKFWodxYHNIZ85CV52xV5Id/yV8M7H3CScjQ5AAAAABJRU5ErkJggg==)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .report,.nightmode .s-head-menu-menu-f.show-menu .op-list .report {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJ3RSTlMAzJhrt8dBCgcDMLtvVzwqKMS0poBGHg3ArntMnmVfUjaOIxaEd4cOwHf1AAAB1ElEQVRIx+2V2XKrMAxAJUNYzBL2NFBC2jT9/0+8ll1jwBPi6e1Tp+fJiTiWZLHAH27EPGXnsjyzlMfOUnRJcCa5RG5WUOGKKnCxPLTwnlufSLw0QReGXdC8IPHplOvgnfTvk3d4nC+f+0KBf1zGjj4K5v6uIWharJUYVWTdYMWNvCpSezAc5ymdEfGVi9WFKtS5TD6q8yIW72/Utm5gQkkDcaLbsBtOYtqUSEHRfSCRAVebWZzoPDlckWAFKCi7rD6VOb+I2rTve7VuVBImernCEs4G+tscWeAjYQ6YiSZrilrQ0XRqmSEutE6szvCIUkRDVfVhpYViVT7UzHWvNIn7NE2biE2kguZmuVobxvHGCaf6vtB6eaSWNlTjDQzHvhQDi4wmj9TWqPS3XKccUDIYjeK5pb2j5K5vAnVsntE+aLyW1paoe9ZX+eNNBef8ZWcVecrq5fw4FayD5gEaiqLYDuDYZDtzy/GL3bnZwf57GniHb2nQpayua2dtze/QwoztaywL7UCbIO5pRNLChhFxX1OMm1zopuEqX5jI70wRw0OiQt43ybK/jCwOT+DkZWBgbp9MT75lDT4iFs+1gp5Cq2M3/l/zHZVNkbnvbOXwx0/yD/U5EyN1O9zIAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .report {
    opacity: 1
}

.s-head-menu-menu-f.show-menu .op-list .hide {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/hide_menu.png)
}

.s-head-menu-menu-f.show-menu .op-list .stick-top {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAe1BMVEUAAAAgICAhISEzMzMgICAfHx8fHx8kJCQmJiYfHx8fHx8fHx8fHx8gICAgICAgICAhISEiIiIiIiInJycfHx8fHx8gICAgICAhISEjIyMmJiYgICAfHx8gICAgICAgICAgICAgICAfHx8gICAgICAgICAhISEfHx8fHx8uS2M5AAAAKHRSTlMAfyUH2t3WIxHBpPrgyOlfOzQdDe3OrpwuLBfx43duUi/Qu7i2j2VB0R2ROwAAAUJJREFUSMftlelygyAUhV0qKu4aE5ekmrW+/xO2x9opKAiZ/MlMcv4I99xPvdwBjBfRl7mqTwlmDqsKnwJT1vZ0svsk6e17qZRgFUh6H3UYJh20Eb4Vpj51RX5AaYDnVZfaIbtNfwpsMdrpURS5mwzDbIMx1Vn4LTLj6ndWxZhtbSV1Qd7e+ptbe8wvCq7wkeW4/xHXQcQv1igvGpucs7GcIBZ5K1SJjGPDR5sjoqWUa6b3Sv6hEVP5VIW04lxEWSG8sy1c3zO80Fo6NdMhaTfrxf+P/aGgxBwdvzev+zZAZRT5PnV5K/MdaIAS2QYDzFuEsebHUBUwJm8xRuAaMyWtGos7QdFW1WdZKsZciO/bMkkWeWNv7CEMx3fNbXsc7UrshP3xwQg76qTEukGgTuea4qR9VSWEh8jN0FNhMfKMF9M37UJR0F74590AAAAASUVORK5CYII=)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .stick-top,.nightmode .s-head-menu-menu-f.show-menu .op-list .stick-top {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAHHRSTlMAzGayHp0EJAmsGw7Ag06mlDErFLp7YFlCjItymDxrUQAAAR9JREFUSMftlNGugyAMQKuiiAoq081t//+f97ZmGQpSlr0s2c6LQjmGtiB8CWMe5XKg5VmU4iM0NrePo5LGyOrlHiqsghpfs84oIedgmG9Fnm7dSdCaHvfUYsy4uhsBxg7f5irJ0mRZfLfk6SrBuuHKSQIhJxzdWK8e6PiJx1gUOB5qxirJap4zDXll1GvJUidwOCny2ojV44oeLddbZz3P/y6/Bz8LNmPCqxlfX8Lt0LU66Ob12U2XtljPQ/zsFPu9mAzpy3/0LgdbFggtMOELtsrbkHJCl31qmcM25Ea8opiO16YlkLSQ0lob1ppGCNHAMWENiJ/2097S8ETL/d3oWG39azjgeGC1JQuwAMvsWzMkYNRWUgbSqIVDC1/GH40DClD1SXFrAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .stick-top {
    opacity: 1
}

.s-head-menu-menu-f.show-menu .op-list .stick-top.disabled {
    opacity: .4;
    pointer-events: none
}

.s-head-menu-menu-f.show-menu .op-list .cancel-top {
    min-width: 1.24rem;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAn1BMVEUAAAAgICAhISEgICAfHx8mJiYfHx8fHx8yMjIgICAkJCQfHx8gICApKSkxMTEfHx8iIiIkJCQjIyMfHx8gICAhISFqamofHx8fHx8fHx8gICAfHx8gICAgICAfHx8gICAgICAhISEgICAgICAfHx8gICAgICAgICAgICAhISEhISEfHx8fHx8gICAfHx8gICAfHx8gICAgICAgICAfHx/iVOvCAAAANHRSTlMAgCXZ4RD42wVxFu7PDAikLCId87c3AtXCeVT8x7CDbWU96b+6i2BbSEIx5czJrZmTTp6dvoM90QAAAe5JREFUSMfl1Nt6ojAUBeAtiCKKgIoKeD4fq23z/s82s5ffEEoG0lz267pQs+WXZJNIvyRRozYdVSQpv+5FXZqKaojsnd+fRmzxt9iC+zRhx4zdiYjGHZO1HQS7M5lmxW64NnbLshtfVsd4/D3Xjf8N1zaPeyet68Bd5ABJtC6BC6VCFlrX4Ms27Obc2CBocWGvdQs4i6i/E8Mz0brLhYe2MdiUV3YjPMQYLtC6J3ZRlI/DDRfeXJ17wA3ysdXkwqhfr/yt4LSli9pc2Pp1ypmJV2wvrw0mXJg51crrYYvxy8QrVXtepcLv3r03XObIOdzlD6kZYBVTn9x5yfnTfMEyas/cEX+8SddHoWmpKrzyN3P3ddkObZDte03gGio9xL0CVnBbTLjgAtzPUY431nOfTadBlC9ny1NO24jgHJRTI3NDG/AId/2vx2hZXlpWcKg4N7TILbqW0pRjt8jgemhSwW1SUuJa4eUSx2BFh+0/iCLLiqg6YPm2UY6blsHZitMyueE+jRgctsHDlFEE9zRlZAnO3oihgizMGdIwZ0hizrDzOsYshltWM/7fCsud7FI8rHcjPh92IS0+dkRruFUVS8V/wgfmzF4cqtyHqj6Ic2KXHavcwf6KJpgZXP1j961CHFl/z/DQjZMm9IPyB/G2iSrflp+CAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .cancel-top,.nightmode .s-head-menu-menu-f.show-menu .op-list .cancel-top {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAAL3RSTlMAzGevHQsEyBC1w79ZB6CVhEsbulIkFKynpJyQb0M0K4svIBixmX5gXT57djknY6OUGUYAAAHYSURBVEjH5dTZdoIwEAbgCatWRMCtqBQBl9al7/94Pf+0TZAoaXrX0/8CZQ4fZBmgf5LM6U2ki2OB40b0ZagpR4Rv+D1bMCjx5Q42LBVwF/yNTHPT3QvZZgb39FtXqUJwnaWl2UVwI3lh5eL8+WJ0r+yu6oRzNLp3dnOlOI7RObhsCrfGwiZJiMLG6DbsaqLxhJe1GqFw+qHz4HgzSnZJYHJn7qJMns+nKGyN7oTLdo08r4corMf9yt8LxF3ISrZDYe/3qliIrlssUYh73CDnFsNhOVDVZxRyFPSo+w623FctF/ONFvdVw2248ilYd5y/4oE395THazbBmn26XE1nPOGN8TSkdkhdFisXbGXj3cQfqn6A2/OAWy7h5/naa4rkcbxaJZmczh5DLlxkJ5C0w45CJVdbyFONhEzUnVrYcsQu57YK2i7UFiUdKSa3ueOmBWkJ6vm1LCvJ4OTiNlnmeRk9jmRwS+11MzJk4bKzYsodbBk1vF8nW0YZt8/ZlpEnkI0tI6GcPROOPeO82zPuvFdrVrKLHjN8t+p2ocbDqEJdzB6yCT55bishXjuil35XiDsp6Nulj9xBVwdCLmGvS91btPwe2VvYv32+18oAFemgrFMc6Q/lA3rhGZvv9iZwAAAAAElFTkSuQmCC)
}

.darkmode .s-head-menu-menu-f.show-menu .op-list .cancel-top {
    opacity: 1
}

.s-head-menu-menu-f.show-menu.sm .op-list .item {
    width: .97rem
}

.android .s-head-menu-menu-f .item {
    padding-top: .02667rem
}

.android .s-head-menu-menu-f .op-list:before {
    content: none
}

.footer-f {
    padding: .07rem .17rem;
    font-size: .12rem
}

.footer-f.forward-wrap {
    height: .38rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin-left: .085rem;
    margin-right: .085rem;
    position: relative;
    border: 1px solid transparent;
    border-top-color: #eee
}

.nightmode .footer-f.forward-wrap:after {
    border: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .footer-f.forward-wrap {
        border: none
    }

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

    .nightmode .footer-f.forward-wrap:after:after {
        border: #e6e6e6;
        border-top: 1px solid
    }
}

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

.footer-f.forward-wrap:after {
    border-top-color: #eee
}

.darkmode .footer-f.forward-wrap:after {
    border-top-color: hsla(0,0%,40%,.4)
}

.nightmode .footer-f.forward-wrap:after {
    border: #eee;
    border-top: 1px solid
}

.footer-f .btn-default {
    padding-left: .24rem;
    height: .38rem;
    line-height: .38rem;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: .18rem .18rem
}

.footer-f .btn-default:active {
    opacity: .2!important
}

.footer-f .have-forward {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    width: 1px;
    height: 100%;
    margin: 0 .085rem;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-f .have-forward .like {
    padding-left: 0;
    margin-right: 0
}

.footer-f .have-forward .like span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tall-footer .footer-f.forward-wrap {
    height: .5rem
}

.tall-footer .footer-f.forward-wrap:after {
    border: none
}

.tall-footer .footer-f .btn-default {
    height: .5rem;
    line-height: .5rem
}

.tall-footer .footer-f .like-component {
    height: .36rem
}

.footer-f .like-component .like-icon {
    width: .18rem;
    height: .18rem;
    position: relative;
    top: .02rem
}

.footer-f .like-component {
    height: .25rem
}

.footer-f .like-num-container {
    display: inline-block;
    position: relative;
    line-height: 1;
    height: .14rem;
    top: -.02333rem
}

.footer-f .btn-default .like-component .like-num-container {
    font-size: .12rem
}

.old-like-animation .like-component.liking .like-icon {
    -webkit-transition: unset;
    transition: unset;
    -webkit-animation: ani-like .5s linear 1;
    animation: ani-like .5s linear 1
}

.like-component {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.android_11_7 .footer-f {
    color: #666
}

.android_11_7 .footer-f .like-component .like-icon {
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/new-like-frame-heavy-2019.4.12.png);
    background-size: cover;
    height: .26rem;
    width: .26rem;
    margin-right: 0
}

.android_11_7 .footer-f .like-component.liked .like-icon {
    background-position-x: .25rem
}

.android_11_7 .footer-f .like-component .like-num-container {
    top: -.06rem
}

.android_11_7 .footer-f .btn-default {
    font-size: .13rem
}

.android_11_7 .footer-f .btn-default.share {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAkFBMVEUAAABoaGhmZmZ3d3dmZmZnZ2dpaWlra2tmZmZmZmZmZmZra2tmZmZnZ2dnZ2dmZmZnZ2dmZmZnZ2dmZmZoaGhpaWlmZmZnZ2dnZ2dnZ2dmZmZnZ2dnZ2dnZ2dnZ2doaGhpaWlra2tmZmZnZ2dmZmZnZ2dqampqampmZmZnZ2doaGhnZ2dnZ2doaGhmZmZmZma0FeFIAAAAL3RSTlMAe/oG49UoFc+/hBDx7av3npmAcDsc6crGuLJbSUI1LiMMpJNpYRkK3YtQd2xWVMtvjuYAAAHMSURBVEjH7ZTZkoIwEEVbENTBhcUNQVDHfeP//27oK2gFQsa8zVR5XiyBEzrhdtOHP4t597zgoGvte1lOO9bUwgwYWy1rnJWcdLQgF3q+wd7QfF/7yp9vUdxnb97R1CiZsndcaWo0sdgbjN+zJm6hkYMPMbr9qnSizSBjoJHp4s9FLdkuH1+pAR//PFVxw4wRNYqw0mLdZEX9whjMN19BSiVLXO/updKheJXlJ7XS20ioLbGcOaTZWXpOMyxo1m90cdJN0T0s+HZAVXoo36ZGXC5FFoust6ZmnPyBqaxRQmXWU4k254NSJn115CYigTO/TJnXMQIX1182VFm3kaTTVzw1bIV1yRi3svcWn6KQzeR+DV5Fe7B8qsBfevcMUqtrCFFeh5hhkeyLGA6BrVXtgD3i019SlZjz8Yg6S6KWIsVH7Ly+tW+upuw2oz2F9uyZWachbVdUw4wWu85zBO0eHXqQWEhxXPSU4WFhaPhBJVJ4Q+lqgGrS1/zwzQ0WCkgOv8a2hMEd8WTApdGZGuBdh2I1k3J+TRNqgvMGSzhdYCnmOK9cjRdt+3w+DjVTDLkJCZjJUtWAOBKEUpMTWyHpwt9n4ZA+a4c+/CN+ADbXVUPV77abAAAAAElFTkSuQmCC)
}

.android_11_7 .footer-f .btn-default.forward {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAb1BMVEUAAABnZ2dnZ2dvb29mZmZoaGhmZmZmZmZmZmZnZ2dnZ2dnZ2dnZ2dmZmZnZ2dpaWlpaWlmZmZnZ2dnZ2dmZmZmZmZnZ2dmZmZnZ2doaGhmZmZoaGhpaWlqamqqqqpnZ2dnZ2doaGhra2uAgIBmZmZIZH6cAAAAJHRSTlMA40oM1z76+erfzLGteFApJfLuxby0o5iAXFUvHxgDy3dHEwJVvcfIAAABPUlEQVRIx+WUy7KDIAxAsaD1LVbbarXv/P83XuKGuUOAptueZTJnCElA/Dq7JLl8oSUA0HynwfnGLnKP3lFyvfSA3p3tdQV6J8HlWqLX+tLLNKoeKALHtQqC5JS0DhChoNqVQ4yasLbhZPWspbclT7fC7axKhwZQuYntXo/guMuX20OMN+zlUlgDe5UX7IZmP5wJu8t/pqPRZsEGr9bxNdxeydcyo70/+Yp2/wJg+OhPSdxAFDC4x8d443AFG2m0nq91RlN8bTbaSGYuoTvWRpuoRAOBjmoc7uLGb2cIaRV9NXlEa+8rsqH/V3nH+CH1WA/MDm78hPGi89yrwmy+0p9JeaWmrOc62+pPqcNi5FT9ecwaVkFQhCXV+leAplfjtAgPT9sSFpUdAIdXacfNwC4XC7vKbBq+Zp/pj/MHMa1Eo0DvH7YAAAAASUVORK5CYII=);background-size: .19rem
}

.android_11_7 .footer-f .btn-default.reply {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAbFBMVEUAAABwcHBmZmZnZ2dra2tmZmZoaGhmZmZpaWlnZ2dzc3NmZmZmZmZqampmZmZnZ2dnZ2dnZ2dnZ2dnZ2dmZmZoaGhmZmZra2t5eXn///9nZ2dmZmZmZmZnZ2dnZ2dmZmZpaWlnZ2doaGhmZmbzIjmjAAAAI3RSTlMADPNsGvp7bzvkCujdJNSsqH/4woVQNBMGAbLryLijji1eIGy00gUAAAGTSURBVEjH7VXbsoIwDKSU0paL5SYgIqj8/z+epowDU0uOffPBfXK2WQy7aQh++EbkvKizMMzqguefarrmtOxwaroPRKQMFwthSf5Tna+LA9czrorXsupGRU5ILuitWpkYESWFKUlpsuNoasgCOCcuCs5ZbBUkMTO6I1lj/kq8H4gU6fNs7I5cR5GJxOkLkfpEgsqlS8FPVw4zONgGBxDwfqXjeYbHowk7J531SDjQZvNmfqZZGiCgYJhNttADOnoJzEvueJYKUNx0Cbe4yXAoqGNUIE+By4QuqS0Oso5wWQ5eWxzcTYLLCLhmcRB27y+DJp/+TY6aa/0tUTAk/gFwzQ3+cd89hsv2hHuN8nZxLr4XJ+gY9OB9TSNNMxL4LoWHpkf44beCpu1pPgsvRW5OK7f16sjNzDLJLT/7srKWuT0lvShHtmSc7OaeZgtAJS6ZgjkdwteHcKDtsyeR4KpamcYd6bBgkEefxXmrYbaIzeTQYmkq0ukRdbHci7IY2zHRXCt+f/nK1ShZKE8TbS/BD9+HP98ZPPAfvmmQAAAAAElFTkSuQmCC);background-size: .2rem
}

.android_11_7 .footer-f .btn-default .like-component.heavy .like-icon {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/new-like-frame-heavy-2019.4.12.png)
}

.android_11_7 .footer-f .opts-disable .btn-default {
    opacity: .2
}

.nightmode .android_11_7 .footer-f .btn-default .like-component .like-icon {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/new-like-frame-heavy-nightmode-2019.4.12.png)
}

.nightmode .android_11_7 .btn-default.share {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAhFBMVEUAAACbm5vHx8ecnJycnJycnJycnJycnJycnJycnJyhoaGlpaWsrKycnJycnJydnZ2srKycnJycnJycnJycnJycnJydnZ2cnJydnZ2goKCenp6cnJycnJycnJycnJycnJycnJyenp6fn5+cnJycnJycnJycnJyenp6cnJycnJyfn5+bm5vXJ5SOAAAAK3RSTlMAewP549C965eEFA8Lnm8oB+/Wy8WlVEo7HBj0rIFqW0IsI7KMeGE33bYwaM6jDQAAAchJREFUSMftlNuWgjAMRatc5S53REBBReX//29IQGYBbbVvM2t53ijdbZqchHz1Z7WNdd2xRKlD2PWSE0FM7VBSKUSl3UsXEczpAbWQgDt6n2O7fv+GJDlwoSGIkacM3L0WxEjmA6eln9Uss0eMmComNH7LGFWkdSDEiGfjx5UPuTamb8RQBX7pWzaUHQdihpEKT3ownVbtR2IfRjvnOa2fcF05UCErGhi/aJcBnWV0qEuhzBChIKY6O8AD1+8zFPiRs6xrNfDbWZVKxfBddi1tCIVmi07ltaUJdqE1isr1+pmChZAortPre78lmq8lcBnXrykaLllfduRRsUTp9BrWXA517UD2omwbyMescdrYcdLpUx89uhBU+jb1wCaQZtusB7ZcRatIZw4Hl/6yAw4Kmvu0pDCPymB1Zd44k4vvLv3BOkQzdZusITb1TEDrGXBbidGApOZmTCPohs9sLNbgTiAakI1eGbEdbx7ALedaw2iev/Oj8CKkHEIXXOMqs8FdgW8xqTlz1uVQbTTPFE2GbwK2JSy9tugrO3V+Td5h6uzlZQ4HmYStcchl81WvPfEaEFOCphTUBYcuERXUpzGJuEyDfPWP9APCQFAXsNmwYQAAAABJRU5ErkJggg==)
}

.nightmode .android_11_7 .btn-default.forward {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAZlBMVEUAAACbm5ucnJycnJycnJylpaWcnJycnJybm5ucnJybm5ubm5udnZ2bm5ucnJyfn5+cnJybm5ucnJycnJybm5ucnJycnJydnZ2cnJycnJyenp6fn5+qqqqcnJycnJyhoaH///+bm5s2XMhmAAAAIXRSTlMA5OH6UAzs18yzrko+eCkl8uPFvKOYgFxVLx8YA3dHEwKWIPOTAAABN0lEQVRIx+WUSbaDIBBF0UhQYhdNNJqW/W/yU/wBAwrIG+cO4VyxWvHrnIryJnBKY0yHa4WxXB+oVh3IayTqtUfyatjrS/IuAuVek1fFrrdlVqPhSDxXKZOk4KR9MhlKPl05NGO54hz0OshoSl7hH7q39JAqQBNeuLie6XK/wxzSeQc3l6JzuJU3ysYAD85C6cDHdLbaKmAotB7XqHslrhnL54tVVJwCTWQ5G3NmD/L/FD6f4+M0GGmtEdd6qylcW602sze3MhGjttrCXXR+X4QMND5beP64+u3E0PChyYasQxWxOn6/Srdkjm3EetLtFJ5f3CLsI3Fp982dXyb1navysOr/Zdhyj2Xg/7/IWdPOr5kkqoq3AM+o5mUTEV4+JRCNLwDC25cbwTcXhG9lCD84EH5Mf5w/OQw/J0HAp2YAAAAASUVORK5CYII=)
}

.nightmode .android_11_7 .btn-default.reply {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAaVBMVEUAAACcnJyjo6OcnJycnJybm5ubm5ucnJycnJyenp6jo6OcnJybm5ucnJybm5ucnJydnZ3b29uqqqqcnJydnZ2enp6hoaGbm5ubm5ubm5ucnJycnJyenp6dnZ2enp6bm5udnZ2hoaGbm5uMoonMAAAAInRSTlMAbQz583vk6N08HNTCrKl/IwEIhVAZE7LruKSOODEryF4mLpfUAgAAAYVJREFUSMftVdt2gyAQhFURiHiNmmjMhf//yGZpc5Ii0JC+5CHzODqwzLAL+eAdUdOy4GnKi5LWz2qGbqMfsOmGJ0RQpdpCWsFfqu1OO7DbhlWZNkj2VNQAtaD75JvJAqK21Iicwp0DmhuybH2qRpmdMrBOmyVG55N1ZitBVhB5oM6tsVsSB6SJxOkLsOsX1hMnZI5+unKY8VwL8UDg+ao13xs+HE06OGne+mWAZXYr8/mVpSQAiobZ5II1QEgGeIrasZYiQewd9UyGC4I6rgrmeQjLxPWXwuIwaxmW1ei1xWFvQlgG6JrFoU1thOx/RZ5es0RFBGBxY3zcx9cuF2ERV9lunCa2cciANVyi27THmQAkdiicb6nEjaApNEp678DD5YRHtTDfeDW5GSPhYvnZVvYwt29JI6oi0fz308E1Qjn7Q6EjY3p7CEd6kC3IA1U/VOeOdNQhMN+zON//SWxRMoM3GKYR+XTuh4w9injWEz/kXCh6vPlK1YklKdtMdGnIB++HLwVtOfPSs+bvAAAAAElFTkSuQmCC)
}

.nightmode .android_11_7 .opts-disable .btn-default {
    opacity: .2
}

.like-component .like-icon {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACrUExURUdwTCAgIDw8PCAgIB8fHyAgIB8fHx8fHygoKCcnJyAgIC4uLiAgIB8fH5ubmx8fHyAgIB8fHx8fHx8fHx8fHyAgICAgICAgIB8fHyIiIiAgIB8fHyEhISAgIB8fHyAgIB8fHyAgIB8fHyUlJSAgICIiIiAgICAgIB8fHx8fHyAgICAgICIiIiAgIB8fHyEhISAgICIiIh8fHx8fHyEhIR8fHyAgICEhIR8fHwEEU8QAAAA4dFJOUwD6BJWeZ+btEQxwB3etAaJzzvjrxYtjP5Eea4JTj5iI2qfUGksW8d+9MH43JHy0KVY0yv1F4rdcQfQ6DgAAAa9JREFUSMfV1ttagkAUhuHJZKdAOlBGau61LC1t993/lXWg0hBGa3o6qHXEM/jCYvidQak/UNO1qxejZztUq7OryLdhDQ6V1uSq6eWMvpz1AG8ze94CWt7mCBgopYIh4EhV7AF3SinVAs6krAN48eHoVcqu83vcAm3pPM6BaX7fGyFzgGT3ui6AujAhw/08KqX6wEqeED3ZHadAT6QeNHC+f0oNTCTKHwPJPhl3gOt/1Jcq22L01aJYXrpqFn8f9MJudxBpzLkbUarhxlSPyceZm/yKp2WGazzryhhvB/nwbJ14Rs0BOM1P354YrCK6Qb/wT4qA+eVyGda/SUU8NF9kAnREYeqaXQLEIjY1sw0gi+49sLBnPuD+FnOA6+9YYs9mgGfPsp812QHSErsqZO5IXZjpk7MBsLRnEfBmz9zDMl9gDeCyan0CdNOaNcyJLLKqfXANdK1ZoIFNmbWqmQO8qOPs/OslYVzoUcoegafMlgUvwMgY0ICvlFJhBYsj4OTeGBkDZ/6eDY6rScTna4YIq13YOWptmVpkn9YxkdtmpQ07HOtq85Q6Fl9t/7reATxQk+89iwY3AAAAAElFTkSuQmCC);cursor: pointer
}

.darkmode .like-component .like-icon,.nightmode .like-component .like-icon {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAALHRSTlMAzL8PxwMWeGZbU7h0cGC8pJ5/QwwKi2xYUIJ8OjMGs6+qhiwomJAdw0whk8NOSYgAAAGgSURBVEjH1ZbbdoIwEEWzISgV5aKCWvF+b/////qAQqAKk64+tOcpK1mbTCYnMyj1B5SfA73Z53aQN6ZQ5tpgbzyUeHIqdUqMoRybAM7BzWNAT8XYHpgppdItMBAnJAIOjzO+S7EV4HiP0acU65d7HIHYJo95ue9JiA2AqLiuBTAWJmR7z6NSagT4cofoXjFOgImI+rgCo2K81kBPQk13QHQ38AEI3FKv/dKLMeKqHF3ISfx1I+uT0PdnmcbM3Z5v2h5r5o2qldPavPemAuOsoTEfp1XI58gxBUC/XD5qA2uxbjqsvaQMcIa+Hy47XOFtzYuMgJVSSt26zOSbUQJ4Ig/mprcBZNa9AJun2LLVREDwW9igC3OB6GeY8xTrt2G9l0H2u4paYo8tTPeV2LwLm5nFRY5lwO0p1tpigkeZt8I+AL22xuZmIivsrQM718qtFJtegeNzbNTeHTbKGttV3cECm1Cv7SUWtmFpAOyNCQ24nVgG6Esj5nf3js1ePJmM5jdDhIprncOLZdSm0esuIi751iG9cKe7oIHFX9u/1hezZBP5x+VqXAAAAABJRU5ErkJggg==)
}

.darkmode .like-component .like-icon {
    opacity: 1
}

.like-component.liked .like-icon,.nightmode .like-component.liked .like-icon {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAflBMVEUAAAD/ODj/MzP/MzP/UVH/MzP/MzP/MzP/MzP/NDT/MzP/MzP/MzP/MzP/NDT/NDT/PT3/MzP/MzP/NDT/MzP/MzP/MzP/MzP/NDT/MzP/NDT/NDT/NDT/NTX/MzP/NDT/NTX/NDT/MzP/MzP/MzP/MzP/NTX/NTX/MzP/MzNhDbyiAAAAKXRSTlMAEvXiA+rOuZZW+9a+blErCO7HtqmkoZyCenVdS0Y8MQ7x8NuGaFs6NwUScBkAAADxSURBVEjH7dbJDoIwEIDh0rIKAi4ssrs77/+ChkRtK5FM56bxP/XyNU0mTYZ9cUkmuPATQ9VxGFssjZQdwqPYhLXw7JAasAJeBQZMSJbjVQ8yD89OCnPRyhYKi9CsAaUCzdYq22FVDGoNUg1CYxaS5Zo6ItUStLaWbJhhe/gcd2v7bVbXqmzHA8y30VzijpchmDYQy4ExDHNSyXxAMv0nhQbMlwwM2JrGHBrjP8xWNObS2JbGShqraawnMYeRWEZjFxqzSCxiJBaQmEhJ7MzUOJKFtsY8JLsxrQDHJjuRj2CLik2KoxV4ynunaNOxf3PdAW4x1x0nho5tAAAAAElFTkSuQmCC)
}

.nightmode .like-component.liked .like-icon {
    opacity: .9
}

.darkmode .liked .like-num-container,.liked .like-num-container {
    color: #f33
}

.disable-reply {
    cursor: none;
    opacity: .5
}

.disable-reply .btn-default:active {
    opacity: 1!important
}

.disable-like {
    cursor: none;
    opacity: .5
}

.disable-like:active {
    opacity: .5!important
}

.disable-like .btn-default.like,.disable-like .btn-default.like.active,.disable-like .btn-default.like .liked .like-num-container {
    color: #000
}

.disable-like .btn-default.like.active:active,.disable-like .btn-default.like:active {
    color: #000;
    opacity: 1!important
}

.btn-default.share {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAolBMVEUAAAAvLy8fHx8fHx8vLy92dnYgICAfHx8fHx8gICAfHx8gICAfHx8fHx8fHx8fHx8gICAgICAjIyMkJCQmJiYgICAfHx8fHx8gICAgICAgICAiIiIjIyMkJCQnJycgICAfHx8fHx8gICAgICAfHx8hISEiIiIgICAfHx8fHx8fHx8fHx8gICAgICAfHx8hISEgICAgICAgICAfHx8gICAfHx9wCloJAAAANXRSTlMACvb8BQLy1q+P3dGZ7uXMgmofGw/owr1TTj8pJBgT6sajiVxKRS3itJ2VfHdjNzLZqYxzLpyNdzcAAAIgSURBVEjH3ZXbdqowEIYnIiBKFUTcCp5aLJ632i3v/2rbmRhCFlmFXLb/XSbrZyYfmQn8dDHv5kw/jV1ugfqyzWwfBVePGdkGxUujpYmt83QkQ/TtHoY2FlFOZ2toA7ZHnxUa2sD2CpRnG9meCi0O1NAGW4eARoY2eOzQN7w2OMaz4L1nSRtEo0agi0D8aGkD1vse6BWzCHUEvhLoUQt0eSiq+hBxCXSvATp/K0jW1LvMkySVOxLooAb0i5sGlxVolWuB+mTqf9OYSw50UXcdmdagAHWZjBypgKYZYNNB/qm9vBu3a/o/YpFQrgU0a4X/U9Tcfy7iFFooIps8mPW3wSDJjYD0Ka5Eo7rvFSQuUu22OdiUfi3jydqWuLiha53zFU6ZQwtXQlf29uKd4uJRa9V5cJ4okaxT4D8TQR8X6t279PDDajQoUAeBYIIfmcttFm7KTu1WEaJOZWCGbOzy1B7mEWIqws4MSuFnPFGdXyZyqra0TwirtOOyRnZyxCNzysXAkwjdcZUYRqidry73xEGkzsnMKhEqRxtgJ515fW5GHKRNIlS50tEme9pch3xX2tidNs4UU4mEEPGR6mMhim21EQhVIdlZPqRUSEa1cYRx/cJi/BLj5kZ9o5FqJhDWtMYadA8Yla0iVGvRP5engsvXNqL12qzPRLpPlhhu2mx3WzMAzhv3noNenEYXzEQk38ZgKpzqWzBWOhpm8Cv1H6wVefECJqC8AAAAAElFTkSuQmCC)
}

.darkmode .btn-default.share,.nightmode .btn-default.share {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALXRSTlMAzAjFBHvBrL1zJLmxFxO2p29ApI9oVTYgC5yKOxufgEUwKg6ZlYRjYFBLEF1FMCfqAAAB+ElEQVRIx92V2WKCMBBFJ2EHQRRlc8Gl7v3/76uTGAcECnls7xOZcAgcyAB/PYXn2GWmS3GHYWaa2IzJLLgWFrNXkkgHM55ENkVu6mtiPBRr2mtNDIoFw6SaGIAnOE8Xg5SE6mCwtkmoBgb+OKHhfHleMMIgSgaFbpbqRRMGfEDoYcUohgkyJNTsgqKKmMZnTEKLNjV3mUzp3eb7LKcZEhqHPd98fHtAKyQ0ODSrloAmfbpIaN6mLA6/hAthDv+gptmozfvdHE7DcZv+pAZ7pIINDOeB71Pd8wSpHEYkkhg92GEAoFMTEMlGdzazqilx0Ko5gjqW4tVyWmw/gspRAXN9EDk9j6sR1N5Fynn5znHgd2zV67FRuRt44pcqWjhoSr4tXPZZXTJMpRQUeJE5TfN0y1RMUngWhQuo7NANtQTPZhSuyg+h0NjBO1WteUbWm7DfGCms2w7e98gvaqXk4tcbXqYUUkKsCDsHRzLBMqQ+2VZIjxbjwdUQkHNHDwojhRbpUUUPoDgxjJvKWcK4VHiFZrCaQhjLSxafzfyxJYX1lGhE9iQXzTQxoZCaFQXrtwAntxHUg1Z3NilsBt0KGSve88s/Fd3/o+7f5YUxUtiKmmz3xJLRTu5ZbQXtmNets/KhO9KGCZpBk24IusGuvgbt+Elwh3+ZHzX6GEzLBhxsAAAAAElFTkSuQmCC)
}

.darkmode .btn-default.share {
    opacity: 1
}

.btn-default.like i {
    display: block;
    width: .16rem;
    margin-right: .08rem;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100% auto;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACrUExURUdwTCAgIDw8PCAgIB8fHyAgIB8fHx8fHygoKCcnJyAgIC4uLiAgIB8fH5ubmx8fHyAgIB8fHx8fHx8fHx8fHyAgICAgICAgIB8fHyIiIiAgIB8fHyEhISAgIB8fHyAgIB8fHyAgIB8fHyUlJSAgICIiIiAgICAgIB8fHx8fHyAgICAgICIiIiAgIB8fHyEhISAgICIiIh8fHx8fHyEhIR8fHyAgICEhIR8fHwEEU8QAAAA4dFJOUwD6BJWeZ+btEQxwB3etAaJzzvjrxYtjP5Eea4JTj5iI2qfUGksW8d+9MH43JHy0KVY0yv1F4rdcQfQ6DgAAAa9JREFUSMfV1ttagkAUhuHJZKdAOlBGau61LC1t993/lXWg0hBGa3o6qHXEM/jCYvidQak/UNO1qxejZztUq7OryLdhDQ6V1uSq6eWMvpz1AG8ze94CWt7mCBgopYIh4EhV7AF3SinVAs6krAN48eHoVcqu83vcAm3pPM6BaX7fGyFzgGT3ui6AujAhw/08KqX6wEqeED3ZHadAT6QeNHC+f0oNTCTKHwPJPhl3gOt/1Jcq22L01aJYXrpqFn8f9MJudxBpzLkbUarhxlSPyceZm/yKp2WGazzryhhvB/nwbJ14Rs0BOM1P354YrCK6Qb/wT4qA+eVyGda/SUU8NF9kAnREYeqaXQLEIjY1sw0gi+49sLBnPuD+FnOA6+9YYs9mgGfPsp812QHSErsqZO5IXZjpk7MBsLRnEfBmz9zDMl9gDeCyan0CdNOaNcyJLLKqfXANdK1ZoIFNmbWqmQO8qOPs/OslYVzoUcoegafMlgUvwMgY0ICvlFJhBYsj4OTeGBkDZ/6eDY6rScTna4YIq13YOWptmVpkn9YxkdtmpQ07HOtq85Q6Fl9t/7reATxQk+89iwY3AAAAAElFTkSuQmCC)
}

.darkmode .btn-default.like i,.nightmode .btn-default.like i {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAALHRSTlMAzL8PxwMWeGZbU7h0cGC8pJ5/QwwKi2xYUIJ8OjMGs6+qhiwomJAdw0whk8NOSYgAAAGgSURBVEjH1ZbbdoIwEEWzISgV5aKCWvF+b/////qAQqAKk64+tOcpK1mbTCYnMyj1B5SfA73Z53aQN6ZQ5tpgbzyUeHIqdUqMoRybAM7BzWNAT8XYHpgppdItMBAnJAIOjzO+S7EV4HiP0acU65d7HIHYJo95ue9JiA2AqLiuBTAWJmR7z6NSagT4cofoXjFOgImI+rgCo2K81kBPQk13QHQ38AEI3FKv/dKLMeKqHF3ISfx1I+uT0PdnmcbM3Z5v2h5r5o2qldPavPemAuOsoTEfp1XI58gxBUC/XD5qA2uxbjqsvaQMcIa+Hy47XOFtzYuMgJVSSt26zOSbUQJ4Ig/mprcBZNa9AJun2LLVREDwW9igC3OB6GeY8xTrt2G9l0H2u4paYo8tTPeV2LwLm5nFRY5lwO0p1tpigkeZt8I+AL22xuZmIivsrQM718qtFJtegeNzbNTeHTbKGttV3cECm1Cv7SUWtmFpAOyNCQ24nVgG6Esj5nf3js1ePJmM5jdDhIprncOLZdSm0esuIi751iG9cKe7oIHFX9u/1hezZBP5x+VqXAAAAABJRU5ErkJggg==)
}

.darkmode .btn-default.like i {
    opacity: 1
}

.btn-default.like.animate i {
    -webkit-animation: ani-like .5s linear 1;
    animation: ani-like .5s linear 1
}

.btn-default.like.active,.darkmode .btn-default.like.active {
    color: #f33
}

.btn-default.like.active i,.nightmode .btn-default.like.active i {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAflBMVEUAAAD/ODj/MzP/MzP/UVH/MzP/MzP/MzP/MzP/NDT/MzP/MzP/MzP/MzP/NDT/NDT/PT3/MzP/MzP/NDT/MzP/MzP/MzP/MzP/NDT/MzP/NDT/NDT/NDT/NTX/MzP/NDT/NTX/NDT/MzP/MzP/MzP/MzP/NTX/NTX/MzP/MzNhDbyiAAAAKXRSTlMAEvXiA+rOuZZW+9a+blErCO7HtqmkoZyCenVdS0Y8MQ7x8NuGaFs6NwUScBkAAADxSURBVEjH7dbJDoIwEIDh0rIKAi4ssrs77/+ChkRtK5FM56bxP/XyNU0mTYZ9cUkmuPATQ9VxGFssjZQdwqPYhLXw7JAasAJeBQZMSJbjVQ8yD89OCnPRyhYKi9CsAaUCzdYq22FVDGoNUg1CYxaS5Zo6ItUStLaWbJhhe/gcd2v7bVbXqmzHA8y30VzijpchmDYQy4ExDHNSyXxAMv0nhQbMlwwM2JrGHBrjP8xWNObS2JbGShqraawnMYeRWEZjFxqzSCxiJBaQmEhJ7MzUOJKFtsY8JLsxrQDHJjuRj2CLik2KoxV4ynunaNOxf3PdAW4x1x0nho5tAAAAAElFTkSuQmCC)
}

.nightmode .btn-default.like.active i {
    opacity: .9
}

.btn-default.reply {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUdwTCAgICEhIR8fHyAgIB8fHx8fHycnJ0BAQB8fHyAgICEhISAgICAgICIiIiAgIB8fHx8fHyAgIB8fHx8fHx8fHx8fHyAgIB8fHyAgICAgICAgIB8fH95zHOMAAAAcdFJOUwBAH+XH+ucMBIHyXfGlHp/f7Ee7KVHRYayOcAi7OcxHAAABCUlEQVRIx+2W2XKFIBBER0EB97tmO///nXngblpJMfCWlP3UWrQsDtMt8qfg+tmaruFnNJ2xc++2Ih8G0hiCX6lqiw62flUd0OLw1HkL0IZqcv6XnXs3VaEFsI8hAWB06VMbAcL9aQBG1XGPwHD7fg+0TveXWqCPfH6ZOYUAzJFaoFLKKsBGaoBJKZsAE2kHOG0JAl2kDeCVMg80kQKoK/45eJftsl1WICu8poVNobAFFTa8wvZa2MwLraPQqEptcW3C5hhfXq4JE95Y/iIicj6lLX8TMETcR6MJGOs4I2+tMs6sKvy24tNZsi5G3OElJ3rdFxW+JF/2XmcGvQW4VpKL47J8evkX+AaogUDcpYbzXwAAAABJRU5ErkJggg==)
}

.darkmode .btn-default.reply,.nightmode .btn-default.reply {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGXRSTlMAzAoEwrigaBiCyEs0vbSwqEE5IZaVinJaiuapkAAAAP9JREFUSMftlu0WgiAMhscAQSGr7Ov+rzQnFRWemPtXx/fX4PDI2Jnb4LeEoW2s6dS8OmObNuAnpJ1RdRmn3yjfKJ4a/0ptFFebzOnpLuuiRw3z0uijs9N9zyOOli3Wo9bSQfdYGaKAI+IMJjuQh8jCkPwM+RMOeHLZMQpIZGKRgpJMutgzMU8PSiZFBJkYUkySSXmomZim/EymGsUg8uEVW7EVE2DC31RYFIQlSFjwhOVVWMyFrUPYqORtsWzC/SFt7nffmnDZ8nvaGY6Vll8OGAB46WoDRjnOQLD1cabM8LvHpwHYyi/cwwIVr1iCnT0s03aEdhGW6tBvrxr+Qjf1rwe22LfQ4QAAAABJRU5ErkJggg==)
}

.darkmode .btn-default.reply {
    opacity: 1
}

.btn-default.forward {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACHUExURUdwTCEhIR8fHx8fHyAgICEhISIiIiAgICAgICAgICgoKF9fXyAgICAgICYmJiEhIR8fHyEhIR8fHyAgIB8fHyAgIB8fHyAgICIiIjk5OSAgICAgICAgICAgIB8fHyAgICcnJyIiIh8fHyAgICIiIh8fHx8fHx8fHyAgIB8fHyAgICAgIB8fHziQ5K4AAAAsdFJOUwAf6/dHVh7hqbgMAt8gFkG0Tpli+26H6TsJJ1p8js+BBjTnUy3axqTv7MCvdMm9bQAAAQ1JREFUSMftlslugzAURSlOAjEtM5QyJSVTh/P/39dFUUWoF35I2bQ5W+tIln317nOcP0MTR0u0HvomkFoRAF6hZVrHN29laDgNjsnaTKlGUaX1TAq7AQvy1ZWVvGNHOrVabMl+vZUb+2ZibyT2i8k/7AdAFdKfSYC8EqfABzp5eAbgVWy9ALk4ck4IDPI7bgDvlto6yzIt1x6Bp7s2xQMe7tq/1ByttV6gWeMBG7n2DIRiK8iBvViLls2qy7yorDgASHcGXQL002lebj/ckWFr5qwA1HGi7WyrVDXzorLBu66lRNlIp3aewDr92TwuKzOVMYvhzh3FVliOxQmAWhy5wxniJStg9bloc7wtX7szVnZGG80aAAAAAElFTkSuQmCC)
}

.darkmode .btn-default.forward,.nightmode .btn-default.forward {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHXRSTlMAzLQYk0WIOce9CrovchJmTj41IAamnXxsV69eJz3IhCUAAADuSURBVEjH7dXbisMgEIDhGavpaIxJmnPb93/O1awLydYLJ1AoJf+l8IEjovA9KXk7wgbEQbHVDUNiMTxW4W96dpDo2ap0M0VIU/fPuKrEjOi6U63GvKqtemBuzctZaVmkkyImi8dG9WEsWnrg1QZlgVuxjsou7PHJVsYrAnbOs5LPLp6JdzLVNI3hM4GIl5Od7GRrxsdlMR7jP3GOrXryrD/0rQo49HpPbKXQZ5nIzEEN25VKjjpWynQjBUXdhtWYGan9qHmJ/WAt5aB7bWBfN/1BKq7pbPJSuVpHWDMPeLmvrANuakSUcCArLXxcP/AUCrV6fte/AAAAAElFTkSuQmCC)
}

.darkmode .btn-default.forward {
    opacity: 1
}

@-webkit-keyframes ani-like {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(2)
    }

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

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

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

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

.opts-disable .btn-default.like,.opts-disable .btn-default.share {
    opacity: .2
}

.opts-disable .btn-default.like .like-component:active {
    opacity: 1
}

.opts-disable .btn-default.forward,.opts-disable .btn-default.reply {
    opacity: .2
}

.footer-f .candle.have-forward .btn-default .like-component .like-icon {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/uncandle.png)
}

.darkmode .footer-f .candle.have-forward .btn-default .like-component .like-icon,.nightmode .footer-f .candle.have-forward .btn-default .like-component .like-icon {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/uncandle_dark.png)
}

.footer-f .candle.have-forward .btn-default .like-component.liked .like-icon {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/candle.png)
}

.darkmode .footer-f .candle.have-forward .btn-default .like-component.liked .like-icon,.nightmode .footer-f .candle.have-forward .btn-default .like-component.liked .like-icon {
    background-image: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/candle_dark.png)
}

.footer-f .candle.have-forward .btn-default .liked .like-num-container {
    color: #1f1f1f
}

.darkmode .footer-f .candle.have-forward .btn-default .liked .like-num-container {
    color: hsla(0,0%,100%,.8)
}

.square-img-texts {
    background-color: #f5f5f5;
    border-radius: .09rem;
    position: relative
}

.darkmode .square-img-texts {
    background-color: #222
}

.nightmode .square-img-texts {
    background-color: hsla(0,0%,100%,.5)
}

.square-img-texts-no-info {
    display: block;
    text-align: center;
    font-size: .14rem;
    line-height: .14rem;
    color: #525252;
    padding: .19rem .16rem;
    background-color: #f5f5f5;
    border-radius: .09rem
}

.darkmode .square-img-texts-no-info {
    color: hsla(0,0%,100%,.6);
    background-color: #222
}

.nightmode .square-img-texts-no-info {
    background-color: rgba(0,0,0,.06)
}

.square-img-texts .right {
    padding: 0 .08rem;
    background-color: #f5f5f5
}

.darkmode .square-img-texts .right {
    background-color: #222
}

.square-img-texts .right h2 {
    font-size: .14rem;
    line-height: .19rem;
    font-weight: 400;
    color: #1f1f1f
}

.darkmode .square-img-texts .right h2 {
    color: hsla(0,0%,100%,.8)
}

.square-img-texts .right:first-child {
    padding: .17333rem .11333rem
}

.square-img-texts .left {
    width: .56rem;
    height: .56rem;
    position: relative
}

.square-img-texts .left:active:after {
    background-color: rgba(0,0,0,.05)
}

.darkmode .square-img-texts .left:active:after {
    background-color: hsla(0,0%,100%,.1)
}

.square-img-texts .left .image {
    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)
}

.darkmode .square-img-texts .left .image {
    -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)
}

.square-img-texts.active .left:after {
    background-color: rgba(0,0,0,.05)
}

.darkmode .square-img-texts.active .left:after {
    background-color: hsla(0,0%,100%,.1)
}

.square-img-texts .album-info {
    position: absolute;
    height: .2rem;
    bottom: .05rem;
    right: .05rem;
    padding: 0 .08rem 0 .04rem;
    background-color: rgba(0,0,0,.4);
    border-radius: .1rem
}

.square-img-texts .ico-sm {
    height: .14rem;
    width: .14rem;
    position: absolute;
    right: .06rem;
    bottom: .06rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.square-img-texts .ico-album {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAn1BMVEUAAAAAAAAAAAAAAAAAAAABAQEAAAAAAAAAAAAAAAAAAAAGBgbw8PAAAAAAAAD+/v4AAADR0dFdXV37+/v////JyckAAAD7+/vt7e3BwcHIyMhOTk7s7Ox2dnZVVVX5+fnz8/Ps7Ozd3d2AgIBoaGj6+vr39/fy8vL19fXl5eXn5+fZ2dnW1tbS0tJ3d3eKiorCwsIlJSWdnZ2Dg4P///+HqwduAAAANHRSTlMABgsCFBwgEg8ZFyKuKhr4JpJE5PpyLeeyWlghvTYy5MKtlEEw6tvTraeijIpbTUhDNzQlrC9jBgAAAbZJREFUOMud1WlzwiAQBuDGLgtLIsYjrXfv+275/7+ty1oHK4nJ+H7IiD5DNgibk+NyWpN6ltUm4eJ6NRH9b8rgjIYk2gS9M3GQGkghYr4NhihFoIPdlUCzYjzwexmMr2YEYqNcTH1DikW0p3x3ijLJlHQvUpj5A5nBlmaZoasUTIaj0XAiJZDJsu391UVKh2f9/tnQc8ZKKhAKOEjpqF+W/ZGsA8IO9Yeob6GxgHYaH8vnLTQmocuHuy5U8ZhL+3i970TLHBXm1UUHmisLYNV6mVLco2g1b29weN1KFZhe2OKUP7VTlht7uV3aafX+1UDlkGl3MxC5vCn5v5WfaiiPwlDKfcmVUlg2URkae8vTPiMBgMNmKvvXFv5SWW34Ux1Fa/gLqdbA2+QbeO34GfeodnzDlQNuDyEsfh5BG1nmFW9tpyOlsfcVEq8sR9rMJ7DVQFjxgSGhm2PItfnzNToLEmuJyPLV4frc+8LKMfwrdu7ZVitUf0HEcL2tWPo57PQBmbY+MmmkXO2iaJSLTYOL1s5r21sxt0krNMBPofbiyIIJMmnFOunEsRV3bPDdXxtdX0ZH5Re62oTRAUcYoQAAAABJRU5ErkJggg==)
}

.square-img-texts .ico-text {
    margin: .06rem 0 .01rem;
    color: #858585;
    font-size: .12rem;
    line-height: .12rem
}

.darkmode .square-img-texts .ico-text {
    color: hsla(0,0%,100%,.5)
}

.square-img-texts .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: .05rem 0 0 .05rem
}

.square-img-texts .videoIcon {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAk1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgICAgIAAAD///9xcXE9PT0eHh7////+/v75+fn4+Pj19fXx8fHf39+SkpL+/v7+/v75+fn09PTl5eXh4eHa2tri4uLY2NjNzc26urqvr6+np6ecnJylpaX9/f38/Pzw8PDv7+/u7u7r6+vq6urb29vKysrBwcGpqan///8dl8kiAAAAMHRSTlMABQcLFQ4RIBsX+y4nI/3139fTt5FB+PbjzaKbi4iCallWT0lC7ui8sq+koIFhV0TzUQxtAAABHklEQVQ4y72UV3LDMAxEQ7GIsBx3x+m9V9z/dGGI0cAOTIM/9n6/eTMSsXu0/5icKrDJ0eEEWp9irQabBAYHAC54hgtkcN3V/GXRRRd2ssZ69/WEKePrNjoSl6RuOUbK2TICiyXq4Q37nFwel8XGhjhBzuwhixuzFW1HuJbBohdL1LW4mel9C8FbIW4YZfHFkMQKmjO5S2JiNRRH58NIrEBlTm+ZVVAc3IC3OkrsI2sVFN/B16KzenRaj344ieqfpf8sIvUnAJYqD8ukci5UyaojpIPVT7tvuewW/i9Mvx0Sfd6sIStluV/Xy021Ku3Qz4ong5TlIfpe0RBFoRRD+Ddv888OqP/aaKaEvLDaaFubl1gqJWto3wnUaOIOmV8LH2G4UbehqAAAAABJRU5ErkJggg==)
}

.square-img-texts.has-padding {
    padding: .12rem;
    margin-left: .17rem;
    margin-right: .17rem;
    border-radius: .09rem;
    color: #525252
}

.darkmode .square-img-texts.has-padding {
    color: hsla(0,0%,100%,.6)
}

.square-img-texts.has-padding .left .image,.square-img-texts.has-padding .left .image:after {
    border-radius: .09rem
}

.square-img-texts-no-info.has-padding {
    padding: .16rem;
    margin: 0 .17rem
}

.square-img-texts.active:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .09rem;
    background-color: rgba(0,0,0,.05)
}

.darkmode .square-img-texts.active:after {
    background-color: hsla(0,0%,100%,.1)
}

.android_11_7 .square-img-texts .album-info .ico-album {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAa6YcBO7mrsYW692pgyoI9uWPjH1Y1NLBtJZlRzUPzTZQKQAAAKBJREFUKM+909kOgyAQheEBZXPD7nt5/7fsoSFpTWfChUn/G4EvKiZIa2u0TUxWN281Schk10lMg7knd9u9x2UDZrQPWN9hwPOBUGsknijn63fX3y3tvLDQgmd1n2U+YrOPTuJrJDT1ZfXmFjxmROGUEKat+2ZFpecZswEDOMMUXfKRiv8wlsdQBheOP6k/sMWnKKYBh6lyFCsHufIbrOwFFrY6c+FJwv0AAAAASUVORK5CYII=)
}

.nightmode .android_11_7 .square-img-texts .album-info .ico-album {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAWlBMVEUAAADPz8/Ozs7S0tLOzs7Ozs7////Ozs7Ozs7Ozs7R0dHOzs7Nzc3Ozs7R0dHh4eH////Ozs7Ozs7Ozs7Ozs7Nzc3Ozs7Nzc3Ozs7Ozs7Pz8/Q0NDPz8/Nzc0uqRThAAAAHXRSTlMAa+0b5qYErsaOE92pgyoIAfZ9WNTSwbSWbWVHNW1LH3EAAACeSURBVCjPvdPZDoMgEEDRAdlERO2+zf//ZgdD05rMhAeT3ifwBDERYG+dNchkbLeqRiFd3KKYJTbcuv4QyvuJGR0iwNzTgOcjUE5LnKEU2qvbe0tfXllow8v9uch8ygAvLfFtAioP9enDb3j8/Lsz4jp1/pcV1OKFZmkGco5h8hhoo+IcgxtjHVw5/qb+wAYxKaaEaBpHsXGQG9dgZ29/dTa5x0aHowAAAABJRU5ErkJggg==)
}

.android_11_7 .square-img-texts .videoIcon {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/new-videoicon.153c6f6.png)
}

.music-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .12rem;
    border-radius: .09rem;
    background-color: #f5f5f5
}

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

.nightmode .music-item {
    background-color: hsla(0,0%,100%,.5)
}

.music-item .avatar {
    width: .56rem;
    height: .56rem;
    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)
}

.darkmode .music-item .avatar {
    -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)
}

.music-item .content {
    padding-left: .08rem;
    margin-right: .2rem
}

.music-item .content .title {
    font-size: .14rem;
    line-height: .19rem;
    color: #1f1f1f
}

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

.music-item .content .singer {
    margin: .06rem 0 .01rem;
    color: #858585;
    font-size: .12rem;
    line-height: .12rem
}

.darkmode .music-item .content .singer {
    color: hsla(0,0%,100%,.5)
}

.music-item .play-icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: .08rem;
    width: .22rem;
    height: .22rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAilBMVEUAAAAkJCQfHx8fHx8fHx8fHx8mJiYgICAfHx8gICApKSkkJCQfHx8gICAfHx8qKiogICAgICAgICAfHx8gICAiIiIjIyMfHx8gICAfHx8hISEhISEgICAgICAgICAfHx8hISEhISEjIyMfHx8gICAhISEhISEgICAfHx8gICAgICAiIiIfHx8fHx8DrsF5AAAALXRSTlMAHPn85PQR35xPBirNh+4MqFm2gTwtJOvaemRCILCYlI2MFejKVDXJxUloU9QBHUA+AAACe0lEQVRYw7VY2ZaiMBANGAKKIKu2NO6g7fTk/39vhkraKNnwZOa+AKmcm9SaFEgLLy+zZbjx/U24zMrcQ2/ic/9BR/jYf6LJ8BJMlcDJtL2sI59q4UdrK8HqNKNGzE4rM8Mci7ndsalasliQtmqOnWDGcwPB4vDY8K4nrzLS7x4KHhZaMy75lCAhKjlJAj5hqTFrjLkGkaddJOL64FglvqZMWsTIgLiggPSqkHGGLbJgyzmklTzMrDBHVswDpstI3QWzZFijCahDZtNXvxwYwxlNwplxHF72xrSo0UTUTJcnrVdYjNgh1sQi1k9qX9j9cnrkJsRLgd5CAVH4k7cRfMXvUcSwbsRDwocPOe/vjalOwcI+C44EvOFJFrv8Hf5d6WsbeCWBdwyvkt98lnOlNrFhaQyVFjYkZXdGObq1LsBgkUHX/fCykyaICh780nDsBun+Z+63JL9QgUId+D2cDQh5oDExUtCLMnAJ+NVD+fC4IQMFIFLV7W6Q5KgcHkdZvKGvCBXuPQ6Cklm+kcUpFdC5txnGMwS1prJRALp2NKeCyoOgerRWCkA4CuEWBpnOZAqFnEhkGNsgCDFFEAcqisuo4kJg/wMKSREjRaZURJjTTpHGKnNqneorHHJVOlWElpUiWqlDiwe4nQLftQGeQ9zJ4tnIkESfZjzZzRRpbkh2XnJ6Sf7MUHiGkqMvfMHUwqcvv1+U48tSfvWHwJ0R+FtkPgRMR1EeDFuobUeR+UDs8+ukA9H9WHa/HLhfUdwvSu7XNfdLo/vV1f0C7X6Nd28m/k9LY2+szlJjZW7vvu3tnb3JvD03mTdLk+ne6ro33O5tv/vPB/dfIH8AXwHb8HCJw7IAAAAASUVORK5CYII=)
}

.darkmode .music-item .play-icon,.nightmode .music-item .play-icon {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJ3RSTlMAzMgiQbdvEL6zahsFw6QYfaB7r4dRNwkVxZJiRzEXDAK6jXcsSpNLKsXZAAACV0lEQVRYw5TU25KDIAwG4B9QPGBbtdXabtWe3v8ZdwxMGV2y2u9KhQkmYQLWcMtP+yyVMs32p/w24Dv3tj6KhWPd3rHVQcciKNYHbGFqKViyNlhz1hSAJ/UZ/4piv7fSTW+SokhM3+jKR44j8IqXcOQzGjEzRs9PlFfBlnEvrEueICDJL8LaM2VVLglZdmB0pXTJKAS8U0GuCuCpqyDpO7DmIvxgxY+Lof7UwWaxi7Aq2tlcFvUobCUzhQ1UZms678vLRkiwSWJjvGb/ZrNQ2EjZXHzWOMf+yzp/ZuzvumZ6sdoXDcdIug/4Ct0PaWCV9KbwFUXnliAH97I0tk0Pljv44Ctx6bAQPaZp9wanu3yqcad25OEfFTIvwMipKXcALe1MsHASTsUVKaFDWgD19PDEkp/guwZhz2m1pr3BW/UQ3rXj79cRGCiPkQ1BHhECRspkwI3yBRvCKUNzu5pWbraueiUE015NvbSVDxQsFR7X3mb6fgLNmn4tBKkM5nqaPKDpYVZDkGzAjKGPdmtgWu1EQI2ZhOYwqDHFxhAPzBRUo99arC0FQBAIQg8KQqgQJeqjD+3+R+xHkGDHLcY8wIDuzssKEN8uYqWLwOfcBATTSs8Jh9oIAwniUPNqqRCrB6uVFlyF6B1a8EQzFcIOkGaQ7A+A8SiRPUsOhrhKkoOFz7wVPiy/S+anIr/QBFxSif3UTABbUTTJAVQrwobouxh0Q6Rtea0SDviIwgclPq7xoZGPrnyA5mM8Xyb4SsMXK77e8SWTr7rameZS4Z4nuvb/9PnAf4HcryQiJKOswUYAAAAASUVORK5CYII=)
}

.darkmode .music-item .play-icon {
    opacity: 1
}

.music-item.active {
    background-color: rgba(0,0,0,.1)
}

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

.s-rich-text {
    color: #1f1f1f;
    word-break: break-word;
    font-size: .17rem;
    line-height: .26rem;
    margin: -.045rem 0
}

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

.s-rich-text pre {
    white-space: pre-line;
    word-break: break-word;
    display: inline;
    font-family: -apple-system-font,STHeiti SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    cursor:pointer;
}

.font-size-0 .s-rich-text {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 .s-rich-text {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 .s-rich-text {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 .s-rich-text {
    font-size: 21px;
    line-height: 28px
}

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

    .font-size-1 .s-rich-text {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 .s-rich-text {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 .s-rich-text {
        font-size: 18.9px;
        line-height: 26.1px
    }
}

.s-rich-text .type-at,.s-rich-text .type-image,.s-rich-text .type-link,.s-rich-text .type-topic,.s-rich-text .type-video,.s-rich-text .type-vote {
    color: #4367b4
}

.darkmode .s-rich-text .type-at,.darkmode .s-rich-text .type-image,.darkmode .s-rich-text .type-link,.darkmode .s-rich-text .type-topic,.darkmode .s-rich-text .type-video,.darkmode .s-rich-text .type-vote {
    color: rgba(117,177,255,.75)
}

.s-rich-text .type-at:active,.s-rich-text .type-image:active,.s-rich-text .type-link:active,.s-rich-text .type-topic:active,.s-rich-text .type-video:active,.s-rich-text .type-vote:active {
    opacity: .2
}

.s-rich-text .type-image,.s-rich-text .type-link,.s-rich-text .type-video,.s-rich-text .type-vote {
    padding-left: 1.4em;
    background-repeat: no-repeat;
    background-position: .2em 50%;
    background-size: auto 1em
}

.nightmode .s-rich-text .type-link,.s-rich-text .type-link {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzCAMAAAD8dJuVAAAAilBMVEUAAABSgMxEaLVKa7hDZ7RDZ7VEaLVGaLZGaLlDZ7VDZ7RDZ7VDZ7VEaLVFarZDZ7VDZ7VEaLVEabVNcb5DaLVEaLVEaLVIa7lGarVHardIa7tDaLVEZ7VEaLVEZ7REZ7VFaLVEZ7VEaLdEabZFaLZEaLRDaLVDaLVDaLVFabhEaLREbLVEaLVDZ7S+B1GhAAAALXRSTlMACOoRzr6SMCv27LLxoz36w2dLDOR5YRc5IRzh1KyOiYV9WVFFuaibdCbdLcfhRY4eAAAByklEQVRIx+2U2YKCMAxFWxCRHZTNfRl1XKb//3vToJSldELn2fuipD1tkiYhHylkruj/wHv24zDGXC8xddFlwIT8TO/+k8Pa2iw12EN9Z/o+xLVHs9MKmOQF/z/LDPhICx3WyevPRRW+pcEabT/3YJmPZ2cd2wWiGMFmEguBgxHP+Fyw0tUJxi4MeBeJJTdunmLwkW+KQtn+xe1bDHb5pqMimgvChuD0YmAh5wvBiLL8Vr3fAYGvfM9paCHlC2cEjvmeOl3mtfE/gSah6roKerA5YZ5oble8lCImoLfgds0ylr/P2UCjFGr2dfReJIyCE2sqzmE3Fbura/IMv69QVw54IVjlOyWinqnfFMkOkJq1VNkqo4rtl2cJVkJsX7Cq9/Gf78Zwm3kFZ3Ko9P9g550xcY6AFYWxAhc8qq6qbsMkNUugO5GxV+XIHlqA8JGKtGGuEjLcwpsRc8cbWvD4wg6Bc0UXlkzUuSRswBRrbo8JolAOTdRkiM7LCJ5zkN0TVBYkRmKlNKrbwrFl1qIjYPqAzm05Xkgskm9mNNWdarAwP0BxvqT0nsRMgwUFrCevYXFlXfZAtGR7rWufRFezzFo7zsO63clHA/oFjqpOh9bPQK4AAAAASUVORK5CYII=)
}

.nightmode .s-rich-text .type-link {
    opacity: .5
}

.nightmode .s-rich-text .type-vote,.s-rich-text .type-vote {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzAQMAAADxZPnkAAAABlBMVEUAAABDZ7QxCwCjAAAAAXRSTlMAQObYZgAAACFJREFUGNNjoAZgbyCGAaXIZYCpQcogCcj/B4IH+BjkAQDBlzjXSVhjjQAAAABJRU5ErkJggg==)
}

.nightmode .s-rich-text .type-vote {
    opacity: .5
}

.nightmode .s-rich-text .type-video,.s-rich-text .type-video {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzCAMAAAD8dJuVAAAAgVBMVEUAAABEZ7RDaLREZ7VEardOb7xinedQcsNFabhDaLVDZ7VDZ7VDaLVGabhDaLVEaLVFarZDZ7REaLREZ7VEaLVFabdDZ7VEaLVDabZGbrlEaLVDaLVDaLVEaLVEaLVEZ7VEaLZLbrpEZ7REaLREaLZGaLdEaLVHarhDZ7VEabVDZ7QOx6tbAAAAKnRSTlMA9a7SPBYDCCSe8s6DK+TAMfjsi3c36WVHGdrHuraoknAO17FiWFYS3FoaOCH4AAABaklEQVRIx+2USY7CMBBFyxAcO/NImnmGbt//gO1PGil04lpESGx4Cxb1/aiyFRV9eBNfelqIAYLl6ezzarwyDMmVbRsYnojp++eKAfI2apzyfWZdD15NxpXA/y5cQ8P9ISeqsPmOLJlehtVzD42+xHDBoxH5pQHrJ3tqKzVx4E0W3rdp2XcjTOWzcmpPbMyDdTcSxghimTy8EO8zHSXnlZwxsmx0pFzyyiaMLHE54fXkHcp7SazcGHDsyfHcrBURL2tz59Cz5YwAK0cGCEkOWFkJyCWNksk7GlH6o2RwY2Zm5ZaP/Gb5sA33cqwcYQ/EvMwvgzySo2VY2WgZlOq/HNiRJCtjc84NwG/ajZa2ELNyghNR/mjfjU62UHFuZg8EkrKwbX7rZmdsD+V2fUhbLKOqsEOr5xBTFReX2zasCUjV229XA4J0MsAmMUCzXxBPyq2mRrCu9oljsUtcZrBt78v7mTdArSR9eAW/D3pWMAH2wcgAAAAASUVORK5CYII=)
}

.nightmode .s-rich-text .type-video {
    opacity: .5
}

.nightmode .s-rich-text .type-image,.s-rich-text .type-image {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzCAMAAAD8dJuVAAAAclBMVEUAAABDZ7VDaLVPb75DZ7VDZ7RIa7dEaLVEaLREaLVEZ7VDZ7REaLVEardDZ7REaLVDZ7VEabRGaLdFabZbidJFaLVFaLVHarhEaLVEaLVEabVFabdHcLhEaLVEaLVEaLVEZ7VFaLVGabdJbbZFabRDZ7R/Tk0hAAAAJXRSTlMA3OoO4vMj1t2G7vjHPM6zuUsvKwV6YB2naGFPEp9vrpFDNhxcZQXQ2AAAAZpJREFUSMftlm1zgjAMgEtboIAC8qIoOnVb//9fXAJ4dbfUFrjbJ/OppXkuaUKTsLesk21S5HFASZwXyfYVGm30a9lEVnYXapeEO5vdkU2lIrxWMh1pi230me+F1TFx4ug5HStkD+yVHJAmo5bAwd6RjBPoJNRBAQfCAQvQKaiDHGJlg5rqPC4gajmlEGstLWwPzKXBldQ6pjQCrZUlh5l+3FVpHVjggIY/AJ0sBv8IG7eXwaznGDAHzPu6oVNVQ6ocMEhWns4k74YnfrcYRinr+TBPLmqyfhMOmPxeJaML8dd8GOXIkZbVIpiJG9Lh/e+TlA7Y1MLwV9gOxxI++sDsk+O9TdTqK4KeMIuQ7qbNuUPMH2Z31DwOy2pKoOpST5i1WE7R8T5DkrfRnFdVAtLC9ZHNWjHvSVaD6eHycmuUPGvYFU2XyD5+NwWwZ/WskcOEV7gz1dOvboNVE3NTty0dgy59DdEx3L0qGuBvsle5u6TCLAmyS7r7c/fUkcWe485/Mkgx1sRksGImWT8NuecwyTmXT3PYW9bID8dXTZKKmNToAAAAAElFTkSuQmCC)
}

.nightmode .s-rich-text .type-image {
    opacity: .5
}

.s-rich-text .type-emoji,.s-rich-text .type-vip {
    margin: 0 .06em;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.s-rich-text .type-vip {
    padding-left: 1.2em;
    background-size: 1.2em auto
}

.s-rich-text .type-emoji {
    background-size: 1.15em auto;
    width: 1.15em;
    height: 1.15em;
    display: inline-block;
    vertical-align: text-bottom
}

.s-rich-text .type-at,.s-rich-text .type-topic {
    padding-left: .2em
}

.s-rich-text .type-at:first-child,.s-rich-text .type-topic:first-child {
    padding-left: 0
}

.s-rich-text .type-vip {
    background-size: 1em auto
}

.s-rich-text .type-vip.vip-1 {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/vip-1.768da8b.png)
}

.s-rich-text .type-vip.vip-2 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAk1BMVEVHcEz///////////////////////////////////////////////////////////////////////84l/D////c7fx/vPVQpPLo8/1Bm/Cfzfhlr/M+mvBUpvL6/P6Ux/fv9/2PxPZpsfOo0fjj8P1cqvO52vpGnvGGwPbF4frz+P47mfB3uPX3+v5wtPTO5fvY6/yWQ8wjAAAAE3RSTlMAG8sDCfQ35l74ZnwR7K+3206PqmRLEQAAAg1JREFUSMedltmWqjAQRdMKAs5aOyAqqLRTa0///3X3AYQEVC993lypwl1jolRdzmw+mY6CYDSdzGeOeqGhP3Yx5I794RNzZ2BZFz6DR3/T7XsA6GWYJXGcZOFSA+D1u/fs3zoAeheJoWinATpvTfueByxCaShcAF6vbu8HkG7WckfrTQqBX7MHtit5oNUWsDx6AehIHirSEBhUbx7oWJ4o1uCVkXc7sI3kqaItdG7Z7UO6khdapdAv6uvBRl5qA15e8wEs1q8d1gsYKKXU0IWiXhqAs40CsBQRCcEd5iXQxeESgA/L4QfYxrfv+UqpMeyKwwMA6cmw/4Qywh2MlXJcKFO6B0pAEZGrpoowAtdRs4roDtPZCkrDTM2LkEym2MwM+6vxvbmaWAg1pg3AZ9XpMFFTyKTGdCx+nS7Ab3WawVSNIJEa01cR5TvAd3WawEgFYPZpzpRTRCnwY/YsBHUHk+kIsKo72EhXg+nQKHsCo1rQIouS6QPgYJ5lMK2ltQiUo0hm5stIq1W4W3dyucovkNpzuIS53RoV03cI8G6PhIaZ3XwG0x74OtlzDa5jtbfBRDk3lfL2NgfIZAIupwaRb4+oyURjM9xGtLEEbky1zVAugeaaKZjOj9ZMY5HlTNXc1BdZY1XGSZIkyenxqmy9jNuv+/YXSvsrq/2l2P7abX+xt386/OFx8j/Pn39H1ZClVRFjjwAAAABJRU5ErkJggg==)
}

.s-rich-text .type-vip.vip-3 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAmVBMVEVHcEz/////////////////////////////////////////////////////////////////////////////////////uCD/////wTv/0nD//fn/9+b/uyr/8tf/89r/yFP/uiX/wkD/3JP/+u7/2Yj/yVf/14H/9d//vC3/xUn/5rD/1Hf/35r/6r7/zWH/0Gv/4aD/vjP/7cgz761DAAAAFnRSTlMAy2YKAzcb5vZcfPIRYPnsr9u3CU6PxtEgXAAAAg1JREFUSMedltmWqjAQRaOtQjuPtRFNCyJqtz3//8fdB0ErINrc8yQrFdeuStVJjClqNl9MJ6PhcDSZLuYz80D9wdhHyR8P+nfCn7o9Sup1nyrCW00PALtdpvF6HafLrQXAa7ZuxXcaAHYfiFKwtwCNTjm+7QGrpZS0XAFeuxj/7EO4i+SGol0I/nMhHkg2UqFNAjg72j7YQCoVWPAVVccDu5Y7WlvwLpm3GpAEcldBAo28uk0IN/JAmxCa2fl6sJOH2oF3PvMurKLHG6IVdI0xpt+D7LxeADi5KABbEZEl9PrGmAHYbHELwIez4RdIjiIiYmFgjBnDPlt8BSA8qvhPuGS4h7ExMx8uJT0z6YZ64ZphAP7MzK9EN5hOTlIW5maRpaSZ1royHCL1fwszdRAOAHyp2qsvWcLUTCCVAtNb9nVM0MCSwsSMIJYKpneAz+tqDCMzBN2nmikIgV/dszAsbnhXTG8Am+IGFylnivKfzrHHMCokLbIiB/8AeNVrKUwKZVVMqa6XKqtzcHl3kkRigdCdwy0s3NZQTF8A3+5IWJi7zaeYDkD44841+DOnvRUTl7m56tzeeoA003VuNNHAHdGzvvMNBWfIR7RkAjlTwRkuJlC2mYzpVGUzJSM7Mx2iKiMrWeUxjuM4/qm2ytpmXN/u618o9a+s+pdi/Wu3/sVe/+nwH4+Tvzx//gG7W6YbwRbnBgAAAABJRU5ErkJggg==)
}

.s-rich-text .type-vip.vip-4 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEUAAAD/////////////////////////////////////////////////////////AAD/////YGD/ICD/39//v7//7+//gID/cHD/n5//kJD/z8//PDz/r68iggzTAAAAD3RSTlMAv98gEEDPcJ+QgFDvr2CMy6eYAAACZUlEQVRIx7WX6XaCMBCFCbugxoQlUnz/52wW5JJVPD2dXwW53C/TzDDJwlH2TVvnDxk5uXVVmZ2OsiMPJ0hTnJJWUNr66rx0ei2CyRDLOG238j4pLTbpKDg9BGejud8m4Jur9pwpAvpBm99jebpAGgojv4S1tfptofHgT/VEHUAvcmW7RpUwz4ugduD0Q3CtdveMYv6hJ+JHkdvqC7Qf1W7W7oqZngxF3tgLHvhZMZc77oqktfJdjJ6OVe30t7aXF0/6RSxS8C4TQJ+NabeujtBi1iF8AdM/mL/n3ZocMz0+TIQWuq8O1oWVLbaJYW29lVNYl6oOcc+8U8foQsNYh7zoFDWeTHAPxhiPae4S1A53ypgKzV3Z1OBOGlMuL/usk1VM6QfuWd+ZHY8mu8HE50YVe9X+ku0wI2g9Ue4njI9btM5yePjcWB82EjKWZ0i2y80OxuGnIEY8wO0Zp8XgnpAaPPRRLCxuBmNXjITFuAfPGAmr8a/yuGE8hroJUf3rRRPcxnilAYNb1iiHCPcTFRHqRJ3ufjzKze2KsAuj0iUpYtzrDGM/2SWaQTDfj5AxmkHWYRv7+ztmzM0nR3PPMW4Y+9SFbr3xfKMU/ZZG9qY/x7mHkLFp+jFrETZGZ8kzfG+WELdfESjwfaAj2IAeNwtDt/i4XyW4s7SVmYhAF4fR79ux4v6XgeYvo5Q7PJ4c4lIjIEtr1wlaW13rIuDJQcYf/5C1pPk86ZEZWjvuuZHzqPTaJI4J7dYEbD0X234j6TNOn78PKOP7gPKacL75n6MR4BviKbtvDnVVdyPmOFi3TR9R/gJ8v6zGs5zhQAAAAABJRU5ErkJggg==)
}

.s-rich-text .type-vip.vip-10 {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAk1BMVEVHcEz/////////////////////////////////////////////////////////////////////////////////zk7//////vr//ff/9t//1GT/0Fb/+/H//v7/z1P/+ev/34z//PX/1mn/56n/0lv/4I//45v/5KD/6rX/2Xf/2nr/+OX/3of/9Nj/8Mn/2HP/4pbTjE1KAAAAFXRSTlMAA2YKNxvL5l72fPIR+eyvj07bCbeyeFuGAAACXElEQVRIx52WW2OiMBCFU9uKeL/lS5CbAVQqavv/f90+IDYE2132PBGYMJOZM2cihIvNarldz2ez+Xq7XG3EXzAdLXws+IvR9Bfz1/GEDibj1x/MXwYeAEG+P2dhmJ33eQCAN3h5Zv8+BAiOO2lhdwwAhu9d+zcPSA+yg0MKeG+u/cgHdUrkEyQnBf7IsQeiD/kDPiKgtePNh2Anf8QuAN+K6t2DIJS/IAzAe5z8ZQiR839wfEQwbLI7AOXEfzHm4pxDweBeXw9OTggVVM6rE3h1zceQJq4DcF0kKYyFEGI6AbdeKXRdHGAyrUsQOJ/2BqU6LmRQF2MBx64DpSB1Xh9hIcTGh13XQVkqzN5JLfgbsbIjKj73+a0CVFEooLrl+8/CjmkllpDXS11pZUwMoEopSwUQG6N0pWqLHJZiC3fPxE2TKQopC1Szju9l38NWrOFcL7MoBkivZXmWUsqPr/KaAsRRVlucYS3mkD34olDNx+YnCvXgWQZzMYMHT3epIjbWjszEqPSRxBBmrQ2yqBSxeRjsTIyqvrMUwswOqdnRMLuIaNnXIX0f+t4p+tYwq4ihsvvqDGsrrXdSWs8R3FoUgK1VOBtFnhdSXh0+5bBsU6OJK9da6zwsY1TSpuvqCfmSk9EA2pQG8+mSz6V3cjQaMAbQGnNw6e000AUDmOhwiAxAXHYaqN2iV0BHX1LK5CvSwLXTom0RMGhzTKzoTEcEWjJTYGxFTk6GoiMzLSG7OIoZXrpC9lQqO3JsS2VvMe4v9/0HSv+R1X8o9h+7/Qd7/6vDf1xO/uX68weflKRKNlOalgAAAABJRU5ErkJggg==)
}

.s-rich-text .type-tag {
    display: inline-block;
    padding: .02333rem .5em;
    border-radius: .03rem;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    margin-right: -.12rem
}

.s-rich-text .type-tag.tag-red {
    color: #ec4345;
    background-color: rgba(236,67,69,.15)
}

.s-rich-text .type-tag.tag-yellow {
    color: #ff9b00;
    background-color: rgba(255,155,0,.15)
}

.s-rich-text .type-tag.tag-blue {
    color: #3797f0;
    background-color: rgba(55,151,240,.15)
}

.s-procedure {
    margin: .08rem .17rem 0;
    height: .84rem;
    position: relative;
    overflow: visible;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff
}

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

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

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

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

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

.s-procedure:after {
    border-color: #eee
}

.darkmode .s-procedure:after {
    border-color: transparent
}

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

.s-procedure-logo {
    position: absolute;
    top: .08rem;
    left: .12rem;
    width: .43rem;
    height: .43rem;
    border-radius: 100%;
    background-size: 100%;
    border: 1px solid rgba(0,0,0,.1)
}

.s-procedure-info {
    margin-left: .67rem;
    padding-top: .06667rem;
    height: .61rem
}

.s-procedure-desc,.s-procedure-name {
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-procedure-name {
    line-height: .25rem;
    font-size: .16rem
}

.s-procedure-desc {
    padding-bottom: .09rem;
    line-height: .21rem;
    font-size: .12rem;
    color: #858585
}

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

.s-procedure-footer {
    line-height: .24rem;
    font-size: .12rem;
    margin: 0 .12rem;
    position: relative;
    border: 1px solid transparent;
    border-top-color: #eee
}

.nightmode .s-procedure-footer:after {
    border: #e6e6e6
}

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

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

    .nightmode .s-procedure-footer:after:after {
        border: #e6e6e6;
        border-top: 1px solid
    }
}

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

.s-procedure-footer:after {
    border-top-color: #eee
}

.darkmode .s-procedure-footer:after {
    border-top-color: hsla(0,0%,40%,.4)
}

.nightmode .s-procedure-footer:after {
    border: #eee;
    border-top: 1px solid
}

.s-procedure-footer span {
    color: #858585;
    margin-left: .05rem
}

.darkmode .s-procedure-footer span {
    color: hsla(0,0%,100%,.5)
}

.s-procedure-footer .s-procedure-icon {
    display: inline-block;
    width: .14rem;
    height: .14rem;
    border-radius: 100%;
    background-size: 100% 100%;
    vertical-align: text-top
}

.s-procedure-footer .s-procedure-title {
    position: relative;
    line-height: .24rem;
    font-size: .12rem;
    color: #999
}

.s-video-card-cover {
    position: relative;
    line-height: 0;
    border-radius: .03rem;
    overflow: hidden;
    border-radius: .09rem
}

.s-video-card-cover .icon-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: auto;
    background: 50% 50% no-repeat;
    background-size: .48rem .48rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/videoicon.ed0d5ff.png)
}

.s-video-card-cover .s-image-wrap {
    border-radius: .09rem
}

.android_11_7 .s-video-card-cover .icon-play {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/new-videoicon.153c6f6.png)
}

.s-image-set {
    overflow: hidden;
    background-color: transparent
}

.s-image-set .text-title {
    padding: .05333rem .17rem .01rem
}

.font-size-0 .s-image-set .text-title {
    font-size: 14px;
    line-height: 21px
}

.font-size-1 .s-image-set .text-title {
    font-size: 17px;
    line-height: 24px
}

.font-size-2 .s-image-set .text-title {
    font-size: 19px;
    line-height: 26px
}

.font-size-3 .s-image-set .text-title {
    font-size: 21px;
    line-height: 28px
}

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

    .font-size-1 .s-image-set .text-title {
        font-size: 15.3px;
        line-height: 22.5px
    }

    .font-size-2 .s-image-set .text-title {
        font-size: 17.1px;
        line-height: 24.3px
    }

    .font-size-3 .s-image-set .text-title {
        font-size: 18.9px;
        line-height: 26.1px
    }
}

.s-image-set .origin-text-title {
    font-size: .16rem
}

.s-image-set .text-extra {
    padding: .11rem .17rem .03rem;
    height: .33rem;
    font-size: .12rem;
    line-height: .16rem;
    color: #999
}

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

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

.s-image-set-cover {
    position: relative;
    line-height: 0
}

.s-image-set-more {
    font-size: .27rem;
    color: #fff;
    position: absolute;
    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: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.4)
}

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

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

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

    .s-image-set .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 .s-image-set .hairline:after:after {
        border: #e6e6e6;
        border-bottom: 1px solid
    }
}

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

.imgsize-1 .s-image-set-cover .s-image-wrap {
    border-radius: 12px
}

.imgsize-2 .s-image-set-cover:first-child .s-image-wrap,.imgsize-3 .s-image-set-cover:first-child .s-image-wrap,.imgsize-4 .s-image-set-cover:first-child .s-image-wrap,.imgsize-5 .s-image-set-cover:first-child .s-image-wrap,.imgsize-6 .s-image-set-cover:first-child .s-image-wrap,.imgsize-7 .s-image-set-cover:first-child .s-image-wrap,.imgsize-8 .s-image-set-cover:first-child .s-image-wrap,.imgsize-9 .s-image-set-cover:first-child .s-image-wrap {
    border-top-left-radius: 12px
}

.imgsize-2 .s-image-set-cover:nth-child(2) .s-image-wrap,.imgsize-3 .s-image-set-cover:nth-child(3) .s-image-wrap,.imgsize-4 .s-image-set-cover:nth-child(2) .s-image-wrap,.imgsize-5 .s-image-set-cover:nth-child(3) .s-image-wrap,.imgsize-6 .s-image-set-cover:nth-child(3) .s-image-wrap,.imgsize-7 .s-image-set-cover:nth-child(3) .s-image-wrap,.imgsize-8 .s-image-set-cover:nth-child(3) .s-image-wrap,.imgsize-9 .s-image-set-cover:nth-child(3) .s-image-wrap {
    border-top-right-radius: 12px
}

.imgsize-2 .s-image-set-cover:first-child .s-image-wrap,.imgsize-3 .s-image-set-cover:first-child .s-image-wrap,.imgsize-4 .s-image-set-cover:nth-child(4) .s-image-wrap,.imgsize-5 .s-image-set-cover:nth-child(4) .s-image-wrap,.imgsize-6 .s-image-set-cover:nth-child(4) .s-image-wrap,.imgsize-7 .s-image-set-cover:nth-child(7) .s-image-wrap,.imgsize-8 .s-image-set-cover:nth-child(7) .s-image-wrap,.imgsize-9 .s-image-set-cover:nth-child(7) .s-image-wrap {
    border-bottom-left-radius: 12px
}

.imgsize-2 .s-image-set-cover:last-child .s-image-wrap,.imgsize-3 .s-image-set-cover:last-child .s-image-wrap,.imgsize-4 .s-image-set-cover:last-child .s-image-wrap,.imgsize-6 .s-image-set-cover:last-child .s-image-wrap,.imgsize-9 .s-image-set-cover:last-child .s-image-wrap {
    border-bottom-right-radius: 12px
}

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

.s-author-texts-name {
    line-height: 1.5;
    font-size: .16rem;
    color: #1f1f1f
}

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

.s-author-texts-sign {
    margin-top: .08rem;
    font-size: .13rem;
    color: #999;
    line-height: .16rem
}

.s-scroll {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    -webkit-transform: translateY(99px);
    transform: translateY(99px);
    margin-top: -99px;
    padding: 0 .17rem 99px
}

.s-scroll,.s-scroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.s-scroll::-webkit-scrollbar {
    display: none
}

.s-scroll-wrap {
    overflow: hidden;
    background-color: #fff
}

.darkmode .s-scroll-wrap {
    background-color: #080808
}

.s-scroll-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .17rem;
    height: .44rem
}

.s-scroll-title {
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: #1f1f1f
}

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

.s-scroll-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;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -.17rem;
    padding: 0 .17rem 0 .08rem;
    height: 100%;
    font-size: .13rem;
    color: #858585
}

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

.s-scroll-more .s-icon {
    width: .12rem;
    height: .12rem;
    color: inherit
}

.s-scroll-placeholder {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: .17rem
}

.s-icon {
    width: .3rem;
    height: .3rem;
    fill: currentColor;
    stroke: none;
    background-size: cover;
    color: #1f1f1f
}

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

.s-icon-xs {
    width: .18rem;
    height: .18rem
}

.s-icon-sm {
    width: .22rem;
    height: .22rem
}

.s-icon-md {
    width: .26rem;
    height: .26rem
}

.s-icon-lg {
    width: .3rem;
    height: .3rem
}

.s-icon-xl {
    width: .34rem;
    height: .34rem
}

.s-icon-xxl {
    width: .4rem;
    height: .4rem
}

.nightmode .s-icon {
    color: #ccc
}

.darkmode svg .path-1,svg .path-1 {
    fill: #fff
}

svg .path-2 {
    fill: #999
}

.darkmode svg .path-2 {
    fill: hsla(0,0%,60%,.6)
}

.s-svg-icon {
    fill: currentColor;
    stroke: none
}

.s-loader-container {
    position: relative;
    color: #1f1f1f;
    background-color: #fff;
    overflow: hidden;
    height: .52rem;
    font-size: .14rem;
    text-align: center
}

.nightmode .s-loader-container:after {
    border-color: rgba(0,0,0,.9);
    background-color: rgba(0,0,0,.01);
    opacity: .3
}

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

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

@media (-webkit-max-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.2),(max-resolution:1.5dppx),(min-resolution:1.2dppx) {
    .s-loader-container {
        border: none
    }

    .s-loader-container:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.66666667);
        transform: scale(.66666667);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .s-loader-container {
        border: none
    }

    .s-loader-container:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx) {
    .s-loader-container {
        border: none
    }

    .s-loader-container:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333333);
        transform: scale(.33333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

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

.s-loader-container>div {
    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;
    /*display: none;*/
    width: 100%;
    height: 100%
}


.s-loader-ing .icon-wrap {
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0);
    margin: 0 -.06667rem
}

.s-loader-ing .icon {
    width: .26667rem;
    height: .26667rem;
    border-radius: 100% 100%;
    -webkit-animation: fliploader .8s linear infinite;
    animation: fliploader .8s linear infinite;
    background-color: rgba(42,42,49,.3)
}

.darkmode .s-loader-ing .icon {
    background-color: hsla(0,0%,100%,.2);
    -webkit-animation-name: dark-fliploader;
    animation-name: dark-fliploader
}

.nightmode .s-loader-ing .icon {
    -webkit-animation-name: night-fliploader;
    animation-name: night-fliploader;
    border: .13333rem solid rgba(0,0,0,.1);
    opacity: .4
}

.s-loader-ing .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    margin-left: .08rem;
    font-size: .12rem
}

.state-1 .s-loader-ing {
    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
}

.s-loader .state-0 {
    display: none
}

.state-2 .s-loader-end,.state-3 .s-loader-err {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@-webkit-keyframes fliploader {
    0% {
        background-color: rgba(42,42,49,.3);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    40% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    50% {
        background-color: rgba(42,42,49,.6);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg)
    }

    to {
        background-color: rgba(42,42,49,.3);
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes fliploader {
    0% {
        background-color: rgba(42,42,49,.3);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    40% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    50% {
        background-color: rgba(42,42,49,.6);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg)
    }

    to {
        background-color: rgba(42,42,49,.3);
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@-webkit-keyframes dark-fliploader {
    0% {
        background-color: hsla(0,0%,100%,.2);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    40% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    50% {
        background-color: hsla(0,0%,100%,.4);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg)
    }

    to {
        background-color: hsla(0,0%,100%,.2);
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes dark-fliploader {
    0% {
        background-color: hsla(0,0%,100%,.2);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    40% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    50% {
        background-color: hsla(0,0%,100%,.4);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg)
    }

    to {
        background-color: hsla(0,0%,100%,.2);
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@-webkit-keyframes night-fliploader {
    0% {
        opacity: .4;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    40% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    50% {
        opacity: .2;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg)
    }

    to {
        opacity: .4;
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes night-fliploader {
    0% {
        opacity: .4;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    40% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    50% {
        opacity: .2;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg)
    }

    to {
        opacity: .4;
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

.s-empty-f {
    min-height: .8rem;
    margin: 0 20%;
    height: 762px;
    padding-top: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.s-empty-f .s-empty-f-logo {
    display: block;
    height: 108px
}

.s-empty-f .s-empty-f-text {
    padding-top: 12px;
    font-size: .16rem;
    text-align: center;
    color: #1f1f1f
}

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

.s-empty-f.s-empty-f-article .s-empty-f-logo {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAMAAAAJixmgAAAAPFBMVEUAAADt7e3r6+vp6enq6uru7u7q6ur////q6urq6urs7Ozq6urq6ury8vLq6urq6urt7e3q6urq6urp6en9xUkjAAAAE3RSTlMAOHCOVR2pB97FS3rqEPSdK9O23L6+FgAAAppJREFUeNrt3W1uozAURuEXAphvAt7/XicajTpVGwdHLdjY5+zgkdCVdflxRURERERERERERERERERERJRRdVGVR9dPiiPTL6M9pa5Q+Ew52vO6KXR9a0+tUdgGu1NaYtPY3ZISLzZEi/y7+vccdnIV1rNUxJ0N1qAAVda/JMSrDVmps7vbt7q+eLCBq7RfIiPrX71Obbahm08VGxu+U8W1jaC50OG5n1lb9YuV0Ym/g28hPqDxLkeJgt3iy4Nbl7jW0y4PbhqHuH0uvj5Y74kTAJvNIV4nfS8BsEz3hjgFsCaXuHsiTgH8ljgJsKbVJTb6Uhpg1a1DvH0RpwJ+iP0W9MmAfcXpgFWPPr8kEgLrPvos6BMC6z57iFMCq5h3F/RpgT3EiYHVz3sL+sTA6u2OODWwqtcL+vTATvE46VGCYJWvBleKYJd41aPLg9vmSetz8STpYuDJ/qS7pIuB9SNwIelq4DY3cJcbeMgNfM8NrDY3cJkbWG1u4D43sG65gbXlBp62zMDSLTew+jYzsFS2mYGlYujGrMB/q90tSYJfdAMMGDBgwIABA3YFGDBgwIABCzBgwIABA/YJMGDAgAEDFmDAgAEDBuwTYMCAAQMGLMCAAQMGDNgnwIABAwYMWIABAwYMGLBPgAEDBgwYsAADBgwYMGCfAAMGDBgwYAEGDBgwYMA+Ab4oeKsCtXmDL38W31Wt38/YiDM6oNlG26yPYjmmcmydPorlmMqxDfpcFMdUdovuvtSj1UbaqmOqbKRV+l8OY6vTURU2ygp9LYoLQYdV6sAWG12Ljsw0NrIao+8l/PwY9LTwx1SOqe11QqYcbRSNpdE5mX4Jbh6X3ujM6qIqg1UVtYiIiIiIiIiIiIiIiIiIiIjy6Q/xoBUXLiUFAwAAAABJRU5ErkJggg==);background-size: contain
}

.nightmode .s-empty-f.s-empty-f-article .s-empty-f-logo {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAJFBMVEUAAADp6ent7e3t7e3q6urt7e3w8PDr6+vq6urq6urq6ur4+Piw03DMAAAADHRSTlMAgB05SCoPVG5hdwcZNG4JAAACHElEQVR42u3cP2uTURiG8WNiYkKm07eSP1OK4OD0BhEc229QkYrgEh3EMZkqTmbR1ddRpzjo4NKlQ79dlxZOeKA056T30+G6vsCPmxwC7/IEIiIiIiIiIqJ70ofXz7fszS7Y8y9x+36Wu+11zOmw1O2sYlbDUngWM1uUuY+iSTN5GaPL5HbMb78EPogmzcNuSuAq3+3EoupsuBejz+SD6DR5Vgg/Fr0t23EmvI4+kwexuGkW3C2H/2TBrXjV+ORWzSw8mWbBW/7tvs+fXA7byUp4lch/lfBpAo/mQnixTORvSrhvJovgQWMma+BwkcDjMyG8Mfm3EA6fzGQR3F0l8g8dvDl5KIQ3Jy+EcHhmJovg1jqRD3Xw5uR9FWwm1yLYTK6UcCcm1UI4vDKTBbCZPNXAdvJ/JdxO4EoD28++kQD+fnrd52Ty/A7hG5veGfzAC+55wX0vuO0Ft7zgsPKCZ15wzwvueMHhyAvue8GDxgkOD73g8NYLDi+94PDklwi2dT+mLTWw7QgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgY2B0enxTUbA93406baw4Y2M4kJxtsE82RCttYc5bDVmkOkdj2NKdXbF9zj81Ij5I0O39b+h95T3NCyVZLjkbZhpozWbaF5LSPrZKcQrONjhXH32yTWnHuzvbvneDAn+3F00BEREREREREdD+6BCoV/Fs6jPrIAAAAAElFTkSuQmCC)
}

.darkmode .s-empty-f.s-empty-f-article .s-empty-f-logo {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAMAAAAJixmgAAAAPFBMVEUAAADt7e3r6+vp6enq6uru7u7q6ur////q6urq6urs7Ozq6urq6ury8vLq6urq6urt7e3q6urq6urp6en9xUkjAAAAE3RSTlMAOHCOVR2pB97FS3rqEPSdK9O23L6+FgAAAppJREFUeNrt3W1uozAURuEXAphvAt7/XicajTpVGwdHLdjY5+zgkdCVdflxRURERERERERERERERERERJRRdVGVR9dPiiPTL6M9pa5Q+Ew52vO6KXR9a0+tUdgGu1NaYtPY3ZISLzZEi/y7+vccdnIV1rNUxJ0N1qAAVda/JMSrDVmps7vbt7q+eLCBq7RfIiPrX71Obbahm08VGxu+U8W1jaC50OG5n1lb9YuV0Ym/g28hPqDxLkeJgt3iy4Nbl7jW0y4PbhqHuH0uvj5Y74kTAJvNIV4nfS8BsEz3hjgFsCaXuHsiTgH8ljgJsKbVJTb6Uhpg1a1DvH0RpwJ+iP0W9MmAfcXpgFWPPr8kEgLrPvos6BMC6z57iFMCq5h3F/RpgT3EiYHVz3sL+sTA6u2OODWwqtcL+vTATvE46VGCYJWvBleKYJd41aPLg9vmSetz8STpYuDJ/qS7pIuB9SNwIelq4DY3cJcbeMgNfM8NrDY3cJkbWG1u4D43sG65gbXlBp62zMDSLTew+jYzsFS2mYGlYujGrMB/q90tSYJfdAMMGDBgwIABA3YFGDBgwIABCzBgwIABA/YJMGDAgAEDFmDAgAEDBuwTYMCAAQMGLMCAAQMGDNgnwIABAwYMWIABAwYMGLBPgAEDBgwYsAADBgwYMGCfAAMGDBgwYAEGDBgwYMA+Ab4oeKsCtXmDL38W31Wt38/YiDM6oNlG26yPYjmmcmydPorlmMqxDfpcFMdUdovuvtSj1UbaqmOqbKRV+l8OY6vTURU2ygp9LYoLQYdV6sAWG12Ljsw0NrIao+8l/PwY9LTwx1SOqe11QqYcbRSNpdE5mX4Jbh6X3ujM6qIqg1UVtYiIiIiIiIiIiIiIiIiIiIjy6Q/xoBUXLiUFAwAAAABJRU5ErkJggg==);opacity: .18
}

.s-empty-f.s-empty-f-dynamic .s-empty-f-logo {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/empty-dynamic.6238513.png);
    background-size: contain
}

.nightmode .s-empty-f.s-empty-f-dynamic .s-empty-f-logo {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAJFBMVEUAAADp6ent7e3t7e3r6+vw8PDt7e3r6+vq6urq6urs7Ozr6+ucr4CiAAAADHRSTlMAgDkrRwogXFJ0Fmbr4F3sAAAC+0lEQVR42u3cz0/TcBjH8WbSQcbFB8Z+uMvAi8cuY/HqzEz0VoI/QrxsMZioly1oNJycCVFvNFHjkYPReOSgif+dWQjpvrTT50ufPrTj875C9mKs68q3fB8HIYQQQgghhBBCKCM9bG8kqL17Tnb7IyXsa+c87k0SaM/efUEi/bZ1f5BQ+3buFRLLs4K7cnDZxn1Egr2ygEeScJXvLpBot9hwSxZe5bolEu6ICS9Kw0MmPJCGK0z4WBpuKJ+1wjybl1j/Rd6Sh9ds38Xv2gm6YftOHtNpd5xE3afTag6ngPFzWp4B6w4jl3+O5Z/zfef/FfnfzX8Ofc7bmP/C8A8XzwZeSQ6v28AF/rHFP7qagAEDBgwYMGDAgAEDvljY3fww6XZfGS6O6KT6gSrsjqbWCDXhZxRW9fXgIk33Sw/eMeCaHjwmI08LLpLZoRa8RGarWvAWmdW04AGZ1RXg8BEak5V2t2UuRX1/avRcGO6G691L06v97j060ydfHl6b+no/PJ+d6YsGXKSY+grwThz8WQHuxsFlBTiIg+vpwy7F5qcOl+Lho7mBr4XL7mq/6vXwcH089eCjOLcqfq6ml71e725Ak/5xF7KS5sdiI/yYjvRWEl4ms5XZ9/RrjiRcmHHPrhBETh9NUdgNZtz2337/2uhNR/gqs2U+LV/t8nYhcuAqwNELa08RLhgXGRpw9P+dyr4q7Hz7c3Jg7fnqSxEPJl2iNRDAgAEDzh3sbvY4daRhd0y89sUXUbl5onCJ2FVE4WU+XPcl4QHxa8qu3vIbSsLHxO9QEg6I39W5eMZd4je8qKPak4QXGaD8Alv4B7L+mcv5yX7CfVnY5R5eB+IXAk82GF3fnZ8rEMCAAQMGDBgwYMCAAQMGDFgazvKGyXS2iGZ5U2w624CzvPE5la3e2d7cnsZ2/mwPMEhjZEO2h1SkMJYj64NI5EevZH3YjPh4newPFBIeoZSHoVGiY7LyMRhMbhRafoa/yYy7y9eAP4QQQgghhBBCCCHp/gIStFxgdR3T5QAAAABJRU5ErkJggg==)
}

.darkmode .s-empty-f.s-empty-f-dynamic .s-empty-f-logo {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/empty-dynamic.6238513.png);
    opacity: .18
}

.error-wrap {
    min-height: .7728rem;
    height: 762px
}

.error-wrap,.error-wrap .error-info {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-wrap .error-info {
    text-align: center;
    overflow: hidden;
    margin: auto;
    width: 2.06rem;
    height: auto;
    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
}

.error-wrap .error-icon {
    width: 108px;
    height: 108px;
    margin-top: 150px;
    margin-bottom: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/wifi.f18c3d9.png)
}

.darkmode .error-wrap .error-icon,.nightmode .error-wrap .error-icon {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/nightmode-wifi.15d93cb.png)
}

.darkmode .error-wrap .error-icon {
    opacity: 1
}

.error-wrap .error-txt {
    font-size: .16rem;
    line-height: .16rem;
    color: #858585;
    margin-bottom: 20px
}

.darkmode .error-wrap .error-txt {
    color: hsla(0,0%,100%,.5)
}

.error-wrap .error-btn {
    height: 39px;
    width: 122px;
    font-size: 14px;
    line-height: 39px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: bolder;
    color: #1f1f1f;
    border-radius: .02rem;
    position: relative;
    overflow: visible;
    border: 1px solid #ccc;
    border-radius: 19px;
    background-color: hsla(0,0%,100%,0)
}

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

.nightmode .error-wrap .error-btn {
    border-color: #e6e6e6
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    .error-wrap .error-btn {
        border: none
    }

    .error-wrap .error-btn:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 300%;
        height: 300%;
        border: 2px solid #ccc;
        border-radius: 57px;
        -webkit-transform: scale(.333333);
        transform: scale(.333333);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .nightmode .error-wrap .error-btn:after {
        border-color: #e6e6e6
    }
}

@media screen and (max-width:360px) {
    .error-wrap .error-btn:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 38px
    }
}

.darkmode .error-wrap .error-btn {
    background-color: rgba(68,68,68,.5)
}

.error-wrap .error-btn:after {
    border-color: #e0e0e0
}

.darkmode .error-wrap .error-btn:after {
    border-color: transparent
}

.error-wrap .error-btn:active {
    opacity: .2
}

.loading-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: .7728rem;
    height: 100%;
    margin-top: 174px;
    width: 100%
}

.loading-wrap .loading-icon-wrap {
    width: 185px;
    height: 60px;
    margin: auto;
    position: relative;
    overflow: hidden
}

.loading-wrap .loading-icon {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/flash-logo.eea8cc6.png)
}

.darkmode .loading-wrap .loading-icon,.nightmode .loading-wrap .loading-icon {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/nightmode-flash-logo.7614371.png)
}

.darkmode .loading-wrap .loading-icon {
    opacity: 1;
    background-image: none;
    background-color: hsla(0,0%,100%,.1)
}

.loading-wrap .loading-flash {
    width: 65px;
    height: 60px;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACOCAMAAAD+ZuGoAAAAS1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////+bUGJYAAAAGXRSTlNmADkPY2ACCVsyLENNGFMTIldIJwwEBj0eNDgYGAAAAqxJREFUeNrN2ltuwjAYRGH/SUhKuEMC2f9Kq0qV2glUGJia4xV8mrdjOw2V9/ThOimOyXv2PtrOTNv6aLEy204+Wm2mHVobLS7M2b5oQ+OlfbQ2WlTm2XofrXPPNrpo/tmWPlq38NIWZxstlsDZvmln92ydjRa9ebbKRxs/vLSmc9H8s118tNY922Cjxck828pHaw9mW22jxR422y9abM22nY82mWlHHy3WZtvGR9uYaWsbzT/b9BoNO5vSUL2sNFQvp9Cz4symNFQvKw3Vy0pD9bLSUL2sNFQvKw3Vy0pD9bLSUL2sNFQvKw3Vy0pD9bLSUL2sNFQvKw3Vy0pD9bLSUL2sNFQvKw3VyylKzbZ5icYKvxmNdM2QAjub0v63l6dXaKheVhqql1MUnO3go/mf5X20ujHP1rpo/muG3kcb7L38NI10zXCHZr9mWIxP0lC9rLQSvXx20fyzVT7aaJ6t6Z6jka4ZlIbqZaWV6eXLMzRULysN1ctKQ/VyinfMdsyjYWfLpE1m2vphGqqXlYbqZaWhellpqF5WGqqXU2BnUxqql7Np5Z/llYbq5Wxa+Wd5paF6WWmoXlYaqpeVhuplpaF6WWmoXlYaqpcfpY3lellpqF5W2ht6ualtNP+zvI8WB7Ntl0VD9bLSUL2cTSv/LK80VC8rDdXLSkP1cgrCbNvbNMRs+7s0VC/PaKRrBqWhejmbVv4bu9JQvaw0VC9n08p/Y0+BmW1poJX5xj6nka4Zsmnlv7ErDdXL2bTy39hTkGa7GGglnuWVhurlbFr5Z3mlvb+XV3/RUL2sNFQvKw3Vy0JDhN/6h4adLQV2NqUxenm6RUP1stJQvaw0VC+nIM52uqahenlGo1wz9Fc0VC8rjdPL/ZyG6mWloXpZaaheTkGdrfLR2tp7hk92xjqJep6O5gAAAABJRU5ErkJggg==);position: absolute;
    background-size: 100%;
    z-index: 1;
    top: 0;
    -webkit-animation: flash 1.3s infinite;
    animation: flash 1.3s infinite
}

.darkmode .loading-wrap .loading-flash,.nightmode .loading-wrap .loading-flash {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACPBAMAAADwyt8MAAAAElBMVEX///8AAAD///////////////+k0Pl/AAAABnRSTlMaAAcLFBBucDYFAAAB8UlEQVRo3q3WuY1UURRF0WLyKQYfiAAygAwg/2RQW9s4zpVWf+m7y9jGue/x+3H7vj8P3+PbUftz0r4etXcn7dNRe3/Snn+P3K+TJuFWk3CrSbjVKNxqH4/am5P2mcOlvfzH76b95HBpEm61e7gPB43CrXYP9++kfTlqbw+ahVvt6XOe5uHSMNxqvEppGm41n/M0D5em4VbTOU/zcKv5HUzzcGkeLs3Drebh0nDOV/M7mIZ3cDV/QKR5uDSf8zQPt5rfwTSf8zQPt5rPeZqHS/Nwab5KaR5uNZ/zNA+X5uHSPFyah1vN72Cah1vN72Cah0vzcGk+52kebjW/g2n+gEjzcKv5AyLNw6X5HUzzcKv5HUzzOU/zcGnXOd85X83Dpb1muDSf8zQPl+Zznubh0jzcaj7naR5uNb+DaR4uzcOl+ZynebjVfM7T/A6mebjV/AGR5uHSfM7TPNxqfgfTfM7TPFyaz3mah0vzcKv5nKd5uNV8ztM8XJqHS+M5T/Nwo/kdTPNwaR5uNQ+X5uHSfM5X8zuY5ncwjR8QaR5uNZ/zNA+XxndwNJ/zNA+X5nM+modL83BpvkqjYbg0n/PRNFyahxsNw6V5uNH0DqZ5uNHwDqZ5uNEs3Gg056NRuNHoDo5mD4jRKNxo9IA4ac8fx+8/kAF7OeBApHMAAAAASUVORK5CYII=)
}

.darkmode .loading-wrap .loading-flash {
    opacity: 1
}

.loading-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-color: hsla(0,0%,100%,.1)
}

.darkmode .loading-mask,.nightmode .loading-mask {
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/svg/darkmode-flash-mask.ec768bd.svg)
}

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

    to {
        -webkit-transform: translateX(1.47rem);
        transform: translateX(1.47rem)
    }
}

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

    to {
        -webkit-transform: translateX(1.47rem);
        transform: translateX(1.47rem)
    }
}

.s-txt-intro {
    font-size: .13rem;
    line-height: .24rem;
    color: #1f1f1f
}

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

.s-txt-intro .colon {
    padding: 2px 3px 2px 2px;
    vertical-align: .01rem
}

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

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

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

.hidden {
    display: none
}

.s-live-card {
    position: relative
}

.s-live-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.s-live-card:active:after {
    bottom: -.01rem;
    z-index: 1;
    border-radius: .09rem;
    background-color: rgba(0,0,0,.3)
}

.s-live-card-container {
    position: relative;
    line-height: 0
}

.s-live-card-container:before {
    top: 0;
    z-index: 1;
    height: .9rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(transparent));
    background: linear-gradient(rgba(0,0,0,.4),transparent)
}

.s-live-card-container:after,.s-live-card-container:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    border-radius: .09rem
}

.s-live-card-container:after {
    bottom: -.01rem;
    left: 0;
    z-index: 0;
    height: .34rem;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));
    background: linear-gradient(transparent,rgba(0,0,0,.1))
}

.s-live-card.big-card {
    margin: 0 .17rem
}

.s-live-card .s-image {
    padding-top: 55.52%!important
}

.s-live-card .s-image-wrap {
    border-radius: .09rem
}

.s-live-card .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -.01rem;
    z-index: 1;
    border-radius: .09rem;
    background-color: rgba(0,0,0,.3)
}

.s-live-card .icon-live {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: 50% 50% no-repeat;
    background-size: .48rem .48rem;
    background-image: url(https://mbdp02.bdstatic.com/static/homepagepc/img/live-icon.a5f0acb.png)
}

.s-live-card-title {
    position: absolute;
    top: .08667rem;
    left: 0;
    z-index: 2;
    font-size: .17rem;
    color: #fff;
    line-height: .25rem;
    padding: 0 .12rem;
    white-space: normal;
    font-family: PingFangSC-Medium;
    text-shadow: 0 2px 3px rgba(0,0,0,.05)
}

.s-live-card-title .tag {
    font-size: .11rem;
    height: .18rem;
    line-height: .18rem;
    vertical-align: 10%;
    padding: 0 .04rem;
    margin-right: .01rem;
    border-radius: .09rem;
    display: inline-block;
    font-weight: lighter
}

.android .s-live-card-title .tag {
    vertical-align: 15%
}

.darkmode .s-live-card-title .tag-announce,.s-live-card-title .tag-announce {
    background-color: #4e6ef2
}

.s-live-card-title .tag-announce:before {
    content: "";
    position: relative;
    top: .01rem;
    height: .11rem;
    width: .11rem;
    display: inline-block;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACiUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////z077CsAAAA1dFJOUwAQ/Z/apA4HUAGGr3jD4lcfOBVK8gsZQAJniQbqjrZUXN0sYNeZJ4Lm+nMFmtOV9snQqrJFI7IS4AAAASVJREFUOMutk9lWwjAQhgdKW6AbQDfBAiigoIKo8/6vZpMmQ5KmF5zDdzUz508yWwAeRnbeLkaKHw7cmSZ42SFicfMPtRtPFcHrBdsKPJ7krZnDfKyY7U8mH/yVPgv99rjAuzInTcBfu8/MjD/nJfxxc5vzJ5h5PZSbGImvOeQRM0KmKGpj73sr1HCW5RgRE/5M4gwh36FBlEHhPFHu/rcIB32SBGp/YC+uFlk1hGrDxMk1wOymSJWuBiI2BOgpqVQk8I52xTtlkqBdgTSZRZeCinW7FG9SsVIU2bjGFbWdbXc0nIw7KI+NjEyNPKiWyGsCyx+jFuoHXgac1OwH9dSgas9FR52LnK2OOlvaDxV9P+w7ptPe09a/HBm7bkP7L53IP3cX/zI8Z1MSLMJDAAAAAElFTkSuQmCC)
}

.s-live-card-title .tag-proceed {
    background-color: #f13f40;
    padding-left: .05rem
}

.s-live-card-title .tag-proceed i {
    display: inline-block;
    font-size: 0;
    width: .01667rem;
    height: .08rem;
    border-radius: .01rem;
    background-color: #fff;
    margin-right: -.02rem;
    -webkit-animation: liveProceed .6s ease-in-out infinite;
    animation: liveProceed .6s ease-in-out infinite
}

.s-live-card-title .tag-proceed i:first-child {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.s-live-card-title .tag-proceed i:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.s-live-card-title .tag-proceed i:last-child {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
    margin-right: .03rem
}

.android .s-live-card-title .tag-proceed i {
    margin-right: -.01rem
}

.s-live-card-audience {
    position: absolute;
    right: .12rem;
    bottom: .11rem;
    z-index: 2;
    font-size: .11rem;
    color: #fff;
    line-height: .11rem;
    text-shadow: 0 0 .02rem #000
}

.s-live-card-audience .need-pay {
    display: inline-block;
    position: relative;
    margin-right: .1rem
}

.s-live-card-audience .need-pay:after {
    content: "";
    position: absolute;
    top: .02333rem;
    right: -.05rem;
    display: inline-block;
    height: .24rem;
    width: .01rem;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.333333);
    transform: scale(.333333);
    background-color: #fff
}

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

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

    to {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

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

    to {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}