/* 前台分类/搜索页专用 */
/* 分类页筛选面板、排序页签、节目列表与右侧推荐：照抄原版分包里带作用域的规则，组件库样式已在 base.css */
.app-container[data-v-f6cc5889]{width:1200px;margin:0 auto}.app-container .goods[data-v-f6cc5889]{line-height:50px;color:#666;font-size:14px}.app-container .goods span[data-v-f6cc5889]{color:#ff371dd9}.app-container .box-main[data-v-f6cc5889]{display:flex}.app-container .box-main .box-main-left .box-tLeft[data-v-f6cc5889]{width:928px}.app-container .box-main .box-main-left .box-tLeft .box-type[data-v-f6cc5889]{padding:0 24px;border:1px solid #e9e9e9;min-height:300px}.app-container .box-main .box-main-left .box-tLeft .box-type div.city[data-v-f6cc5889]{display:inline-block;width:calc(100% - 40px)}.app-container .box-main .box-main-left .box-tLeft .box-type div ul[data-v-f6cc5889]{margin:0;padding:10px}.app-container .box-main .box-main-left .box-tLeft .box-type div ul li[data-v-f6cc5889]{list-style:none;display:inline-block;height:26px;line-height:26px;padding:0 8px;margin-right:20px;color:#333;white-space:nowrap;cursor:pointer}.app-container .box-main .box-main-left .box-tLeft .box-type div ul .liDate[data-v-f6cc5889]{width:320px;padding:0!important;height:26px;line-height:26px;float:right}.app-container .box-main .box-main-left .box-tLeft .box-type .btn[data-v-f6cc5889]{display:inline-block;width:40px;height:100px;line-height:100px;cursor:pointer}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul[data-v-f6cc5889]{margin:0;padding:0}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li[data-v-f6cc5889]{list-style-type:none;position:relative;padding:25px 0 18px;border-bottom:1px dotted #cecece;margin:0 10px;height:250px}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .link[data-v-f6cc5889]{position:relative;display:block;width:153px;height:206px;overflow:hidden;margin-right:20px;float:left}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .link img[data-v-f6cc5889]{width:100%;height:100%}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .item-txt[data-v-f6cc5889]{width:670px;line-height:24px;float:left}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .item-txt .item-title[data-v-f6cc5889]{margin-bottom:6px;font-size:16px;font-weight:400}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .item-txt .item-title .link-detial[data-v-f6cc5889]{color:#333;text-decoration:none;outline:0}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .item-txt .item-content[data-v-f6cc5889]{margin-bottom:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .item-txt .item-price[data-v-f6cc5889]{position:absolute;bottom:12px;color:#999;overflow:hidden}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs ul li .item-txt .item-price .price[data-v-f6cc5889]{color:#ff371dd9;font-size:16px;margin-right:20px;font-style:normal;font-weight:700}.app-container .box-main .box-main-left .box-tLeft .box-sort .box-tabs .page[data-v-f6cc5889]{margin:12px 12px 20px 0;float:right}.app-container .box-main .box-main-right[data-v-f6cc5889]{width:258px;border:1px solid #eaeaea;margin-left:10px;max-height:514px;float:right}.app-container .box-main .box-main-right .box-like[data-v-f6cc5889]{height:37px;line-height:37px;background-color:#f5f5f5;border-bottom:1px solid #eaeaea;font-size:14px;font-family:Microsoft YaHei;color:#000;padding:0 15px}.app-container .box-main .box-main-right .search__box[data-v-f6cc5889]{margin:0;padding:0}.app-container .box-main .box-main-right .search__box .search__item[data-v-f6cc5889]{display:flex;background-color:#fff;border:none;padding:15px 15px 0;margin-bottom:0;box-shadow:none}.app-container .box-main .box-main-right .search__box .search__item img[data-v-f6cc5889]{width:98px;height:132px;float:left}.app-container .box-main .box-main-right .search__box .search__item .search_item_info .link__title[data-v-f6cc5889]{font-size:14px}.app-container .box-main .box-main-right .search__box .search__item .search_item_info .search__item__info__venue[data-v-f6cc5889],.app-container .box-main .box-main-right .search__box .search__item .search_item_info .search__item__info__price[data-v-f6cc5889]{font-size:12px}.active[data-v-f6cc5889]{background-color:#ff371dd9;color:#fff!important;display:inline-block;height:26px;line-height:26px;white-space:nowrap;cursor:pointer}[data-v-f6cc5889] .el-icon svg{display:none}[data-v-f6cc5889] .el-collapse-item__header .title{width:50px;height:26px;line-height:26px;display:inline-block;color:#968788;text-align:center}[data-v-f6cc5889] .el-collapse-item{display:flex;flex-direction:row;border-bottom:1px dotted #dfdfdf}[data-v-f6cc5889] .el-collapse-item:first-child{display:block}[data-v-f6cc5889] .el-collapse-item__content{padding-bottom:0}[data-v-f6cc5889] .el-collapse-item__wrap{border:none}[data-v-f6cc5889] .el-date-editor.el-input{display:none}.search__item[data-v-f6cc5889]{background-color:#fff;border:1px solid #e0e0e0;padding:15px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a}.link[data-v-f6cc5889]{color:#007bff;text-decoration:none}.link__title[data-v-f6cc5889]{text-decoration:none}.search__item img[data-v-f6cc5889]{width:100px;height:auto;margin-right:15px}.search_item_info[data-v-f6cc5889]{display:inline-block;vertical-align:top}.search__item__info__venue[data-v-f6cc5889],.search__item__info__price[data-v-f6cc5889]{font-size:14px;color:#666}.search__item__info__price strong[data-v-f6cc5889]{color:#ff371dd9}[data-v-f6cc5889] em{font-weight:bolder;color:#ff371dd9}

/* 追加：筛选项与排序页签做成了真链接，补上点击态与悬停反馈（原版这些行为由脚本绑定） */
.box-type ul li a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
}

