/* 屏幕(1024px) */
@media (min-width: 960px) {
    :root {
        /* --base-font-size: 10px; */
        --van-base-font: Arial, Helvetica, sans-serif, 'FontAwesome', PingFangSC, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
        --default-screen-max-width: 60rem;
        --default-screen-min-width: 45.0rem;
        /* --default-content-max-width: 45.0rem; */
        /* --default-content-max-width: 32.4rem; */
        --default-content-max-width: 35.5rem;
        /* --default-account-max-width: 55.0rem; */
        --default-account-max-width: 60.0rem;
        --default-ta-account-max-width: calc(100% - 12.5rem - 13.15rem - 2.0rem);
        --default-search-max-width: calc(100% - 12.5rem - 13.15rem - 2.0rem);

        /* 提示 start */
        --van-font-size-md: 0.8rem;
        --van-toast-font-size: 0.8rem;
        /* 提示 end */

        /* 左侧导航 start */
        --menu-left-background: #1e1f2c;
        --menu-left-title-color: red;
        /* 左侧导航 end */

        /* 头部导航 start */
        --van-nav-bar-title-text-color: #020101;
        --van-nav-bar-title-font-size: 1.8rem;
        --van-nav-bar-height: 3.5rem;
        --van-nav-bar-background: #272727;
        --van-border-width: 0;
        --van-padding-md: 1.0rem;
        --van-nav-bar-z-index: 10;
        /* 头部导航 start */

        /* 底部菜单 start */
        --van-tabbar-height: 13.6rem;
        --van-tabbar-item-font-size: 1.0rem;
        --van-tabbar-item-text-color: #909090;
        --van-tabbar-background: #272727;
        --van-tabbar-item-active-color: #909090;
        --van-tabbar-item-active-background: #221f3a;
        --van-tabbar-z-index: 10;
        /* 底部菜单 end */

        /* 分页控件 start */
        --van-pagination-font-size: 1.8rem;
        --van-pagination-item-default-color: var(--primary-text-color);
        /* 1 */
        --van-pagination-background: #1e1f2c;
        /* 分页控件 end */

        /* 宫格组 start */
        --van-grid-item-text-color: var(--text-color);
        --van-grid-item-text-font-size: 0.7rem;
        --van-grid-item-content-background: transform;
        --van-grid-item-content-padding: 0;
        /* 宫格组 end */

        /* 浮动气泡 start */
        --van-back-top-background: #1f1f2d;
        --van-back-top-size: 3.2rem;
        /* 浮动气泡 end */

        /* Banner start */
        --bannner-height: 15.0rem;
        --bannner-detail-top-height: 34.6rem;
        --bannner-detail-bottom-height: 21.6rem;
        /* Banner end */


        /* 搜索框 start */
        --van-search-padding: 0;
        --van-search-background: #272727;
        --van-search-content-background: #272727;
        /* 搜索框 end */

        --hight-text-color: var(--primary-text-color);
    }

    /* 控制 start */
    .is-mobile {
        display: none;
    }

    .is-desktop {
        display: block;
    }

    /* 控制 start */
    /* 容器 start */
    #xqbj-container {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
    }

    /* 容器 end */
    /* 头部导航 start */
    #xqbj-container .xqbj-header {
        width: 100%;
        height: var(--van-nav-bar-height);
        display: flex;
        /*box-shadow: 0 0 0.3rem 0 #e5e5e5;*/
    }

    #xqbj-container .xqbj-header .narbartitle {
        width: 14.6rem;
        height: 3.0rem;
    }

    #xqbj-container .xqbj-header .navbar-brand {
        height: initial;
        display: flex;
        align-items: center;
        /* 20260320 pc端 logo 居中 */
        justify-content: center;
        width: 12.5rem;
        padding: 0;
        margin: 0;
    }

    #xqbj-container .xqbj-header .menubtn {
        width: 7rem;
        min-width: 7rem;
        height: 8rem;
        /* 优化 logo样式 */
        margin: -2.25rem 0.5rem -2.25rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        flex-shrink: 0;
    }

    /* 优化 logo样式 */
    #xqbj-container .xqbj-header .menubtn .xqbj-icon-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    #xqbj-container .xqbj-header .van-nav-bar__left_area {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 2.25rem;
        margin-left: 0.1rem;
    }

    #xqbj-container .xqbj-header .van-nav-bar__left_area .van-nav-bar__left_top {
        font-size: 0.91rem;
        line-height: 1.36rem;
        /* font-weight: 500; */
        font-weight: 500;
        color: var(--text-color);
    }

    #xqbj-container .xqbj-header .van-nav-bar__left_area .van-nav-bar__left_bottom {
        font-size: 0.68rem;
        line-height: 1.0rem;
        color: var(--text-color);
    }

    #xqbj-container .xqbj-header .nav-logo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.44rem;
    }

    #xqbj-container .xqbj-header .nav-logo .menubtn {
        width: 10.7rem;
        min-width: 10.7rem;
        height: 2.375rem;
        margin: 0;
        justify-content: flex-start;
    }

    #xqbj-container .xqbj-header .nav-logo__slogan {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #444444;
    }

    #xqbj-container .xqbj-header .navbar {
        width: 100%;
        height: var(--van-nav-bar-height);
        min-height: var(--van-nav-bar-height);
        position: fixed;
        z-index: 10;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        background-color: var(--van-nav-bar-background);
        /* box-shadow: 0.5rem 0.5rem 0.5rem #000000; */
        border-bottom: 0.05rem solid #e5e5e5;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid {
        min-width: var(--default-screen-min-width);
        /* max-width: calc(var(--default-screen-max-width)  + 20rem); */
        max-width: calc(var(--default-screen-max-width));
        margin: 0 auto;
        padding: 0;

        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav {
        /* width: calc(100% - 14rem); */
        height: var(--van-nav-bar-height);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item {
        margin: 0 1.5rem 0 0;
        flex: 0 0 auto;
        /* padding: 1.2rem 0 1.2rem 0; */
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item:last-child {
        margin: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item .nav-user {
        display: flex;
        align-items: center;
        font-size: 0.8rem;
        font-weight: 500;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item .nav-user .nav-user-avatar {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 2.5rem;
        overflow: hidden;
        margin: 0 0.5rem 0 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item .nav-user .nav-user-avatar>img {
        border-radius: 50%;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item .nav-user .nav-user-avatar+div {
        overflow: hidden;
        max-width: 6rem;
        word-wrap: break-word;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more::before,
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item-1.navmore.more::before {
        content: "";
        position: absolute;
        top: calc(50% - 1.0rem);
        right: -1.5rem;
        width: 2rem;
        height: 2rem;
        margin: 0;
        padding: 0;
        background: url(../images/menuup@3x.png);
        background-size: cover;
        z-index: -1;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-link {
        color: var(--text-color);
        font-size: 0.8rem;
        line-height: initial;
        font-weight: 400;
        text-decoration: none;
        pointer-events: all;
        display: flex;
    }

    /* 一级菜单选中处理 start */
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navbase:hover::before,
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item-1.navmore:hover::before {
        content: "";
        position: absolute;
        top: calc(50% - 1.0rem);
        right: -2.0rem;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
        padding: 0;
        background: url(../../../@images/menuupc@3x.png);
        background-size: cover;
        z-index: -1;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover .nav-link-base a {
        font-size: 1.6rem;
        color: var(--text-color);
        text-align: center;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover .dropdown-menu {
        display: block !important;
        min-width: auto;
        position: absolute;
        top: 100%;
        left: -1.6rem;
        margin: 0;
        padding: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover .nav-link-base,
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase.navactive .nav-link-base,
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item-1.navmore:hover .nav-link-more {
        color: var(--hight-text-color);
        /* 1 */
        font-size: 0.8rem;
        font-weight: 500;
        text-decoration: none;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover .nav-link-base:active,
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase.navactive .nav-link-base,
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover .nav-link-base:focus {
        color: var(--hight-text-color);
        /* 1 */
        font-size: 0.8rem;
        font-weight: inherit;
        display: block;
    }

    /* 一级菜单选中处理 end */
    /* #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover:hover .nav-link-base.more.down::after { */
    /* #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.navbase:hover .nav-link-base.more.down::after {
        content: "";
        position: absolute;
        left: calc(50% - 1.5rem);
        bottom: 0;
        width: 3.0rem;
        height: 1.0rem;
        margin: 0 0.4rem;
        background: url(../../../@images/icon-sy-selected.png);
        background-size: cover;
        z-index: -1;
    } */
    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu {
        border-radius: 1.0rem;
        background-color: var(--dropdown-menu-bg);
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        left: -2.0rem;
        min-width: 6.3rem;
    }


    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li {
        /* overflow: hidden; */
        border-radius: 1.0rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li>a {
        color: var(--text-color);
        font-size: 1.6rem;
        text-align: center;
        padding: 1.6rem 2.8rem 1.6rem 2.9rem;
        border-radius: 1.0rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li>a {
        color: var(--text-color);
        font-size: 0.8rem;
        text-align: center;
        /* border-bottom: solid 0.1rem rgba(255, 255, 255, 0.05); */
        padding: 0.8rem 1.6rem 0.8rem 1.7rem;
        border-radius: 1.0rem;

        min-width: 6.0rem;
        max-width: 7.0rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li::after {
        content: "";
        position: absolute;
        top: auto;
        right: 0;
        width: 100%;
        border-bottom: solid 1px var(--dropdown-menu-border);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li:last-child:after {
        border: none;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li:last-child>a {
        border-bottom: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu>li>a:hover {
        color: var(--hight-text-color);
        /* 1 */
        background-color: transparent;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-collapse {
        width: calc(100% - 12.5rem);
        max-width: var(--default-screen-max-width);
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right {
        width: 100%;
        font-size: 1.6rem;
        height: var(--van-nav-bar-height);
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding-left: 1rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .search {
        display: flex;
        align-items: center;
        background: #ebedf5;
        height: 2rem;
        border-radius: 1.1rem;
        padding: 0 0.25rem 0 1rem;
        margin: 0;
        /* margin: 0 4.35rem 0 0; */
        position: relative;
        box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2);
        width: calc(60rem - 6.5rem - 13rem);
        max-width: 32.35rem;
    }

    .xqbj-icon-search {
        margin-right: 0.5rem;
    }

    .search .btn-search {
        background: var(--primary-text-color);
        width: 2.9rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        border-radius: 1.1rem;
        cursor: pointer;
    }

    .search>.input-control {
        flex: 1;
        background: transparent;
        border: none;
        outline: none;
        font-size: 0.8rem;
        color: var(--p-text-color);
    }

    .search>.input-control::placeholder {
        color: var(--original-grey);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .nav-btns-box {
        width: calc(100% - 28.5rem);
        /* display: grid; */
        display: flex;
        /* grid-template-columns: repeat(1, minmax(0, 1fr)); */
        justify-content: flex-end;
        margin-right: 1rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .nav-btns-box.nologgin {
        justify-items: center;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .sign {
        width: auto;
        margin: 0;
        /* margin: 0 1.15rem 0 0; */
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 4.5rem;
    }

    .contact-info {
        width: auto;
        font-size: 0.8rem;
        color: var(--p-text-color);
        display: flex;
        justify-content: flex-start;
    }

    .contact-info .item {
        display: flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 0.75rem;
        cursor: pointer;
        background-color: var(--primary-text-color);
        justify-content: center;
        width: 4.5rem;
        height: 1.7rem;
        border-radius: 4.0rem;
        font-size: 0.8rem;
    }

    .contact-info .item .login-btn {
        color: #ffffff;
    }

    .contact-info .item:last-child {
        margin-right: 0;
    }

    .contact-info .item .icon {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.55rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .login {
        margin: 0 0.4rem 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .login .lab {
        color: #fff;
        font-size: 0.7rem;
        padding: 0.25rem 1.2rem;
        font-weight: 100;
        background-color: var(--primary-text-color);
        border-radius: 0.3rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .register .lab {
        color: var(--p-text-color);
        font-size: 0.7rem;
        padding: 0.25rem 1.2rem;
        font-weight: 100;
        border: 0.01rem solid var(--primary-text-color);
        border-radius: 0.3rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore .nav-item {
        display: block;
        width: 100%;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore .navbar-nav {
        width: 100%;
        display: block;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore:hover .dropdown-menu-more {
        display: block;
        padding: 0;
        margin: 0;
        min-width: 6.3rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore2::after {
        content: "";
        position: absolute;
        top: auto;
        right: 1.0rem;
        width: 100%;
        border-bottom: solid 1px rgba(255, 255, 255, 0.05);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore2::before {
        content: "";
        position: absolute;
        top: calc(50% - 1.0rem);
        right: 3.0rem;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
        padding: 0;
        background: url(../../../@images/menuright@3x.png);
        background-size: cover;
        z-index: -1;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore2:hover:before {
        content: "";
        position: absolute;
        top: calc(50% - 1.0rem);
        right: 3.0rem;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
        padding: 0;
        background: url(../../../@images/menurightc@3x.png);
        background-size: cover;
        z-index: -1;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore2:hover a.nav-link {
        color: var(--hight-text-color);
        /* 1 */
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore2 {
        margin: 0;
        padding: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore2 .nav-link {
        margin: 0;
        padding: 0.8rem 0 0.8rem 0.5rem;
        display: flex;
        justify-content: center;
        width: 3.75rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore2:hover .nav-link {
        color: var(--hight-text-color);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore2:hover .dropdown-menu-more2 {
        display: block;
        padding: 0;
        margin: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore2 .dropdown-menu-more2::before {
        content: "";
        position: absolute;
        top: 3.0rem;
        left: -0.7rem;
        transform: translateY(-50%);
        border-width: 0.8rem 0.8rem 0.8rem 0;
        border-style: solid;
        border-color: transparent #1f1f2d transparent transparent;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .dropdown-menu.dropdown-menu3 {
        border-radius: 1.0rem;
        background-color: var(--dropdown-menu-bg);
        margin: 0;
        padding: 0;
        position: absolute;
        top: calc(100% + 0.5rem);
        left: -5.3rem;
        min-width: 6.3rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore3::after {
        content: "";
        position: absolute;
        top: auto;
        right: 1.0rem;
        width: 100%;
        border-bottom: solid 1px rgba(255, 255, 255, 0.05);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore3::before {
        content: "";
        position: absolute;
        top: calc(50% - 1.0rem);
        right: 3.0rem;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
        padding: 0;
        background: url(../../../@images/menuright@3x.png);
        background-size: cover;
        z-index: -1;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore3:hover:before {
        content: "";
        position: absolute;
        top: calc(50% - 1.0rem);
        right: 3.0rem;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
        padding: 0;
        background: url(../../../@images/menurightc@3x.png);
        background-size: cover;
        z-index: -1;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .nav-item.more.navmore3:hover a.nav-link {
        color: var(--hight-text-color);
        /* 1 */
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 {
        margin: 0;
        padding: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 .nav-link {
        margin: 0;
        padding: 0.8rem 0 0.8rem 0.5rem;
        display: flex;
        justify-content: center;
        width: 3.75rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3:hover .nav-link {
        color: var(--hight-text-color);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3:hover .dropdown-menu-more3 {
        display: block;
        padding: 0;
        margin: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 .dropdown-menu-more3::before {
        /* content: "";
        position: absolute;
        top: 3.0rem;
        left: -0.7rem;
        transform: translateY(-50%);
        border-width: 0.8rem 0.8rem 0.8rem 0;
        border-style: solid;
        border-color: transparent #1f1f2d transparent transparent; */
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent {
        background-color: #ffffff;
        box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 10.0rem;
        position: absolute;
        top: 3.0rem;
        right: -1.5rem;
        border-radius: 0 0 0.3rem 0.3rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .header {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .header .avatar {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 2.5rem;
        overflow: hidden;
        margin: 1.0rem 0 0 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .header .name {
        font-size: 0.8rem;
        font-weight: 500;
        margin: 0.5rem 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .header .data {
        width: 100%;
        display: flex;
        font-size: 0.7rem;
        color: var(--original-grey);
        margin: 0 0 0.5rem 0;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .header .data>.sub,
    .fas {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .header .data span {
        display: flex;
        font-size: 0.8rem;
        color: var(--primary-text-color);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .rows {
        width: 90%;
        border-top: solid 0.05rem rgba(0, 0, 0, 0.1);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .rows .item {
        color: var(--original-text-color);
        font-size: 0.7rem;
        width: 100%;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore3 #navbarDropdownMenuContent .rows .item span {
        width: 3rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore .dropdown-menu .nav-item {
        /* padding: 0.3rem 0 0.3rem 0; */
        margin: 0;
        padding: 0;
        flex: 0 0 auto;
        width: 100%;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore .dropdown-menu .navbar-nav {
        width: 100%;
        height: 100%;
        display: flex;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore .dropdown-menu .navbar-nav .nav-item {
        margin: 0 0 0 1.0rem;
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav .navmore .dropdown-menu .navbar-nav .nav-item .dropdown-menu {
        left: calc(100%);
        top: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-search {
        background-color: var(--van-nav-bar-background);
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 0;
        /* top: calc(var(--van-nav-bar-height) - 0.05rem); */
        top: 1.0rem;
        left: 0;
        overflow: hidden;
        box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
    }

    #xqbj-container .xqbj-header .navbar .container-fluid .navbar-nav-right .search.search-btn>.container-search {
        height: initial;
        overflow: auto;
        border-radius: 0.5rem;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context {
        max-width: var(--default-content-max-width);
        /* margin: 0 auto; */
        /* padding: 1.0rem 0 1.0rem 0; */
        margin: 0 auto 1rem;
        padding: 1.0rem 1rem 0;
        /* max-height: 50vh; */
        max-height: 80vh;
        overflow-y: auto;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-louyat {
        display: flex;
        align-items: center;
        border-bottom: 0.01rem solid #3b3c3e;
        padding: 0 0 0.2rem 0;
        margin: 0 0 1.6rem 0;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-louyat .container-search-context-input {
        width: calc(100% - 1.0rem);
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-louyat .container-search-context-input .input-control {
        color: #afafaf;
        font-size: 0.8rem;
        width: 100%;
        background-color: initial;
        border: 0;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-louyat .container-search-context-icon {
        width: 1.0rem;
        display: flex;
        justify-content: flex-end;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-title {
        color: var(--text-color);
        font-size: 0.8rem;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-tags {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0.75rem 0 0 0;
    }

    #xqbj-container .xqbj-header .navbar .container-search .container-search-context .container-search-context-tags .container-search-context-tags-item {
        color: var(--search-text-color);
        font-size: 0.8rem;
        background-color: var(--search-bg-color);
        border-radius: 0.3rem;
        margin: 0 0.65rem 0.5rem 0;
        padding: 0.2rem 0.5rem;
    }



    /* 头部导航 end */

    /* 主体内容 start */
    #xqbj-container .xqbj-main {
        width: 100%;
        padding: 0;
        max-width: var(--default-screen-max-width);
        min-width: var(--default-screen-min-width);
        margin: 0.5rem auto;
        display: flex;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container {
        padding: 0;
        /* min-width: var(--default-content-max-width); */
        width: calc(100% - 12.5rem - 13.15rem - 2.0rem);
        max-width: var(--default-content-max-width);
        margin: 0 0.5rem;
    }

    #xqbj-container.full-container .xqbj-main {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: flex;
    }

    #xqbj-container.full-container>.xqbj-main>.xqbj-main-container {
        padding: 0;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container.details {
        padding: 0;
        max-width: var(--default-content-max-width);
        width: var(--default-content-max-width);
        margin: 0 1.0rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container.account {
        padding: 0;
        max-width: var(--default-account-max-width);
        width: var(--default-account-max-width);
        margin: 0 auto;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container.screen {
        padding: 0;
        max-width: var(--default-ta-account-max-width);
        width: var(--default-ta-account-max-width);
        margin: 0 auto;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container.search {
        padding: 0;
        /* max-width: var(--default-search-max-width); */
        width: 100%;
        max-width: var(--default-screen-max-width);
        /* min-width: var(--default-screen-min-width); */
        margin: 0 auto;
    }

    /* 主体内容(头部信息 - 账户中心) start */
    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top {
        display: block;
        width: 100%;
        min-height: 8.1rem;
        max-height: 10rem;
        border-radius: 0.3rem;
        margin: 0 0 0.5rem 0;
        background-color: var(--main-background);
        overflow: hidden;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top.xqbj-min-hidden {
        height: 4.5rem;
        overflow: hidden;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel>.xqbj-main-top-panel-item {}

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel>.xqbj-main-top-panel-item.avatar {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 0.7rem 0 1.4rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel>.xqbj-main-top-panel-item.userninfo {
        width: calc(100% - 4.0rem - 8.0rem);
        color: var(--text-color);
        font-size: 0.8rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel>.xqbj-main-top-panel-item.userninfo .userid {
        color: #8b8b8b;
        font-size: 0.8rem;
        padding: 0;
        margin-top: 0.2rem;
        border: 0;
    }


    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel>.xqbj-main-top-panel-item.console {
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel>.xqbj-main-top-panel-item.console .button {
        color: #fff;
        font-size: 0.7rem;
        padding: 0.25rem 0.85rem;
        /* font-weight: 100; */
        background-color: var(--primary-text-color);
        border-radius: 0.2rem;
    }




    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: 0 -0.5rem 0 0;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card {
        display: block;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top {
        display: flex;
        align-items: center;
        padding: 1.0rem 0;
        margin: 0;
        /* margin: 0.5rem 0.5rem 0 0; */
        background-color: #ffffff;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .bottom {
        color: var(--detail-color);
        font-size: 0.8rem;
        background-color: #ffffff;
        padding: 0 0.85rem 1.0rem 0.85rem;
        margin: 0 0.5rem 0 0;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .bottom .describe {
        overflow: hidden;
        /* max-width: 28.0rem; */
        width: 58.0rem;
        padding: 1.0rem 0 0 0;
        border-top: 0.1rem solid #00000019;
        color: var(--detail-color);
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .bottom .describe span {
        color: var(--original-grey);
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-icon {
        width: 0rem;
        height: 2.0rem;
        margin: 0 0 0 1.0rem;
        font-size: 0.75rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: var(--primary-text-color);
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content {
        width: calc(100% - 2.0rem - 0.25rem);
        display: flex;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-avatar {
        width: 3.0rem;
        height: 3.0rem;
        overflow: hidden;
        margin: 0 0.7rem 0 0.25rem
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-avatar img {
        border-radius: 50%;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-content {
        width: calc(100% - 3.0rem - 0.25rem - 6.0rem);
        display: flex;
        flex-direction: column;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-follow {
        width: 6.0rem;
        color: #ffffff;
        font-size: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 1.0rem 0 0;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-follow .button {
        width: 4.2rem;
        height: 1.8rem;
        background-color: var(--primary-text-color);
        border-radius: 4.2rem;
        border: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-follow .button.active {
        opacity: 40%;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-follow .button .xicon {
        margin: 0 0 0 0.25rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-name {
        color: var(--detail-color);
        max-width: 90%;
        width: fit-content;
        font-size: 1.0rem;
        font-weight: 500;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans {
        font-size: 0.7rem;
        color: var(--original-grey);
        display: flex;
        align-items: center;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item {
        color: var(--original-grey);
        font-size: 0.7rem;
        margin: 0 1.5rem 0 0;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-content .rank-card-content-content-fans .item span {
        color: var(--primary-text-color);
        font-size: 0.8rem;
        margin: 0 0.25rem 0 0;
    }


    /* 主体内容(菜单面板 - 账户中心) start */
    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        overflow: hidden;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left {
        display: block;
        border-radius: 0.5rem;
        /* padding: 0; */
        height: 100%;
        /* margin-bottom: -10000rem ;
        padding-bottom: 10000rem ; */
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left.xqbj-min-hidden {
        flex-shrink: 0;
        width: 16.0rem;
        overflow: hidden;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left.xqbj-min-display {
        flex-shrink: 0;
        width: 0rem;
        /* width: calc(12.5rem + 13.15rem + 2.0rem); */
        width: calc(12.5rem + 2.0rem);
        overflow: hidden;
        margin: 0.5rem 0 0 -1.0rem;

    }


    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-bottom {
        display: flex;
        justify-content: space-between;
        margin: 0 0 0.5rem 0;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-bottom>.user-container-bottom-item {
        color: var(--p-text-color);
        font-size: 0.6rem;
        padding: 1.0rem 1.2rem;
        font-weight: 100;
        background-color: var(--main-background);
        border-radius: 0.3rem;
        width: 48%;
        height: 3rem;
        text-align: center;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-bottom>.user-container-bottom-item.elease {
        margin-right: 0.4rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-bottom>.user-container-bottom-item .mg {
        margin-right: 0.6rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-funtions {
        /* padding: 0.5rem; */
        background-color: var(--main-background);
        border-radius: 0.2rem;
        height: auto;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-funtions>.title {
        color: var(--p-text-color);
        font-size: 1.0rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-funtions>.lists {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        /* margin-bottom: -10000rem;
        padding-bottom: 10000rem; */
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-funtions>.lists>.item {
        width: 25%;
        margin-bottom: 2.25rem;
        /* margin: 0.5rem 0rem 0.5rem 0; */
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-funtions>.lists>.item>.image {
        /* width: 1.3rem; */
        height: 1.3rem;
        /* border-radius: 50%;
        overflow: hidden;
        margin: 0 auto; */
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-left>.user-container>.user-container-funtions>.lists>.item>.text {
        font-size: 0.6rem;
        text-align: center;
        margin-top: 0.45rem;
    }

    /* 主体内容(操作面板 - 账户中心) start */
    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-center {
        width: 100%;
        width: calc(100% - 12.5rem - 13.15rem - 2.0rem);
        /* max-width: var(--default-screen-max-width); */
        /* max-width: var(--default-screen-max-width); */
        max-width: calc(100% - 12.5rem - 13.15rem - 2.0rem);
        background-color: var(--main-background);
        margin: 0 0 0 0rem;
        border-radius: 0.4rem;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-center.xqbj-min-hidden {
        width: 100%;
        height: 100%;
        display: block;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-container-right.xqbj-min-hidden {
        display: block;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-panel>.xqbj-main-center.xqbj-min-display {
        width: 100%;
        display: block;
        overflow: hidden;
    }



    /* 主体内容(左侧菜单 - 公共页面) start */
    #xqbj-container>.xqbj-main>.xqbj-main-container-left {
        width: 12.5rem;
        height: 100%;
        /* display: flex; */
        /* justify-content: flex-end; */
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container-left>.xqbj-main-menu {
        position: fixed;
        /* position: relative; */
        height: calc(100% - var(--van-nav-bar-height) - 1.0rem);
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        border-radius: 0.2rem;
        overflow-x: hidden;
    }

    #xqbj-container>.xqbj-main>.xqbj-main-container-right {
        width: 13.15rem;
        height: 100%;
    }

    /* 主体内容 end */

    /* 底部菜单 start */
    #xqbj-container .xqbj-footer {
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    /* 底部菜单 end */
    /* 全局菜单 start */
    #popup-menu {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-width: var(--default-screen-max-width);
        min-width: var(--default-screen-min-width);

        position: fixed;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: var(--van-tabbar-z-index);
        background: transparent;
        z-index: -1;
    }

    #van-popup-menu {
        z-index: 2013;
        width: 12.5rem;
        height: 100%;
        /* overflow: hidden; */
        border: 0;
        background-color: var(--menu-left-background);
        box-shadow: none;
        margin: 0 0 0 0;
    }

    #van-popup-menu .header {
        height: 5.8rem;
        padding: 1.0rem;
        display: flex;
        justify-content: space-between;
        background-color: var(--menu-left-background);
        align-items: center;
    }

    #van-popup-menu .header .left {
        height: 1.2rem;
        display: flex;
    }

    #van-popup-menu .header .right {
        height: 1.2rem;
        font-size: 1.6rem;
        display: flex;
    }

    #van-popup-menu>.content {
        background-color: var(--menu-left-background);
        overflow-y: auto;
        max-height: calc(100vh - 16rem);
        scrollbar-width: none;
    }

    #van-popup-menu>.content>.item {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0;
        flex-direction: column;
        /* border-bottom: 0.01rem solid #4d88ff; */
    }

    #van-popup-menu>.content>.item:last-child {
        border-bottom: none;
    }

    #van-popup-menu>.content>.item .head {
        position: relative;
        width: 100%;
        background: #ffffff;
        height: 2.5rem;
        line-height: 2.5rem;
        display: flex;
        align-items: center;
        display: none;
    }

    #van-popup-menu>.content>.item .left {
        display: flex;
        align-items: center;
    }

    #van-popup-menu>.content>.item .left .icon-nav {
        /* margin-right: 1.2rem; */
    }

    #van-popup-menu>.content>.item .right {
        cursor: pointer;
        position: absolute;
        right: 2.5rem;
        z-index: 10;
        display: flex;
    }

    #van-popup-menu>.content>.item .right img {
        width: 0.8rem;
        height: 0.8rem;
    }

    #van-popup-menu>.content>.item .title {
        color: var(--text-color);
        font-size: 0.8rem;
        padding: 0;
        text-align: left;
    }

    #van-popup-menu>.content>.item .title a {
        font-size: 0.8rem;
        color: var(--original-grey);
        width: 7rem;
    }

    #van-popup-menu>.content>.item .subtitle {
        color: #a5a5a7;
        font-size: 1.2rem;
        margin: 0 0 0 0.5rem;
    }

    #van-popup-menu>.content>.item .tags {
        width: 100%;
        display: block;
    }

    #van-popup-menu>.content>.item .content-collapse {
        width: 100%;
    }

    #van-popup-menu>.content>.item .tags>div {
        background-color: var(--left-menu-btn-bg);
        border-bottom: 0;
    }

    #van-popup-menu>.content>.item .tags>div>a {
        display: block;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.8rem;
        color: var(--original-text-color);
        padding: 0 3.5rem;
        text-align: center;
    }

    #van-popup-menu>.content>.item .tags>div>a.selected {
        background-color: var(--primary-text-color);
        color: #ffffff;
    }

    #van-popup-menu>.content>.item .tags>div.rows {
        display: flex;
        align-items: center;
    }

    #van-popup-menu>.content>.item .tags>div.rows>div[class^="xqbj-icon-"] {
        margin: 0 0 0 3.1rem;
    }

    #van-popup-menu>.content>.item .tags>div.rows>a {
        padding: 0 0 0 0.5rem;
    }

    #van-popup-menu .footer {
        height: 21.0rem;
        padding: 1.0rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    #van-popup-menu .footer .free-vip-btn {
        height: 4.5rem;
        background-color: #e56e43;
        border-radius: 4.5rem;
        text-align: center;
        line-height: 4.5rem;
        color: #ffffff;
        font-size: 1.6rem;
    }

    #van-popup-menu .footer .nologin-group-btns {
        display: flex;
        text-align: center;
        justify-content: space-evenly;
    }

    #van-popup-menu .footer .nologin-group-btns .img {
        width: 4.4rem;
        height: 4.4rem;
        background-color: #353542;
        border-radius: 4.5rem;
    }

    #van-popup-menu .footer .relogin-group-btns {
        display: flex;
        text-align: center;
        justify-content: flex-start;
    }

    #van-popup-menu .footer .relogin-group-btns.is-login {
        display: block;
    }

    #van-popup-menu .footer .relogin-group-btns .right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        margin: 0 0 0 1.2rem;
        font-size: 1.8rem;
        line-height: 1.8rem;
        color: #ffffff;
    }

    #van-popup-menu .footer .relogin-group-btns .right .center {
        color: #e56e43;
        font-size: 1.2rem;
        border: 0.1rem solid #e56e43;
        border-radius: 4.0rem;
        padding: 0.3rem 1.0rem;
    }

    #van-popup-menu .footer .relogin-group-btns .img {
        width: 5.0rem;
        height: 5.0rem;
        background-color: #353542;
        border-radius: 4.5rem;
        overflow: hidden;
    }

    #van-popup-menu .footer .user-mian {
        /* display: none; */
    }

    #van-popup-menu .footer .user-mian.is-login {
        display: block;
    }

    /* 全局菜单 end */

    /* 全局弹窗 start */
    #popup-window {}

    #popup-window .van-overlay {}

    #van-popup-window {
        top: 50%;
    }

    #van-popup-window .content {}

    #van-popup-window .content>iframe {}

    /* 全局弹窗 end */
    /* 分页控件 start */
    .van-pagination {
        margin: 5.7rem auto 5.7rem auto;
        max-width: 71.0rem;
        display: none;
    }

    .van-pagination .van-pagination__items {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .van-pagination .van-pagination__items .van-pagination__item {
        flex: 1 1 auto;
        color: #ffffff;
        margin: 0 1.13rem 0 0;
        width: 100%;
        height: 100%;
        min-width: min-content;
        max-width: max-content;
    }

    .van-pagination .van-pagination__items .van-pagination__item a {
        width: 4.0rem;
        height: 4.0rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .van-pagination .van-pagination__item.van-pagination__next a,
    .van-pagination .van-pagination__item.van-pagination__prev a,
    .van-pagination .van-pagination__item.van-pagination__jump a,
    .van-pagination .van-pagination__item.van-pagination__input a {
        width: 6.18rem;
        height: 4.18rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .van-pagination .van-pagination__input input {
        width: 6.18rem;
        height: 4.18rem;
        border: 0;
        padding: 0.8rem;
        margin: 0;
        color: var(--van-pagination-item-text-color);
        font-size: 1.8rem;
        text-align: center;
        background-color: var(--van-pagination-background);
    }

    .van-pagination .van-pagination__item button {
        color: #ffffff;
        font-size: 1.8rem;
    }

    .van-pagination .van-pagination__items .van-pagination__item:last-child {
        margin: 0;
    }

    /* 分页控件 end */
    /* 标签补充(兼容) */
    .video-text2 {
        height: 2.4rem;
    }

    .video-text2>a,
    .video-text2>div {
        height: 2.4rem;
    }

    /* 贴子拦截 start */
    .content-container>.blur,
    .content-container>.mask {
        display: none;
    }

    .content-container.permissions {
        position: relative;
        height: 25.0rem;
        overflow: hidden;
    }

    .content-container.permissions>.blur {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: inherit;
        filter: blur(0px);
        mask-image: linear-gradient(to top, rgb(0 0 0) 20%, rgb(255 255 255 / 0%) 100%);
        -webkit-mask-image: linear-gradient(to top, rgb(0 0 0) 10%, rgb(255 255 255 / 0%) 100%);
        background-color: #1f1f2d;
        z-index: 1;
        height: 100%;
        width: 100%;
    }

    .content-container.permissions>.mask {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        font-size: 1.8rem;
        color: #d8d9d9;
        padding: 10.0rem 0 0 0;
    }

    .content-container.permissions>.mask .lighter {
        color: var(--hight-text-color);
        /* 1 */
    }

    .content-container.permissions>.content {
        z-index: 0;
    }

    /* 贴子拦截 end */

    #xqbj-container>.xqbj-main>.xqbj-main-container>.xqbj-main-top .xqbj-main-top-panel-0113 .content .rank-card .top .rank-card-content .rank-card-content-avatar.level-badge::after {
        display: none;
    }
}


/* 发布 */

.publish-btn {
    width: 4rem;
    height: 1.7rem;
    background-color: #d9e4fe;
    color: var(--primary-text-color);
    border: 0.05rem solid var(--primary-text-color);
    font-size: 0.8rem;
    border-radius: 2rem;
    text-align: center;
    margin: 0;
    line-height: 1.7rem;
    flex-shrink: 0;
}



.content-container.permissions>.content {
    -webkit-filter: blur(0);
    filter: blur(0);
}

#xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: -1rem;
    right: -0.5rem;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 移除图片背景 */
    background-image: none;
}

#xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete::before {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    background-image: url(../../__base/images/dlt.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;

}

@media (min-width: 960px) {
    #xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete::before {
        width: 1rem;
        height: 1rem;
    }

    #xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete {
        right: -0.85rem;
    }
}

#xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete-icon {
    display: none;
}

#xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete--shadow {
    background: transparent;
}

#xqbj-publish-container {
    background-color: #f5f6fa;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 100px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#xqbj-publish-container .publish-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: #ffffff;
    padding-left: 20px;
    padding-top: 20px;
}

#xqbj-publish-container .back-link {
    text-decoration: underline;
    color: var(--primary-text-color);
    display: flex;
    align-items: center;
    font-size: 0.8rem;
}

#xqbj-publish-container .back-icon {
    font-weight: bold;
    margin-right: 8px;
    color: var(--primary-text-color);
}

#xqbj-publish-container .publish-form-wrapper {
    background-color: #ffffff;
    padding: 1.5rem 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#xqbj-publish-container .publish-form-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

#xqbj-publish-container .media-upload-btn {
    width: 6.5rem;
    height: 6.5rem;
    background-color: #f5f6fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
}

#xqbj-publish-container .form-label {
    width: auto;
    flex-shrink: 0;
    font-size: 0.8rem;
    color: var(--fl-text-say);
    box-sizing: border-box;
    margin-right: 0.9rem;
}

@media (min-width: 768px) {

    #xqbj-publish-container .form-input,
    #xqbj-publish-container .form-select,
    #xqbj-publish-container .form-textarea {
        font-size: 0.8rem !important;
    }

    #xqbj-publish-container .media-upload-btn {
        width: 4.5rem;
        height: 4.5rem;
        background-color: #f5f6fa;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
}

#xqbj-publish-container .form-input-wrapper {
    flex-grow: 1;
}

#xqbj-publish-container .form-input,
#xqbj-publish-container .form-select,
#xqbj-publish-container .form-textarea {
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1.4rem;
    border: solid 0.09rem rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #ffff;
    height: 4.5rem;
}


#xqbj-publish-container .form-input::placeholder,
#xqbj-publish-container .form-textarea::placeholder {
    color: rgba(8, 8, 8, 0.4);
}

#xqbj-publish-container .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    color: var(--fl-text-say);
}

#xqbj-publish-container .form-textarea {
    height: 16.5rem;
    resize: vertical;
}

#xqbj-publish-container .media-upload-hint {
    font-size: 0.7rem;
    color: #e53935;
    margin-bottom: 0.75rem;
}

#xqbj-publish-container .media-upload-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 15px;
}

#xqbj-publish-container .media-item-preview,
#xqbj-publish-container .media-upload-button {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

#xqbj-publish-container .media-upload-button {
    border: 2px dashed #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #f5f6fa;
}

#xqbj-publish-container .plus-icon {
    font-size: 40px;
    color: #ccc;
}

#xqbj-publish-container .media-item-preview {
    border: 1px solid #e0e0e0;
}

#xqbj-publish-container .media-preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#xqbj-publish-container .media-progress-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    height: 100%;
    transition: height 0.3s ease;
}

#xqbj-publish-container .media-item-preview:first-child .media-progress-overlay {
    height: 99%;
    /* for 1% progress */
}

#xqbj-publish-container .progress-text {
    font-size: 14px;
}

#xqbj-publish-container .media-file-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 12px;
    padding: 4px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#xqbj-publish-container .delete-media-btn {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    background-color: var(--fl-text-say);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

#xqbj-publish-container .delete-icon-inner {
    width: 14px;
    height: 14px;
    background-color: white;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") no-repeat center;
}


#xqbj-publish-container .publish-form-row:last-child {
    margin-bottom: 0;
    display: block;
}


#xqbj-publish-container .submit-button {
    width: 15rem;
    color: #fff;
    background-color: var(--primary-text-color);
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    text-align: center;
    height: 3rem;
    font-size: 0.9rem;
}

#xqbj-publish-container .submit-button[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    color: #9d9d9d;
}

#xqbj-publish-container .submit-button[disabled]:hover {
    background-color: #eee;
}

#xqbj-publish-container .submit-button:hover {
    background-color: #0b5ed7;
}

#xqbj-publish-container .select-trigger {
    background-color: #f5f6fa;
}

@media (max-width: 768px) {
    #xqbj-publish-container .publish-form-wrapper {
        background-color: transparent;
        box-shadow: none;
        padding: 1rem;
    }

    #xqbj-publish-container .publish-header {
        display: none;
    }

    #xqbj-publish-container .publish-form-row .submit-button {
        width: 100%;
        height: 3.9rem;
        font-size: 1.4rem;
    }

    #xqbj-publish-container .publish-form-row {
        flex-direction: column;
        align-items: start !important;
    }

    #xqbj-publish-container .publish-form-row .form-input-wrapper {
        width: 100% !important;
        justify-content: center;

    }

    #xqbj-publish-container .publish-form-row .form-input-wrapper .van-uploader {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: center;
        align-content: center;  */
    }

    #xqbj-publish-container .publish-form-row .form-input-wrapper .van-uploader .van-uploader__wrapper {
        width: 100%;
        /* justify-content: center; */
    }

    #xqbj-publish-container .publish-form-row .form-input-wrapper .van-uploader .van-uploader__wrapper .van-uploader__input-wrapper {
        order: -1;
    }

    #xqbj-publish-container .publish-form-row .form-input-wrapper .van-uploader .van-uploader__preview {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    #xqbj-publish-container .publish-form-row .form-input-wrapper .form-input,
    #xqbj-publish-container .publish-form-row .form-input-wrapper-select .form-select,
    #xqbj-publish-container .publish-form-row .form-input-wrapper .form-textarea,
    #xqbj-publish-container .select-trigger,
    #xqbj-publish-container .media-upload-btn {
        background-color: #ffffff;
    }

    #xqbj-publish-container .media-upload-hint {
        position: absolute;
        top: -2.5rem;
        left: 3.5rem;
        font-size: 1rem;
    }

    #xqbj-publish-container .form-label {
        width: 100%;
        margin-bottom: 0.75rem;
        padding-top: 0;
        font-size: 1.4rem;
    }

    #xqbj-publish-container {
        padding: 10px;
    }

    #xqbj-publish-container {
        padding: 0px;
    }
}

#xqbj-publish-container .publish-form-row {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

#xqbj-publish-container .form-input-wrapper {
    flex-grow: 1;
    position: relative;
}

#xqbj-publish-container .form-input-wrapper-select {
    width: 50%;
}

#xqbj-publish-container .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    color: var(--fl-text-say);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='11' fill='%233276FF'/%3e%3cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 11 4 4 4-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px;
    cursor: pointer;
    box-sizing: border-box;
}

#xqbj-publish-container .form-select:has(option[value=""][selected]) {
    color: #999;
}

#xqbj-publish-container .form-select:has(option[value=""][selected]) {
    color: #8c8c8c;
}

@media (min-width: 768px) {
    #h5-publish-button {
        display: none;
    }
}

/* 发布按钮 start */
#h5-publish-button {
    position: fixed;
    right: 1rem;
    bottom: 5rem;
    z-index: 100;
}

#h5-publish-button .publish-button {
    background-color: rgba(182, 182, 182, 0.75);
    backdrop-filter: blur(0.25rem);
    -webkit-backdrop-filter: blur(0.25rem);
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

#h5-publish-button .icon-wrapper {
    width: 3.5rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#h5-publish-button .xqbj-icon-publish {
    display: flex;
    width: 2.9rem;
    height: 3.3rem;
    /* background-image:url(../../__base/images/pb@3x.png); */
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: contain; */
    color: var(--primary-text-color);
}


/* --- 发布页面样式 结束 --- */

/* adaptation.m.1200.css - 自适应样式 */

/* 自定义下拉组件样式 */
#xqbj-publish-container .custom-select-wrapper {
    position: relative;
    width: 100%;
    user-select: none;
}

#xqbj-publish-container .custom-select {
    position: relative;
    width: 100%;
}

#xqbj-publish-container .select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25rem;
    border: 1px solid #e1e4e8;
    cursor: pointer;
    color: rgba(8, 8, 8, 0.4);
    transition: all 0.3s ease;
    font-size: 1.44rem;
    width: 19.5rem;
    height: 4.5rem;
    padding: 0 0.9rem;
    z-index: 99;
}

#xqbj-publish-container .select-trigger:hover {
    border-color: var(--primary-text-color);
}

#xqbj-publish-container .select-dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    max-height: 22.75rem;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9;
    font-size: 1.44rem;
    width: 19.5rem;
}

#xqbj-publish-container .select-option {
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    color: var(--primary-text-color);
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#xqbj-publish-container .select-option:hover {
    background-color: #f0f5ff;
}

#xqbj-publish-container .select-option.selected {
    background-color: rgba(50, 118, 255, 0.1);
    color: var(--primary-text-color);
}

#xqbj-publish-container .select-option.disabled {
    color: #999;
    cursor: default;
    border-bottom: 1px solid #eee;
}

#xqbj-publish-container .rotate-icon {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

/* 滚动条样式优化 */
#xqbj-publish-container .select-dropdown::-webkit-scrollbar {
    width: 5px;
}

#xqbj-publish-container .select-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#xqbj-publish-container .select-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

#xqbj-publish-container .select-dropdown::-webkit-scrollbar-thumb:hover {
    background: #999;
}

@media(min-width: 960px) {

    #xqbj-publish-container .form-input,
    #xqbj-publish-container .form-select,
    #xqbj-publish-container .form-textarea {
        height: 2.5rem;
        background-color: #f5f6fa;
        border: solid 0.05rem rgba(0, 0, 0, 0.1);
    }

    #xqbj-publish-container .form-textarea {
        height: 12.5rem;
    }

    #xqbj-publish-container .custom-select-wrapper {
        width: 100%;
    }

    #xqbj-publish-container .select-trigger {
        font-size: 0.8rem;
        height: 2.5rem;
        width: 12rem;
    }

    #xqbj-publish-container .select-option {
        width: 12rem;
    }

    #xqbj-publish-container .select-dropdown {
        max-height: 22.75rem;
        font-size: 0.8rem;
        width: 12rem;
    }
}



