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

html {
    font-size: var(--base-font-size);
    scroll-behavior: smooth
}

body {
    font-weight: 400;
    line-height: 1.52;
    color: rgb(236 239 244);
    background-color: #0b0d17
}

a {
    color: var(--a-text-color)
}

.defaultimg,a:has(>img.loading),a:has(>img:not([src])),div:has(>img.loading),div:has(>img:not([src])) {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

img {
    width: 100%;
    height: 100%;
    vertical-align: initial
}

img.loading,img:not([src]) {
    content: url(../images/holder@3x.png);
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    background-size: contain;
    background-position: center
}

img[src]:not(.loading) {
    content: unset;
    -o-object-fit: cover;
    object-fit: cover
}

video {
    width: 100;
    height: 100%;
    max-height: 80vh;
    border-radius: .5rem;
    overflow: hidden;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.a,a,a:active,a:hover,a:link,a:visited {
    text-decoration: none
}

#mobile div {
    scrollbar-width: none;
    scrollbar-color: transparent
}

#mobile div::-webkit-scrollbar {
    background-color: transparent
}

#mobile div::-webkit-scrollbar-thumb {
    background-color: transparent
}

#desktop div {
    scrollbar-width: none;
    scrollbar-color: #0c0b22
}

#desktop div::-webkit-scrollbar {
    display: block;
    width: 0;
    height: .6rem;
    padding: 1rem;
    margin: 1rem;
    border-radius: var(--desktop-scrollbar-border-radius);
    background-color: #ededed
}

#desktop div::-webkit-scrollbar-thumb {
    padding: 1rem;
    margin: 1rem;
    border-radius: var(--desktop-scrollbar-border-radius);
    background-color: #c7c7c7
}

#desktop div.noscrollbar::-webkit-scrollbar {
    display: none
}

.text-line-ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all
}

.text-line-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.text-line-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.text-line-ellipsis-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.tooltip {
    opacity: 1
}

.tooltip-inner {
    background-color: rgba(4,3,46,.5)
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(4,3,46,.5)
}

.nav-user_right {
    padding: 0;
    right: 1rem
}

.navbar {
    border: none
}

* [v-if],* [v-show] {
    display: none!important
}

.d-flex {
    display: flex
}

.fa-cloud-upload {
    color: #4c88e6
}

.tag {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

object {
    pointer-events: none
}

.fixbody {
    position: relative;
    top: 0;
    height: 100%;
    overflow: hidden
}

.title_Label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.title_Label span {
    margin-bottom: 1.4rem
}

.title_Label span a {
    border-radius: .4rem;
    background: var(--title-background);
    border: .1rem solid #e56e43;
    font-size: 1.3rem;
    margin-right: 1rem;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: var(--tag-text-color);
    padding: .2rem .5rem
}

@media (min-width: 960px) {
    .navbar.fixbody {
        position:initial;
        overflow: initial
    }

    .title_Label {
        margin-left: -.7rem;
        margin-top: 2rem
    }

    .title_Label span {
        margin: 0 .7rem 1.6rem
    }

    .title_Label span a {
        margin-right: 0;
        padding: .7rem 1.3rem;
        display: block
    }

    .head-title {
        display: none
    }
}

.head-title {
    white-space: nowrap;
    overflow-x: scroll;
    padding-bottom: 1.5rem;
    margin-bottom: 1.2rem;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.head-title span {
    margin: 1rem;
    font-size: 1.3rem;
    font-weight: 400;
    text-align: center;
    color: #807f8d
}

.head-title .active {
    font-size: 1.7rem;
    font-weight: 400;
    text-align: center;
    position: relative;
    color: #e56e43
}

#xqbj-container[v-cloak] {
    display: none
}

#xqbj-container .icon-sy-selected {
    width: 3rem;
    height: 1rem;
    position: absolute;
    top: 2.5rem;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%)
}

#navbar .item .submenu {
    height: 0;
    overflow: hidden
}

#navbar .item .right .downbtn {
    display: none
}

#navbar .item .right .upbtn {
    display: block
}

#navbar .item.active .submenu {
    height: auto;
    overflow: auto;
    transition: height 1s ease-in-out
}

#navbar .item.active .right .downbtn {
    display: block
}

#navbar .item.active .right .upbtn {
    display: none
}

#xqbj-container .banner {
    flex: 1;
    margin: 0 0 1.5rem;
    overflow: hidden
}

#xqbj-container .banner img {
    cursor: pointer
}

#xqbj-container .banner .swiper-slide {
    position: relative;
    height: var(--bannner-height);
    border-radius: .5rem;
    overflow: hidden
}

#xqbj-container .banner .swiper-slide .overlay-1 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(22,29,39,.88);
    opacity: .3;
    transition: opacity .3s ease-in-out
}

#xqbj-container .banner .swiper-slide:hover .overlay-1 {
    display: block
}

#xqbj-container .banner .swiper-slide .title {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.45));
    font-size: 1.2rem;
    color: #fff;
    padding: 1.2rem;
    width: 100%;
    display: block;
    white-space: nowrap
}

#xqbj-container .banner .swiper-slide .badges {
    background: #29d;
    font-size: 1rem;
    color: #fff;
    padding: .3rem .5rem;
    margin: 0 .5rem 0 0;
    position: relative;
    vertical-align: text-top;
    border-radius: .2rem
}

#xqbj-container .banner .banner-swiper .swiper-pagination-bullet {
    background-color: #111118
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: initial;
    top: 0;
    text-align: right;
    padding-right: .5rem
}

#xqbj-container .banner .banner-swiper .swiper-pagination-bullet-active {
    background-color: #fff
}

#xqbj-container .banner .banner-swiper .swiper-button-next,#xqbj-container .banner .banner-swiper .swiper-button-prev {
    display: none
}

.xqbj-tags .xqbj-tags-group {
    display: flex;
    align-items: center;
    margin: 0 0 .9rem
}

.xqbj-tags .van-tabs__nav--line {
    padding: 0 0 0 .5rem
}

.xqbj-tags .xqbj-tags-group .xqbj-tags-group-left {
    flex-shrink: 0;
    font-size: 1.2rem;
    color: var(--text-color)
}

.xqbj-tags .xqbj-tags-group .xqbj-tags-group-line {
    flex-shrink: 0;
    width: .05rem;
    height: 1rem;
    background-color: #909090;
    margin: 0 .45rem 0 .65rem
}

.xqbj-tags .xqbj-tags-group .xqbj-tags-group-right {
    flex: 1;
    overflow: hidden
}

.xqbj-tags .xqbj-tags-group .xqbj-tags-group-right .van-tab__text {
    padding: .3rem .4rem;
    font-size: 1.2rem;
    color: var(--tag-text);
    border-radius: .2rem
}

.xqbj-tags .xqbj-tags-group .xqbj-tags-group-right .van-tab--active .van-tab__text {
    color: #4d88ff;
    background-color: var(--tag-background)
}

.xqbj-tags .xqbj-tags-group .xqbj-tags-bg .van-tabs .van-tab--active .van-tab__text {
    padding: .03rem .45rem;
    background-color: var(--tag-background);
    border-radius: .2rem
}

@media (min-width: 960px) {
    #xqbj-container .banner {
        margin:0 0 1rem
    }

    #xqbj-container .banner .swiper-slide {
        border-radius: .2rem
    }

    #xqbj-container .banner .swiper-slide .title {
        font-size: .75rem;
        padding: .75rem
    }

    #xqbj-container .banner .swiper-slide .badges {
        font-size: .6rem;
        border-radius: .2rem;
        padding: .15rem .25rem;
        margin: 0 .2rem 0 0
    }

    #xqbj-container .banner .banner-swiper .swiper-slide {
        height: var(--bannner-height)
    }

    #xqbj-container .banner .banner-swiper .swiper-pagination-bullet {
        width: .6rem;
        height: .6rem
    }

    #xqbj-container .banner .banner-swiper .swiper-button-next,#xqbj-container .banner .banner-swiper .swiper-button-prev {
        display: flex;
        border-radius: .1rem;
        background-color: rgba(0,0,0,.15);
        color: #fff;
        width: 1.7rem;
        height: 2.8rem
    }

    #xqbj-container .banner .banner-swiper .swiper-button-next:after,#xqbj-container .banner .banner-swiper .swiper-button-prev:after {
        font-size: 1.5rem
    }

    .xqbj-tags {
        margin: 0 0 1.3rem;
        border-bottom: .01rem solid #e6e6e6
    }

    .xqbj-tags .xqbj-tags-group {
        display: flex;
        align-items: center;
        margin: 0 0 .6rem
    }

    .xqbj-tags .xqbj-tags-group .xqbj-tags-group-left {
        font-size: .8rem
    }

    .xqbj-tags .xqbj-tags-group .xqbj-tags-group-line {
        margin: 0 .15rem 0 .33rem
    }
}

.line-x {
    background: #e6e6e6;
    width: 100%;
    height: .1rem
}

.grid-title {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .9rem;
    color: var(--p-text-color);
    margin: .8rem 0 1rem;
    font-weight: 500
}

.grid-title span {
    font-size: .6rem;
    color: rgba(34,34,34,.4);
    margin-left: .5rem
}

.grid-title::before {
    content: "";
    display: block;
    background: #3276ff;
    width: .2rem;
    height: 1.3rem;
    margin-right: .5rem
}

.grid-title .xqbj-icon-notice {
    margin-right: .2rem
}

.grid-title .card-title {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.grid-title .card-title>a {
    color: #3276ff;
    display: inline-block;
    animation: 20s linear infinite scroll
}

.grid-title .card-title:hover a {
    animation-play-state: paused
}

.grid-title .card-title>a.clone,.grid-title a.card-title {
    color: #3276ff;
    display: inline-block
}

@keyframes scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.recomment-group {
    display: grid;
    grid-template-columns: repeat(2,auto);
    font-size: 1rem;
    color: var(--text-color-ddd);
    justify-content: space-between
}

.recomment-group .list .icon {
    width: 14.5rem;
    height: 8.4rem;
    border-radius: .5rem
}

.recomment-group .list .text {
    font-size: 1.3rem;
    color: var(--p-text-color);
    margin: .75rem 0 .25rem;
    height: 3.95rem
}

.recomment-group .list .flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 960px) {
    .recomment-group {
        grid-template-columns:repeat(4,auto);
        font-size: .55rem
    }

    .recomment-group .list .icon {
        width: 8.025rem;
        height: 4.65rem
    }

    .recomment-group .list .text {
        font-size: .7rem;
        margin: .5rem 0 .15rem;
        height: 2.13rem
    }
}

.xqbj-component-grid {
    display: flex;
    flex-wrap: wrap
}

.xqbj-component-grid .van-grid-item {
    width: 48%;
    margin-right: 4%
}

.xqbj-component-grid .van-grid-item:nth-child(2n) {
    margin-right: 0
}

.xqbj-component-grid .van-grid-item img {
    display: block;
    width: 100%;
    height: 9.8rem
}

.xqbj-component-grid .van-grid-item__icon {
    border-radius: .5rem;
    overflow: hidden
}

.xqbj-component-grid .van-grid-item__icon+.van-grid-item__text {
    width: 100%;
    text-align: left;
    line-height: 1.5;
    margin: .5rem 0
}

@media (min-width: 960px) {
    .xqbj-component-grid .van-grid-item {
        width:23.74%
    }

    .xqbj-component-grid .van-grid-item,.xqbj-component-grid .van-grid-item:nth-child(2n) {
        margin-right: 1rem
    }

    .xqbj-component-grid .van-grid-item:nth-child(4n) {
        margin-right: 0
    }

    .xqbj-component-grid .van-grid-item img {
        height: 7.5rem
    }

    .xqbj-component-grid .van-grid-item__icon {
        border-radius: .25rem
    }

    .xqbj-component-grid .van-grid-item__icon+.van-grid-item__text>a {
        font-size: .7rem;
        margin: .5rem auto
    }
}

.xqbj-component-actor-grid {
    background: #fff;
    padding: 1.75rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.xqbj-component-actor-grid .van-grid-item {
    position: relative;
    width: calc((100% - 1.8rem)/ 2);
    margin-right: 1.8rem;
    height: auto;
    aspect-ratio: 322/432;
    margin-bottom: 1.8rem;
    border-radius: .4rem;
    overflow: hidden
}

.xqbj-component-actor-grid .van-grid-item:nth-child(2n) {
    margin-right: 0
}

.xqbj-component-actor-grid .van-grid-item .actor_info_container {
    padding: 1rem .8rem .8rem;
    position: absolute;
    color: #fff;
    line-height: 1;
    font-size: .9rem;
    bottom: 0;
    right: 0;
    left: 0;
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.63))
}