.box-type ul li:hover,
.box-tabs .el-tabs__item:hover {
    color: #ff371dd9;
}

.box-type ul li.active:hover {
    color: #fff;
}

/* 追加：上一页/下一页用表单提交，表单本身不占布局位置（与页头搜索表单同一种写法） */
.dm-pager-form {
    display: contents;
}

/* 追加：页码改成真链接后，组件库默认禁用了页码子元素的鼠标事件，这里放开，保证页码可点 */
.el-pager li > a {
    pointer-events: auto;
}

/* ============================================================ 新版分类页 */
/* 筛选面板与节目列表重做：白底卡片、圆角胶囊、留白更松，去掉原版的表格线感 */
.dmc {
    width: 1200px;
    margin: 0 auto;
    padding: 18px 0 40px;
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    color: #1a1a1a;
}

.dmc-notice {
    margin-bottom: 12px;
    padding: 10px 14px;
    border: 1px solid #ffe3c2;
    border-radius: 8px;
    background: #fff8ee;
    color: #a86a15;
    font-size: 13px;
}

.dmc-head {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 34px;
    margin-bottom: 12px;
    color: #6b7280;
    font-size: 14px;
}

.dmc-head__count em {
    color: #ff2d51;
    font-style: normal;
    font-weight: 600;
}

.dmc-head__kw a {
    margin-left: 8px;
    color: #ff2d51;
}

.dmc-body {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.dmc-main {
    flex: 1;
    min-width: 0;
}

/* ---------------------------------------------------------- 筛选面板 */
.dmc-filter {
    padding: 6px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(24, 32, 56, .05);
}

.dmc-filter__row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px dashed #eef0f4;
}

.dmc-filter__row:last-child {
    border-bottom: 0;
}

.dmc-filter__label {
    flex: none;
    width: 40px;
    padding-top: 5px;
    color: #9aa0ac;
    font-size: 13px;
}

.dmc-filter__items {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 4px;
}

.dmc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dmc-chip > a {
    display: inline-block;
    height: 27px;
    padding: 0 12px;
    border-radius: 14px;
    color: #4a4f5c;
    font-size: 13.5px;
    line-height: 27px;
    white-space: nowrap;
    transition: background-color .14s ease, color .14s ease;
}

.dmc-chip > a:hover {
    background: #f4f5f8;
    color: #ff2d51;
}

.dmc-chip.is-active > a {
    background: #ff2d51;
    color: #fff;
    font-weight: 500;
}

.dmc-chip.is-active > a:hover {
    background: #f02049;
    color: #fff;
}

.dmc-chip[hidden] {
    display: none;
}

.dmc-more {
    height: 27px;
    padding: 0 8px;
    border: 0;
    background: none;
    color: #9aa0ac;
    font-size: 13px;
    cursor: pointer;
}

.dmc-more:hover {
    color: #ff2d51;
}

/* ---------------------------------------------------------- 排序 */
.dmc-sort {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 10px;
    padding: 8px 16px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(24, 32, 56, .05);
}

.dmc-sort__item {
    height: 30px;
    padding: 0 14px;
    border-radius: 15px;
    color: #606266;
    font-size: 13.5px;
    line-height: 30px;
    transition: background-color .14s ease, color .14s ease;
}

.dmc-sort__item:hover {
    background: #f4f5f8;
    color: #ff2d51;
}

.dmc-sort__item.is-active {
    background: #fff1f4;
    color: #ff2d51;
    font-weight: 600;
}

