.main-container {
 
}

/* 增加浮窗轮播及九宫格广告位 start */
/* 仅在首页覆盖，四列滚动广告面板。 */
.xqbj-component-advertises .van-overlay {
    z-index: 99;
}
.xqbj-component-advertises .van-popup {
    z-index: 100;
    background-color: transparent;
    width: 30.5rem;
}

/* 单图片 */
.xqbj-component-advertises .xqbj-component-advertises-0 .popup-img , .close-img {
    text-align: center;
}
.xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .img {
    width: 25rem;
    height: 27.868rem;
    display: flex;
    margin: 0 auto;
    display: flex;
    background-color: #fff;
}
.xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .img:has(>img.loading),
.xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .img:has(>img:not([src])){
    background-color: #fff;
}
.xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .img:has(>img[src]) {
    background-color: transparent;
}
.xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .ad-popup-iframe {
    width: 25rem;
    height: 27.868rem;
    border: 0;
    overflow: hidden;
}
.xqbj-component-advertises .xqbj-component-advertises-0 .close-img img,
.xqbj-component-advertises .xqbj-component-advertises-1 .close-img img {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 2rem;
    cursor: pointer;
}

@media (min-width: 768px) {
    .xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .img {
        width: 20.0rem;
        height: 23rem;
        display: flex;
        margin: 0 auto;
    }

     .xqbj-component-advertises .xqbj-component-advertises-0 .popup-img .ad-popup-iframe {
         width: 20.0rem;
        height: 23rem;
     }

    .xqbj-component-advertises .xqbj-component-advertises-0 .close-img img,
    .xqbj-component-advertises .xqbj-component-advertises-1 .close-img img {
        width: 2.2rem;
        height: 2.2rem;
        margin-top: 2rem;
    }
}
/* 单图片 */