.xqbj-component-actor-grid .van-grid-item .actor_info_container .actor_name {
    font-size: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.xqbj-component-actor-grid .van-grid-item .actor_info_container .mt_16 {
    display: none
}

.xqbj-component-actor-grid .van-grid-item .actor_hot {
    position: absolute;
    top: .8rem;
    right: .8rem;
    font-size: .9rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center
}

.xqbj-component-actor-grid .van-grid-item .actor_hot .xqbj-icon-actor-hot {
    margin-right: .4rem
}

@media (min-width: 960px) {
    .xqbj-component-actor-grid {
        padding:0
    }

    .xqbj-component-actor-grid .van-grid-item {
        position: relative;
        width: calc((100% - 1.2rem * 4)/ 5);
        margin-right: 1.2rem;
        height: auto;
        aspect-ratio: 298/400;
        margin-bottom: 1.6rem;
        border-radius: .4rem;
        overflow: hidden
    }

    .xqbj-component-actor-grid .van-grid-item:nth-child(2n) {
        margin-right: 1.2rem
    }

    .xqbj-component-actor-grid .van-grid-item:nth-child(5n) {
        margin-right: 0
    }

    .xqbj-component-actor-grid .van-grid-item .actor_info_container .mt_16 {
        display: block;
        margin-top: .8rem
    }
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-placard .xqbj-list-rows-placard-title {
    color: var(--list-title-color);
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 0 .85rem
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-placard .xqbj-list-rows-placard-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-placard .xqbj-list-rows-placard-group .xqbj-list-rows-placard-group-item {
    border-radius: .3rem;
    overflow: hidden;
    width: 100%;
    height: 10.5rem;
    padding: 0;
    margin: 0 0 .85rem
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-placard .xqbj-list-rows-placard-group .xqbj-list-rows-placard-group-item img {
    display: block
}

@media (min-width: 960px) {
    .xqbj-list .xqbj-list-rows {
        margin:.6rem 0
    }

    .xqbj-list .xqbj-list-rows .highword {
        color: #3276ff;
        font-size: .9rem;
        font-weight: 500
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-placard .xqbj-list-rows-placard-title {
        font-size: .9rem;
        font-weight: 500;
        margin: 0 0 .65rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-placard .xqbj-list-rows-placard-group .xqbj-list-rows-placard-group-item {
        border-radius: .3rem;
        overflow: hidden;
        width: 100%;
        height: 10.5rem;
        padding: 0;
        margin: 0 0 .65rem
    }
}

.common-scroll-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.4rem
}

.common-scroll-top a {
    overflow: hidden;
    width: 1.6rem;
    height: 1.6rem;
    color: #fff
}

.common-scroll-top a>i {
    display: block;
    cursor: pointer
}

.histoty-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block:.3rem}

.histoty-wrap .history-record {
    flex: 1;
    display: flex;
    font-size: .8rem;
    color: #fff
}

.histoty-wrap .history-record a {
    font-size: .6rem;
    color: #7d7f86;
    margin-inline:.2rem}

.histoty-wrap .emptyRecord {
    display: flex;
    align-items: center;
    margin-left: .8rem;
    cursor: pointer
}

.histoty-wrap .emptyRecord .delete-icon {
    width: .7rem;
    height: .7rem;
    color: #b8babc
}

.histoty-wrap .emptyRecord .delete-icon+span {
    color: #b0b2bb;
    font-size: .6rem;
    font-weight: 500
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-title {
    color: var(--list-title-color);
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 0 .85rem
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group {
    display: flex;
    justify-content: flex-start;
    margin: 0
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item {
    min-width: 9rem;
    width: 32.39%;
    height: 9.7rem;
    border-radius: .3rem;
    overflow: hidden;
    margin-right: .5rem
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item.is-video {
    position: relative
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item.is-video::before {
    content: "";
    background-image: url(../images/play@3x.png);
    width: 2.25rem;
    height: 2.25rem;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item:nth-child(3n) {
    margin-right: 0
}

.xqbj-list-rows>div {
    position: relative
}

.xqbj-list-rows .list-text-play {
    position: absolute;
    bottom: 4rem;
    right: .5rem;
    z-index: 1;
    background: rgba(0,0,0,.6);
    min-width: 1.8rem;
    height: 1.4rem;
    line-height: 1.4rem;
    padding: 0 .2rem;
    text-align: center;
    border-radius: .2rem;
    font-size: 1rem;
    color: #fff
}

.article .permalink .right .title {
    display: flex;
    align-items: baseline
}

@media (min-width: 960px) {
    .histoty-wrap {
        padding-block:.25rem
    }

    .histoty-wrap .history-record a {
        font-size: .9rem
    }

    .histoty-wrap .emptyRecord .delete-icon {
        width: 1rem;
        height: 1rem
    }

    .histoty-wrap .emptyRecord .delete-icon+span {
        font-size: .9rem
    }

    .meritvideo-list .article .permalink .right .title {
        font-size: .8rem;
        align-items: center
    }

    .xqbj-list .xqbj-list-rows {
        margin: .6rem 0
    }

    .xqbj-list .xqbj-list-rows .highword {
        color: #3276ff;
        font-size: .9rem;
        font-weight: 500
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-title {
        font-size: .9rem;
        font-weight: 500;
        margin: 0 0 .65rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item {
        width: 10.5rem;
        height: 10.5rem;
        padding: 0;
        margin-right: .875rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item.is-video::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-image .xqbj-list-rows-image-group .xqbj-list-rows-image-group-item:last-child {
        margin-right: 0
    }

    .xqbj-list .meritvideo-list .xqbj-list-rows .text-line-ellipsis-1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .xqbj-list-rows .list-text-play {
        position: absolute;
        bottom: 3rem;
        right: .5rem;
        z-index: 1;
        background: rgba(0,0,0,.6);
        min-width: 1.8rem;
        height: 1rem;
        line-height: 1rem;
        padding: 0 .2rem;
        text-align: center;
        border-radius: .2rem;
        font-size: .7rem;
        color: #fff
    }
}

.xqbj-list .meritvideo-list2 {
    display: flex;
    flex-wrap: wrap
}

.xqbj-list .xqbj-list-video-item {
    position: relative;
    padding-right: .4rem;
    width: 50%;
    margin-bottom: 1.45rem
}

.xqbj-list .xqbj-list-video-item:nth-child(2n+2) {
    padding-right: 0;
    padding-left: .4rem
}

.xqbj-list .xqbj-list-video-item .img {
    min-width: 14.6rem;
    height: 8.4rem;
    border-radius: .5rem;
    overflow: hidden
}

.xqbj-list .xqbj-list-video-item .time {
    position: absolute;
    top: 6rem;
    right: .9rem;
    font-size: 1rem;
    color: #fff;
    padding: .1rem .25rem;
    background-color: #00000066;
    border-radius: .1rem
}

.xqbj-list .xqbj-list-video-item:nth-child(2n+2) .time {
    right: .5rem
}

.xqbj-list .xqbj-list-video-item .title {
    margin-top: .7rem;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    color: var(--list-text-color);
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap
}

.xqbj-list .xqbj-list-video-item .msg {
    font-size: 1.2rem;
    color: var(--list-p-color)
}

@media (min-width: 960px) {
    .xqbj-list .xqbj-list-video-item {
        width:11.3rem;
        margin-bottom: 1rem;
        padding: 0;
        margin-right: .5rem
    }

    .xqbj-list .xqbj-list-video-item:nth-child(2n+2) {
        padding: 0
    }

    .xqbj-list .xqbj-list-video-item:nth-child(3n+3) {
        margin-right: 0
    }

    .xqbj-list .xqbj-list-video-item .img {
        width: 11.3rem;
        min-width: 11.3rem;
        height: 7rem;
        border-radius: .3rem
    }

    .xqbj-list .xqbj-list-video-item .time {
        top: 5.5rem;
        right: .35rem;
        font-size: .6rem
    }

    .xqbj-list .xqbj-list-video-item .title {
        margin-top: .4rem;
        margin-bottom: .35rem;
        font-size: .7rem
    }

    .xqbj-list .xqbj-list-video-item .msg {
        font-size: .6rem
    }
}

.xqbj-list .xqbj-list-novel-item {
    display: flex;
    margin-bottom: 1.2rem
}

.xqbj-list .xqbj-list-novel-item .img {
    margin-right: .8rem;
    flex: 0 0 9.9rem;
    height: 14.5rem;
    border-radius: .4rem;
    overflow: hidden
}

.xqbj-list .xqbj-list-novel-item .desc {
    flex: 1;
    padding-top: .7rem;
    color: var(--text-detail);
    font-size: 1rem;
    overflow: hidden
}

.xqbj-list .xqbj-list-novel-item .desc .p1 {
    font-size: 1.3rem;
    color: var(--list-title-color);
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.xqbj-list .xqbj-list-novel-item .desc .p2 {
    margin-top: .7rem;
    margin-bottom: 1.1rem;
    font-size: 1rem;
    color: var(--text-color);
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.xqbj-list .xqbj-list-novel-item .desc .p3 .line {
    position: relative;
    top: -.1rem;
    margin-left: calc(.55rem - .1rem);
    margin-right: calc(.55rem - .1rem)
}

.xqbj-list .xqbj-list-novel-item .desc .p4 {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.xqbj-list .xqbj-list-novel-item .desc .p5 {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.xqbj-list .xqbj-list-novel-item .desc .p5 .tag {
    margin-right: 1.1rem;
    color: var(--text-detail)
}

.xqbj-list .xqbj-list-novel-item .desc .p5 .tag:last-child {
    margin-right: 0
}

.xqbj-list .xqbj-list-novel-item .desc .p6 {
    margin-top: .35rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap
}

@media (min-width: 960px) {
    .xqbj-list .xqbj-list-novel-item .img {
        margin-right:1.45rem;
        flex: 0 0 8.5rem;
        height: 11.5rem
    }

    .xqbj-list .xqbj-list-novel-item .desc {
        font-size: .7rem
    }

    .xqbj-list .xqbj-list-novel-item .desc .p1 {
        height: 2.5rem;
        font-size: .8rem;
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .xqbj-list .xqbj-list-novel-item .desc .p2 {
        font-size: .7rem;
        margin-top: .8rem;
        margin-bottom: .4rem
    }

    .xqbj-list .xqbj-list-novel-item .desc .p4 {
        margin-top: .3rem;
        margin-bottom: .3rem
    }
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context {
    display: flex
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-left .xqbj-list-rows-video-left-item {
    position: relative;
    width: 9.7rem;
    height: 6rem;
    border-radius: .5rem;
    overflow: hidden
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-left .xqbj-list-rows-video-left-item::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000066
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-left .xqbj-list-rows-video-left-item::after {
    content: "";
    background-image: url(../images/play@3x.png);
    width: 5rem;
    height: 5rem;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right {
    margin: 0 0 0 .55rem
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right .xqbj-list-rows-video-right-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--list-title-color)
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right .xqbj-list-rows-video-right-detail {
    font-size: 1.1rem;
    color: var(--text-detail);
    line-height: 1.4rem
}

@media (max-width: 960px) {
    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context {
        flex-direction:column-reverse
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right {
        margin: 0
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right .xqbj-list-rows-video-right-detail {
        display: none
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-left .xqbj-list-rows-video-left-item {
        width: 100%;
        min-width: 30rem;
        height: 18.6rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right .xqbj-list-rows-video-right-title {
        margin-bottom: 1rem
    }
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-texts .xqbj-list-rows-texts-context .xqbj-list-rows-texts-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--list-title-color)
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-texts .xqbj-list-rows-texts-context .xqbj-list-rows-texts-detail {
    font-size: 1.1rem;
    color: var(--text-detail);
    line-height: 1.4rem
}

@media (min-width: 960px) {
    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-left .xqbj-list-rows-video-left-item {
        width:11.3rem;
        height: 7rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right .xqbj-list-rows-video-right-title {
        font-size: .9rem;
        font-weight: 500;
        margin-bottom: .6rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right .xqbj-list-rows-video-right-detail {
        font-size: .8rem;
        line-height: 1.4
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-right {
        margin: 0 0 0 .6rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-video .xqbj-list-rows-video-context .xqbj-list-rows-video-context-left .xqbj-list-rows-video-left-item::after {
        width: 2.6rem;
        height: 2.6rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-texts .xqbj-list-rows-texts-context .xqbj-list-rows-texts-title {
        font-size: .9rem;
        margin-bottom: .75rem;
        font-weight: 500
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-texts .xqbj-list-rows-texts-context .xqbj-list-rows-texts-detail {
        font-size: .8rem;
        line-height: 1.4
    }
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    line-height: 1.72rem;
    color: var(--list-row-text);
    margin: 1.3rem 0
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-left {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 6rem - 2rem)
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag {
    max-width: 7.6rem;
    height: 1.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag.xqbj-list-rows-bottom-tags-btn {
    width: 7.5rem;
    border: .03rem solid var(--list-row-btn);
    background-color: #3276ff0c;
    text-align: center;
    color: var(--list-row-btn);
    border-radius: .3rem;
    max-width: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag .xqbj-list-rows-bottom-tags-text {
    flex: 1 1 50%;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 0 .25rem;
    color: var(--list-row-text)
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag:nth-child(1) .xqbj-list-rows-bottom-tags-text {
    margin: 0 0 0 .1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag:nth-child(4) .xqbj-list-rows-bottom-tags-text {
    margin: 0 0 0 .15rem
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-left .xqbj-list-rows-bottom-tags-tag:nth-child(2) {
    display: none
}

.xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag:first-child {
    max-width: 8.6rem
}

@media (min-width: 960px) {
    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags {
        font-size:.7rem;
        margin: .45rem 0 .75rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-left {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 7rem)
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag:nth-child(1) {
        max-width: initial
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag:nth-child(1) .xqbj-list-rows-bottom-tags-text {
        width: 6.6rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag {
        margin-right: .5rem;
        height: 1.3rem;
        line-height: 1.3rem
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-tag.xqbj-list-rows-bottom-tags-btn {
        width: 6.7rem;
        padding: 0 .23rem;
        margin-right: 0
    }

    .xqbj-list .xqbj-list-rows .xqbj-list-rows-bottom .xqbj-list-rows-bottom-tags .xqbj-list-rows-bottom-tags-left .xqbj-list-rows-bottom-tags-tag:nth-child(2) {
        display: flex
    }
}

.xqbj-component-menu .van-floating-bubble {
    width: 4.05rem;
    height: 10.05rem;
    background: var(--van-floating-bubble-background);
    color: var(--van-floating-bubble-color);
    border-radius: 0;
    display: flex;
    align-content: space-between;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    top: auto;
    left: auto;
    right: 1rem;
    bottom: 18rem;
    z-index: 9
}

.xqbj-component-menu .van-floating-bubble .item {
    margin-bottom: 1.2rem
}

.xqbj-component-menu .van-floating-bubble .item:last-child {
    margin-bottom: 0
}

.xqbj-component-menu .menu,.xqbj-component-menu .menu>div {
    width: 4rem;
    height: 4rem
}

.tags-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.tags-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--tags-bg);
    border: .1rem solid var(--tags-bg);
    height: 2.9rem;
    margin: 0 .65rem .75rem 0;
    border-radius: .3rem;
    padding: 0 .5rem;
    width: max-content;
    overflow: hidden
}

.tags-group a.active {
    color: #fff;
    background: var(--primary-text-color);
    border: .1rem solid var(--primary-text-color)
}

.tags-group2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.tags-group2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    background: var(--tags2-bg);
    color: #fff;
    height: 2.5rem;
    margin: 0 .5rem 1rem 0;
    border-radius: 10rem;
    padding: 0 1rem;
    width: max-content;
    overflow: hidden
}

.tags-group2 a.active {
    color: #fff;
    background: var(--tags2-bg);
    border: .1rem solid var(--tags2-bg)
}

@media (min-width: 960px) {
    .xqbj-component-menu .van-floating-bubble {
        right:2%;
        height: 5.05rem;
        bottom: 2rem
    }

    .xqbj-component-menu .van-floating-bubble .item {
        margin-bottom: .7rem
    }

    .xqbj-component-menu .menu,.xqbj-component-menu .menu>div {
        width: 2rem;
        height: 2rem
    }

    .tags-group2 a {
        font-size: .7rem;
        height: 1.8rem;
        margin: 0 .5rem 1rem 0;
        padding: 0 .8rem
    }
}

#allcomment.list-title {
    font-size: 1.125rem;
    color: #fff;
    font-weight: 500;
    padding: 1.75rem 0 1rem
}

#detail-comment,#detail-content,#target.comment-enter {
    scroll-margin-top: 2.5rem
}

.detail-comment-title {
    margin-bottom: .75rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff
}

.comment-enter {
    margin-bottom: 1rem;
    overflow: hidden
}

.comment-enter textarea {
    height: 9.3rem;
    resize: vertical
}

.comment-enter textarea::placeholder {
    font-size: .75rem;
    color: #777
}

.comment-enter input {
    width: 12.25rem;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: .7rem;
    font-size: 1.3rem;
    color: var(--p-text-color);
    border: none
}

.comment-enter input::placeholder {
    color: var(--text-color-ddd)
}

.comment-wrap .all {
    font-size: .766rem;
    color: var(--text-color);
    padding-bottom: 1.09rem
}

.comment-wrap .zhan-comment {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .648rem;
    color: var(--51av-highlight-text-color);
    text-align: center;
    margin: .471rem 0;
    cursor: pointer
}

.comment-wrap .no-more-comment {
    display: none;
    font-size: .648rem;
    color: var(--original-grey);
    text-align: center;
    margin: .589rem 0
}

.comment-wrap .divide-line {
    margin-block:.589rem;border-top: 1px solid rgba(0,0,0,.1)
}

.comment-wrap .zhan-comment .arrow-down-container {
    margin-left: .147rem
}

.comment-wrap .zhan-comment .arrow-down-container img {
    display: block
}

.comment-wrap .list-comment .info {
    margin-bottom: .589rem
}

.comment-wrap .list-comment .list-comment-item {
    display: flex;
    justify-content: space-between
}

.comment-wrap .list-comment .item-left {
    display: flex;
    justify-content: flex-start;
    flex: 1
}

.comment-wrap .list-comment .item-right {
    align-self: center;
    margin-left: .295rem
}

.comment-wrap .list-comment .user {
    flex-shrink: 0;
    width: 1.767rem;
    height: 1.767rem;
    border-radius: 50%;
    margin-right: .295rem;
    overflow: hidden
}

.comment-wrap .list-comment .user>img {
    display: block;
    background-color: #343434
}

.comment-wrap .list-comment .user-info {
    flex: 1
}

.comment-wrap .list-comment .name {
    color: rgba(255,255,255,.6);
    font-size: .648rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.comment-wrap .list-comment .time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .589rem;
    color: var(--fl-text-b)
}

.comment-wrap .list-comment a {
    font-size: .648rem;
    color: var(--51av-highlight-text-color);
    font-weight: 500
}

.comment-wrap .list-comment .say {
    font-size: .707rem;
    color: #ffffffcc;
    word-break: break-all
}

.comment-wrap .list-comment .list-comment-item+.child {
    margin-top: .589rem
}

.comment-wrap .list-comment .child.expand-more {
    display: flex;
    align-items: center;
    color: var(--51av-highlight-text-color);
    font-size: .648rem;
    cursor: pointer
}

.comment-wrap .list-comment .child.expand-more .arrow-down-container {
    margin-left: .147rem
}

.comment-wrap .list-comment .child.expand-more .arrow-down-container img {
    display: block
}

.comment-wrap .list-comment .child {
    padding-right: 0;
    padding-left: .295rem;
    margin-bottom: .589rem;
    margin-left: 1.914rem
}

.comment-wrap .list-comment .child .say {
    padding-bottom: 0
}

@media (min-width: 960px) {
    .comment-wrap .all {
        font-size:.72rem;
        padding-bottom: .95rem
    }

    .comment-wrap .list-comment .user {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: .3rem
    }

    .comment-wrap .list-comment .name {
        font-size: .72rem
    }

    .comment-wrap .list-comment .time {
        font-size: .55rem;
        margin-top: .1rem;
        margin-bottom: .1rem;
        line-height: 1.2
    }

    .comment-wrap .list-comment a {
        font-size: .72rem
    }

    .comment-wrap .list-comment .say {
        font-size: .76rem
    }

    .comment-wrap .list-comment .child.expand-more,.comment-wrap .no-more-comment,.comment-wrap .zhan-comment {
        font-size: .68rem
    }

    .comment-wrap .list-comment .child.expand-more .arrow-down-container,.comment-wrap .zhan-comment .arrow-down-container {
        margin-left: .16rem
    }
}

.remarks .p1 {
    margin-bottom: .85rem;
    color: var(--text-color);
    font-size: 1.3rem
}

.remarks .p2 .item {
    padding-top: 1rem
}

.remarks .p2 .item .item-t {
    margin-bottom: .65rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.remarks .p2 .item .item-t .l {
    display: flex;
    align-items: center
}

.remarks .p2 .item .item-t .img {
    margin-right: .55rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden
}

.remarks .p2 .item .item-t .msg1 .t1 {
    font-size: 1.2rem;
    color: var(--fl-text-b)
}

.remarks .p2 .item .item-t .msg1 .t2 {
    font-size: 1rem;
    color: var(--fl-text-b)
}

.remarks .p2 .item .item-t .msg2 {
    font-size: 1.2rem;
    color: var(--primary-text-color);
    cursor: pointer
}

.remarks .p2 .item .item-d {
    margin-left: 3.65rem;
    font-size: 1.1rem;
    color: var(--text-color)
}

.remarks .p2 .item .child {
    margin-top: .7rem;
    margin-left: 3.65rem;
    padding-left: .5rem;
    border-left: .2rem solid var(--fl-border-comment)
}

.main-container-content {
    padding: 0 .95rem
}

.replay-wrap {
    padding-top: .35rem
}

.replay-wrap ul li {
    padding: 1.35rem 0;
    border-bottom: .1rem solid var(--list-border-color)
}

.replay-wrap ul li:last-child {
    border-bottom: none
}

.replay-wrap ul li .text {
    font-size: 1.2rem;
    color: var(--text-color);
    padding-bottom: .7rem;
    word-break: break-all
}

.replay-wrap ul li .post-title {
    font-size: 1.2rem;
    color: #aaa
}

.replay-wrap ul li .flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .8rem
}

.replay-wrap ul li .flex-box .date {
    font-size: 1rem;
    color: var(--text-color)
}

.replay-wrap ul li .flex-box .tag {
    border: .05rem solid #2d68f8;
    text-align: center;
    font-size: 1rem;
    color: #2d68f8;
    border-radius: .2rem;
    padding: .4rem .5rem
}

@media (min-width: 960px) {
    .main-container-content {
        padding:1.15rem 1.65rem 0 1.75rem
    }

    .main-container-content .title-text {
        font-size: .8rem;
        color: var(--text-color)
    }

    .replay-wrap {
        padding-top: 1.1rem
    }

    .replay-wrap ul li {
        padding: 1.1rem 0 1.5rem;
        border-bottom: .1rem solid var(--list-border-color)
    }

    .replay-wrap ul li .text {
        font-size: .8rem;
        padding-bottom: .8rem
    }

    .replay-wrap ul li .post-title {
        font-size: .7rem
    }

    .replay-wrap ul li .flex-box {
        margin-top: .75rem
    }

    .replay-wrap ul li .flex-box .date {
        font-size: .7rem
    }

    .replay-wrap ul li .flex-box .tag {
        font-size: .7rem;
        color: #4d88ff;
        padding: .3rem .6rem;
        border-color: #4d88ff
    }
}

.xqbj-component-nodata {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-block:1.6rem;color: var(--51av-text-color2)
}

.xqbj-component-nodata .xqbj-component-nodata-empty-text {
    margin-top: .4rem;
    font-size: .7rem;
    font-weight: 500;
    color: #7d7f86
}

.xqbj-component-nodata>img {
    display: block;
    width: 5rem
}

.parsley-errors-list {
    margin: .3rem 0;
    list-style: none;
    font-size: .65rem;
    color: #ff2727;
    display: none
}

.parsley-errors-list.filled {
    display: block
}

@media (min-width: 960px) {
    .xqbj-component-nodata>img {
        width:10rem
    }

    .parsley-errors-list {
        margin: .375rem 0;
        font-size: .75rem
    }
}

.videocontent {
    position: relative;
    margin: .5rem 0 0;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center
}

.videocontent .videoplayer {
    width: 100%
}

.videocontent .videotips {
    display: none
}

.videocontent.permissions .videotips {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
    background-color: #00000080;
    display: flex;
    align-items: center;
    border-radius: .1rem .1rem .15rem .15rem
}

.videocontent.permissions .videotips .mask {
    width: 100%;
    height: 6.5rem
}

.videocontent.permissions .videotips .headler {
    color: #fff;
    font-size: 1.2rem
}

.videocontent.permissions .videotips .buttom {
    color: #fff;
    font-size: 1.2rem;
    background-color: var(--primary-text-color);
    width: 17rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 2rem auto;
    padding: .5rem 0;
    border-radius: .5rem
}

@media (min-width: 960px) {
    .videocontent {
        position:relative;
        margin: .5rem 0 0;
        border-radius: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center
    }

    .videocontent .videotips {
        display: none
    }

    .videocontent.permissions .videotips {
        position: absolute;
        top: 0;
        left: 0;
        height: 98%
    }

    .videocontent.permissions .videotips .mask {
        width: 100%;
        height: 6.5rem
    }

    .videocontent.permissions .videotips .headler {
        font-size: 1rem
    }

    .videocontent.permissions .videotips .buttom {
        color: #fff;
        font-size: .9rem;
        background-color: var(--primary-text-color);
        width: 14rem;
        height: 3.25rem;
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 2rem auto;
        padding: 1.5rem 0;
        border-radius: .5rem
    }
}

@media (max-width: 750px) {
    #van-pagination {
        display:flex!important
    }

    #van-pagination-750px {
        display: none!important;
        justify-content: space-between
    }
}

@media (min-width: 750px) {
    #van-pagination {
        display:flex!important
    }

    #van-pagination-750px {
        display: none!important
    }
}

#van-pagination-750px .pagination-item {
    display: flex;
    align-items: center;
    padding: .4rem .8rem;
    font-size: .7rem;
    color: #d8dee9;
    background-color: #434c5e;
    border-radius: .4rem;
    cursor: pointer
}

#van-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1rem auto;
    padding: 0 .1rem
}

.van-pagination__items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    width: 100%
}

.van-pagination__item>a {
    display: inline-block;
    width: 100%;
    text-align: center
}

.van-pagination__tip {
    width: 100%;
    margin-bottom: 1.2rem;
    text-align: center;
    font-size: .8rem;
    color: #81a1c1
}

.van-pagination__item {
    background: 0 0;
    flex: initial;
    height: 1.1rem
}

.van-pagination__item:hover {
    background-color: #3b4252
}

#van-pagination .van-pagination__item.active {
    background-color: var(--51av-highlight-text-color);
    border-radius: .2rem
}

#van-pagination .van-pagination__item.active a {
    color: #fff
}

#van-pagination .van-pagination__item.van-pagination__next .van-icon+.van-icon {
    margin-left: -.5rem
}

#van-pagination .van-pagination__item.to-page a {
    padding: 0
}

.van-pagination__item a,.van-pagination__item span {
    font-size: .7rem;
    color: var(--51av-text-color2);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 500
}

.van-pagination__item.van-pagination__item--active {
    background: var(--van-pagination-background)
}

.van-pagination__item.van-pagination__item--active a {
    color: var(--van-pagination-item-text-color-active)
}

.van-pagination__item--next,.van-pagination__item--prev {
    max-width: var(--van-pagination-item-width)
}

.van-pagination__item.to-page {
    width: auto;
    background: 0 0;
    padding: 0;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: #81a1c1
}

.van-pagination__item.to-page:focus-within {
    border-color: currentColor
}

.van-pagination__item.to-page a {
    font-size: 1rem;
    color: #070710
}

.van-pagination__item.to-page .to-input {
    display: block
}

.van-pagination__item.to-page .to-input input {
    width: 1.8rem;
    height: 1.1rem;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    text-align: center;
    padding: 0
}

.van-pagination__item.to-page .to-input+span {
    font-size: .7rem;
    color: #6b7280
}

.van-pagination__item.to-btn-box {
    width: auto;
    min-width: 0;
    margin: 0
}

#van-pagination .van-pagination__item.to-btn-box .to-btn {
    height: 1.1rem;
    align-items: center;
    justify-content: center;
    background: var(--51av-highlight-text-color);
    color: #fff;
    white-space: nowrap;
    border-radius: .2rem;
    padding-inline:.2rem;font-weight: 400
}

.van-pagination__item.page-p,.van-pagination__item.page-y {
    width: auto;
    max-width: initial;
    min-width: auto;
    margin: 0 .45rem .45rem 0;
    white-space: nowrap
}

.van-pagination__item.page-y {
    width: 1.5rem;
    max-width: 1.5rem;
    min-width: 1.5rem;
    margin: 0 .2rem;
    white-space: nowrap
}

.van-pagination__item.to-page .to-btn {
    background: var(--van-pagination-background);
    font-size: 1.1rem;
    color: var(--text-color-white);
    border-radius: .2rem
}

@media (min-width: 960px) {
    #van-pagination {
        margin:2rem auto
    }

    .van-pagination__item {
        min-width: 1.8rem
    }

    .van-pagination__item.page-p,.van-pagination__item.page-y {
        min-width: auto;
        width: auto;
        margin: 0 .7rem .7rem 0
    }

    .van-pagination__item.page-y {
        margin: 0 .35rem
    }

    .van-pagination__item.to-btn-box {
        width: 2.8rem;
        height: 1.1rem;
        font-size: .7rem
    }

    .van-pagination__item.to-btn-box a {
        flex: 1
    }

    .van-pagination__item a,.van-pagination__item span,.van-pagination__item.to-btn-box a,.van-pagination__item.to-page .to-btn,.van-pagination__item.to-page .to-input,.van-pagination__item.to-page a {
        font-size: .7rem
    }
}

#xqbj-container .xqbj-header.xqbj-header-height {
    height: calc(var(--van-nav-bar-height) + 4rem)
}

#xqbj-container .container-fluid.search-header-box {
    display: none
}

.search-header input {
    flex: 1;
    background: #3b4252;
    border: 0;
    height: 2rem;
    font-size: .8rem;
    color: #81a1c1;
    padding: 0 0 0 .6rem;
    border-radius: .3rem 0 0 .3rem
}

.search-header .btn-search {
    overflow: hidden;
    background: #81a1c1;
    width: 4.6rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    color: #242933
}

.search-header .btn-search object {
    display: block;
    transform: translate(0,100px);
    filter: drop-shadow(currentColor 0 -100px);
    cursor: pointer
}

.search-header .search-icon {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem
}

.search-container .search-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.2rem 0;
    font-size: 1.6rem;
    color: #393939;
    font-weight: 500
}

.search-container .search-title .d-flex {
    align-items: center
}

.search-container .search-history {
    margin-right: .2rem
}

.search-container .search-title .r-text {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #9d9d9d;
    cursor: pointer
}

.search-container .search-title .r-text .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem
}

.search-container .container-search-tags .list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.search-container .container-search-tags .list .no-data {
    font-size: 1.25rem;
    color: #9d9d9d;
    text-align: center;
    width: 100%;
    height: 3.4rem;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.search-container .container-search-tags a {
    background: #fff;
    min-width: 4rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .8rem;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: #9d9d9d;
    border-radius: 1.8rem;
    margin-right: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.search-container .container-search-tags .list a .xqbj-icon-shut-down {
    display: inline-block;
    vertical-align: middle;
    border-left: .05rem solid rgba(0,0,0,.1);
    margin-left: .25rem;
    padding-left: .5rem
}

.search-container .container-search-tags.hot-tags {
    margin-top: 1.35rem
}

.search-container .container-search-tags.hot-tags a {
    background: #3276ff;
    color: #fff
}

.search-container .container-search-hots {
    background: #fff;
    border-radius: 1rem;
    padding: .2rem 1.2rem
}

@media (min-width: 960px) {
    .search-container .search-history,.xqbj-icon-hot-search {
        display:none
    }

    .search-container .search-title {
        font-size: .9rem;
        color: #393939;
        margin: .6rem 0
    }

    .search-container .search-title span {
        display: flex;
        align-items: center
    }

    .search-container .search-title .r-text {
        font-size: .9rem;
        display: none
    }

    .search-container .search-title .r-text .icon {
        width: 1rem;
        height: 1rem;
        margin-right: .25rem
    }

    .search-container .container-search-tags {
        margin: .975rem 0 .35rem
    }

    .search-container .container-search-tags a {
        background: #fafafa;
        min-width: 4rem;
        height: 2rem;
        line-height: 2rem;
        padding: 0 1rem;
        margin-bottom: 1rem;
        font-size: .9rem;
        margin-right: .8rem;
        border-radius: .4rem
    }

    .search-container .container-search-tags .list a .xqbj-icon-shut-down {
        display: none
    }

    .search-container .container-search-tags.hot-tags {
        margin-top: 1rem
    }

    .search-container .container-search-tags .list .no-data {
        font-size: .9rem;
        text-align: center;
        width: 100%;
        height: 3.4rem
    }

    .search-container .container-search-hots {
        padding: 0
    }
}

.drop-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.2rem
}

.drop-down {
    position: relative
}

.drop-down h3 {
    font-size: .8rem;
    color: #eceff4;
    margin-bottom: 1.2rem;
    cursor: pointer
}

.drop-down h3.active {
    color: #fe628e
}

.drop-down h3 svg {
    width: 1rem;
    height: 1rem;
    margin-left: .1rem;
    vertical-align: middle
}

.drop-down h3.active svg {
    transform: rotate(180deg)
}

.drop-down ul {
    position: absolute;
    left: 0;
    top: 1.5rem;
    z-index: 99;
    background: #e5e9f0;
    width: 11.2rem;
    border-radius: .3rem;
    padding: .2rem 0
}

.drop-down.drop-down-right ul {
    left: initial;
    right: 0
}

.drop-down ul li:hover {
    background: #d8dee9
}

.drop-down ul li a {
    display: block;
    padding: .4rem .8rem;
    font-size: .7rem;
    color: #2e3440
}

.select-list {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-bottom: .6rem
}

.select-list select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/icon-select.svg);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-color: initial;
    font-size: .7rem;
    color: #d8dee9;
    padding: .4rem .8rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .85rem
}

.select-list select:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: 0 0 0 0 #fff;
    background: #2e3440;
    color: #81a1c1;
    border-color: #81a1c1
}

@media (min-width: 960px) {
    .select-list {
        gap:.8rem;
        grid-template-columns: repeat(4,minmax(0,1fr));
        margin-bottom: .6rem
    }
}

.xqbj-component-searchbox {
    background: #fff;
    padding: 0 .8rem
}

.searchbox {
    display: flex;
    align-items: center;
    background-color: #f3f5f6;
    padding: .2rem .2rem .2rem 1.2rem;
    border-radius: 1.8rem;
    height: 3.6rem
}

.xqbj-component-searchbox input {
    background: 0 0;
    font-size: 1.3rem;
    color: #818a92;
    border: none;
    margin: 0 .8rem;
    flex: 1
}

.xqbj-component-searchbox input::placeholder {
    color: #818a92
}

.xqbj-component-searchbox .btn-searching {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2399dd;
    width: 5rem;
    height: 3.2rem;
    font-size: 1.3rem;
    color: #fff;
    padding: .65rem 1.2rem .7rem;
    border-radius: 1.55rem;
    white-space: nowrap
}

.zoom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.65);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center
}

.zoom-overlay .swiper-container {
    max-height: 100%;
    position: relative;
    overflow: hidden
}

.zoom-overlay .swiper-container .swiper-slide .swiper-slide-image {
    padding: 2%;
    max-height: 100%;
    height: 100vh
}

.zoom-overlay .swiper-container .swiper-slide .swiper-slide-image img {
    max-width: initial!important;
    width: initial!important
}

.swiper-container {
    max-height: 100%;
    position: relative;
    overflow: hidden
}

.zoom-in-button {
    position: absolute;
    top: 20px;
    right: 70px;
    z-index: 1001;
    cursor: pointer
}

.zoom-out-button {
    position: absolute;
    top: 20px;
    right: 120px;
    z-index: 1001;
    cursor: pointer
}

.zoom-close-button svg,.zoom-in-button svg,.zoom-out-button svg {
    fill: #fff;
    color: #000
}

.zoom-in-button:disabled,.zoom-out-button:disabled {
    opacity: .3;
    cursor: auto
}

.zoomed-img {
    position: relative;
    z-index: 9999;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    width: auto;
    height: initial;
    cursor: grabbing
}

.zoom-close-button,.zoom-next-button,.zoom-prev-button {
    position: absolute;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    z-index: 1001;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.zoom-close-button {
    top: 20px;
    right: 20px
}

.zoom-prev-button {
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.zoom-next-button {
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.zoom-title {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    color: #fff;
    z-index: 1001
}

.zoom-overlay .swiper-pagination {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1006;
    width: 100%;
    height: 25px;
    font-size: 18px;
    color: #fff
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.zoom-overlay .swiper-slide.cont {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.ad-banners {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1rem
}

.ad-banners .ad-img {
    background: #dbe7ff;
    aspect-ratio: 600/70;
    width: 100%;
    height: 3.5rem;
    margin-bottom: .44rem
}

.ad-banners .ad-img:last-child {
    margin-bottom: 0
}

.ad-banners .ad-img img {
    width: 100%;
    height: 100%
}

@media (min-width: 960px) {
    .ad-banners {
        margin-bottom:.84rem
    }

    .ad-banners .ad-img {
        aspect-ratio: 710/82.2;
        width: 100%;
        height: 4.11rem
    }

    .rank-content,.rank-content .van-tabs {
        height: 100%
    }

    .xqbj-component-rank-tabs {
        position: fixed;
        z-index: 1;
        width: 13.2rem;
        height: 100%;
        overflow: hidden;
        border: 0;
        background-color: var(--menu-left-background);
        box-shadow: none;
        margin: 0 1rem 0 0;
        --van-tabs-card-height: 2.2rem
    }

    .xqbj-component-rank-tabs .rank-title {
        position: relative;
        display: flex;
        align-items: center;
        font-size: .9rem;
        color: var(--p-text-color);
        margin: .6rem 0;
        font-weight: 500
    }

    .xqbj-component-rank-tabs .rank-title::before {
        content: "";
        display: block;
        background: #3276ff;
        width: .2rem;
        height: 1.3rem;
        margin-right: .5rem
    }

    .xqbj-component-rank-tabs .rank-title .xqbj-icon-hot {
        margin-right: .2rem
    }

    .xqbj-component-rank-tabs .van-tabs--card>.van-tabs__wrap {
        border-radius: .2rem .2rem 0 0
    }

    .xqbj-component-rank-tabs .van-tabs--card>.van-tabs__content {
        height: calc(100% - var(--van-nav-bar-height) - 3rem);
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none
    }

    .xqbj-component-rank-tabs .van-tabs__nav--card {
        margin: 0;
        border-bottom: .05rem solid #00000019
    }

    .xqbj-component-rank-tabs .van-tabs__nav {
        background: #fff
    }

    .xqbj-component-rank-tabs .van-tab--card .van-tab__text {
        color: #888
    }

    .xqbj-component-rank-tabs .van-tab--card.van-tab--active .van-tab__text {
        color: #1386ff;
        font-size: 1rem
    }

    .xqbj-component-rank-tabs .rank-card {
        display: flex;
        align-items: center;
        padding: .5rem 0;
        background-color: #fff
    }

    .xqbj-component-rank-tabs .rank-card .rank-card-icon {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 .25rem;
        font-size: .75rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: #3276ff
    }

    .xqbj-component-rank-tabs .rank-card .rank-card-content {
        width: calc(100% - 2rem - .25rem);
        display: flex
    }

    .xqbj-component-rank-tabs .rank-card .rank-card-content .rank-card-content-avatar {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 .25rem
    }

    .xqbj-component-rank-tabs .rank-card .rank-card-content .rank-card-content-content {
        width: calc(100% - 2.5rem - .25rem);
        display: flex;
        flex-direction: column
    }

    .xqbj-component-rank-tabs .rank-card.rank-card-two .rank-card-content .rank-card-content-content {
        width: calc(100% - .25rem)
    }

    .xqbj-component-rank-tabs .rank-card .rank-card-content .rank-card-content-content .rank-card-content-content-name {
        font-size: .9rem;
        color: #222
    }

    .xqbj-component-rank-tabs .rank-card .rank-card-content .rank-card-content-content .rank-card-content-content-fans {
        font-size: .7rem;
        color: #888
    }

    .viewMore {
        display: block;
        background: #fff;
        font-size: .7rem;
        color: #3276ff;
        height: 2.4rem;
        line-height: 2.4rem;
        text-align: center;
        cursor: pointer;
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%
    }
}

#xqbj-placard {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #3276ff;
    margin: .6rem 0;
    font-weight: 500
}

#xqbj-placard::before {
    content: "";
    display: block;
    background: #3276ff;
    width: .2rem;
    height: 1.3rem;
    margin-right: .5rem
}

#xqbj-rank-list {
    margin: 0
}

#xqbj-rank-list .content {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin: 0 -.5rem 0 0
}

#xqbj-rank-list .content .rank-card {
    display: block
}

#xqbj-rank-list .content .rank-card .top {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 0;
    margin: .5rem .5rem 0 0;
    background-color: #fff
}

#xqbj-rank-list .content .rank-card .bottom {
    color: #080808;
    font-size: .8rem;
    background-color: #fff;
    padding: 0 .85rem 1rem;
    margin: 0 .5rem 0 0
}

#xqbj-rank-list .content .rank-card .bottom .describe {
    overflow: hidden;
    white-space: nowrap;
    max-width: 28rem;
    padding: 1rem 0 0;
    border-top: .05rem solid #00000019;
    color: #080808
}

#xqbj-rank-list .content .rank-card .bottom .describe span {
    color: #888
}

#xqbj-rank-list .content .rank-card .top .rank-card-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 1rem;
    font-size: .75rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #3276ff
}

#xqbj-rank-list .content .rank-card .top .rank-card-content {
    width: calc(100% - 2rem - .25rem);
    display: flex
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 .7rem 0 .25rem
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content {
    width: calc(100% - 3rem - .25rem - 6rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow {
    width: 6rem;
    color: #fff;
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1rem 0 0
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
    width: 4.2rem;
    height: 1.8rem;
    background-color: #4c88e6;
    border-radius: 4.2rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button.active {
    opacity: 40%
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button .xicon {
    margin: 0 0 0 .25rem
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-name {
    color: #080808;
    width: 90%;
    font-size: 1rem;
    font-weight: 500
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans {
    font-size: .7rem;
    color: #888;
    display: flex;
    align-items: center;
    padding-top: .5rem
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item {
    color: #888;
    font-size: .7rem;
    margin: 0 1.5rem 0 0
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item:last-child {
    margin-right: 0
}

#xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item span {
    color: #4c88e6;
    font-size: .8rem;
    margin: 0 .25rem 0 0
}

@media (min-width: 960px) {
    #xqbj-placard {
        position:relative;
        display: flex;
        align-items: center;
        font-size: .9rem;
        color: #3276ff;
        margin: .6rem 0;
        font-weight: 500
    }

    #xqbj-placard::before {
        content: "";
        display: block;
        background: #3276ff;
        width: .2rem;
        height: 1.3rem;
        margin-right: .5rem
    }

    #xqbj-rank-list .content {
        grid-template-columns: repeat(2,minmax(0,1fr));
        margin: 0 -.5rem 0 0
    }

    #xqbj-rank-list .content .rank-card .top {
        padding: 1rem 0;
        margin: .5rem .5rem 0 0
    }

    #xqbj-rank-list .content .rank-card .bottom {
        font-size: .8rem;
        padding: 0 .85rem 1rem;
        margin: 0 .5rem 0 0
    }

    #xqbj-rank-list .content .rank-card .bottom .describe {
        max-width: 28rem;
        padding: 1rem 0 0;
        text-overflow: ellipsis
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-icon {
        width: 2rem;
        height: 2rem;
        margin: 0 0 0 1rem;
        font-size: .75rem
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content {
        width: calc(100% - 2rem - .25rem);
        display: flex
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-avatar {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        margin: 0 .7rem 0 .25rem
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content {
        width: calc(100%);
        display: flex;
        flex-direction: column
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow {
        width: 6rem;
        font-size: .8rem;
        padding: 0 1rem 0 0;
        position: absolute;
        right: 0
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
        width: 4.2rem;
        height: 1.8rem
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-follow .button .xicon {
        margin: 0 0 0 .25rem
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-name {
        width: 70%;
        font-size: 1rem
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans {
        font-size: .7rem
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item {
        font-size: .7rem;
        margin: 0 .5rem 0 0
    }

    #xqbj-rank-list .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item span {
        font-size: .8rem;
        margin: 0 .25rem 0 0
    }
}

.xqbj-component-rank-list-0308 {
    margin: 0 0 3rem
}

.xqbj-component-rank-list-0308 .content {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin: 0 -.5rem 0 0
}

.xqbj-component-rank-list-0308 .content .rank-card {
    display: block
}

.xqbj-component-rank-list-0308 .content .rank-card .top {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 0;
    margin: .5rem .5rem 0 0;
    background-color: #fff
}

.xqbj-component-rank-list-0308 .content .rank-card .bottom {
    color: #080808;
    font-size: .8rem;
    background-color: #fff;
    padding: 0 .85rem 1rem;
    margin: 0 .5rem 0 0
}

.xqbj-component-rank-list-0308 .content .rank-card .bottom .describe {
    overflow: hidden;
    white-space: nowrap;
    max-width: 28rem;
    padding: 1rem 0 0;
    border-top: .05rem solid #00000019;
    color: #080808
}

.xqbj-component-rank-list-0308 .content .rank-card .bottom .describe span {
    color: #888
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 1rem;
    font-size: .75rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #3276ff
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content {
    width: calc(100% - 2rem - .25rem);
    display: flex
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 .7rem 0 .25rem
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content {
    width: calc(100% - 3rem - .25rem - 6rem);
    display: flex;
    flex-direction: column
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow {
    width: 6rem;
    color: #fff;
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1rem 0 0
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
    width: 4.2rem;
    height: 1.8rem;
    background-color: #3276ff;
    border-radius: 4.2rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow .button.active {
    opacity: 40%
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow .button .xicon {
    margin: 0 0 0 .25rem
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-name {
    color: #080808;
    width: 90%;
    font-size: 1rem;
    font-weight: 500
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans {
    font-size: .7rem;
    color: #888;
    display: flex;
    align-items: center;
    padding-top: .5rem
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item {
    color: #888;
    font-size: .7rem;
    margin: 0 1.5rem 0 0
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item:last-child {
    margin-right: 0
}

.xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item span {
    color: #3276ff;
    font-size: .8rem;
    margin: 0 .25rem 0 0
}

@media (min-width: 960px) {
    .xqbj-component-rank-list-0308 .content {
        grid-template-columns:repeat(2,1fr);
        margin: 0 -.5rem 0 0
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top {
        padding: 1rem 0;
        margin: .5rem .5rem 0 0
    }

    .xqbj-component-rank-list-0308 .content .rank-card .bottom {
        font-size: .8rem;
        padding: 0 .85rem 1rem;
        margin: 0 .5rem 0 0
    }

    .xqbj-component-rank-list-0308 .content .rank-card .bottom .describe {
        max-width: 28rem;
        padding: 1rem 0 0;
        text-overflow: ellipsis
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-icon {
        width: 2rem;
        height: 2rem;
        margin: 0 0 0 1rem;
        font-size: .75rem
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content {
        width: calc(100% - 2rem - .25rem);
        display: flex
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-avatar {
        width: 3rem;
        height: 3rem;
        margin: 0 .7rem 0 .25rem
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content {
        width: calc(100% - 3rem - .25rem - 6rem);
        display: flex;
        flex-direction: column
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow {
        width: 6rem;
        font-size: .8rem;
        padding: 0 1rem 0 0
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
        width: 4.2rem;
        height: 1.8rem
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-follow .button .xicon {
        margin: 0 0 0 .25rem
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-name {
        width: 90%;
        font-size: 1rem
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans {
        font-size: .7rem
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item {
        font-size: .7rem;
        margin: 0 1.5rem 0 0
    }

    .xqbj-component-rank-list-0308 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item span {
        font-size: .8rem;
        margin: 0 .25rem 0 0
    }
}

.subs-data {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.4rem;
    color: #222;
    padding-top: .5rem
}

.subs-data .text {
    margin-top: 1rem
}

.subs-data a {
    font-size: 1.4rem;
    color: #3276ff;
    cursor: pointer
}

.subs-data a.goLogin,.subs-data a.goLogin:hover {
    text-decoration: underline
}

.rank-list .rank-card {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #393939;
    font-weight: 500;
    padding: 1.4rem 0
}

.rank-list .rank-card .rank-card-icon {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #393939
}

.rank-list .rank-card .rank-card-title {
    width: 100%;
    white-space: normal
}

.rank-list .rank-card .rank-card-title:hover {
    color: #2399dd
}

.rank-list .rank-card .flex {
    display: flex;
    align-items: center;
    width: 7rem;
    margin-left: .3rem
}

@media (min-width: 960px) {
    .subs-data,.subs-data a {
        font-size:.9rem
    }

    .subs-data .text {
        margin-top: .5rem
    }

    .container-search-hots .rank-list {
        margin-top: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .rank-list .rank-card {
        background: #fafafa;
        width: 23.75%;
        font-size: .9rem;
        color: #393939;
        padding: .4rem 1rem;
        display: flex;
        align-items: center;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        white-space: nowrap;
        border-radius: .4rem;
        margin-right: .8rem;
        margin-bottom: .8rem
    }

    .rank-list .rank-card:nth-child(4n) {
        margin-right: 0
    }

    .rank-list .rank-card .rank-card-icon {
        width: 1rem;
        height: 1rem;
        margin-right: .5rem;
        display: flex;
        align-items: center
    }
}

.navbar-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem 0
}

.mobile_navbar_left {
    display: flex;
    align-items: center
}

.website-title {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 1.2rem;
    flex-shrink: 0;
    margin-right: .3rem
}

.website-title>img {
    display: block;
    height: 100%;
    width: auto
}

.navbar-wrap .menu-btn,.navbar-wrap .user-box {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.navbar-wrap .user-box {
    font-size: .7rem;
    position: relative
}

.navbar-wrap .icon-search {
    display: flex;
    align-items: center;
    border-radius: .5rem;
    cursor: pointer;
    flex: 1
}

.navbar-wrap .icon-search>input {
    border: none;
    outline: 0;
    padding: 0;
    font-size: .65rem;
    background-color: rgba(255,255,255,.1);
    color: #7d7f86;
    text-indent: 1em;
    line-height: 1.5rem;
    border-radius: .75rem 0 0 .75rem
}

.navbar-wrap .icon-search>label {
    width: 1.5rem;
    height: 1.5rem;
    padding: .2rem;
    border-radius: 0 .75rem .75rem 0;
    background-color: rgba(255,255,255,.1);
    margin-bottom: 0;
    cursor: pointer
}

.navbar-wrap .icon-search>label>img {
    display: block
}

.navbar-wrap .menu-btn,.navbar-wrap .user-box {
    display: flex;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem
}

.language-box,.navbar-wrap .user-box {
    margin-left: .3rem
}

.navbar-wrap .user-box .operation-list {
    position: absolute;
    top: 2rem;
    right: 0;
    z-index: 9999;
    background: #23252d;
    width: 9.6rem;
    border-radius: .3rem;
    max-height: calc(100vh - var(--van-nav-bar-height))
}

[data-trigger] {
    cursor: pointer
}

.navbar-wrap .user-box .operation-list a {
    display: flex;
    align-items: center;
    padding: .5rem .8rem;
    height: initial;
    line-height: initial;
    text-align: left;
    color: #ffffffcc
}

.navbar-wrap .user-box .operation-list a:hover {
    color: var(--51av-highlight-text-color)
}

.navbar-wrap .menu-btn {
    margin-right: .3rem
}

.navbar-wrap .icon-search:hover,.navbar-wrap .menu-btn:hover {
    color: #fe628e
}

@media (min-width: 960px) {
    .website-title {
        width:auto;
        height: 1.5rem
    }

    .navbar-wrap .menu-btn,.navbar-wrap .user-box {
        width: 1.5rem;
        height: 1.5rem
    }

    .navbar-wrap .icon-search {
        border-radius: 1rem;
        flex: none
    }

    .navbar-wrap .icon-search>input {
        font-size: .8rem;
        width: 0;
        text-indent: 1em;
        line-height: 1.5rem;
        transition: .5s;
        background-color: rgba(255,255,255,.1);
        border-radius: 1rem 0 0 1rem
    }

    .navbar-wrap .icon-search>input:focus {
        width: 10rem
    }

    .navbar-wrap .icon-search>label {
        width: 1.5rem;
        height: 1.5rem;
        padding: .2rem;
        border-radius: 0 1rem 1rem 0;
        background-color: transparent
    }

    .navbar-wrap .icon-search>input:focus+label {
        background-color: rgba(255,255,255,.1)
    }
}

.language-box {
    position: relative;
    font-size: .7rem;
    color: #eceff4
}

.language-box .language-flag {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1rem;
    cursor: pointer
}

.language-box .language-flag img {
    display: block;
    width: 100%
}

.language-box .language-list {
    position: absolute;
    top: 2rem;
    right: 0;
    z-index: 9999;
    background: #23252d;
    width: 9.6rem;
    border-radius: .3rem;
    max-height: calc(100vh - var(--van-nav-bar-height))
}

.language-box .language-list img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1rem;
    margin-right: .4rem
}

.language-box .language-list a {
    display: flex;
    align-items: center;
    padding: .5rem .8rem;
    height: initial;
    line-height: initial;
    text-align: left;
    color: #ffffffcc
}

.language-box .language-list a:hover {
    color: var(--51av-highlight-text-color)
}

/* 澶撮儴涓嬫媺鑿滃崟 / H5 渚ц竟鏍?*/
#popup-menu.hide {
    display: none !important;
    pointer-events: none;
    visibility: hidden
}

#popup-menu.show {
    display: block !important;
    pointer-events: auto;
    visibility: visible
}

#popup-menu .van-overlay {
    position: fixed;
    inset: 0;
    z-index: 2002;
    background: rgba(0, 0, 0, 0.45);
    transition: opacity 0.3s ease
}

#popup-menu #van-popup-menu {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(0);
  background: #171922;
  width: calc(430 / 32 * 1rem);
  max-width: none;
  height: 100%;
  z-index: 2003;
  border-radius: 0;
  font-size: 0.7rem;
  color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#popup-menu #van-popup-menu .navbar_title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
  padding: 0 1em;
  flex-shrink: 0;
  min-height: 2rem;
}

#popup-menu #van-popup-menu .navbar_title .close {
  position: absolute;
  top: 0;
  left: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 1;
}

#popup-menu #van-popup-menu .navbar_title .close img {
  display: block;
  width: 1rem;
  height: 1rem;
}

#popup-menu #van-popup-menu .navbar_title__logo {
  flex: none;
  min-width: 0;
  overflow: visible;
  display: flex;
  justify-content: center;
}

#popup-menu #van-popup-menu .navbar_title__logo .xqbj-component-logo {
  height: 1.25rem;
  max-width: 100%;
}

#popup-menu #van-popup-menu .navbar_title__logo .xqbj-component-logo__img {
  height: 1.2rem;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

#van-popup-menu nav ul li {
  list-style: none;
}

#van-popup-menu nav .nav-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  cursor: pointer;
}

#van-popup-menu nav .nav-title .nav_item {
  flex: 1;
  min-width: 0;
}

#van-popup-menu nav .content-collapse {
  display: none;
}

#van-popup-menu nav .content-collapse.show {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

#van-popup-menu nav ul {
  padding: 0.25rem 0;
  max-height: 80vh;
  overflow-y: auto;
}

#van-popup-menu nav a {
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  /* padding: 0 1rem; */
  white-space: normal;
  line-height: 1.8rem;
  padding-inline: 1em;
}

#van-popup-menu nav a.selected {
  color: var(--a-text-color) !important;
}

#van-popup-menu nav .show {
  /* background: #4c566a; */
  padding-left: 1em;
}

#van-popup-menu nav .no-transition {
  transition: none !important;
  height: auto !important;
}

#van-popup-menu nav .show a {
  color: #9c9ea5;
  /* border-bottom: 0.05rem solid #666f81; */
}

#van-popup-menu nav .show a:hover {
  background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 750px) {
  /* H5 渚ц竟鏍忥細璁捐绋垮 430銆佽儗鏅?#161922锛孶I/32 = rem */
  #popup-menu {
    left: 0;
    right: 0;
    transform: none;
    max-width: none;
    min-width: 0;
  }

  #popup-menu #van-popup-menu {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }

  #popup-menu #van-popup-menu .navbar_title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(30 / 32 * 1rem);
    margin-bottom: calc(24 / 32 * 1rem);
    padding: 0 calc(30 / 32 * 1rem);
    min-height: calc(40 / 32 * 1rem);
  }

  #popup-menu #van-popup-menu .navbar_title .close {
    position: absolute;
    top: -0.5rem;
    left: 0.5rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  #popup-menu #van-popup-menu .navbar_title .close img {
    width: 0.75rem;
    height: 0.75rem;
    object-fit: contain;
  }

  #popup-menu #van-popup-menu .navbar_title__logo {
    display: flex;
    justify-content: center;
    max-width: calc(202 / 32 * 1rem);
  }

  #popup-menu #van-popup-menu .navbar_title__logo .xqbj-component-logo {
    display: block;
    height: calc(40 / 32 * 1rem);
    max-width: calc(202 / 32 * 1rem);
  }

  #popup-menu #van-popup-menu .navbar_title__logo .xqbj-component-logo__img {
    display: block;
    height: calc(40 / 32 * 1rem);
    width: auto;
    max-width: calc(202 / 32 * 1rem);
    object-fit: contain;
  }

  #van-popup-menu nav {
    flex: 1;
    min-height: 0;
    padding-bottom: calc(30 / 32 * 1rem);
  }

  #van-popup-menu nav ul {
    display: flex;
    flex-direction: column;
    gap: calc(16 / 32 * 1rem);
    padding: 0 calc(30 / 32 * 1rem);
    margin: 0;
    max-height: none;
    overflow-y: auto;
    box-sizing: border-box;
  }

  #van-popup-menu nav ul li {
    margin: 0;
    list-style: none;
  }

  /* 涓€绾ц彍鍗曢」锛氳儗鏅?rgba(29,31,42)锛屽唴杈硅窛 20 16 20 30锛屽浘鏍?36锛岄棿璺?16 */
  #van-popup-menu nav .sidebar-menu-item {
    display: flex;
    align-items: center;
    gap: calc(16 / 32 * 1rem);
    width: 100%;
    padding: calc(20 / 32 * 1rem) calc(16 / 32 * 1rem) calc(20 / 32 * 1rem) calc(30 / 32 * 1rem);
    background: rgba(29, 31, 42, 1);
    border-radius: calc(12 / 32 * 1rem);
    box-sizing: border-box;
    font-family: PingFangSC, "PingFang SC", sans-serif;
    font-size: calc(24 / 32 * 1rem);
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
  }

  #van-popup-menu nav .sidebar-menu-item__icon {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(36 / 32 * 1rem);
    height: calc(36 / 32 * 1rem);
  }

  #van-popup-menu nav .sidebar-menu-item__icon svg,
  #van-popup-menu nav .sidebar-menu-item__svg {
    display: block;
    width: calc(36 / 32 * 1rem);
    height: calc(36 / 32 * 1rem);
  }

  #van-popup-menu nav .sidebar-menu-item__text {
    flex: 1;
    min-width: 0;
  }

  #van-popup-menu nav ul li.collapse-active > .sidebar-menu-item,
  #van-popup-menu nav ul li.collapse-active > .sidebar-menu-item .sidebar-menu-item__text,
  #van-popup-menu nav ul li.collapse-active > .sidebar-menu-item .nav_item {
    color: var(--51av-highlight-text-color);
    font-weight: 600;
  }

  #van-popup-menu nav .nav-title.sidebar-menu-item .nav-chevron {
    flex: none;
    width: calc(20 / 32 * 1rem);
    height: calc(20 / 32 * 1rem);
    color: #fff;
    opacity: 0.85;
  }

  /* 鎶樺彔锛氱澶村悜鍙筹紱灞曞紑锛氱澶村悜涓?*/
  #van-popup-menu nav .nav-title.sidebar-menu-item .icon-down {
    transform: rotate(-90deg);
  }

  #van-popup-menu nav .nav-title.sidebar-menu-item .icon-up {
    transform: rotate(0deg);
  }

  #van-popup-menu nav .show {
    padding-left: 0;
  }

  #van-popup-menu nav .content-collapse.show {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(12 / 32 * 1rem);
    padding: calc(12 / 32 * 1rem) 0 0;
  }

  #van-popup-menu nav .show a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(64 / 32 * 1rem);
    font-size: calc(24 / 32 * 1rem);
    font-weight: 500;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.85);
    padding: calc(12 / 32 * 1rem) calc(8 / 32 * 1rem);
    background: rgba(0, 0, 0, 0.22);
    border-radius: calc(12 / 32 * 1rem);
    text-align: center;
    white-space: normal;
  }

  #van-popup-menu nav .show a.selected {
    color: var(--51av-highlight-text-color);
    background: rgba(249, 0, 148, 0.12);
  }
}