/* ---------------------------------------------------------- 列表 */
.dmc-items {
    margin: 0;
    padding: 4px 20px;
    list-style: none;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(24, 32, 56, .05);
}

.dmc-item + .dmc-item {
    border-top: 1px solid #f2f3f6;
}

.dmc-item__link {
    display: flex;
    gap: 18px;
    padding: 18px 0;
    transition: background-color .14s ease;
}

.dmc-item__pic {
    flex: none;
    width: 132px;
    height: 176px;
    border-radius: 8px;
    object-fit: cover;
    background: #f2f3f6;
}

.dmc-item__body {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
}

.dmc-item__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
}

.dmc-item__area {
    color: #8a90a2;
    font-weight: 400;
    font-size: 15px;
}

.dmc-item__title em {
    color: #ff2d51;
    font-style: normal;
}

.dmc-item__meta {
    margin: 0 0 6px;
    color: #8a90a2;
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dmc-item__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 12px 0 0;
}

.dmc-item__num {
    color: #ff2d51;
    font-size: 19px;
    font-weight: 700;
}

.dmc-item__tag {
    padding: 1px 8px;
    border-radius: 9px;
    background: #fff1f4;
    color: #ff2d51;
    font-size: 12px;
}

.dmc-item__link:hover .dmc-item__title {
    color: #ff2d51;
}

/* ---------------------------------------------------------- 空态 */
.dmc-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 48px 20px 40px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(24, 32, 56, .05);
    color: #9aa0ac;
}

.dmc-empty svg {
    width: 44px;
    height: 44px;
    color: #ccd0d9;
}

.dmc-empty p {
    margin: 0;
    font-size: 14px;
}

.dmc-empty__link {
    color: #ff2d51;
    font-size: 13.5px;
}

.dmc-sub {
    margin: 22px 0 10px;
    font-size: 16px;
    font-weight: 600;
}

/* ---------------------------------------------------------- 右侧推荐 */
.dmc-side {
    flex: none;
    width: 258px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(24, 32, 56, .05);
    overflow: hidden;
}

.dmc-side__title {
    margin: 0;
    padding: 12px 16px;
    background: #f7f8fa;
    color: #4a4f5c;
    font-size: 14px;
    font-weight: 600;
}

.dmc-side__list {
    margin: 0;
    padding: 6px 14px 10px;
    list-style: none;
}

.dmc-side__item + .dmc-side__item {
    border-top: 1px solid #f2f3f6;
}

.dmc-side__link {
    display: flex;
    gap: 12px;
    padding: 12px 0;
}

.dmc-side__link img {
    flex: none;
    width: 84px;
    height: 112px;
    border-radius: 6px;
    object-fit: cover;
    background: #f2f3f6;
}

.dmc-side__info {
    flex: 1;
    min-width: 0;
}

.dmc-side__name {
    margin: 0 0 6px;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.4;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.dmc-side__meta {
    margin: 0 0 3px;
    color: #9aa0ac;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dmc-side__price {
    margin: 6px 0 0;
    color: #ff2d51;
    font-size: 14px;
    font-weight: 600;
}

.dmc-side__price em {
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
}

.dmc-side__link:hover .dmc-side__name {
    color: #ff2d51;
}

/* 分页条在新版分类页里跟着卡片走 */
.dmc .pagination-container {
    margin-top: 14px;
    border-radius: 10px;
    padding: 10px 16px;
    box-shadow: 0 1px 3px rgba(24, 32, 56, .05);
}

/* 分类页：国家 / 城市分组 */
.dmc-region {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 6px 0;
    border-bottom: 1px dashed #f2f3f6;
}

.dmc-region:last-child {
    border-bottom: 0;
}

.dmc-region__country {
    flex: none;
    width: 70px;
    line-height: 26px;
    color: #1d2129;
    font-size: 13px;
    font-weight: 600;
}

.dmc-region .dmc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 8px;
}

/* 分类页：闲置出售 */
.dmc-sells {
    margin-top: 22px;
    padding: 18px 20px;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    background: #fff;
}

.dmc-sells__head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 14px;
}

.dmc-sells__head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.dmc-sells__head span {
    color: #9aa0ac;
    font-size: 12.5px;
}

.dmc-sells__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dmc-sell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #1d2129;
    text-decoration: none;
}

.dmc-sell__pic {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    background: #f4f5f8;
    overflow: hidden;
}

.dmc-sell__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dmc-sell b {
    font-size: 13.5px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dmc-sell i {
    color: #9aa0ac;
    font-size: 12px;
    font-style: normal;
}

.dmc-sell em {
    color: #ff2d51;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
}

.dmc-sell em small {
    font-size: 11px;
    font-weight: 400;
}