.category-root-Zmt {
    /* composes: p-xs from global; */
    position: relative;z-index: 0;
}
.category-jy0711_cate_cnt-vpj{
    position: relative; z-index: 1;
}
.category-title-68c {
}

.category-pagination-g-a {
}

.category-placeholder-JSn {
}

.category-categoryTitle--QR {
}

.category-heading-giL {
    /* composes: flex from global;
    composes: flex-wrap from global;
    composes: justify-center from global;
    composes: pb-2xs from global;

    composes: lg_flex-nowrap from global;
    composes: lg_items-center from global;
    composes: lg_justify-between from global;
    composes: lg_w-full from global;
    padding-bottom: 100px; */
    /* position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 50;
    background-color: rgba(0, 0, 0, .4);
    display: none; */
}
.category-heading-giL.category-open-xsd{
    /* display: block; */
}

.category-categoryContent-Ixm {
    min-height: 300px;
}

.category-categoryInfo-54j {
    flex-basis: 100%;
    /* composes: mx-0 from global;
    composes: my-xs from global; */
    /* composes: text-center from global; */
    /* composes: lg_text-left from global; */
    /* composes: sm_text-center from global; */
    color: rgba(0, 0, 0, .4)
}

.category-headerButtons-5Yn {
    width: 220px; 
    height:40px;
}
.category-contentWrapperNow-4TH{
    padding: 40px;
}
.category-contentWrapper-UcI {
    padding:0 40px;
}

/* .sidebar {
    composes: hidden from global;

    composes: lg_flex from global;
    composes: lg_self-start from global;
    composes: lg_pt-16 from global;
    composes: lg_w-filterSidebarWidth from global;
} */
.category-nav-O6G {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /* padding: 0 40px; */
    /* height: 147px; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 40px 40px 40px;
    position: relative;z-index: 1;
}

.category-Breadcrumbs-X4u {
    /* width: 400px; */
}