nav .icon-up {
  display: none;
}

/* 瀵艰埅/鍒楄〃鐢?SVG 绠ご锛堟浛浠?Font Awesome锛?*/
.nav-chevron {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  flex-shrink: 0;
  fill: currentColor;
  vertical-align: middle;
}

.nav-chevron--up {
  transform: rotate(180deg);
}

nav ul .nav-title {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.125rem;
}

nav ul .nav-title object {
  /* display: block; */
  transform: translate(0px, 100px);
  filter: drop-shadow(currentColor 0px -100px);
  cursor: pointer;
}

.navbar-content {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end
}

@media (min-width: 960px) {
    .language-box .language-flag {
        width:1.5rem;
        height: 1.5rem
    }

    .navbar-content nav {
        margin-left: 0;
        margin-right: auto
    }

    .navbar-content nav ul {
        display: flex;
        align-items: center;
        gap: 2.5rem;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .navbar-content nav ul li {
        position: relative;
        margin-right: 0;
        display: flex;
        align-items: center
    }

    .navbar-content nav ul li>a,.navbar-content nav ul li>.nav-title {
        display: inline-flex;
        align-items: center;
        gap: .125rem;
        font-family: PingFangSC,"PingFang SC",sans-serif;
        font-size: .75rem;
        font-weight: 500;
        line-height: 1;
        color: #fff;
        text-decoration: none
    }

    .navbar-content nav ul li>.nav-title .nav_item {
        line-height: 1
    }

    .navbar-content nav ul li.collapse-active>a,.navbar-content nav ul li.collapse-active>.nav-title,.navbar-content nav ul li.collapse-active>.nav-title .nav_item {
        color: var(--51av-highlight-text-color);
        font-weight: 600
    }

    .navbar-content nav ul li .nav-chevron {
        width: .625rem;
        height: .625rem;
        margin-left: .125rem;
        color: inherit
    }

    .navbar-content nav a:hover {
        color: var(--51av-highlight-text-color)
    }

    .navbar-content nav ul li .content-collapse {
        display: none;
        position: absolute;
        top: 2rem;
        left: 0;
        z-index: 2010;
        background: #23252d;
        width: max-content;
        max-width: 14rem;
        border-radius: .2rem;
        padding: .2rem 0
    }

    .navbar-content nav ul li .content-collapse .collapse-item {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .navbar-content nav ul li .content-collapse .collapse-item>img {
        display: none
    }

    .navbar-content nav ul li a {
        font-size: .8rem;
        color: #eceff4
    }

    .navbar-content nav ul li .content-collapse a {
        font-size: .9rem;
        font-weight: 500;
        color: #ffffffcc;
        padding: 0 .5rem;
        text-align: center;
        white-space: normal
    }

    .navbar-content nav ul li .content-collapse .collapse-item:hover span {
        color: var(--51av-highlight-text-color)
    }

    .navbar-content .icon-search svg {
        width: 1.2rem;
        height: 1.2rem;
        cursor: pointer
    }

    .navbar-content .icon-search:hover svg {
        color: #fe628e
    }
}

#xqbj-contact-container {
    width: 100%;
    max-width: var(--default-footer-max-width);
    padding-left: calc((100% - var(--default-screen-max-width))/ 2)
}

.footer-wrap {
    font-size: .875rem;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.footer-wrap .text {
    color: #ffffffcc;
    padding-top: .75rem
}

.footer-wrap .footer-list {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .5rem 2rem;
    margin-left: 18rem
}

@media (max-width: 960px) {
    .footer-wrap .footer-list {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 750px) {
    .footer-wrap .footer-list {
        flex-wrap:wrap!important;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1.5rem;
        margin-left: 0;
        padding-top: calc(30 / 32 * 1rem);
        padding-left: 1.65rem
    }

    .footer-wrap .footer-list li {
        flex: 1 1 calc(33.33% - 1.5rem);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem
    }

    .footer-wrap .footer-list a {
        display: inline-block;
        width: auto
    }
}

@media (max-width: 600px) {
    .footer-wrap .footer-list li {
        flex:1 1 calc(50% - 1.5rem)
    }
}

.footer-wrap .footer-list h3 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.pd-empty-tip {
    font-size: 1rem;
    font-weight: 500
}

.footer-wrap .footer-list a {
    display: flex;
    font-size: .875rem;
    color: #ffffff80;
    padding-bottom: .625rem
}

.footer-wrap .footer-list a:last-child {
    padding-bottom: 0
}

.footer-wrap .footer-list .footer-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    grid-column: 1/-1
}

.footer-contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #d8dee9;
    font-size: .75rem
}

.footer-contact-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-contact-icon img {
    width: 1.5rem;
    height: 1.5rem
}

.footer-contact-label {
    font-size: 10px;
    font-weight: 500;
    color: rgba(255,255,255,.6)
}

@media (max-width: 750px) {
    .footer-wrap .footer-list li.footer-contact {
        flex-direction:row;
        align-items: flex-start
    }

    .footer-wrap .footer-list .footer-contact {
        flex: 1 1 100%;
        justify-content: space-between;
        flex-wrap: nowrap
    }

    .xqbj-list {
        --colection-list-item-gap: 0.6rem;
        --collection-perline-count: 2
    }

    .xqbj-article-list {
        --article-list-item-gap: 0.6rem;
        --article-list-perline-count: 1
    }
}

.footer-wrap .copy-text {
    margin: 3rem 0;
    padding-top: 2rem;
    border-top: .05rem solid #374151;
    text-align: center
}

.footer-wrap .copy-text .year {
    color: #9ca3af
}

.footer-wrap .copy-text a {
    font-size: .8rem
}

@media (min-width: 960px) {
    .footer-wrap {
        font-size:.875rem;
        max-width: var(--default-screen-max-width);
        min-width: var(--default-screen-min-width);
        margin: 0 auto;
        padding-bottom: 1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 2rem
    }

    .footer-wrap .footer-grid {
        display: flex;
        width: 100%;
        gap: 2rem
    }

    .footer-wrap .footer-text {
        width: 19.75rem
    }

    .footer-wrap .footer-list {
        width: calc(19.75rem * 2.2);
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .footer-wrap .footer-list li a:hover {
        color: #fe628e
    }

    .footer-wrap .copy-text {
        width: 100%
    }

    .footer-wrap .copy-text .website-title {
        font-size: .9rem
    }

    .xqbj-list {
        --colection-list-item-gap: 1.25rem;
        --collection-perline-count: 4
    }

    .xqbj-article-list {
        --article-list-item-gap: 1.25rem;
        --article-list-perline-count: 3
    }
}

.xqbj-component-rank-swiper-tabs {
    position: relative;
    z-index: 1;
    width: 18.7rem;
    overflow: hidden;
    border: 0;
    box-shadow: none;
    margin: 0;
    --van-tabs-card-height: 2.2rem
}

.xqbj-component-rank-swiper-tabs a {
    font-size: .8rem;
    color: #2c2e3b
}

.widget_img {
    margin-bottom: 1rem;
    box-shadow: 0 0 1rem -.25rem rgba(158,158,158,.22)
}

.widget_img img {
    border-radius: .4rem
}

.widget_img .adTags {
    position: relative;
    height: 10.55rem
}

.adTags img {
    border-radius: .25rem;
    width: 100%
}

.widget {
    font-size: .7rem;
    line-height: 2;
    margin-bottom: 1rem;
    background: #fff;
    border-radius: .4rem;
    padding: 1rem .8rem;
    box-shadow: 0 0 1rem -.25rem rgba(158,158,158,.22)
}

.widget-title {
    padding-left: .9rem;
    font-size: .9rem;
    text-transform: uppercase;
    margin: 0 0 .8rem;
    position: relative;
    line-height: 1rem
}

.widget-title:before {
    content: "";
    position: absolute;
    left: .1rem;
    top: .35rem;
    width: .5rem;
    height: .5rem;
    border-radius: .25rem;
    background: #29d
}

.widget-title span {
    font-size: 1rem;
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 2;
    font-weight: 500;
    color: #393939
}

.list-rounded .py-2 {
    position: relative;
    padding-bottom: .5rem
}

.list-rounded .list-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: .15rem;
    overflow: hidden;
    color: #fff
}

.list-rounded .list-item .list-content {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .75rem;
    background: linear-gradient(to bottom,rgba(6,6,8,0),rgba(6,6,8,.7))
}

.list-rounded .list-item .list-title {
    font-size: .6rem;
    display: block;
    color: #fff
}

.list-rounded .list-item .list-footer {
    margin-top: .25rem;
    font-size: .5rem;
    color: rgba(255,255,255,.5)
}

.hot-wen .list-item .media-content {
    position: relative;
    display: block
}

.hot-wen .list-item .media-content img {
    width: 100%;
    height: 6.4rem
}

.hot-wen .list-item .media-content .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.66);
    position: absolute;
    opacity: .22;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.widget .item {
    position: relative;
    padding-bottom: .2rem;
    margin-bottom: .5rem
}

