.xqbj-icon-delete{
    margin-right: 0.21rem;
}

/* else0811 H5搜索页布局 start */
@media (max-width: 959px) {
    #xqbj-container .xqbj-header,
    #xqbj-container .xqbj-header .van-nav-bar,
    #xqbj-container .xqbj-header .van-nav-bar__content {
        height: 4.35rem;
    }

    #xqbj-container .xqbj-header .van-nav-bar {
        background: #10151c;
    }

    #xqbj-container .xqbj-header .van-nav-bar__left {
        left: 1.25rem;
        right: auto;
        width: 2.1rem;
        height: 4.35rem;
        margin: 0;
        padding: 0;
    }

    #xqbj-container .xqbj-header .van-nav-bar__left .xqbj-icon-back {
        width: 2.1rem;
        height: 2.1rem;
    }

    #xqbj-container .xqbj-header .van-nav-bar__title.nav-bar-title {
        position: absolute;
        top: 0.7rem;
        left: 4.35rem;
        right: 1.25rem;
        width: auto;
        max-width: none;
        height: 3rem;
        margin: 0;
        transform: none;
    }

    #xqbj-container .xqbj-header .search-input {
        width: 100%;
        height: 3rem;
        padding: 0;
        border-radius: 1.5rem;
    }

    #xqbj-container .xqbj-header .search-input .search-btn,
    #xqbj-container .xqbj-header .search-input .search-btn > .xqbj-icon-search {
        display: flex;
        width: 3.8rem;
        height: 3rem;
        flex: 0 0 3.8rem;
        align-items: center;
        justify-content: flex-start;
    }

    #xqbj-container .xqbj-header .search-input .search-btn svg.xqbj-icon-search {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 1.5rem;
    }

    #xqbj-container .xqbj-header #search-form-mobile {
        min-width: 0;
        padding-right: 5.4rem;
    }

    #xqbj-container .xqbj-header .search-input input {
        height: 3rem;
        padding: 0;
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    #xqbj-container .xqbj-header .search-input input::placeholder {
        color: #888;
        opacity: 1;
    }

    #xqbj-container .xqbj-header .van-nav-bar__right {
        left: auto;
        right: 1.45rem;
        width: 4.9rem;
        height: 4.35rem;
        padding: 0;
    }

    #xqbj-container .xqbj-header .search-btn-m {
        width: 4.9rem;
        height: 2.5rem;
        font-size: 1.2rem;
        line-height: 1.7rem;
        border-radius: 1.5rem;
    }

    .main-container.history .search-container {
        padding-top: 1.5rem;
    }

    .main-container.history .search-container .search-title {
        height: 3.5rem;
        min-height: 0;
        padding: 0 0 1.5rem;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
    }

    .main-container.history .search-container .search-title .r-text {
        gap: 0.5rem;
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

    .main-container.history .search-container .search-title .emptyRecord {
        margin-right: 1.25rem;
    }

    .main-container.history .search-container .search-title .more-tags {
        margin-right: 0.65rem;
    }

    .main-container.history .search-container .search-title .emptyRecord .xqbj-icon-delete {
        width: 1.2rem;
        height: 1.2rem;
        margin: 0;
    }

    .main-container.history .search-container .search-title .more-tags .icon-more {
        width: 1.2rem;
        height: 1.2rem;
    }

    .main-container.history .search-container .container-search-tags,
    .main-container.history .search-container .container-search-tags.hot-tags {
        min-height: 0;
        margin: 1.5rem 0;
        padding: 0 0 1.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .main-container.history .search-container .container-search-tags .list {
        align-items: flex-start;
        gap: 1rem;
    }

    .main-container.history .search-container .container-search-tags a,
    .main-container.history .search-container .container-search-tags.hot-tags .list a {
        display: flex;
        max-width: 100%;
        min-width: 6.2rem;
        height: 2.5rem;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0 1.3rem;
        font-size: 1.2rem;
        line-height: normal;
        color: #fff;
        white-space: nowrap;
        word-break: normal;
        background: transparent;
        border: 1px solid rgba(136, 136, 136, 0.5);
        border-radius: 1.25rem;
        box-sizing: border-box;
        -webkit-box-orient: initial;
        -webkit-line-clamp: initial;
        line-clamp: initial;
    }

    .main-container.history .search-container .container-search-tags .history-record a:nth-child(n + 9),
    .main-container.history .search-container .container-search-tags.hot-tags .list a:nth-child(n + 9),
    .main-container.history .search-container .rank-card:nth-child(n + 11) {
        display: none;
    }

    .main-container.history .search-container > .search-title.search-border {
        border-bottom: 0;
    }

    .main-container.history .container-search-hots .rank-list {
        margin: 0;
    }

    .main-container.history .container-search-hots .rank-list .rank-card {
        height: 3.5rem;
        padding: 0.75rem 0;
        box-sizing: border-box;
    }

    .main-container.history .container-search-hots .rank-list .rank-card > .rank-card-icon {
        width: 1.4rem;
        height: 1.4rem;
        flex: 0 0 1.4rem;
        margin: 0 0.5rem 0 0;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.4rem;
    }

    .main-container.history .container-search-hots .rank-list .rank-card > .rank-card-icon img {
        width: 1.4rem;
        height: 1.4rem;
    }

    .main-container.history .container-search-hots .rank-list .rank-card .flex {
        order: 1;
        width: 1.2rem;
        height: 1.2rem;
        flex: 0 0 1.2rem;
        margin: 0 0.5rem 0 0;
    }

    .main-container.history .container-search-hots .rank-list .rank-card .flex span {
        display: none;
    }

    .main-container.history .container-search-hots .rank-list .rank-card .flex .xqbj-icon-fire {
        position: relative;
        width: 1.2rem;
        height: 1.2rem;
        flex: 0 0 1.2rem;
        margin: 0;
        color: #000;
        background: linear-gradient(to right, #00ffac, #00ebff);
        border-radius: 0.25rem;
    }

    .main-container.history .container-search-hots .rank-list .rank-card .flex .xqbj-icon-fire::before {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1;
        color: #000;
        content: "热";
    }

    .main-container.history .container-search-hots .rank-list .rank-card .rank-card-title {
        order: 2;
        width: auto;
        min-width: 0;
        flex: 1;
        font-size: 1.4rem;
        line-height: 2rem;
    }
}
/* else0811 H5搜索页布局 end */