.category-typeSelect-GGo {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.category-mobileSelect-e7k{display:none;
    align-items: center;
    justify-content: space-between;
    padding:20px 20px 0;
}
.category-listbtn-fDb{
    border:1px solid #ccc;
    border-radius:20px;
    width:86px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.category-sp1-Ooo{
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.category-mfilter-UH-{
    background:#000;
    border-radius:20px;
    color:#fff;
    width:160px;
    height:40px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.category-span1-8MA {
    padding: 8px 30px;
    margin-right: 15px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    position: relative
}

.category-catalogue-HbL {
    width: 188px;
    height: 42px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: flex;
}

.category-span2-nqp {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-diver-PuE {
    width: 1px;
    height: 40px;
    background: #ccc;
}

.category-msg-jrP {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 0px;
    top: -4px;
    font-style: normal;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}
/* 自定义的样式 20231030 */
.category-iconClose-PrV{
    background: url(/us/close1.svg) no-repeat 50% 50% / auto 40px;
    width: 40px;height: 40px;
    transition: all 0.5s; 
    cursor: pointer;
}

.category-iconClose-PrV:hover {
    transform: rotateZ(360deg) scale(1.1);
}
.category-btnFilterOpen-6xB{
    background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); color: #000;
    width: 160px;height: 40px; border-radius: 20px; text-align: center; 
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.category-btnFilterOpen-6xB:hover{
    background-color: #000; color: #fff;
}

.category-drawerWrap-2dD{
    width: 400px;
}
.category-drawTitle-6qA{
    font-size: 20px;color: #000;
}
.category-jyProBottomDesc-l-6{
    overflow: hidden; position: relative; display: none;
}
.category-loading-W9J {
}
.category-jy0711_cate_loading-XGg{
    display: flex; align-items: center;  justify-content: center;height: 100vh; position: absolute;left: 0;right: 0;top: 0;bottom: 0; z-index: 20;
}

.category-shimmerOverlay-U7Z {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 961px) {
    .category-filter-iRO {
        padding: 40px 0 0 0;
        overflow-x: auto;
    }
    
    .category-filter-iRO ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    .category-filter-iRO ul li {
        padding: 0 25px;
    }
}

.category-accessoriesCmsType-8gA {
    width: calc(100% - 80px);
    margin: 0 auto;
}

/*  分页，加载更多 */
.category-pLoadMore-zSb{
    display: flex; align-items: center; flex-direction: column; text-align: center; padding: 40px 0;
}
.category-pLoadMore-zSb .category-text-Vfs{
}
.category-pLoadMore-zSb .category-progress-APc{
    height: 4px; background-color: #ccc; width: 200px; margin: 20px auto 30px auto; font-size: 12px;
}
.category-pLoadMore-zSb .category-progress-APc b{
    display: block; height: 100%; width: 2px; background: #000;border: none; box-shadow: none; transition: all 0.5s ease 1s;
}
.category-pLoadMore-zSb .category-btn-lNd{
    width: 300px; color: #fff; background: #ccc; line-height: 40px;height: 40px; margin: 0 auto; border-radius: 40px; cursor: pointer;padding: 0;
}
.category-pLoadMore-zSb.category-active-G7K .category-btn-lNd{
    background-color: #000;
}


@media (max-width: 960px) {
    .category-contentWrapper-UcI {       
         padding:0 20px;
    }
    .category-heading-giL {
       /* padding-bottom:60px; */
    }
    .category-nav-O6G {
        border:none;
        padding:20px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .category-Breadcrumbs-X4u {
        width:100%;
    }
    .category-typeSelect-GGo{display:none}
    .category-mobileSelect-e7k{display:flex;
    }
    .category-headerButtons-5Yn{width:12rem;}
    .category-accessoriesCmsType-8gA {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .category-categoryInfo-54j{
        padding: 0 12px;
    }
}

@media (max-width: 375px) {
    .category-contentWrapper-UcI {       
         padding: 12px;
    }
}

.categoryMenuMobile-cateMenuWrap-wRU {
    position: relative;
    z-index: 2;
}

.categoryMenuMobile-normal-4t- {
    opacity: 1;
}

.categoryMenuMobile-box-9b6 {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 6px;
    -webkit-overflow-scrolling: touch;
    /* 添加iOS滚动惯性 */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

.categoryMenuMobile-box-9b6 ul {
    display: inline-flex;
    /* 改用 inline-flex */
    align-items: center;
    /* 垂直居中对齐 */
    margin: 0;
    padding: 0;
    white-space: nowrap;
    /* 防止换行 */
    min-width: 100%;
    /* 最小宽度100% */
}

.categoryMenuMobile-box-9b6 ul li {
    flex: 0 0 auto;
    /* 防止 flex 项目被压缩 */
    width: 110px;
    padding: 24px 0 0 0;
    text-align: center;
}

.categoryMenuMobile-box-9b6 ul li a {
    display: block;
    margin: 0 5px;
    text-decoration: none;
}

.categoryMenuMobile-image-L6c {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    /* 添加hover效果过渡 */
}

.categoryMenuMobile-name-ZW5 {
    margin-top: 5px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
    line-height: 14px;
    height: 28px;
    font-size: 12px;
}

.categoryMenuMobile-name-ZW5 span {
    border-bottom: 1px solid transparent;
}

.categoryMenuMobile-box-9b6 ul li.categoryMenuMobile-active-okW a .categoryMenuMobile-name-ZW5 span,
.categoryMenuMobile-box-9b6 ul li:hover a .categoryMenuMobile-name-ZW5 span {
    border-bottom: 1px solid #000;
}

/* ::-webkit-scrollbar {
    display: none;
} */
/* 在 category.module.css 或全局 CSS 中添加 */
.skeleton-skeletonPlaceholder-Gph {
  margin: 12px auto;
  /* 估算的菜单高度，根据实际情况调整 */
  width: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  /* 骨架屏常用灰色 */
  /* 可以添加动画效果 */
  animation: skeleton-pulse-CD0 1.5s infinite ease-in-out;
}

@keyframes skeleton-pulse-CD0 {
  0% {
    background-color: rgba(0, 0, 0, 0.02);
  }

  50% {
    background-color: rgba(0, 0, 0, 0.04);
  }

  100% {
    background-color: rgba(0, 0, 0, 0.02);
  }
}