.wRecent .item {
    border-bottom: .05rem dashed #eee
}

.widget .item .meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    color: #262626;
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom: .4rem;
    white-space: nowrap;
    height: 1.5rem;
    overflow: hidden
}

.widget .item .comment-avatar {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin-right: .25rem;
    border-radius: 100%;
    overflow: hidden
}

.widget .item .meta .views {
    font-size: .5rem;
    color: #888;
    white-space: nowrap
}

.widget .item .comment-content {
    padding: .25rem .5rem;
    background: #eef6fd;
    border-radius: .3rem;
    font-size: .7rem;
    color: #262626;
    margin-bottom: .5rem;
    position: relative;
    transition: .2s
}

.widget .item .comment-content::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: .3rem solid #eef6fd;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    position: absolute;
    left: 3.5rem;
    bottom: 100%
}

.widget .item .comment-content p {
    text-align: justify;
    line-height: 1.15rem;
    max-height: 2.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.widget .item h2 {
    font-size: .6rem;
    line-height: 1.15rem;
    height: 1.15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-weight: 400;
    margin: 0 0 .25rem
}

.xqbj-component-replay .meta-item {
    display: block;
    padding-right: 2em
}

.xqbj-component-replay .xqbj-icon-comment {
    display: inline-block;
    margin-right: .2rem;
    vertical-align: middle
}

.hot-list-nav {
    display: flex;
    align-items: center;
    column-gap: .85rem;
    margin: .8rem 0
}

.hot-list-nav .nav-item {
    background: #f2f2f2;
    width: 5.15rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    font-size: .8rem;
    color: #818a92;
    border-radius: .2rem;
    cursor: pointer
}

.hot-list-nav .nav-item.active {
    background: #2399dd;
    color: #fff
}

.xqbj-component-hot-list .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9rem;
    color: #393939;
    padding-bottom: .8rem
}

