.banner {
    width: 100%;
    height: 240px;
    background: var(--ys02);
    border-bottom: var(--xt01);
    display: flex;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
    padding: 80px 0 40px 0;
    position: relative;
}
.banner::before {
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, rgba(245, 158, 11, .06) 0%, transparent 100%);
    position: absolute;
    top: 0;
}
.bannera {
    width: 1280px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}
.banneraa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 7px;
}
.banneraaa {
    font-size: 25px;
    line-height: 1;
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
}
.banneraab {
    font-size: 16px;
    line-height: 1;
    color: var(--ys12);
}
.bannerab {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.banneraba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.bannerabaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.bannerabaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bannerabaab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.bannerabb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.bannerabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.bannerabbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bannerabbaa::before {
    content: '\e89f';
}
.bannerabbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.bannerabbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}
.bannerabbba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.bannerabbbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bannerabbbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
/* 社区首页 */
.index {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.index_a {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
}
.index_aa {
    width: 1280px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.index_aaa {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.index_aaaa {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.index_aaaaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.index_aaaaaa {
    font-size: 16px;
    line-height: 1;
    color: var(--ys17);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.index_aaaaaa::before {
    content: '\eaf1';
}
.index_aaaaab {
    font-size: 16px;
    line-height: 1;
    color: var(--ys04);
    font-weight: 600;
}
.index_aaaab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.index_aaaaba {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #212a36;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.index_aaaaba:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.index_aaaabaa {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.index_aaaabaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.index_aaaabaaa::before {
    content: '\eb9b';
}
.index_aaaabaab {
    flex: 1;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    transition: var(--sd01);
}
.index_aaaaba:hover .index_aaaabaab {
    transform: translateX(-1px);
    color: var(--ys06);
}
.index_aaaabab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.index_aaab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.index_aaaba {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.index_aaabaa {
    width: 100%;
    height: 40px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.index_aaabaaa {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.index_aaabaaa::before {
    content: '\e752';
}
.index_aaabb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.index_aaabba {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.index_aaabbaa {
    width: 100%;
    border-bottom: var(--xt01);
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.index_aaabbaaa {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: var(--ys04);
}
.index_aaabbaab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.index_aaabbaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.index_aaabbaabaa {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.index_aaabbaabab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys06);
}
.index_aaabbaabb {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.index_aaabbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
}
.index_aaabbaba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    border-bottom: 0.5px dashed #212a36;
    padding-bottom: 20px;
}
.index_aaabbaba:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.index_aaabbabaa {
    flex: 1;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.index_aaabbabaaa {
    width: 50px;
    height: 100%;
    background: var(--ys08);
    border-radius: 8px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
    color: var(--ys12);
    transition: var(--sd01);
}
.index_aaabbaba:hover .index_aaabbabaaa {
    background: var(--ys18);
    color: var(--ys04);
}
.index_aaabbabaaa::before {
    content: '\ebc0';
}
.index_aaabbabaab {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: flex-start;
}
.index_aaabbabaaba {
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    transition: var(--sd01);
}
.index_aaabbaba:hover .index_aaabbabaaba {
    color: var(--ys06);
    transform: translateX(-1px);
}
.index_aaabbabaabb {
    width: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.index_aaabbabab {
    height: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
}
.index_aaabbababa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--ys18);
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
    padding: 4px 7px;
}
.index_aaabbababb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.index_aaabbababba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.index_aaabbababbb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.index_aaabbabb {
    grid-column: span 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.index_aaabbabba {
    width: 80px;
    height: 80px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: -7px;
}
.index_aaabbabbaa {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.index_aaabbabbb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.index_aab {
    width: 350px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    position: sticky;
    top: 85px;
    z-index: 10;
}
.index_aaba {
    width: 100%;
    background: #1a1f3a;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.index_aabaa {
    font-size: 16px;
    line-height: 1;
    color: var(--ys04);
    font-weight: 600;
}
.index_aabab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.index_aababa {
    width: 60%;
    height: 40px;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1;
    color: var(--ys04);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.index_aababa:hover {
    transform: translateY(-1px);
}
.index_aababb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.index_aababba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.index_aababbb {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: var(--ys17);
}
.index_aababbc {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.index_aabb {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.index_aabba {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.index_aabbaa {
    width: 100%;
    padding: 15px;
    background: var(--ys08);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: var(--sd01);
}
.index_aabbaa:hover {
    transform: translateY(-1px);
}
.index_aabbaaa {
    font-size: 18px;
    line-height: 1;
    color: var(--ys17);
}
.index_aabbaaa.fbtb::before {
    content: '\e6b1';
}
.index_aabbaaa.wdtz::before {
    content: '\ea63';
}
.index_aabbaaa.wdsc::before {
    content: '\e8c6';
}
.index_aabbaaa.xxtz::before {
    content: '\e6d0';
}
.index_aabbaaa.qstz::before {
    content: '\e9ff';
}
.index_aabbaaa.grzy::before {
    content: '\e6ca';
}
.index_aabbaab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.index_aabbb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.index_aabbba {
    width: 100%;
    padding: 15px;
    background: var(--ys08);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: var(--sd01);
}
.index_aabbba:hover {
    transform: translateY(-1px);
}
.index_aabbbaa {
    font-size: 18px;
    line-height: 1;
    color: var(--ys17);
}
.index_aabbbaa.dlzh::before {
    content: '\e6dc';
}
.index_aabbbaa.zczh::before {
    content: '\e6af';
}
.index_aabbbab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.index_aabc {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.index_aabca {
    width: 100%;
    background: var(--ys08);
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.index_aabcaa {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: var(--ys04);
}
.index_aabcab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.index_aabcaba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    transition: var(--sd01);
}
.index_aabcaba:not(.active):hover {
    transform: translateY(-1px);
}
.index_aabcaba.active {
    color: var(--ys06);
}
.index_aabcabb {
    font-size: 11px;
    line-height: 1;
    color: var(--ys12);
    position: relative;
    top: -0.5px;
}
.index_aabcb {
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.index_aabcba {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.index_aabcba.active {
    display: flex;
}
.index_aabcbaa {
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 0.5px dashed #212a36;
}
.index_aabcbaa:last-child {
    border-bottom: none;
}
.index_aabcbaaa {
    width: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys04);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    transition: var(--sd01);
}
.index_aabcbaa:hover .index_aabcbaaa {
    transform: translateX(-1px);
    color: var(--ys17);
}
.index_aabcbaab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.index_aabcbaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.index_aabcbaabaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.index_aabcbaabaaa {
    font-size: 11px;
    line-height: 1;
    color: var(--ys12);
}
.index_aabcbaabaaa.hf::before {
    content: '\ea38';
}
.index_aabcbaabaaa.ll::before {
    content: '\e8cc';
    position: relative;
    top: -1px;
}
.index_aabcbaabaab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys06);
}
.index_aabcbaabb {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.index_aabd {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.index_aabdb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.index_aabdba {
    width: 100%;
    padding: 15px;
    background: var(--ys08);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: var(--sd01);
}
.index_aabdba:hover {
    transform: translateY(-1px);
}
.index_aabdbaa {
    font-size: 16px;
    line-height: 1;
    color: var(--ys17);
    font-weight: 600;
}
.index_aabdbab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
/* 社区首页 */
/* 社区板块 */
.bkqx {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.bkqx_a {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
}
.bkqx_aa {
    width: 1280px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.bkqx_aaa {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
}
.bkqx_aaaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.bkqx_aaaaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.bkqx_aaaaaa {
    font-size: 20px;
    line-height: 1;
    color: var(--ys04);
    font-weight: 600;
}
.bkqx_aaaaab {
    height: 36px;
    font-size: 14px;
    line-height: 1;
    color: var(--ys04);
    background: var(--ys18);
    padding: 0 15px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
    position: absolute;
    top: 0;
    right: 0;
}
.bkqx_aaaaab:hover {
    transform: translateY(-1px);
}
.bkqx_aaaab {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
    color: var(--ys12);
    margin: -3px 0;
}
.bkqx_aaac {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
}
.bkqx_aaaca {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.bkqx_aaacaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.bkqx_aaacaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aaacaab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.bkqx_aaacaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--ys18);
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
    padding: 4px 7px;
}
.bkqx_aaacab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.bkqx_aaacaba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aaacabb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.bkqx_aaacabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--ys05);
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
    padding: 4px 7px;
}
.bkqx_aaacb {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.bkqx_aaacba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.bkqx_aaacbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aaacbab {
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    color: var(--ys17);
}
.bkqx_aab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}
.bkqx_aaba {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.bkqx_aabaa {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.bkqx_aabaaa {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: var(--xt01);
}
.bkqx_aabaaaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.bkqx_aabaaaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bkqx_aabaaaaa.active {
    color: var(--ys06);
    font-weight: 550;
}
.bkqx_aabaaaaa.active::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ys06);
    border-radius: 2px;
}
.bkqx_aabaaaaa:not(.active):hover {
    color: var(--ys04);
}
.bkqx_aabaaab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.bkqx_aabaaaba {
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bkqx_aabaaabb {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.bkqx_aabaaabba {
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bkqx_aabaaabba.active {
    color: var(--ys06);
    font-weight: 550;
}
.bkqx_aabaaabba:not(.active):hover {
    color: var(--ys04);
}
.bkqx_aabaab {
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.bkqx_aabaaba {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dashed #212a36;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.bkqx_aabaaba:last-child {
    border-bottom: none;
}
.bkqx_aabaabaa {
    width: 50px;
    height: 50px;
    background: var(--ys04);
    border-radius: 15px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.bkqx_aabaabaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bkqx_aabaabaab {
    width: 100%;
    height: 100%;
    line-height: 1;
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    font-size: 28px;
    line-height: 1;
    font-family: 'Orbitron';
    color: var(--ys04);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bkqx_aabaabab {
    flex: 1;
    height: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
}
.bkqx_aabaababa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.bkqx_aabaababaa {
    height: 18px;
    font-size: 10px;
    line-height: 1;
    color: var(--ys04);
    padding: 0 5px;
    border-radius: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bkqx_aabaababaa.zd {
    background: var(--ys13);
}
.bkqx_aabaababaa.jh {
    background: var(--ys17);
}
.bkqx_aabaababab {
    flex: 1;
    font-size: 14px;
    line-height: 1;
    color: var(--ys04);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.bkqx_aabaababb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.bkqx_aabaababba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.bkqx_aabaababbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.bkqx_aabaababbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aabaababbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.bkqx_aabaababbba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.bkqx_aabaababbbaa {
    font-size: 11px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aabaababbbaa.ll:before {
    content: '\e8cc';
    position: relative;
    top: -1px;
}
.bkqx_aabaababbbaa.hf:before {
    content: '\ea38';
}
.bkqx_aabaababbbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.bkqx_aabaabb {
    width: 100%;
    padding: 50px;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aabab {
    height: 34px;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.bkqx_aabb {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    position: sticky;
    top: 85px;
    z-index: 10;
}
.bkqx_aabbba {
    width: 100%;
    padding: 20px 15px;
    background: #1a1f3a;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    transition: var(--sd01);
}
.bkqx_aabbba:hover {
    transform: translateY(-1px);
}
.bkqx_aabbbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.bkqx_aabbbaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
}
.bkqx_aabbbaaa.fbtb::before {
    content: '\e6b1';
}
.bkqx_aabbbaaa.wdtz::before {
    content: '\ea63';
}
.bkqx_aabbbaaa.wdsc::before {
    content: '\e8c6';
}
.bkqx_aabbbaaa.wszy::before {
    content: '\e6ca';
}
.bkqx_aabbbaab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.bkqx_aabbbab {
    font-size: 12px;
    line-height: 1;
    color: #fbbf24;
}
.bkqx_aabbbab::before {
    content: '\e68f';
}





/* 帖子详情 */
.tzxq {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.tzxq_a {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
}
.tzxq_aa {
    width: 1280px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tzxq_aaa {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.tzxq_aaaa {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.tzxq_aaaaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tzxq_aaaaaa {
    width: 100%;
}
.tzxq_aaaaaaa {
    height: 18px;
    font-size: 10px;
    line-height: 18px;
    color: var(--ys04);
    padding: 0 5px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    top: -1.5px;
    float: left;
    margin-right: 7px;
}
.tzxq_aaaaaaa.zd {
    background: var(--ys13);
}
.tzxq_aaaaaaa.jh {
    background: var(--ys17);
}
.tzxq_aaaaaab {
    font-size: 15px;
    line-height: 23px;
    color: var(--ys12);
    margin: -4px 0;
    text-align: justify;
    display: block;
}
.tzxq_aaaaab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.tzxq_aaaaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.tzxq_aaaaabaa {
    width: 25px;
    height: 25px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--ys04);
    border-radius: 50%;
    overflow: hidden;
}
.tzxq_aaaaabaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.tzxq_aaaaabaab {
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    font-family: 'Orbitron';
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aaaaabab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
    font-weight: 550;
}
.tzxq_aaaaabac {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.tzxq_aaaaabb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.tzxq_aaaaabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
}
.tzxq_aaaaabbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aaaaabbaa.dw::before {
    content: '\e89f';
}
.tzxq_aaaaabbaa.sj::before {
    content: '\e9bc';
}
.tzxq_aaaaabbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.tzxq_aaaab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.tzxq_aaaab p {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    color: var(--ys12);
    text-align: justify;
    margin: -3px 0;
}
.tzxq_aaaab p img {
    max-width: 240px;
    height: auto !important;
    border-radius: 5px;
    overflow: hidden;
}
.tzxq_aaaac {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-top: 0.5px dashed #212a36;
    padding-top: 20px;
}
.tzxq_aaaaca {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.tzxq_aaaacaa {
    height: 30px;
    background: var(--ys08);
    padding: 0 10px;
    border-radius: 4px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;
    transition: var(--sd01);
}
.tzxq_aaaacaa.active {
    background: var(--ys18);
}
.tzxq_aaaacaa:hover {
    transform: translateY(-1px);
}
.tzxq_aaaacaaa {
    font-size: 10px;
    line-height: 1;
    color: var(--ys17);
}
.tzxq_aaaacaaa.dz::before {
    content: '\e720';
}
.tzxq_aaaacaaa.sc::before {
    content: '\e8c6';
    position: relative;
    top: -1px;
}
.tzxq_aaaacaa.active .tzxq_aaaacaaa {
    color: var(--ys04);
}
.tzxq_aaaacaab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aaaacaa.active .tzxq_aaaacaab {
    color: var(--ys04);
}
.tzxq_aaaacb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.tzxq_aaaacba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.tzxq_aaaacbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aaaacbaa.ll::before {
    content: '\e8cc';
}
.tzxq_aaaacbaa.hf::before {
    content: '\ea38';
}
.tzxq_aaaacbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.tzxq_aaab {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.tzxq_aaaba {
    width: 100%;
    border-bottom: var(--xt01);
    padding: 15px 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.tzxq_aaabaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.tzxq_aaabaaa {
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    position: relative;
    top: 1px;
}
.tzxq_aaabaaa::before {
    content: '\ea38';
}
.tzxq_aaabaab {
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    font-weight: 550;
}
.tzxq_aaabab {
    font-size: 15px;
    line-height: 1;
    color: var(--ys17);
}
.tzxq_aaabb {
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.tzxq_aaabba {
    width: 100%;
    padding: 20px 0;
    border-bottom: 0.5px dashed #212a36;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tzxq_aaabba:last-child {
    border-bottom: none;
}
.tzxq_aaabbaa {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.tzxq_aaabbaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: var(--ys04);
}
.tzxq_aaabbaab {
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    font-family: 'Orbitron';
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aaabbab {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.tzxq_aaabbaba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.tzxq_aaabbabaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: flex-start;
    gap: 7px;
}
.tzxq_aaabbabaaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.tzxq_aaabbabaaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys04);
}
.tzxq_aaabbabaaab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
}
.tzxq_aaabbabaab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aaabbabab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.tzxq_aaabbababa {
    height: 25px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
    background: var(--ys08);
    border-radius: 4px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: var(--sd01);
    gap: 3px;
}
.tzxq_aaabbababa:hover {
    transform: translateY(-1px);
}
.tzxq_aaabbababaa {
    font-size: 10px;
    line-height: 1;
    color: var(--ys04);
}
.tzxq_aaabbababaa::before {
    content: '\e720';
    position: relative;
    top: -1px;
}
.tzxq_aaabbababa.dz.active .tzxq_aaabbababaa::before {
    color: var(--ys17);
}
.tzxq_aaabbababab {
}
.tzxq_aaabbabb {
    width: 100%;
    padding-left: 5px;
    border-left: 3px solid var(--ys06);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
}
.tzxq_aaabbabba {
    font-size: 15px;
    line-height: 1;
    color: var(--ys06);
}
.tzxq_aaabbabc {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    color: var(--ys12);
    text-align: justify;
    margin: -3px 0;
}
.tzxq_aaabbabd {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    transition: var(--sd01);
    margin-top: 10px;
    font-size: 12px;
    line-height: 1;
    color: var(--ys05);
}
.tzxq_aaabbabd:hover {
    transform: translateX(-1px);
}
.tzxq_aaabbabda {
    font-size: 12px;
    line-height: 1;
    color: var(--ys05);
}
.tzxq_aaabbabdb {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}















.tzxq_aaabbb {
    width: 100%;
    padding: 50px;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    text-align: center;
}
.tzxq_aaabbc {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dashed #212a36;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.tzxq_aaabbca {
    width: 100%;
    background: var(--ys08);
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.tzxq_aaabbcaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.tzxq_aaabbcaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aaabbcaab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys06);
}
.tzxq_aaabbcab {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aaabbcab .tj_tyhs_fhwb {
    background: var(--ys02);
}
.tzxq_aaabbcac {
    width: 100%;
    height: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.tzxq_aaabbcaca {
    height: 100%;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.tzxq_aaabbcaca:hover {
    transform: translateY(-1px);
}
.tzxq_aaabbcaca.fsan {
    background: var(--ys18);
    color: var(--ys04);
}
.tzxq_aaabbcaca.qxan {
    background: var(--ys12);
    color: var(--ys01);
}



.tzxq_aaabbabe {
    width: 100%;
    background: var(--ys08);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10px;
}
.tzxq_aaabbabea {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aaabbabea .tj_tyhs_fhwb {
    background: var(--ys02);
}
.tzxq_aaabbabeb {
    height: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.tzxq_aaabbabeba {
    height: 100%;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.tzxq_aaabbabeba:hover {
    transform: translateY(-1px);
}
.tzxq_aaabbabeba.fsan {
    background: var(--ys18);
    color: var(--ys04);
}
.tzxq_aaabbabeba.qxan {
    background: var(--ys12);
    color: var(--ys01);
}
.tzxq_aaac {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.tzxq_aaaca {
    width: 100%;
    border-bottom: var(--xt01);
    padding: 15px 20px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    font-weight: 550;
}
.tzxq_aaacb {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.tzxq_aaacb .tj_tyhs_fhwb {
    background: var(--ys08);
}
.tzxq_aaacba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.tzxq_aaacbaa {
    width: 100%;
    height: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.tzxq_aaacbaaa {
    height: 100%;
    padding: 0 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
    transition: var(--sd01);
}
.tzxq_aaacbaaa:hover {
    transform: translateY(-1px);
}
.tzxq_aaacbaaa.tjhf {
    background: var(--ys18);
    color: var(--ys04);
}
.tzxq_aaacbaaa.scfj {
    background: var(--ys05);
    color: var(--ys04);
}
.tzxq_fjlb_tp {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.tzxq_fjlb_tpa {
    width: 100%;
    height: 150px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: var(--ys08);
    padding: 7px;
}
.tzxq_fjlb_tpaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.tzxq_fjlb_tpab {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--ys13);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 8px;
    line-height: 1;
    color: var(--ys04);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: var(--sd01);
}
.tzxq_fjlb_tpab::before {
    content: '\eb51';
}
.tzxq_fjlb_tpab:hover {
    transform: rotate(90deg);
}
.tzxq_fjlb_wj {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.tzxq_fjlb_wj .tzxq_tzfj_wz {
    width: 100%;
}
.ejhf {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-top: 0.5px dashed #212a36;
}
.ejhf .sjhf:last-child {
    padding-bottom: 0;
}
.sjfh {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-top: 0.5px dashed #212a36;
}
.sjfh .sjhf_a:last-child {
    padding-bottom: 0;
}

.tzxq_tzfj {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.tzxq_tzfj_tp {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_tzfj_tpa {
    max-width: 240px;
    object-fit: cover;
    display: block;
    background: var(--ys08);
    border-radius: 10px;
}
.tzxq_tzfj_wz {
    width: 240px;
    background: var(--ys08);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.tzxq_tzfj_wza {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px;
}
.tzxq_tzfj_wzaa {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.tzxq_tzfj_wzab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_tzfj_wzac {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.tzxq_tzfj_wzaca {
    font-size: 12px;
    line-height: 1;
    color: var(--ys06);
    transition: var(--sd01);
}
.tzxq_tzfj_wzaca:hover {
    transform: translateY(-1px);
}
.tzxq_tzfj_wzacb {
    font-size: 12px;
    line-height: 1;
    color: var(--ys06);
    transition: var(--sd01);
}
.tzxq_tzfj_wzacb:hover {
    transform: translateY(-1px);
}
.tzxq_tzfj_wzb {
    width: 50px;
    height: 50px;
    margin: 0 -3px;
}
.tzxq_aab {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    position: sticky;
    top: 85px;
    z-index: 10;
}
.tzxq_aaba {
    width: 100%;
    padding: 20px;
    background: #1a1f3a;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.tzxq_aabaa {
    width: 100%;
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    font-weight: 600;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aabab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.tzxq_aababa {
    width: 55px;
    height: 55px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aababaa {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    background: var(--ys04);
}
.tzxq_aababab {
    width: 100%;
    height: 100%;
    font-size: 31px;
    line-height: 1;
    color: var(--ys04);
    font-family: 'Orbitron';
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.tzxq_aababb {
    flex: 1;
    height: 55px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: flex-start;
}
.tzxq_aababba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.tzxq_aababbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.tzxq_aababbaaa {
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
}
.tzxq_aababbaab {
    font-size: 15px;
    line-height: 1;
    color: var(--ys17);
}
.tzxq_aababbab {
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    line-height: 1;
    color: var(--ys04);
    padding: 0 5px;
    border-radius: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tzxq_aababbab.zx {
    background: rgb(2 195 154 / 20%);
    color: var(--ys06);
}
.tzxq_aababbab.lx {
    background: rgb(255 61 68 / 20%);
    color: var(--ys13);
}
.tzxq_aababbb {
    width: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.tzxq_aababbc {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.tzxq_aabac {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.tzxq_aabaca {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.tzxq_aabacaa {
    width: 100%;
    background: rgba(102, 126, 234, 0.2);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
    transition: var(--sd01);
}
.tzxq_aabacaa:hover {
    transform: translateY(-1px);
}
.tzxq_aabacaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aabacaab {
    font-size: 13px;
    line-height: 1;
    color: #fbbf24;
}
.tzxq_aabacb {
    width: 100%;
    background: rgba(102, 126, 234, 0.2);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
    transition: var(--sd01);
}
.tzxq_aabacb:hover {
    transform: translateY(-1px);
}
.tzxq_aabacba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tzxq_aabacbb {
    font-size: 13px;
    line-height: 1;
    color: #fbbf24;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.tzxq_aabad {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.tzxq_aabada {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: var(--ys04);
    transition: var(--sd01);
    font-size: 14px;
    line-height: 1;
}
.tzxq_aabada:hover {
    transform: translateY(-1px);
}
.tzxq_aabada.sxan {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.tzxq_aabada.txan {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
/* 帖子详情 */
/* 社区私聊 */
.sqsl {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.sqsl_a {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.sqsl_aa {
    width: 40px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}
.sqsl_aaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--ys04);
    display: block;
}
.sqsl_aab {
    width: 100%;
    height: 100%;
    font-size: 23px;
    line-height: 1;
    color: var(--ys04);
    font-family: 'Orbitron';
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqsl_ab {
    height: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: flex-start;
}
.sqsl_aba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.sqsl_abb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.sqsl_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.sqsl_ba {
    width: 100%;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqsl_bb {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqsl_c {
    width: 100%;
    height: 34px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
}
.sqsl_ca {
    height: 100%;
    padding: 0 25px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.sqsl_ca:hover {
    transform: translateY(-1px);
}
.sqsl_ca.qxan {
    background: var(--ys09);
    color: var(--ys01);
}
.sqsl_ca.fsan {
    background: var(--ys18);
    color: var(--ys04);
}
/* 社区私聊 */
/* 社区举报 */
.sqjb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
    gap: 20px;
    overflow-y: auto;
    scrollbar-width: none;
}
.sqjb_a {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sqjb_aa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.sqjb_ab {
    width: 100%;
    background: var(--ys08);
    border-radius: 4px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sqjb_aba {
    width: 100%;
    color: var(--ys12);
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
    margin: -3px 0;
}
.sqjb_abaa {
    color: var(--ys17);
}
.sqjb_ac {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    color: var(--ys12);
    text-align: justify;
    margin: -3px 0;
    background: var(--ys08);
    padding: 10px;
    border-radius: 4px;
}
.sqjb_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sqjb_ba {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.sqjb_bb {
    height: 44px;
    padding: 5px;
    border-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border: var(--xt01);
}
.sqjb_bba {
    height: 100%;
    padding: 0 15px;
    border-radius: 5px;
    color: var(--ys12);
    transition: var(--sd01);
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqjb_bba.active {
    background: var(--ys08);
    color: var(--ys04);
}
.sqjb_bba:not(.active):hover {
    color: var(--ys04);
}
.sqjb_bc {
    width: 100%;
    background: #1a1f3a;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.sqjb_bca {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.sqjb_bcaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.sqjb_bcab {
    flex: 1;
    height: 40px;
    background: rgba(102, 126, 234, 0.2);
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}
.sqjb_bd {
    width: 100%;
    background: #fef7e0;
    border-radius: 8px;
    padding: 15px;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sqjb_bda {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
}
.sqjb_bdaa {
    font-size: 13px;
    line-height: 1;
    color: #8a6d3b;
    font-weight: 550;
}
.sqjb_bdaa::before {
    content: '\ea62';
}
.sqjb_bdab {
    font-size: 13px;
    line-height: 1;
    color: #8a6d3b;
}
.sqjb_bdb {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
    color: #8a6d3b;
    margin: -3px 0;
}
.sqjb_c {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sqjb_ca {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.sqjb_cb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.sqjb_cba {
    width: 100%;
    height: 36px;
    background: var(--ys08);
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
    color: var(--ys12);
}
.sqjb_cba:not(.active):hover {
    transform: translateY(-1px);
}
.sqjb_cba.selected {
    background: var(--ys18);
    color: var(--ys04);
}
.sqjb_cbaa {
    display: none;
}
.sqjb_cbb {
    font-size: 13px;
    line-height: 1;
}
.sqjb_d {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sqjb_da {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.sqjb_db {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqjb_e {
    width: 100%;
    height: 34px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.sqjb_ea {
    height: 100%;
    padding: 0 25px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.sqjb_ea:hover {
    transform: translateY(-1px);
}
.sqjb_ea.qxan {
    background: var(--ys09);
    color: var(--ys01);
}
.sqjb_ea.tjan {
    background: var(--ys18);
    color: var(--ys04);
}
/* 社区举报 */
/* 发布帖子 */
.fbtz {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.fbtz_a {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
}
.fbtz_aa {
    width: 1280px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    background: var(--ys02);
    padding: 20px;
    border-radius: 8px;
}
.fbtz_aaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.fbtz_aaaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.fbtz_aaaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.fbtz_aaaab {
    font-size: 6px;
    line-height: 1;
    color: var(--ys13);
}
.fbtz_aaaab::before {
    content: '\eade';
}
.fbtz_aaab {
    width: 100%;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--ys02);
}
.fbtz_aaac {
    width: 100%;
    height: 600px;
    background: var(--ys02);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    border: var(--xt01);
    overflow: hidden;
}
.fbtz_aab {
    width: 100%;
    height: 36px;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.fbtz_aaba {
    height: 100%;
    padding: 0 25px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.fbtz_aaba:hover {
    transform: translateY(-1px);
}
.fbtz_aaba.qxan {
    background: var(--ys09);
    color: var(--ys01);
}
.fbtz_aaba.bcan {
    background: var(--ys18);
    color: var(--ys04);
}
/* 发布帖子 */
/* 公告详情 */
.ggxq {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.ggxq_a {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 0;
}
.ggxq_aa {
    width: 1280px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.ggxq_aaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.ggxq_aaaa {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    font-weight: 550;
    text-align: justify;
    margin: -4px 0;
    color: var(--ys04);
}
.ggxq_aaab {
    width: 100%;
    padding: 15px 0;
    border-top: var(--xt01);
    border-bottom: var(--xt01);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.ggxq_aaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.ggxq_aaabaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.ggxq_aaabaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.ggxq_aaabaaa.sj:before {
    content: '\e9bc';
}
.ggxq_aaabaaa.rl:before {
    content: '\e922';
}
.ggxq_aaabaaa.bk:before {
    content: '\e9ff';
}
.ggxq_aaabaaa.ll:before {
    content: '\e8cc';
}
.ggxq_aaabaab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.ggxq_aaabb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    transition: var(--sd01);
}
.ggxq_aaabb:hover {
    transform: translateX(-1px);
}
.ggxq_aaabba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.ggxq_aaabba::before {
    content: '\e87d';
}
.ggxq_aaabbb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.ggxq_aab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.ggxq_aab p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: var(--ys12);
    text-align: justify;
    margin: -5px 0;
}
.ggxq_aab img {
    max-width: 100%;
    border-radius: 5px;
}
.ggxq_aac {
    width: 100%;
    padding: 15px 0;
    border-top: var(--xt01);
    border-bottom: var(--xt01);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.ggxq_aaca {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.ggxq_aacaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.ggxq_aacab {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.ggxq_aacaba {
    max-width: 300px;
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.ggxq_aacabb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
/* 搜索页面 */
.sqss {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.sqss_a {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 0;
}
.sqss_aa {
    width: 1280px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.sqss_aaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.sqss_aaaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.sqss_aaaaa {
    font-size: 22px;
    line-height: 1;
    font-weight: 550;
    color: var(--ys04);
}
.sqss_aaaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys17);
    font-weight: 550;
}
.sqss_aaab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
}
.sqss_aaaba {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.sqss_aaabb {
    font-size: 14px;
    line-height: 1;
    color: var(--ys06);
    font-weight: 550;
}
.sqss_aab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.sqss_aaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.sqss_aabaa {
    width: 100%;
    padding: 20px;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    transition: var(--sd01);
}
.sqss_aabaa:hover {
    transform: translateY(-1px);
}
.sqss_aabaaa {
    width: 50px;
    height: 50px;
    background: var(--ys04);
    border-radius: 15px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.sqss_aabaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sqss_aabaaab {
    width: 100%;
    height: 100%;
    line-height: 1;
    font-weight: 600;
    background: linear-gradient(135deg, var(--ys05), var(--ys06), var(--ys18));
    background-size: 200% 200%;
    animation: gradientFlow 4s ease infinite;
    font-size: 28px;
    line-height: 1;
    font-family: 'Orbitron';
    color: var(--ys04);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqss_aabaab {
    flex: 1;
    height: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}
.sqss_aabaaba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.sqss_aabaabaa {
    height: 18px;
    font-size: 10px;
    line-height: 1;
    color: var(--ys04);
    padding: 0 5px;
    border-radius: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqss_aabaabaa.zd {
    background: var(--ys13);
}
.sqss_aabaabaa.jh {
    background: var(--ys17);
}
.sqss_aabaabab {
    flex: 1;
    font-size: 14px;
    line-height: 1;
    color: var(--ys04);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.sqss_aabaabb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.sqss_aabaabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.sqss_aabaabbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.sqss_aabaabbab {
    height: 18px;
    font-size: 11px;
    line-height: 1;
    color: var(--ys12);
    padding: 0 5px;
    background: var(--ys08);
    border-radius: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.sqss_aabaabbac {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.sqss_aabaabbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.sqss_aabaabbba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.sqss_aabaabbbaa {
    font-size: 11px;
    line-height: 1;
    color: var(--ys12);
}
.sqss_aabaabbbaa.ll:before {
    content: '\e8cc';
    position: relative;
    top: -1px;
}
.sqss_aabaabbbaa.hf:before {
    content: '\ea38';
}
.sqss_aabaabbbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.sqss_aabab {
    width: 100%;
    padding: 50px 0;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.sqss_aabb {
    height: 34px;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
/* 发布帖子 */