/* 活动列表 */
.tjhd_index {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.tjhd_index_a {
    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;
}
.tjhd_index_a::before {
    content: '';
    background: linear-gradient(180deg, rgba(245, 158, 11, .06) 0%, transparent 100%);
}
.tjhd_index_a::before {
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, rgba(245, 158, 11, .06) 0%, transparent 100%);
    position: absolute;
    top: 0;
}
.tjhd_index_aa {
    width: 1400px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}
.tjhd_index_aaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 7px;
}
.tjhd_index_aaaa {
    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;
}
.tjhd_index_aaab {
    font-size: 16px;
    line-height: 1;
    color: var(--ys12);
}
.tjhd_index_aab {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.tjhd_index_aaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.tjhd_index_aabaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.tjhd_index_aabaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tjhd_index_aabaab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.tjhd_index_aabb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.tjhd_index_aabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.tjhd_index_aabbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tjhd_index_aabbaa::before {
    content: '\e89f';
}
.tjhd_index_aabbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.tjhd_index_aabbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}
.tjhd_index_aabbba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.tjhd_index_aabbbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tjhd_index_aabbbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.tjhd_index_b {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.tjhd_index_ba {
    width: 1400px;
    padding: 15px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
}
.tjhd_index_baa {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tjhd_index_baaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.tjhd_index_baaaa {
    width: 100%;
    height: 45px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    background: var(--ys02);
    padding: 0 15px;
    border-radius: 8px 8px 0 0;
}
.tjhd_index_baaaaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    border-bottom: var(--xt01);
}
.tjhd_index_baaaaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.tjhd_index_baaaaaa.active {
    color: var(--ys06);
}
.tjhd_index_baaaaaa.active::before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--ys06);
    position: absolute;
    bottom: -1px;
}
.tjhd_index_baaaaaa:not(.active):hover {
    color: var(--ys04);
}
.tjhd_index_baaab {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.tjhd_index_baaaba {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.tjhd_index_baaaba.active {
    display: flex;
}
.tjhd_index_baaabaa {
    width: 100%;
    background: var(--ys02);
    border-radius: 0 0 8px 8px;
    padding: 0 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.tjhd_index_baaabaa .tj_tyhs_zwsj {
    padding: 50px;
}
.tjhd_index_baaabaaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.tjhd_index_baaabaaaa {
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    border-bottom: 1px dashed #212a36;
}
.tjhd_index_baaabaaaa.last-visible {
    border-bottom: 0;
}
.tjhd_index_baaabaaaaa {
    height: 220px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.tjhd_index_baaabaaaaaa {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.tjhd_index_baaabaaaaab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
    padding: 5px 8px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 10px;
}
.tjhd_index_baaabaaaaab.jxz {
    background: var(--ys06);
}
.tjhd_index_baaabaaaaab.dks {
    background: var(--ys17);
}
.tjhd_index_baaabaaaaab.yjs {
    background: var(--ys13);
}
.tjhd_index_baaabaaaaabb {
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tjhd_index_baaabaaaaabb.xs {
    background: rgb(77 114 255 / 15%);
    color: var(--ys18);
}
.tjhd_index_baaabaaaaabb.xx {
    background: rgb(103 74 255 / 15%);
    color: var(--ys05);
}
.tjhd_index_baaabaaaab {
    flex: 1;
    height: 220px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}
.tjhd_index_baaabaaaaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}
.tjhd_index_baaabaaaabaa {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    color: var(--ys04);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.tjhd_index_baaabaaaabab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.tjhd_index_baaabaaaababa {
    font-size: 12px;
    line-height: 1;
    color: var(--ys06);
    background: rgb(2 195 154 / 5%);
    padding: 5px 7px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tjhd_index_baaabaaaabac {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.tjhd_index_baaabaaaabaca {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.tjhd_index_baaabaaaabacaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.tjhd_index_baaabaaaabacab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    opacity: .7;
}
.tjhd_index_baaabaaaabacac {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.tjhd_index_baaabaaaabacaca {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    opacity: .7;
}
.tjhd_index_baaabaaaabacacb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.tjhd_index_baaabaaaabb {
    font-size: 13px;
    line-height: 1;
    color: #f0a500;
    background: rgba(240, 165, 0, .15);
    padding: 7px 20px;
    border-radius: 4px;
    border: 1px solid rgba(240, 165, 0, .3);
    transition: var(--sd01);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    gap: 7px;
    transition: var(--sd01);
}
.tjhd_index_baaabaaaabb:hover {
    transform: translateY(-1px);
}
.tjhd_index_bab {
    width: 350px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tjhd_index_baba {
    width: 100%;
    background: rgba(102, 126, 234, 0.05);
    padding: 15px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tjhd_index_babaa {
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--ys04);
}
.tjhd_index_babab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.tjhd_index_bababa {
    width: 100%;
    height: 36px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.tjhd_index_bababa .tj_tyhs_dhwb {
    background: var(--ys08);
}
.tjhd_index_bababaa {
    height: 100%;
    position: absolute;
    right: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    color: var(--ys12);
}
.tjhd_index_bababaa::before {
    content: '\e752';
}
.tjhd_index_bababaa:hover {
    color: var(--ys06);
}
.tjhd_index_bababb {
    width: 100%;
    height: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.tjhd_index_bababba {
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
    background: var(--ys08);
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.tjhd_index_bababba.active {
    background: linear-gradient(135deg, #5b9bd5 0%, #3b7cc4 100%);
    color: var(--ys04);
}
.tjhd_index_bababba:not(.active):hover {
    color: var(--ys04);
}
/* 活动列表 */
/* 活动详情 */
.hdxq {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.hdxq_b {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.hdxq_ba {
    width: 1400px;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.hdxq_baa {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: var(--ys02);
    border-radius: 8px;
    overflow: hidden;
}
.hdxq_baaa {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.hdxq_baaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hdxq_baaab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys04);
    padding: 5px 8px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 15px;
}
.hdxq_baaab.jxz {
    background: var(--ys06);
}
.hdxq_baaab.dks {
    background: var(--ys17);
}
.hdxq_baaab.yjs {
    background: var(--ys13);
}
.hdxq_baaac {
    width: 100%;
    position: absolute;
    background: var(--ys19);
    left: 0;
    bottom: 0;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.hdxq_baaaca {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.hdxq_baaacb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.hdxq_baaacba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.hdxq_baaacbaa {
    min-width: 25px;
    height: 25px;
    border-radius: 4px;
    background: var(--ys08);
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hdxq_baaacbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.hdxq_baab {
    width: 100%;
    display: flex;
    padding: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.hdxq_baaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.hdxq_baabaa {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    color: var(--ys04);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    margin: -5px 0;
}
.hdxq_baabab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.hdxq_baababa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.hdxq_baababaa {
    font-size: 12px;
    line-height: 1;
    color: var(--ys06);
    background: rgb(2 195 154 / 5%);
    padding: 7px 10px 6px 10px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hdxq_baababb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.hdxq_baababba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.hdxq_baababbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.hdxq_baababbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    opacity: .7;
}
.hdxq_baababbac {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.hdxq_baababbaca {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    opacity: .7;
}
.hdxq_baababbacb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.hdxq_baabb {
    width: 100%;
    height: 36px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.hdxq_baabba {
    height: 100%;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: var(--sd01);
}
.hdxq_baabba:hover {
    transform: translateY(-1px);
}
.hdxq_bab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
}
.hdxq_baba {
    flex: 1;
    padding: 15px;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.hdxq_babaa {
    width: 100%;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
    color: var(--ys12);
    margin: -5px 0;
}
.hdxq_babb {
    width: 350px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.hdxq_babba {
    width: 100%;
    background: rgba(102, 126, 234, 0.05);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.hdxq_babbaa {
    width: 100%;
    background: rgba(102, 126, 234, 0.05);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    padding: 15px;
}
.hdxq_babbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 15px;
}
.hdxq_babbaba {
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-bottom: 1px dashed #212A36;
}
.hdxq_babbaba:last-child {
    border-bottom: none;
}
.hdxq_babbabaa {
    width: 40px;
    height: 40px;
    background: var(--ys04);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hdxq_babbabaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hdxq_babbabab {
    flex: 1;
    height: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}
.hdxq_babbababa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.hdxq_babbababaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys04);
}
.hdxq_babbababab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.hdxq_babbababac {
    font-size: 14px;
    line-height: 1;
    color: var(--ys06);
}
.hdxq_babbababad {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
    position: relative;
    top: 1px;
}
.hdxq_babbababad::before {
    content: '\eb61';
}
.hdxq_babbababb {
    width: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
    opacity: .7;
}
.hdxq_babbab .tj_tyhs_zwsj {
    padding: 20px 0;
}
.hdxq_babbb {
    width: 100%;
    background: rgba(102, 126, 234, 0.05);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.hdxq_babbba {
    width: 100%;
    background: rgba(102, 126, 234, 0.05);
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.hdxq_babbbaa {
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
}
.hdxq_babbbab {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.hdxq_babbbaba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    transition: var(--sd01);
}
.hdxq_babbbaba:not(.active):hover {
    transform: translateY(-1px);
}
.hdxq_babbbaba.active {
    color: var(--ys06);
}
.hdxq_babbbabb {
    font-size: 11px;
    line-height: 1;
    color: var(--ys12);
    position: relative;
    top: -0.5px;
}
.hdxq_babbbb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.hdxq_babbbba {
    width: 100%;
    padding: 0 15px;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.hdxq_babbbba.show {
    display: flex;
}
.hdxq_babbbbaaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    border-bottom: 1px dashed #212a36;
}
.hdxq_babbbbaaa:last-child {
    border-bottom: none;
}
.hdxq_babbbbaaaa {
    height: 45px;
    aspect-ratio: 16 / 9;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.hdxq_babbbbaaaaa {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.hdxq_babbbbaaab {
    flex: 1;
    height: 45px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}
.hdxq_babbbbaaaba {
    width: 100%;
    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;
}
.hdxq_babbbbaaabb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.hdxq_babbbbaaabba {
    font-size: 12px;
    line-height: 1;
    color: var(--ys17);
}
.hdxq_babbbbaaabbb {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
    opacity: .7;
}
/* 活动详情 */