.xqbj-component-hot-list .list-item:hover {
    color: #2399dd
}

.xqbj-component-hot-list .list-item:last-child {
    padding-bottom: 0
}

.xqbj-component-hot-list .list-item .d-flex {
    width: 82%;
    align-items: center
}

.xqbj-component-hot-list .list-item .d-flex>span {
    padding-right: .8rem;
    font-weight: 500
}

.xqbj-component-hot-list .list-item .d-flex .text {
    white-space: normal
}

.xqbj-component-hot-list .list-item:nth-child(1) .d-flex>span {
    color: #fe2c46
}

.xqbj-component-hot-list .list-item:nth-child(2) .d-flex>span {
    color: #f60
}

.xqbj-component-hot-list .list-item:nth-child(3) .d-flex>span {
    color: #faaa10
}

.xqbj-component-hot-list .list-item .hot-tag {
    display: block;
    background: #fe2c46;
    font-size: .7rem;
    color: #fff;
    border-radius: .2rem;
    padding: 0 .15rem;
    text-align: center;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin-left: .2rem
}

.xqbj-component-hot-list .list-item .views {
    font-size: .8rem;
    color: #909090;
    padding-left: .8rem
}

@media (max-width: 960px) {
    .hot-list-nav {
        column-gap:.8rem;
        margin: 1.2rem 0
    }

    .hot-list-nav .nav-item {
        background: #f2f2f2;
        width: 7.1rem;
        height: 2.6rem;
        line-height: 2.6rem;
        font-size: 1rem;
        border-radius: .4rem
    }

    .xqbj-component-hot-tabs {
        padding-bottom: 4rem
    }

    .xqbj-component-hot-list .list-item {
        font-size: 1.4rem;
        padding-bottom: 1.6rem
    }

    .xqbj-component-hot-list .list-item .d-flex {
        width: 82%;
        align-items: center
    }

    .xqbj-component-hot-list .list-item .hot-tag {
        font-size: .9rem;
        padding: 0 .25rem;
        width: 1.4rem;
        height: 1.4rem;
        line-height: 1.4rem;
        margin-left: .6rem
    }

    .xqbj-component-hot-list .list-item .views {
        font-size: 1.2rem;
        padding-left: .8rem
    }

    .widget {
        font-size: 1.4rem;
        padding: 0;
        box-shadow: none
    }

    .widget-title {
        padding-left: 1.8rem;
        margin: .3rem 0 1rem;
        position: relative;
        line-height: 2rem
    }

    .widget-title span {
        font-size: 1.4rem
    }

    .widget-title:before {
        left: .2rem;
        top: .7rem;
        width: .8rem;
        height: .8rem;
        border-radius: 100%
    }

    .list-rounded .py-2 {
        padding-bottom: 1rem
    }

    .list-rounded .py-2:last-child {
        padding-bottom: 0
    }

    .list-rounded .list-item .list-title {
        font-size: 1rem;
        line-height: 1.5;
        height: 4.5rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .list-rounded .list-item .list-footer {
        margin-top: 0;
        font-size: .9rem
    }

    .widget .item .meta {
        font-size: 1.2rem;
        height: inherit;
        line-height: initial;
        margin-bottom: .5rem;
        align-items: center
    }

    .widget .item .comment-content::before {
        border-bottom: .6rem solid #eef6fd;
        border-left: .6rem solid transparent;
        border-right: .6rem solid transparent;
        left: 1rem
    }

    .widget .item .comment-avatar {
        width: 2rem;
        height: 2rem
    }

    .widget .item .meta .views {
        font-size: .9rem
    }

    .widget .item h2 a {
        padding: 0
    }

    .widget .item h2 {
        font-size: .6rem;
        line-height: 2.3rem;
        height: 2.3rem;
        margin-bottom: .5rem
    }

    .widget .item .comment-content p {
        line-height: initial;
        max-height: initial
    }

    #popup-menu #van-popup-menu .content .xqbj-component-replay .item a {
        font-size: 1.1rem;
        padding: 0;
        display: contents
    }

    .widget .item .comment-content {
        padding: .5rem 1rem;
        margin-bottom: .5rem
    }
}

