.sample-container {
    width: 1200px;
    margin: 22px auto;
    padding-top: 74px;
    padding-left: 0;
}

.menu {
    width: 1120px;
    align-items: center;
    display: flex;
    background-color: #fff;
    border-left: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    padding: 0 15px;
    /* 选项菜单置顶 */
    /*position: sticky;*/
    /*top: 75px;*/
    /*z-index: 2;*/
}

.menu-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 15px 25px 15px 0;
}

.menu-item-logo {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    background-size: cover;
    margin-bottom: 10px
}

.menu-item-text {
    font-size: 16px;
    transition: color 0.3s;
    /*margin-bottom: 10px;*/
    /*font-family: "宋体";*/
    font-weight: bolder;
}

.menu-item-text.selected {
    /*color: #3366cc;*/
    color: red;
    font-size: 17px;
}

.content .sample-result {
    margin: 0;
    padding: 0;
    width: 1120px;
    /*background-color: #ffffff;*/
    /*border-right: 1px solid #e3e3e3;*/
    /*border-bottom: 1px solid #e3e3e3;*/
    /*border-left: 1px solid #e3e3e3;*/
}

.sample-result .result-category {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

    width: 1018px;
    line-height: 44px;
    padding: 0 24px;
    position: absolute;
}

.sample-result .result-top icon {
    color: red;
}

.sample-result .category-top icon {
    color: red;
}
.content .sample-result .result-category {

}
.content .sample-result .result-category, .content .sample-result .search-wait {
    width: 1120px;
    padding: 0 15px;
    line-height: 44px;
    border: 1px solid #e3e3e3;
    background-color: #ffffff;
}

.content .sample-result .result-all #searchResultRecords {
    border-bottom: 1px solid #e3e3e3;
}

.content .sample-result .result-all {
    margin-top: 0;
    width: 1120px;
    background: unset;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    /*border-left: none;*/
}

.content .sample-result .search-table {
    line-height: 30px;
}

.result-all .sample-table th {
    position: unset !important;
}

.result-all .sample-table .tableTr .tableTh {
    font-size: 14px !important;
}

.content .sample-result .sample-table .office-link {
    border: none;
    background-color: #3366cc;
    color: #fff;
    font-weight: normal;
    width: 82px;
    border-radius: 4px;
    height: 25px;
}

/*.sample-result .sample-table .quantity-control {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*    height: 32px;*/
/*    color: #666;*/
/*}*/

/*.sample-result .sample-table .quantity-button {*/
/*    border: none;*/
/*    !*padding: 4px 8px;*!*/
/*    cursor: pointer;*/
/*    font-size: 14px;*/
/*    transition: background-color 0.3s;*/
/*    border-radius: 6px;*/
/*    color: #3366cc;*/
/*    margin: 0 3px;*/
/*    background-color: #E8F5FC;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*}*/

/*.content .sample-result .sample-table .quantity-input {*/
/*    width: 60px;*/
/*    text-align: center;*/
/*    border: none;*/
/*    margin: 0 4px;*/
/*    border-radius: 4px;*/
/*    font-size: 14px;*/
/*    outline: none;*/
/*    height: 30px;*/
/*}*/

/*.quantity-tip {*/
/*    display: none;*/
/*    position: absolute;*/
/*    background: #fff8e1;*/
/*    border: 1px solid #ffb300;*/
/*    padding: 4px 8px;*/
/*    font-size: 12px;*/
/*    color: #6e4d00;*/
/*    z-index: 999;*/
/*    white-space: nowrap;*/
/*    box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
/*    border-radius: 4px;*/
/*}*/

/*!* 隐藏 Webkit 浏览器中的上下箭头 *!*/
/*.content .sample-result .sample-table .quantity-input[type="number"]::-webkit-inner-spin-button,*/
/*.content .sample-result .sample-table .quantity-input[type="number"]::-webkit-outer-spin-button {*/
/*    -webkit-appearance: none;*/
/*    margin: 0;*/
/*}*/

/*!* 确保 Firefox 不显示上下箭头 *!*/
/*.content .sample-result .sample-table .quantity-input {*/
/*    -moz-appearance: textfield;*/
/*}*/

/*.content .sample-result .sample-table .totalPrice {*/
/*    color: #ff7800 !important;*/
/*    font-weight: 700;*/
/*}*/

.all-classify {
    min-height: 616px;
    height: auto;
    overflow: hidden;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-left: 25px;
    background-color: white;
    border: 1px solid #e3e3e3;
    width: 1120px;
}

.all-classify-item {
    width: 90%;
}

.all-classify .all-classify-classify {
    display: flex;
    flex-direction: column; /* 使子元素垂直排列 */
    justify-content: flex-start;
}

.all-classify .all-classify-classify {
    display: flex;
    flex-direction: column; /* 使子元素垂直排列 */
    justify-content: flex-start;
}

