/*小政导航网*/
/*购买正版请联系QQ1197025959*/
.su-spoiler {
    margin-bottom: .5em
}

.su-spoiler {
    margin-bottom: 1.5em
}

.su-spoiler .su-spoiler:last-child {
    margin-bottom: 0
}

.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 7px 7px 34px;
    font-weight: 700;
    font-size: 13px
}

.su-spoiler-title:focus {
    outline: currentColor thin dotted
}

.su-spoiler-icon {
    position: absolute;
    left: 7px;
    top: 7px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    font-family: ShortcodesUltimateIcons;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

.su-spoiler-content {
    padding: 14px;
    -webkit-transition: padding-top .2s;
    transition: padding-top .2s;
    -ie-transition: padding-top .2s
}

.su-spoiler.su-spoiler-closed>.su-spoiler-content {
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    pointer-events: none
}

.su-spoiler.su-spoiler-closed>.su-spoiler-content iframe {
    display: none
}

.su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\f068'
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f067'
}

.su-spoiler-icon-plus-circle .su-spoiler-icon:before {
    content: '\f056'
}

.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f055'
}

.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before {
    content: '\f146'
}

.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f0fe'
}

.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before {
    content: '\f147'
}

.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f196'
}

.su-spoiler-icon-arrow .su-spoiler-icon:before {
    content: '\f063'
}

.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f061'
}

.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before {
    content: '\f0ab'
}

.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f0a9'
}

.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before {
    content: '\f01a'
}

.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f18e'
}

.su-spoiler-icon-chevron .su-spoiler-icon:before {
    content: '\f078'
}

.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f054'
}

.su-spoiler-icon-chevron-circle .su-spoiler-icon:before {
    content: '\f13a'
}

.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f138'
}

.su-spoiler-icon-caret .su-spoiler-icon:before {
    content: '\f0d7'
}

.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f0da'
}

.su-spoiler-icon-caret-square .su-spoiler-icon:before {
    content: '\f150'
}

.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f152'
}

.su-spoiler-icon-folder-1 .su-spoiler-icon:before {
    content: '\f07c'
}

.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f07b'
}

.su-spoiler-icon-folder-2 .su-spoiler-icon:before {
    content: '\f115'
}

.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f114'
}

.su-spoiler-style-default>.su-spoiler-title {
    padding-left: 27px;
    padding-right: 0
}

.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {
    left: 0
}

.su-spoiler-style-default>.su-spoiler-content {
    padding: 1em 0 1em 27px
}

.su-spoiler-style-fancy {
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    color: #333
}

.su-spoiler-style-fancy>.su-spoiler-title {
    border-bottom: 1px solid #ccc;
    border-radius: 10px;
    background: #f0f0f0;
    font-size: .9em
}

.su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title {
    border: none
}

.su-spoiler-style-fancy>.su-spoiler-content {
    border-radius: 10px
}