.xqbj-tips-dialog .popup-content {
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around
}

@media (min-width: 750px) and (max-width:959px) {
    .xqbj-list {
        --colection-list-item-gap:0.8rem;
        --collection-perline-count: 3
    }

    .xqbj-article-list {
        --article-list-item-gap: 0.8rem;
        --article-list-perline-count: 2
    }
}

.xqbj-list-container .xqbj-list {
    display: grid;
    gap: var(--colection-list-item-gap);
    grid-template-columns: repeat(var(--collection-perline-count),minmax(0,1fr));
    margin-bottom: 1rem
}

.xqbj-list-container .xqbj-list-load-more-container {
    display: flex;
    justify-content: center;
    font-size: .7rem;
    font-weight: 500
}

.xqbj-list-container .xqbj-list-load-more-container .xqbj-list-load-more {
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #b8babc;
    cursor: pointer
}

.xqbj-list-container .xqbj-list-load-more-container .xqbj-list-load-more object {
    display: block;
    transform: translate(0,100px);
    filter: drop-shadow(currentColor 0 -100px);
    cursor: pointer
}

.xqbj-list-container .xqbj-list-load-more-container .xqbj-list-load-more-icon {
    width: 1.2rem;
    height: 1.2rem
}

.xqbj-list-load-more-icon-loading {
    overflow: hidden;
    width: 1.2rem;
    height: 1.2rem;
    animation: 1s linear infinite spin
}

