/* 空列表状态通用状态 */
.list-auto-empty:empty {
    display: block;
    margin: 0;
    padding: 0;
}

.list-auto-empty.empty-like::after,
.list-auto-empty:empty::after {
    display: block;
    content: attr(empty);
    color: gray;
    margin: 50px auto 0;
    background-image: url(../../images/components/empty_data.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 224px;
    height: 140px;
    padding-top: 140px;
    padding-bottom: 30px;
    text-align: center;
}

.list-empty-img {
    width: 224px;
    height: 140px;
    object-fit: contain;
}

/* 加载更多 */
.select-matches .load-box {
    margin-top: 15px;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.load-box .loading,
.load-box .no-more {
    display: none;
    color: #999999;
    line-height: 36px;
}

.load-box[data-status="none"] {
    display: none;
}

.load-box[data-status="more"] .more-btn,
.load-box[data-status="loading"] .loading,
.load-box[data-status="noMore"] .no-more {
    display: block;
}

.load-box[data-status="loading"] .more-btn,
.load-box[data-status="noMore"] .more-btn,
.load-box[data-status="noMore"] .loading {
    display: none;
}


/******************* 遮盖x滚动条 **************************/
.cover-scrollbar-x:has(.overflow-x-auto) {
    position: relative;
    overflow-x: hidden;
}

.cover-scrollbar-x>.overflow-x-auto {
    padding-bottom: 15px;
}

/* pc端 */
@media (min-width: 768px) {
    .cover-scrollbar-x:has(.overflow-x-auto)::after {
        content: "";
        display: block;
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 15px;
        bottom: 0;
        background-color: var(--bs-body-bg);
    }

    .cover-scrollbar-x:has(.overflow-x-auto):hover::after {
        display: none;
    }
}