.all-classify .all-classify-classify label {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    cursor: pointer;
    font-size: 12px;
    height: 20px;
}

.all-classify .all-classify-classify input[type="radio"] {
    appearance: none; /* 移除默认样式 */
    width: 16px; /* 设置宽度 */
    height: 16px; /* 设置高度 */
    background-color: transparent; /* 背景透明 */
    border: 1px solid #ccc; /* 边框颜色 */
    outline: none; /* 去掉焦点样式 */
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0; /* 与文本之间的间距 */
}

.all-classify .all-classify-classify input[type="radio"]::before {
    content: ''; /* 创建伪元素 */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background-color: transparent; /* 初始背景透明 */
    border: none; /* 没有边框 */
    transition: background-color 0.3s ease; /* 过渡效果 */
    transform: translate(-50%, -50%);
}

.all-classify .all-classify-classify input[type="radio"]:checked::before {
    background-color: #3366cc; /* 选中时背景蓝色 */
}

.all-classify .all-classify-classify input[type="radio"]:checked::after {
    /*content: '✓'; !* 使用勾号符号 *!*/
    font-size: 10px; /* 勾号大小 */
    color: white; /* 勾号颜色 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.all-classify .all-classify-classify span {
    line-height: 20px; /* 与选框高度一致 */
    margin-left: 5px; /* 文本和单选按钮之间的间距 */
}

.all-classify .all-classify-classify .all-classify-classify-car {
    margin-left: 5px;
    cursor: pointer;
}

.all-classify .all-classify-classify .hidden {
    display: none;
}

.all-classify .all-classify-level {
    float: left;
    width: 30%;
    display: block;
    align-items: stretch
}

.all-classify .all-classify-level li {
    display: block;
    padding-left: 10px;
}

.all-classify .all-classify-level li a {
    line-height: 16px;
    padding: 10px 5px;
    text-align: left;
    font-size: 14px;
    display: block;
    font-weight: 700;
    color: rgb(51, 51, 51);
    text-decoration: none;
}

/*第一个元素的样式*/
.all-classify .all-classify-item ul:last-child {
    border-left: 1px solid #e3e3e3;
}

/*中间元素的样式*/
.all-classify .all-classify-item ul:not(:first-child):not(:last-child) {
    border-left: 1px solid #e3e3e3;
}

.all-classify .all-classify-level-1 li.on a {
    background: #FFFFFF;
    color: red;
}

.all-classify .all-classify-level-2 li.on a {
    background: #FFFFFF;
    color: red;
}

.all-classify .all-classify-level-3 li.on a {
    color: red;
}

.all-classify .all-classify-level li.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.all-classify .all-classify-level-1 li.disabled a {
    background: #FFFFFF;
    color: #bababa;
}

.all-classify .all-classify-level-2 li.disabled a {
    background: #FFFFFF;
    color: #bababa;
}

.all-classify .all-classify-level-3 li.disabled a {
    color: #bababa;
}

/* 品牌目录 */
.brand-list {
    height: auto;
    /*overflow: hidden;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0;
    /*padding-left: 40px;*/
    background-color: white;
    border: 1px solid #e3e3e3;
    width: 1120px;
    min-height: 616px;
}

.brand-top {
    width: 1018px;
    /*border-bottom: 1px solid #e3e3e3;*/
    position: sticky;
    top: 130px;
    background-color: #fff;
    padding-left: 20px;
    z-index: 1;
}

.brand-index {
    padding: 10px 0 20px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.index-p {
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-p.selected {
    color: #fff;
    border-radius: 3px;
    background-color: #3366cc;
}

.selected-index {
    font-weight: bold;
    font-size: 15px;
    padding: 5px 0 5px 0;
}

.brand-container {
    position: relative;
    /*height: 516px;*/
    padding-left: 30px;
    width: 1018px;
}

.selected-content {
    display: flex;
}

.group-container {
    margin-bottom: 20px;
}

.group-header {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.brand-content-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.brand-item {
    width: calc(33.33% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-weight: 700;
}

.brand-item:hover {
    color: red;
}

.brand-content-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: 100%;
    overflow: hidden;
}

.brand-content-item p {
    padding-top: 10px;
    cursor: pointer;
    width: fit-content;
    /* 防止文本换行 */
    white-space: nowrap;
    /* 控制溢出的内容 */
    overflow: hidden;
    text-overflow: ellipsis;
    /* 确保 p 标签不会超出其父容器 */
    max-width: 100%;
}

.brand-content-item p:hover {
    color: red;
}

.brand-container .pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;

    position: absolute; /* 设置绝对定位 */
    bottom: 0; /* 固定在底部 */
    left: 0;
    right: 0;
}

.brand-container .pagination span {
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
}

.brand-container .pagination span.active {
    background-color: #007bff;
}

/* 默认隐藏所有内容项 */
.content-item {
    display: none;
}

/* 激活时显示内容 */
.content-item.active {
    display: block;
}