.xqbj-list-load-more-icon-loading object {
    display: block;
    transform: translate(0,100px);
    filter: drop-shadow(currentColor 0 -100px);
    cursor: pointer
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

.xqbj-list-container .xqbj-list-load-more-container .xqbj-list-load-more:hover {
    color: var(--51av-highlight-text-color)
}

.xqbj-list-container .xqbj-list-title {
    color: var(--51av-text-color2);
    margin-top: 0;
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 400
}

.xqbj-list-container .xqbj-list-header {
    margin-bottom: 1.2rem
}

.xqbj-list-container .xqbj-list-item-content {
    border-radius: .3rem;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.5%
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-video-container {
    position: absolute;
    inset: 0
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-video {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-video-info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    inset-inline: .4rem;
    inset-block: .2rem;
    color: #e5e9f0;
    font-size: .6rem;
    font-weight: 500
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-ads-info {
    position: absolute;
    top: .4rem;
    right: .4rem;
    left: auto;
    bottom: auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    color: #e5e9f0;
    font-size: .6rem;
    font-weight: 500;
    z-index: 2
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-video-duration {
    background-color: rgba(0,0,0,.5);
    padding: .2rem .4rem;
    margin-left: auto;
    border-radius: .5rem
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-video-wuma {
    background-color: rgba(255,74,124,.8);
    padding: .2rem .4rem;
    border-radius: .5rem
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-video-cn-zimu {
    background-color: rgb(153 27 27 / .75);
    padding: .2rem .4rem;
    border-radius: .5rem
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-poster {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%)
}

.xqbj-list-container .xqbj-list-item-content .xqbj-list-item-ad {
    position: absolute;
    top: .5rem;
    right: .4rem;
    font-size: .8rem;
    font-weight: 500;
    color: #fff
}

.xqbj-list-container .xqbj-list-item-title {
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    margin-top: .4rem;
    cursor: pointer;
    white-space: normal
}

.xqbj-list-container .xqbj-list-item-title:hover {
    color: #fe628e
}

.xqbj-list-container .xqbj-list-item .xqbj-list-item-content>img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover
}

.xqbj-list-container .xqbj-list-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-block:1.6rem;background-color: #3b4252;
    border-radius: .4rem
}

.xqbj-list-container .xqbj-list-empty-text {
    margin-top: .4rem;
    font-size: .8rem;
    font-weight: 500;
    color: #ebcb8b
}

.xqbj-component-list-advs {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .75rem 1rem
}

.xqbj-component-list-advs .temp {
    position: relative;
    padding-bottom: 11.5%;
    height: 0
}

.xqbj-component-list-advs-item {
    position: absolute;
    inset: 0
}

.xqbj-component-list-advs-item img {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #343434
}

@media (max-width: 960px) {
    .xqbj-component-list-advs {
        grid-template-columns:repeat(1,1fr);
        gap: .5rem
    }
}

.xqbj-component-list-advs2 {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: .75rem 1rem
}

.xqbj-component-list-advs2 .temp {
    position: relative;
    padding-bottom: 11.5%;
    height: 0
}

@media (max-width: 960px) {
    .xqbj-component-list-advs2 {
        gap:.5rem
    }
}

.xqbj-article-title {
    color: var(--51av-text-color2);
    margin-top: 0;
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 400
}

.xqbj-article-list {
    display: grid;
    gap: var(--article-list-item-gap);
    grid-template-columns: repeat(var(--article-list-perline-count),minmax(0,1fr));
    margin-bottom: 1rem
}

.xqbj-article-list .xqbj-article-list-item {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: rgba(255,255,255,.05);
    border-radius: .2rem
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-poster {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    cursor: pointer
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-poster>a {
    position: absolute;
    inset: 0
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-poster>img {
    background-color: #343434
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-container {
    display: flex;
    flex-direction: column;
    padding: .375rem .75rem;
    flex: 1
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-info {
    display: flex;
    color: var(--51av-highlight-text-color);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .3rem
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-info>a {
    color: inherit
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-info>a:hover {
    text-decoration: underline;
    text-underline-offset: .2rem
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-title {
    color: #d8dee9;
    font-size: 1rem;
    font-weight: 600;
    margin-top: .4rem;
    cursor: pointer;
    word-break: break-all
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-description {
    color: #fff;
    font-size: .8rem;
    cursor: pointer
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-container {
    display: flex;
    flex-direction: column;
    font-size: .7rem;
    color: rgba(255,255,255,.6);
    padding-top: .375rem
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-container .xqbj-article-list-item-author-avatar {
    overflow: hidden;
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-container .xqbj-article-list-item-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-container .xqbj-article-list-item-author-info {
    display: flex;
    flex-direction: column;
    font-size: .7rem
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-info .xqbj-article-list-item-author-name {
    font-weight: 500;
    color: #b8babc
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-info .xqbj-article-list-item-author-name:hover {
    text-decoration: underline;
    text-underline-offset: .2rem
}

.xqbj-article-list .xqbj-article-list-item .xqbj-article-list-item-author-info .xqbj-article-list-item-author-date {
    color: #6b7280
}

.xqbj-component-share-sheet {
    padding: 1.2rem;
    margin-bottom: 1rem;
    background-color: rgba(255,255,255,.05);
    border-radius: .4rem
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-address {
    display: flex
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-address .xqbj-component-share-sheet-address-input {
    flex: 1;
    padding: .4rem .6rem;
    border: 1px solid #374151;
    font-size: .7rem;
    background-color: #111827;
    border-radius: .3rem 0 0 .3rem
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-address .xqbj-component-share-sheet-address-input:focus {
    border: 1px solid #6b7280;
    box-shadow: 0 0 0 1px #6b7280
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-address-copy-button {
    display: flex;
    align-items: center;
    padding: .4rem .8rem;
    background-color: #374151;
    font-size: .7rem;
    color: #eceff4;
    outline: 0;
    border: none;
    border-radius: 0 .3rem .3rem 0
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-address-copy-button:hover {
    background-color: #4b5563
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-address-copy-button .xqbj-component-share-sheet-address-icon {
    width: .8rem;
    height: .8rem;
    margin-right: .4rem
}

.xqbj-component-share-sheet-address-copy-button .xqbj-component-share-sheet-address-icon.copy-icon {
    display: block
}

.xqbj-component-share-sheet-address-copy-button .xqbj-component-share-sheet-address-icon.ok-icon {
    display: none
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-button-group {
    display: flex;
    gap: .6rem;
    margin-top: .6rem
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-button-item {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .7rem;
    font-weight: 500;
    padding: .4rem .6rem;
    border-radius: .3rem;
    color: #fff;
    background-color: #1da1f2
}

.xqbj-component-share-sheet .xqbj-component-share-sheet-button-item-icon {
    width: .8rem;
    height: .8rem
}

.xqbj-component-share-sheet .share-sheeet-button-item-whatsapp {
    background-color: #25d366
}

@media (max-width: 960px) {
    .xqbj-component-share-sheet {
        padding:.6rem
    }

    .xqbj-component-share-sheet .xqbj-component-share-sheet-button-item {
        font-size: .6rem
    }

    .xqbj-component-share-sheet .xqbj-component-share-sheet-button-group {
        gap: .4rem
    }
}

.xqbj-component-collapse {
    --van-collapse-item-content-padding: 0.4rem 2.4rem 1.2rem 0;
    --van-collapse-item-content-text-color: #d1d5db;
    --van-collapse-item-content-background: transparent;
    --van-cell-background: transparent;
    --van-cell-text-color: #fff;
    --van-cell-horizontal-padding: 0;
    --van-cell-font-size: 0.8rem;
    --van-collapse-item-content-font-size: 0.8rem
}

.xqbj-component-collapse .van-collapse-item {
    padding-block:.4rem;border-top: 1px solid
}

.xqbj-component-collapse .van-collapse-item__title {
    user-select: none
}

.xqbj-component-collapse .van-cell--clickable:active {
    background-color: transparent
}

.xqbj-component-tabs {
    --van-tab-text-color: #e5e7eb;
    --van-tab-active-text-color: var(--51av-highlight-text-color);
    margin: 0
}

.xqbj-component-tabs .van-tab {
    padding-bottom: .8rem;
    font-size: .8rem;
    border-bottom: .1rem solid
}

.main-container .xqbj-component-accunt-menu {
    position: relative;
    align-items: center;
    cursor: pointer;
    color: var(--51av-text-color)
}

.main-container .xqbj-component-accunt-menu:hover {
    color: var(--51av-highlight-text-color)
}

.main-container .xqbj-component-accunt-menu .van-icon-arrow-up {
    display: none
}

.main-container .xqbj-component-accunt-menu .van-icon-arrow-down {
    display: block
}

.main-container .xqbj-component-accunt-menu .drop-menu-header {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    top: 1.4rem;
    left: 0;
    width: 9.6rem;
    padding: .6rem 0;
    background-color: #e5e9f0;
    border-radius: .3rem
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item {
    width: 9.6rem;
    padding: .4rem .8rem;
    color: #2e3440;
    font-size: .7rem;
    cursor: pointer
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item:hover {
    background-color: var(--51av-text-color2)
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item-delete-account {
    color: #dc2626;
    font-weight: 600
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item-title {
    padding: .6rem .8rem;
    color: #2e3440;
    font-size: .7rem;
    cursor: auto
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item-title-email {
    font-size: .8rem;
    font-weight: 500
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item-line {
    height: 1px;
    margin: 0;
    background-color: var(--51av-text-color2)
}

.main-container .xqbj-component-accunt-menu .drop-menu-header-item-active {
    color: #dc2626;
    font-weight: 600
}

.main-container .xqbj-component-accunt-menu .xqbj-component-accunt-menu-container {
    display: flex;
    align-items: center
}

.main-container .xqbj-component-accunt-menu .xqbj-component-accunt-menu-title {
    margin-right: .2rem;
    line-height: 1.2rem;
    font-size: .8rem;
    font-weight: 500
}

.xqbj-component-accunt-menu .van-icon-arrow-down,.xqbj-component-accunt-menu .van-icon-arrow-up {
    font-weight: 600
}

.main-container .xqbj-component-dropdown-menu {
    position: relative;
    align-items: center;
    cursor: pointer;
    color: var(--51av-text-color)
}

.main-container .xqbj-component-dropdown-menu:hover {
    color: var(--51av-highlight-text-color)
}

.main-container .xqbj-component-dropdown-menu.left {
    margin-left: 0;
    margin-right: auto
}

.main-container .xqbj-component-dropdown-menu.right {
    margin-left: auto;
    margin-right: 0
}

.xqbj-component-dropdown-menu .van-icon-arrow-down,.xqbj-component-dropdown-menu .van-icon-arrow-up {
    font-weight: 600
}

.main-container .xqbj-component-dropdown-menu .van-icon-arrow-up {
    display: none
}

.main-container .xqbj-component-dropdown-menu .van-icon-arrow-down {
    display: inline-block
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    top: 2rem;
    width: 9.6rem;
    padding: .6rem 0;
    background-color: #23252d;
    border-radius: .3rem
}

.main-container .xqbj-component-dropdown-menu.left .drop-menu-header {
    left: 0
}

.main-container .xqbj-component-dropdown-menu.right .drop-menu-header {
    right: 0
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item {
    width: 9.6rem;
    padding: .4rem .8rem;
    color: #ffffffcc;
    font-size: .8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item>a {
    position: relative
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item a {
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
    padding-left: 1.6rem
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item a:active,.main-container .xqbj-component-dropdown-menu .drop-menu-header-item a:focus,.main-container .xqbj-component-dropdown-menu .drop-menu-header-item a:hover {
    color: inherit;
    text-decoration: none
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item-label {
    display: block;
    width: 8.2rem;
    text-align: left
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item::before {
    content: "";
    position: absolute;
    left: .8rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
    background: url(/__base/images/correct.png) center/contain no-repeat;
    opacity: 0
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item.active::before {
    opacity: 1
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item.active {
    color: #ff4a7c;
    font-weight: 600
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item:hover {
    color: var(--a-text-color)
}

.main-container .xqbj-component-dropdown-menu .drop-menu-header-item-title {
    padding: .6rem .8rem;
    color: #2e3440;
    font-size: .7rem;
    cursor: auto
}

.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-container {
    display: flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap
}

.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-title {
    margin-right: .2rem;
    line-height: 1.2rem;
    font-size: .7rem;
    font-weight: 500;
    color: rgba(255,255,255,.6)
}

.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-filter-type,.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-sort-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    width: auto;
    min-width: 6.2rem;
    padding: 0 .6rem;
    height: 1.7rem;
    border-radius: .85rem;
    border: 1px solid #ff739b;
    color: #ff739b;
    font-size: .7rem;
    font-weight: 500;
    flex: 0 0 auto;
    white-space: nowrap
}

.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-filter-type.active,.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-sort-type.active {
    border: 1px solid #ff4a7c;
    color: #ff4a7c
}

.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-filter-type .van-icon,.main-container .xqbj-component-dropdown-menu .xqbj-component-dropdown-menu-sort-type .van-icon {
    margin-left: .2rem
}

.progress-container {
    z-index: 999;
    display: none;
    position: fixed;
    right: 1.5rem;
    bottom: 3rem
}

.histoty-wrap .history-record {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab
}

.histoty-wrap .history-record::-webkit-scrollbar {
    display: none
}

.histoty-wrap .history-record.dragging {
    cursor: grabbing
}

.comment-enter {
    position: relative
}

.comment-enter textarea {
    background: #171922;
    width: 100%;
    min-height: 9.3rem;
    padding: 1rem 1rem 3.2rem;
    font-size: .75rem;
    color: #ffffffcc;
    border: none;
    resize: none;
    overflow-y: hidden
}

.comment-enter .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: .75rem;
    bottom: 1.8rem
}

.comment-enter .btn-submit {
    line-height: 1.875rem;
    text-align: center;
    border-radius: .9375rem;
    padding-inline:1rem;background-color: var(--51av-highlight-text-color);
    font-size: .75rem;
    color: #fff;
    font-weight: 500;
    outline: 0;
    border: none
}

.progress-container .xqbj-icon-scrrol-top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.progress-container .progress-circle {
    --size: 2.5rem;
    --thickness: 2px;
    --color: #2399dd;
    --bg: #eee;
    --progress: 1;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: conic-gradient(var(--color) calc(var(--progress) * 1%),var(--bg) 0);
    mask: radial-gradient(farthest-side,transparent calc(100% - var(--thickness)),#000 0)
}

.xqbj-component-popuplar-movies .list-item {
    display: block;
    position: relative;
    height: 12.25rem;
    border-radius: .2rem;
    overflow: hidden;
    margin-bottom: .8rem
}

.xqbj-component-popuplar-movies .list-item:last-child {
    margin-bottom: 0
}

.xqbj-component-popuplar-movies .list-item .views {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 1rem .6rem;
    font-size: .9rem;
    color: #a1a1a4
}

@media (max-width: 960px) {
    .progress-container {
        display:none!important
    }
}

@media (min-width: 960px) {
    .xqbj-component-popuplar-movies .list-item {
        border-radius:.2rem;
        margin-bottom: .6rem;
        width: 17.5rem;
        height: 8.7rem
    }

    .xqbj-component-popuplar-movies .list-item .views {
        padding: .6rem;
        font-size: .7rem
    }
}

.xqbj-component-zz-recommend {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: .5rem 1rem;
    padding: 1rem;
    border: 1px solid #333;
    border-radius: .5rem
}

.xqbj-component-zz-recommend .xqbj-component-zz-recommend-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.xqbj-component-zz-recommend .xqbj-component-zz-recommend-item .item-temp {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
    height: 0;
    border-radius: .5rem
}

.xqbj-component-zz-recommend .xqbj-component-zz-recommend-item .item-temp>img {
    position: absolute;
    inset: 0;
    background-color: #343434
}

.xqbj-component-zz-recommend .xqbj-component-zz-recommend-item>span {
    font-size: .75rem;
    color: #ffffffcc;
    margin-top: .2rem;
    width: 4em;
    text-align: center
}

@media (min-width: 960px) {
    .xqbj-component-zz-recommend {
        grid-template-columns:repeat(10,minmax(0,1fr));
        gap: 1rem 4rem;
        padding: 0;
        border: none
    }

    .xqbj-component-zz-recommend .xqbj-component-zz-recommend-item>span {
        margin-top: .2rem
    }
}

.cool-loading {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    margin: 5rem auto 80vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.cool-loading .ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #00f0ff;
    border-radius: 50%;
    animation: 1.5s linear infinite rotate
}

.cool-loading .ring:nth-child(2) {
    border-top: 3px solid #ff00d4;
    animation-duration: 2s;
    width: 6rem;
    height: 6rem
}

.cool-loading .ring:nth-child(3) {
    border-top: 3px solid #00ff95;
    animation-duration: 2.5s;
    width: 4.5rem;
    height: 4.5rem
}

.cool-loading span {
    position: absolute;
    bottom: -2rem;
    font-weight: 700;
    font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
    animation: 1.2s ease-in-out infinite pulse
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .4
    }
}

.xqbj-component-list-markers {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 2rem 1rem
}

.xqbj-component-list-markers .xqbj-component-list-markers-item {
    display: grid;
    grid-template-columns: 5.75rem 1fr;
    column-gap: .9rem;
    align-items: center;
    padding: .9rem 1rem;
    text-decoration: none;
    transition: background .2s
}

.xqbj-component-list-markers .xqbj-component-list-markers-item:hover {
    background: #5c2b39
}

.xqbj-component-list-markers .xqbj-component-list-markers-item img {
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 50%;
    object-fit: cover;
    background: #5b3d46;
    display: block;
    grid-column: 1;
    grid-row: 1/span 3
}

.xqbj-component-list-markers .xqbj-component-list-markers-item img.loading,.xqbj-component-list-markers .xqbj-component-list-markers-item img:not([src]) {
    opacity: 0!important;
    content: none!important
}

.xqbj-component-list-markers .avatar-initial {
    grid-column: 1;
    grid-row: 1/span 3;
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 50%;
    background: #5b3d46;
    color: rgba(255,255,255,.7);
    font-size: 2rem;
    font-weight: 700;
    display: grid;
    place-items: center
}

.xqbj-component-list-markers .date,.xqbj-component-list-markers .username,.xqbj-component-list-markers .views {
    margin: 0;
    line-height: 1.2;
    text-align: left;
    grid-column: 2
}

.xqbj-component-list-markers .username {
    color: var(--list-title-color,#fff);
    font-weight: 700;
    font-size: .7rem;
    margin-bottom: .4rem
}

.xqbj-component-list-markers .views {
    color: rgba(255,255,255,.6);
    font-size: .7rem;
    margin-bottom: .35rem;
    display: block
}

.xqbj-component-list-markers .date {
    color: rgba(255,255,255,.6);
    font-size: .7rem;
    display: block!important
}

@media (min-width: 960px) {
    .xqbj-component-list-markers {
        display:grid;
        gap: 2rem 3rem;
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .xqbj-component-list-markers .xqbj-component-list-markers-item img {
        width: 5.75rem;
        height: 5.75rem
    }
}

@media (max-width: 750px) {
    .xqbj-component-list-markers {
        display:grid!important;
        grid-template-columns: repeat(2,1fr)!important;
        gap: 4vw 3vw!important;
        width: 100%;
        box-sizing: border-box
    }

    .xqbj-component-list-markers .xqbj-component-list-markers-item {
        display: grid!important;
        grid-template-columns: 22vw auto!important;
        align-items: center;
        gap: 2vw;
        padding: 3vw 2vw;
        background: 0 0;
        border-radius: .4rem
    }

    .xqbj-component-list-markers .xqbj-component-list-markers-item .avatar-initial,.xqbj-component-list-markers .xqbj-component-list-markers-item img {
        width: 22vw!important;
        height: 22vw!important;
        border-radius: 50%;
        object-fit: cover
    }

    .xqbj-component-list-markers .username {
        font-size: 3.6vw!important;
        font-weight: 700;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        margin-bottom: 1vw;
        color: #fff
    }

    .xqbj-component-list-markers .date,.xqbj-component-list-markers .views {
        font-size: 3vw!important;
        color: rgba(255,255,255,.65);
        line-height: 1.35
    }
}

.xqbj-component-comment {
    word-break: break-all
}

.xqbj-component-comment article {
    background: 0 0;
    padding: 1rem 0;
    border-bottom: .05rem solid #6b7280
}

.xqbj-component-comment .comment-item {
    display: flex;
    align-items: center;
    font-size: .7rem;
    font-weight: 700
}

.xqbj-component-comment .comment-item .username {
    color: #ebcb8b;
    max-width: 10em
}

.xqbj-component-comment .comment-item .username:hover {
    text-decoration: underline
}

.xqbj-component-comment .comment-item .time-ago {
    color: #9ca3af;
    padding-left: .2rem
}

.xqbj-component-comment .text {
    font-size: .8rem;
    color: #d8dee9;
    margin-top: .4rem
}

.xqbj-component-comment .image-box {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    width: 100%;
    margin-top: 1.2rem
}

.xqbj-component-comment .image-box img {
    width: 100%;
    border-radius: .3rem
}

.btn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe628e;
    width: 100%;
    font-size: .7rem;
    color: #fff;
    padding: .4rem .8rem;
    border-radius: .3rem
}

.btn-more svg {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem
}

.btn-more:focus {
    outline: #bf616a solid .1rem;
    outline-offset: .1rem;
    box-shadow: 0 0 0 .2rem #2e3440;
    color: #fff
}

@media (min-width: 960px) {
    .xqbj-component-comment .image-box {
        gap:1.5rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.xqbj-component-grid-list {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 1rem
}

.xqbj-component-grid-list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 1rem;
    height: 5.5rem;
    border-radius: .2rem;
    background: #171922;
    text-decoration: none;
    transition: background .2s,border-color .2s,box-shadow .2s
}

.xqbj-component-grid-list-item-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.xqbj-component-grid-list-item:hover {
    background: rgba(255,255,255,.08);
    border-color: #ff4a7c;
    box-shadow: 0 0 0 1px rgba(255,74,124,.3) inset
}

.xqbj-component-grid-list-item .title {
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    margin: 0 0 .25rem;
    position: relative;
    text-align: center;
    z-index: 2
}

.xqbj-component-grid-list-item .count {
    color: #fff;
    font-size: .7rem;
    margin: 0;
    position: relative;
    text-align: center;
    z-index: 2;
    opacity: .8
}

.search-main h1 {
    font-size: 1.2rem;
    color: #d8dee9;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    text-align: center
}

@media (max-width: 750px) {
    .xqbj-component-grid-list {
        display:grid!important;
        grid-template-columns: repeat(3,1fr)!important;
        gap: 2.4vw!important;
        width: 100%;
        box-sizing: border-box
    }

    .xqbj-component-grid-list-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2.5vw;
        height: 16vw;
        border-radius: 1.2vw;
        background: #171922;
        text-decoration: none;
        transition: background .2s,border-color .2s,box-shadow .2s
    }

    .xqbj-component-grid-list-item:hover {
        background: rgba(255,255,255,.08);
        border-color: #ff4a7c;
        box-shadow: 0 0 0 1px rgba(255,74,124,.3) inset
    }

    .xqbj-component-grid-list-item .title {
        color: #fff;
        font-size: 3.4vw;
        font-weight: 600;
        margin: 0 0 .6vw;
        line-height: 1.2;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        word-break: break-all
    }

    .xqbj-component-grid-list-item .count {
        color: rgba(255,255,255,.65);
        font-size: 3vw;
        margin: 0;
        text-align: center;
        line-height: 1.2
    }

    .footer-wrap .footer-list .footer-contact {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-55%);
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
        gap: 1.5rem
    }

    .footer-wrap .footer-list a {
        line-height: 1!important;
        white-space: normal;
        word-break: break-word
    }
}