/* 精品格 */
@media (max-width: 959.98px) {
    .xqbj-component-advertises .van-popup[popupindex="3"] {
        /* 仅增加 H5 精品格的左右留白，保留 Vant 的居中方式。 */
        max-width: calc(100vw - 3rem * 2);
        margin: 0 auto;
    }
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body {
    position: relative;
    z-index: 101;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    margin: 0 auto;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper {
    width: 100%;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body .title-img {
    width: 100%;
    height: 5.85rem;
}
@media (max-width: 959.98px) {
    /* H5 标题图按原图比例完整显示，避免固定高度配合 cover 裁切图片。 */
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body .title-img {
        height: auto;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body .title-img img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body .popup-content {
    width: 100%;
    background-color: #f5f6fa;
    /* 对齐参考项目浅色面板的文字色，避免继承本站深色主题的白字。 */
    --list-tetx-color: #222;
    padding: 1.05rem 2rem 1.1rem;
    max-height: 27rem;
    height: 27.5rem;
    overflow-y: auto;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid {
    width: initial;
    margin: 0;
    padding-bottom: 0;
    gap: 0.7rem 2.55rem;
}

.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid .van-grid-item {
    padding: 0;
    margin: 0;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid .van-grid-item .van-grid-item__icon {
    display: block;
    width: 4rem;
    height: 4rem;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid-item__icon+.van-grid-item__text {
    margin-top: 0.6rem;
    line-height: normal;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid-item__icon+.van-grid-item__text > a {
    font-size: 1rem;
    line-height: 1rem;
    color: #222;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .htmlbody-fixed {

}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .grid-title {
    display: none;
}
@media (min-width: 960px) {
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper {
        width: 100%;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body .title-img {
        height: 4.55rem;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-wrapper .popup-body .popup-content {
        width: 100%;
        height: 20.25rem;
        max-height: 20.25rem;
        padding: 0.8rem 2rem 0.85rem;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid {

    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid .van-grid-item {
        width: max-content;
        margin: 0;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid .van-grid-item .van-grid-item__icon {
        width: 2.6rem;
        height: 2.6rem;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid-item__icon+.van-grid-item__text > a {
        font-size: 0.7rem;
    }

}
@media (min-width: 960px) {
    .xqbj-component-advertises .van-popup {
        width: 20rem;
    }
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-items: center;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .popup-content .van-grid .van-grid-item {
    width: auto;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .van-grid-item__icon {
    border-radius: 0.5rem;
    overflow: hidden;
}
.xqbj-component-advertises .xqbj-component-advertises-1 .van-grid-item__text {
    width: 5.6rem;
    text-align: center;
    margin-bottom: 0;
}
@media (min-width: 960px) {
    .xqbj-component-advertises .xqbj-component-advertises-1 .van-grid-item__content {
        width: 3.25rem;
    }
    .xqbj-component-advertises .xqbj-component-advertises-1 .van-grid-item__text {
        width: 4.25rem;
    }
}
/* 浮窗样式已抽到 __base/css/adfloat.css */
.xqbj-tags .xqbj-tags-group .xqbj-tags-group-right .van-tabs .van-tab .van-tab__text{
    font-size: 1.2rem;
    color: var(--tag-text);
}
.xqbj-tags .xqbj-tags-group .xqbj-tags-group-right .van-tabs .van-tab.van-tab--active .van-tab__text {
    color: var(--tag-text-active);
    font-weight: 200;
}

.label-tag {
    background: #000;
    font-size: 1.4rem;
    color: var(--p-text-color);
    padding: 1rem;
    margin: 0.6rem 0;
    text-align: center;
    overflow: hidden;
    font-weight: 500;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-wrap: nowrap;
}
.label-tag .label-span {
    color: var(--primary-color);
    margin: 0;
}

/* 友情链接 start */
.friendship-links{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.friendship-title{
    font-size: 1.3rem;
    color: #fff;
    font-weight: 500;
    margin: 0;
}
.friendship-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-top: 1rem;
}
.friendship-box a{
    font-size: 0.9rem;
    color: #888;
}
.friendship-box a:hover{
    color: var(--primary-color);
}
@media (max-width:765px) {
    .friendship-links{
        margin: 2rem 1rem;
    }
    .friendship-title{
        font-size: 1.6rem;
    }
    .friendship-box a{
        font-size: 1.1rem;
    }
}
/* 友情链接 end */

/* desktop */
@media (min-width: 960px) {
    .xqbj-tags .xqbj-tags-group .xqbj-tags-group-right .van-tabs .van-tab .van-tab__text{
        font-size: 0.8rem;
    }
    .van-tabs.van-tabs--line{
        display: none;
    }
    .xqbj-tags .van-tabs.van-tabs--line{
        display: block;
    }
    .bubble-group-round .van-floating-bubble {
        /* right: 10rem; */
        right: 0;
    }
    .label-tag {
        background: #000;
        font-size: 0.9rem;
        color: var(--p-text-color);
        padding: 1rem;
        margin: 0.6rem 0;
        text-align: center;
    }
    .label-tag .label-span {
        color: var(--primary-color);
        margin: 0;
    }
}

/* 推荐 start */
.search-footer-extra {
    margin: 0.5rem 0 0.75rem;
}
.recomment-group {
    margin-bottom: 0.75rem;
}
.recommend-container {
    height: 30rem;
}
.recomment-group .list {
    width: 14.5rem;
}
.recomment-group .list .img {
    width: 100%;
    height: 8.5rem;
    object-fit: contain;
}
.recomment-group .list .flex {
    margin-bottom: 0.5rem;
}

/* 推荐标题区 start */
.line-x {
    background: #e6e6e6;
    width: 100%;
    height: 0.1rem;
}
.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list-title {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 0 1.2rem;
    color: #eee;
}
.refresh-btn {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #888;
    cursor: pointer;
}
.refresh-btn .xqbj-icon-refresh {
    width: 1rem;
    height: 1rem;
    margin-left: 0.3rem;
}
/* 推荐标题区 end */

/* desktop */
@media (min-width: 960px) {
    .recomment-group {
        margin-bottom: 1rem;
    }
    .recommend-container {
        height: 9rem;
    }
    .recomment-group .list {
        width: 8.25rem;
    }
    .recomment-group .list .img {
        height: 4.75rem;
        object-fit: contain;
    }
    .recommend-container .subs-data .xqbj-icon-nodata {
        height: 6rem;
        width: 10rem;
    }
    .refresh-btn {
        font-size: 0.6rem;
    }
    .refresh-btn .xqbj-icon-refresh {
        width: 0.7rem;
        height: 0.7rem;
        margin-left: 0.2rem;
    }
}
@media (min-width:960px){
    .recomment-group{
        display:grid!important;
        /* 仍然是4列，但列宽可压缩为等分，避免溢出 */
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: .75rem !important;
        justify-content: initial !important;
    }
    .recomment-group .list{ width:auto !important; }
}
/* 推荐 end */