.su-spoiler-style-simple {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.su-spoiler-style-simple>.su-spoiler-title {
    padding: 5px 10px;
    background: #f0f0f0;
    color: #333;
    font-size: .9em
}

.su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon {
    display: none
}

.su-spoiler-style-simple>.su-spoiler-content {
    padding: 1em 10px;
    background: #fff;
    color: #333
}

.content h3 {
    padding-left: 10px;
    font-size: 18px;
    line-height: 1.5;
    margin: 20px;
    border-left: 4px solid #0f81fb;
}

@keyframes index-box-bg {
    0%   { filter: hue-rotate(0deg);   background-position: 0% 50%; }
    25%  { filter: hue-rotate(90deg); background-position: 50% 100%; }
    50%  { filter: hue-rotate(180deg); background-position: 100% 50%; }
    75%  { filter: hue-rotate(270deg); background-position: 50% 0%; }
    100% { filter: hue-rotate(360deg); background-position: 0% 50%; }
}

/*搜索样式*/
.index-box {
    width: 100%;
    height: 610px;
    position: relative;
    margin-bottom: -250px;
    overflow: hidden;
    border: none;
    outline: none;
}

.index-box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: linear-gradient(135deg, #4f46e5 0%, #c026d3 42%, #0d9488 100%);
    background-size: 300% 300%;
    background-position: 0% 50%;
    animation: index-box-bg 20s ease-in-out infinite;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.index-box::before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 610px;
    background: rgba(255,255,255,.06);
    position: absolute;
    z-index: 1;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.index-box .tit {
    text-align: center;
    padding: 120px 0 0;
    color: #fff;
    z-index: 99;
    position: relative
}

.index-box .tit h2 {
    font-size: min(48px, 6vw);
    letter-spacing: 3px;
    color: #fff
}

.index-box .tit p {
    margin-top: 15px;
    font-size: 20px
}

.index-box .search-box {
    width: 100%;
    max-width: 1200px;
    min-width: 0;
    height: auto;
    margin: 120px auto 0;
    background: transparent;
    border-radius: 0;
    z-index: 99;
    position: relative;
    padding: 12px 8px 16px;
    overflow: visible;
}

.index-box .search-box .primary-category {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 22px;
    padding: 0 8px;
}

.index-box .search-box .cat-item {
    padding: 5px 12px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    color: #fff;
}

.index-box .search-box .cat-item.active {
    color: #fff;
    font-weight: 600;
}

.index-box .search-box .cat-item.active:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background: #007bf5;
    border-radius: 3px;
}

.index-box .search-box .search-form-wrapper {
    position: relative;
    margin: 10px auto 0;
}

.index-box .search-box .xzdao-search-form {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    background: #fff;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    position: relative;
    z-index: 1;
    transition: box-shadow 0.2s ease;
}

.index-box .search-box .xzdao-search-form:focus-within {
    box-shadow: 0 2px 16px rgba(0,0,0,.12), 0 0 0 2px rgba(249, 115, 22, 0.25);
}

.index-box .search-box .xzdao-search-input {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: #fff;
    height: 46px;
    padding: 0 18px 0 22px;
    color: #1f2937;
    font-size: 15px;
}

.index-box .search-box .xzdao-search-input::placeholder {
    color: #9ca3af;
}

.index-box .search-box .search-btn {
    background: #f97316;
    color: #fff;
    border: none;
    border-radius: 0;
    width: 56px;
    min-width: 56px;
    height: 46px;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-box .search-box .search-btn i {
    font-size: 20px;
}

.index-box .search-box .search-btn:hover {
    background: #ea580c;
}

.index-box .search-box .search-form-caret {
    display: block;
    width: 0;
    height: 0;
    margin: 8px 0 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: left .25s ease, transform .25s ease;
    z-index: 2;
    opacity: .95;
    pointer-events: none;
}

/* 二级分类容器：block+居中，避免 flex 子项被压扁；横向滚动隐藏滚动条 */
.index-box .search-box .sub-category-wrapper {
    width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: block;
    text-align: center;
}
.index-box .search-box .sub-category-wrapper::-webkit-scrollbar {
    display: none;
}

.index-box .search-box .sub-category {
    display: none;
    gap: 12px;
    padding: 5px 0;
}

.index-box .search-box .sub-category.active {
    display: inline-flex;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 12px;
    width: max-content;
    min-width: max-content;
}


.index-box .search-box .sub-item {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}

.index-box .search-box .sub-item:hover {
    color: #fff;
}

.index-box .search-box .sub-item.active {
    color: #fff;
    font-weight: 600;
}

/* 与主页 .container 同断点 */
@media screen and (max-width: 1300px) {
    .index-box .search-box {
        width: 95%;
    }
}
@media screen and (max-width: 991px) {
    .index-box .search-box {
        width: 98%;
    }
}

@media screen and (max-width:767px) {
    .index-box {
        width: 100%;
        height: 610px!important;
        background-size: cover;
        position: relative;
        margin-bottom: -60px!important;
        margin-top: -25px;
        padding-top: 80px;
    }

    .index-box,.index-box::before {
        height: 18rem;
        margin-bottom: -60px
    }

    .index-box .tit {
        padding-top: 0;
    }

    .index-box .tit h2 {
        font-size: min(32px, 7vw);
        letter-spacing: 2px;
    }

    .index-box .tit p {
        font-size: 1rem;
    }

    .index-box .search-box {
        width: 100%;
        min-width: auto;
        padding: 8px 8px 10px;
        margin-top: 12px;
    }

    .index-box .search-box .primary-category {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 6px;
        padding: 0 4px 8px;
        overflow-x: auto;
        overflow-y: visible;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .index-box .search-box .primary-category::-webkit-scrollbar {
        display: none;
    }

    .index-box .search-box .cat-item {
        font-size: 14px;
        padding: 3px 6px;
        flex-shrink: 0;
    }

    .index-box .search-box .search-form-wrapper {
        margin-top: 2px;
    }

    .index-box .search-box .xzdao-search-form {
        max-width: 100%;
        border-radius: 10px;
    }

    .index-box .search-box .xzdao-search-input {
        height: 44px;
        padding: 0 14px 0 18px;
        font-size: 14px;
    }

    .index-box .search-box .search-btn {
        width: 50px;
        min-width: 50px;
        height: 44px;
    }

    .index-box .search-box .search-btn i {
        font-size: 18px;
    }

    .index-box .search-box .search-form-caret {
        margin-top: 6px;
        border-left-width: 5px;
        border-right-width: 5px;
        border-top-width: 5px;
    }

    .index-box .search-box .sub-category-wrapper {
        margin-top: 6px;
    }

    .index-box .search-box .sub-item {
        font-size: 12px;
        padding: 3px 8px;
    }

    .banner {
        height: 300px!important;
        padding-top: 25px;
        display: block!important;
        margin-bottom: -60px!important;
    }
}