/* 等级标识样式 start */
.level-badge {
    position: relative;
    overflow: visible !important;
}

.level-badge::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    height: 1.5rem;
    border-radius: 0.2rem;
    background-size: cover;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
}

/* 不同等级使用不同的图片 */
.level-badge.level-1::after {
    background-image: url(../../__base/images/level/lv1.png);
}

.level-badge.level-2::after {
    background-image: url(../../__base/images/level/lv2.png);
}

.level-badge.level-3::after {
    background-image: url(../../__base/images/level/lv3.png);
}

.level-badge.level-4::after {
    background-image: url(../../__base/images/level/lv4.png);
}

.level-badge.level-5::after {
    background-image: url(../../__base/images/level/lv5.png);
}

.level-badge.level-6::after {
    background-image: url(../../__base/images/level/lv6.png);
}

.level-badge.level-7::after {
    background-image: url(../../__base/images/level/lv7.png);
}

.level-badge.level-8::after {
    background-image: url(../../__base/images/level/lv8.png);
}

/* 帖子付费解锁 start */
.certification-badge {
    position: relative;
    overflow: visible !important;
}

.certification-badge::before {
    background-image: url(../../__base/images/level/certification.png);
    content: "";
    position: absolute;
    right: -0.25rem;
    top: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 0.2rem;
    background-size: cover;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
}

/* 帖子付费解锁 end */

/* 等级标识样式 end */

#xqbj-publish-container .form-input-wrapper .van-uploader__preview-delete.use-alternate-icon {
    background-image: url(../images/nclose@3x.png);
}

@media(min-width: 960px) {
    .level-badge::after {
        width: 1.35rem;
        height: 0.8rem;
    }

    .certification-badge::before {
        width: 0.65rem;
        height: 0.65rem;
    }
}