.cbyc {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_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;
}
.cbyc_a::before {
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, rgba(245, 158, 11, .06) 0%, transparent 100%);
    position: absolute;
    top: 0;
}
.cbyc_aa {
    width: 1280px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}
.cbyc_aaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 7px;
}
.cbyc_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;
}
.cbyc_aaab {
    font-size: 16px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_aab {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.cbyc_aaba {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_aabb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}
.cbyc_aabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.cbyc_aabbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_aabbaa::before {
    content: '\e89f';
}
.cbyc_aabbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_aabbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}
.cbyc_aabbba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.cbyc_aabbbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_aabbbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_b {
    width: 100%;
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
}
.cbyc_ba {
    width: 1280px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_baa {
    width: 100%;
    height: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_baaa {
    width: 100px;
    height: 100%;
    background: var(--ys08);
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.cbyc_baaa.active {
    background: var(--ys18);
    color: var(--ys04);
}
.cbyc_baaa:hover:not(.active) {
    color: var(--ys18);
}
.cbyc_bab {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.cbyc_baba {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_baba.active {
    display: flex;
}
.cbyc_babaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaaaa {
    width: 120px;
    height: 120px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babaaab {
    font-size: 16px;
    line-height: 1;
    color: #029b91;
}
.cbyc_babaab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.cbyc_babaaba {
    width: 100%;
    height: 100px;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--ys02);
    border-radius: 8px;
    transition: var(--sd01);
}
.cbyc_babaaba:hover {
    transform: translateY(-1px);
}
.cbyc_babaabaa {
    font-size: 20px;
    line-height: 1;
    color: var(--ys06);
    font-weight: 550;
}
.cbyc_babaabab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaac {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.cbyc_babaaca {
    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;
    transition: var(--sd01);
}
.cbyc_babaaca:hover {
    transform: translateY(-1px);
}
.cbyc_babaacaa {
    width: 100%;
    height: 55px;
    background: rgba(2, 195, 154, 0.1);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaacaaa {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: var(--ys06);
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaacab {
    width: 100%;
    padding: 25px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaacaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.cbyc_babaacabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaacabab {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
}
.cbyc_babaacabab.ys_yx {
    color: var(--ys16);
}
.cbyc_babaacabab.ys_lh {
    color: var(--ys18);
}
.cbyc_babaacabab.ys_yb {
    color: var(--ys17);
}
.cbyc_babaacabab.ys_jc {
    color: var(--ys13);
}
.cbyc_babaacabb {
    height: 30px;
    border-left: 1px dashed #212a36;
}
.cbyc_babaad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babaada {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babaadaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaadaaa {
    height: 100%;
    display: block;
    object-fit: cover;
}
.cbyc_babaadab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaadb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.cbyc_babaadba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_babaadbaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaadbab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babaadbb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.cbyc_babaadbba {
    width: 100%;
    height: 760px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}
.cbyc_babaadbbaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babaadbbb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}
.cbyc_babaadbbba {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.cbyc_babaadbbba:hover {
    transform: translateY(-1px);
}
.cbyc_babaadbbbaa {
    width: 100%;
    height: 35px;
    background: var(--ys08);
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaadbbba.active .cbyc_babaadbbbaa {
    color: var(--ys06);
}
.cbyc_babaadbbbab {
    width: 100%;
    height: 103px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaadbbbaba {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babaae {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babaaea {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babaaeaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaaeaaa {
    height: 100%;
    display: block;
    object-fit: cover;
}
.cbyc_babaaeab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaaeb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}
.cbyc_babaaeba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babaaebaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_babaaebaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebaab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babaaebab {
    width: 100%;
    height: 200px;
    background: var(--ys02);
    border-radius: 8px;
    overflow: hidden;
    padding: 15px;
}
.cbyc_babaaebaba {
    width: 100%;
    height: 100%;
    display: block;
}
.cbyc_babaaebb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    gap: 15px;
}
.cbyc_babaaebba {
    width: 100%;
    padding: 20px;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
}
.cbyc_babaaebbaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babaaebbaaa {
    font-size: 40px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaaebbaaa.bt::before {
    content: '\ebb6';
    color: var(--ys17);
}
.cbyc_babaaebbaaa.yj::before {
    content: '\ebb7';
    color: var(--ys18);
}
.cbyc_babaaebbaab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebbaac {
    font-size: 18px;
    line-height: 1;
    color: var(--ys16);
}
.cbyc_babaaebbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebc {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babaaebca {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebcb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}
.cbyc_babaaebcba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: var(--ys02);
    border-radius: 8px;
    overflow: hidden;
    transition: var(--sd01);
}
.cbyc_babaaebcbaa {
    width: 100%;
    background: var(--ys08);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding: 10px 15px;
}
.cbyc_babaaebcbaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys16);
}
.cbyc_babaaebcbaab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaaebcbab {
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaaebcbaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.cbyc_babaaebcbabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebcbabab {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
}
.cbyc_babaaebcbabb {
    height: 30px;
    border-left: 1px dashed #212a36;
}
.cbyc_babaaebcbab .ys_yx {
    color: var(--ys16);
}
.cbyc_babaaebcbab .ys_lh {
    color: var(--ys18);
}
.cbyc_babaaebcbab .ys_yb {
    color: var(--ys17);
}
.cbyc_babaaebcbab .ys_jc {
    color: var(--ys13);
}
.cbyc_babaaebd {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babaaebda {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebdb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.cbyc_babaaebdba {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--ys02);
    border-radius: 8px;
    transition: var(--sd01);
}
.cbyc_babaaebdba:hover {
    transform: translateY(-1px);
}
.cbyc_babaaebdbaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaaebdbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaaebdbac {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.cbyc_babaaebdbac .tj_tyhs_dhwb {
    width: 70px;
    height: 24px;
    text-align: center;
    color: var(--ys17);
    font-size: 13px;
    padding: 0 0 1px 0;
}
.cbyc_babaaebdbaca {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaaebdbad {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaaf {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babaafa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babaafaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaafaaa {
    height: 100%;
    display: block;
    object-fit: cover;
}
.cbyc_babaafab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaafb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.cbyc_babaafba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--ys02);
    border-radius: 8px;
    overflow: hidden;
    padding: 15px;
}
.cbyc_babaafbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaafbab {
    width: 100%;
    height: 220px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.cbyc_babaafbaba {
    width: 100%;
    height: 100%;
    display: block;
}
.cbyc_babaafbac {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaag {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.cbyc_babaaga {
    width: 100%;
    background: var(--ys02);
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
    border-radius: 8px;
    overflow: hidden;
    transition: var(--sd01);
}
.cbyc_babaaga:hover {
    transform: translateY(-1px);
}
.cbyc_babaagaa {
    font-size: 16px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaagab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.cbyc_babaagaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babaagabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaagabbb {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin: -3px 0;
    text-align: justify;
    color: rgb(148 163 184 / 50%);
}
.cbyc_babaah {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_babaahaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babaahabaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
}
.cbyc_babaahabaaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaahabaaaa {
    height: 100%;
    display: block;
    object-fit: cover;
}
.cbyc_babaahabaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaahabaac {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    padding: 7px 14px;
    border-radius: 4px;
    background: var(--ys02);
    border: var(--xt01);
    transition: var(--sd01);
}
.cbyc_babaahabaac:hover {
    transform: translateY(-1px);
}
.cbyc_babaahabab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.cbyc_babaahababa {
    width: 100%;
    background: rgba(2, 195, 154, 0.1);
    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: 12px;
    transition: var(--sd01);
}
.cbyc_babaahababa:hover {
    transform: translateY(-1px);
}
.cbyc_babaahababaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaahababab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaahababac {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babaahababb {
    width: 100%;
    background: var(--ys02);
    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: 12px;
    transition: var(--sd01);
}
.cbyc_babaahababb:hover {
    transform: translateY(-1px);
}
.cbyc_babaahababba {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babaahababbb {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaahababbc {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babaahabb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babaahabba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babaahabbaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaahabbaaa {
    height: 100%;
    display: block;
    object-fit: cover;
}
.cbyc_babaahabbab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaahabbb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.cbyc_babaahabbba {
    background: var(--ys02);
    padding: 15px;
    border-radius: 8px;
    transition: var(--sd01);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    border-left: 4px solid;
    overflow: hidden;
    gap: 12px;
}
.cbyc_babaahabbba:hover {
    transform: translateY(-1px);
}
.cbyc_babaahabbba.ys_yx {
    border-left-color: var(--ys16);
}
.cbyc_babaahabbba.ys_lh {
    border-left-color: var(--ys17);
}
.cbyc_babaahabbba.ys_yb {
    border-left-color: var(--ys18);
}
.cbyc_babaahabbba.ys_jc {
    border-left-color: var(--ys13);
}
.cbyc_babaahabbba.ys_wz {
    border-left-color: var(--ys09);
}
.cbyc_babaahabbbaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.cbyc_babaahabbbaaa {
    font-size: 14px;
    line-height: 1;
}
.ys_yx .cbyc_babaahabbbaaa {
    color: var(--ys16);
}
.ys_lh .cbyc_babaahabbbaaa {
    color: var(--ys17);
}
.ys_yb .cbyc_babaahabbbaaa {
    color: var(--ys18);
}
.ys_jc .cbyc_babaahabbbaaa {
    color: var(--ys13);
}
.ys_wz .cbyc_babaahabbbaaa {
    color: var(--ys09);
}
.cbyc_babaahabbbaab {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    line-height: 1;
    padding: 5px;
    border-radius: 4px;
}
.ys_yx .cbyc_babaahabbbaab {
    background: rgb(26 153 91 / 20%);
    color: var(--ys16);
}
.ys_lh .cbyc_babaahabbbaab {
    background: rgb(235 131 7 / 20%);
    color: var(--ys17);
}
.ys_yb .cbyc_babaahabbbaab {
    background: rgb(77 114 255 / 20%);
    color: var(--ys18);
}
.ys_jc .cbyc_babaahabbbaab {
    color: var(--ys13);
    background: rgb(255 62 70 / 20%);
}
.ys_wz .cbyc_babaahabbbaab {
    background: rgb(165 169 172 / 20%);
    color: var(--ys09);
}
.cbyc_babaahabbbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaahabbbac {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babaahabc {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babaahabca {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babaahabcaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babaahabcaaa {
    height: 100%;
    display: block;
    object-fit: cover;
}
.cbyc_babaahabcab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaahabcb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.cbyc_babaahabcba {
    width: 100%;
    background: var(--ys02);
    padding: 25px 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: var(--sd01);
}
.cbyc_babaahabcba:hover {
    transform: translateY(-1px);
}
.cbyc_babaahabcbaa {
    font-size: 15px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babaahabcbab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babi {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_babia {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babiaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babiaaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babiaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babiaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babiab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}
.cbyc_babiaba {
    width: 100%;
    padding: 20px;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    transition: var(--sd01);
}
.cbyc_babiaba:hover {
    transform: translateY(-1px);
}
.cbyc_babiabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babiabab {
    font-size: 16px;
    line-height: 1;
    color: var(--ys17);
    font-weight: bold;
}
.cbyc_babib {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babiba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babibaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babibaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babibab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babibb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.cbyc_babibba {
    width: 100%;
    padding: 20px;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    transition: var(--sd01);
    border-left: 4px solid;
}
.cbyc_babibba:hover {
    transform: translateY(-1px);
}
.cbyc_babibba.ys_yx {
    border-left-color: var(--ys16);
}
.cbyc_babibba.ys_lh {
    border-left-color: var(--ys18);
}
.cbyc_babibba.ys_yb {
    border-left-color: var(--ys18);
}
.cbyc_babibba.ys_jc {
    border-left-color: var(--ys13);
}
.cbyc_babibba.ys_wsj {
    border-left-color: var(--ys09);
}
.cbyc_babibbaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.cbyc_babibbaaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.cbyc_babibbaaaa {
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
}
.ys_yx .cbyc_babibbaaaa {
    color: var(--ys16);
}
.ys_lh .cbyc_babibbaaaa {
    color: var(--ys18);
}
.ys_yb .cbyc_babibbaaaa {
    color: var(--ys18);
}
.ys_jc .cbyc_babibbaaaa {
    color: var(--ys13);
}
.ys_wsj .cbyc_babibbaaaa {
    color: var(--ys09);
}
.cbyc_babibbaaab {
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 1;
    padding: 0 7px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.ys_yx .cbyc_babibbaaab {
    background: rgb(26 153 91 / 20%);
    color: var(--ys16);
}
.ys_lh .cbyc_babibbaaab {
    background: rgb(77 114 255 / 20%);
    color: var(--ys18);
}
.ys_yb .cbyc_babibbaaab {
    background: rgb(77 114 255 / 20%);
    color: var(--ys18);
}
.ys_jc .cbyc_babibbaaab {
    background: rgb(255 62 70 / 20%);
    color: var(--ys13);
}
.ys_wsj .cbyc_babibbaaab {
    background: rgb(165 169 172 / 20%);
    color: var(--ys09);
}
.cbyc_babibbaab {
    width: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    text-align: justify;
}
.cbyc_babic {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babica {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babicaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babicab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babicb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babicba {
    width: 100%;
    height: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babicbab {
    width: 100px;
    height: 100%;
    background: var(--ys08);
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.cbyc_babicbab.active {
    background: var(--ys18);
    color: var(--ys04);
}
.cbyc_babicbab:hover:not(.active) {
    color: var(--ys18);
}
.cbyc_babicbb {
    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;
}
.cbyc_babicbba {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    animation: fadeIn 0.3s;
}
.cbyc_babicbba.active {
    display: flex;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.cbyc_babicbbab {
    width: 100%;
    height: 35px;
    background: var(--ys08);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_babicbbaba {
    width: 120px;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicbbabb{
    width: 100px;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicbbabc {
    width: 100px;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicbbabd {
    width: 100px;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicbbabe {
    width: 102px;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicbbac {
    width: 100%;
    height: 350px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.cbyc_babicbbac::-webkit-scrollbar-thumb {
    background: var(--ys08);
}
.cbyc_babicabba {
    width: 100%;
    height: 35px;
    flex-shrink: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_babicabba:nth-child(even) {
    background: rgb(18 24 31 / 50%);
}
.cbyc_babicabbaa {
    width: 120px;
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicabbab {
    width: 100px;
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicabbab.ys_yx {
    color: var(--ys16);
}
.cbyc_babicabbab.ys_lh {
    color: var(--ys18);
}
.cbyc_babicabbab.ys_yb {
    color: var(--ys17);
}
.cbyc_babicabbab.ys_jc {
    color: var(--ys13);
}
.cbyc_babicabbac {
    width: 100px;
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicabbad {
    width: 100px;
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babicabbae {
    width: 100px;
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babid {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babida {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babidaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babidaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babidab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babidb {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.cbyc_babidba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babidbaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babidbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babidbaba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.cbyc_babidbabaa {
    width: 100%;
    background: var(--ys02);
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    transition: var(--sd01);
    position: relative;
}
.cbyc_babidbabaa:hover {
    transform: translateY(-1px);
}
.cbyc_babidbabaaa {
    font-size: 28px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    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;
}
.cbyc_babidbabaaa::before {
    content: '\ebb9';
}
.cbyc_babidbabaab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.cbyc_babidbabaaba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}
.cbyc_babidbabaabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babidbabaabab {
    font-size: 12px;
    line-height: 1;
    padding: 8px 10px;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.cbyc_babidbabaabab.ys_jxz {
    background: rgb(2 195 154 / 20%);
    color: var(--ys06);
}
.cbyc_babidbabaabab.ys_wks {
    background: rgb(255 62 70 / 20%);
    color: var(--ys13);
}
.cbyc_babidbabaabab.ys_yjs {
    background: rgb(164 168 171 / 20%);
    color: var(--ys09);
}
.cbyc_babidbabaabb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_babidbabaabba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babidbabaabbb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys17);
}
.cbyc_babidbabb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babidbabba {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babidbabbb {
    width: 100%;
    background: var(--ys02);
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}
.cbyc_babidbabbba {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.cbyc_babidbabbbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.cbyc_babidbabbbaaaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babidbabbbaaab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babidbabbbb {
    font-size: 12px;
    line-height: 1;
    padding: 8px 10px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babidbabbbb.ys_yx {
    background: rgb(2 195 154 / 20%);
    color: var(--ys06);
}
.cbyc_babidbabbbb.ys_lh {
    background: rgb(77 114 255 / 20%);
    color: var(--ys18);
}
.cbyc_babidbabbbb.ys_yb {
    background: rgb(235 131 7 / 20%);
    color: var(--ys17);
}
.cbyc_babidbabbbb.ys_jc {
    background: rgb(255 62 70 / 20%);
    color: var(--ys13);
}
.cbyc_babie {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babiea {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babieaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babieaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babieab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babieb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.cbyc_babieba {
    width: 100%;
    background: var(--ys02);
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    transition: var(--sd01);
    gap: 5px;
}
.cbyc_babieba:hover {
    transform: translateY(-1px);
}
.cbyc_babiebaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babiebaa::before {
    content: '\e77e';
}
.cbyc_babiebab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babj {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_babja {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babjaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babjaaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babjaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babjaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babjab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}
.cbyc_babjaba {
    width: 100%;
    padding: 20px;
    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;
    gap: 10px;
    transition: var(--sd01);
}
.cbyc_babjbba:hover {
    transform: translateY(-1px);
}
.cbyc_babjabaa {
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
}
.ys_cmzt .cbyc_babjabaa {
    color: var(--ys05);
}
.ys_dcdj .cbyc_babjabaa {
    color: var(--ys17);
}
.ys_tyyb .cbyc_babjabaa {
    color: var(--ys13);
}
.ys_zzsj .cbyc_babjabaa {
    color: var(--ys06);
}
.ys_tyfs .cbyc_babjabaa {
    color: var(--ys18);
}
.ys_xxjb .cbyc_babjabaa {
    color: var(--ys09);
}
.cbyc_babjabab {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babjb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babjba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babjbaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babjbaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babjbab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babjbb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.cbyc_babjbba {
    width: 100%;
    padding: 20px;
    background: var(--ys02);
    border-left: 4px solid;
    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;
    transition: var(--sd01);
}
.cbyc_babjbba:hover {
    transform: translateY(-1px);
}
.cbyc_babjbba.ys_qw {
    border-left-color: var(--ys06);
}
.cbyc_babjbba.ys_zd {
    border-left-color: var(--ys17);
}
.cbyc_babjbba.ys_jz {
    border-left-color: var(--ys13);
}
.cbyc_babjbba.ys_yz {
    border-left-color: var(--ys05);
}
.cbyc_babjbbaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.cbyc_babjbbaaa {
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
}
.cbyc_babjbba.ys_qw .cbyc_babjbbaaa {
    color: var(--ys06);
}
.cbyc_babjbba.ys_zd .cbyc_babjbbaaa {
    color: var(--ys17);
}
.cbyc_babjbba.ys_jz .cbyc_babjbbaaa {
    color: var(--ys13);
}
.cbyc_babjbba.ys_yz .cbyc_babjbbaaa {
    color: var(--ys05);
}
.cbyc_babjbbaab {
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
    padding: 0 7px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babjbba.ys_qw .cbyc_babjbbaab {
    background: var(--ys06);
}
.cbyc_babjbba.ys_zd .cbyc_babjbbaab {
    background: var(--ys17);
}
.cbyc_babjbba.ys_jz .cbyc_babjbbaab {
    background: var(--ys13);
}
.cbyc_babjbba.ys_yz .cbyc_babjbbaab {
    background: var(--ys05);
}
.cbyc_babjbbab {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    margin: -3px 0;
    color: var(--ys12);
    text-align: justify;
}
.cbyc_babjbbac {
    background: var(--ys08);
    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: 10px;
}
.cbyc_babjbbaca {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babjbbacb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babjbbacc {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babjbbacd {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babjbbad {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    margin: -3px 0;
    color: var(--ys12);
    text-align: justify;
}
.cbyc_babjbbae {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    margin: -3px 0;
    color: var(--ys12);
    text-align: justify;
}
.cbyc_babjc {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babjca {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babjcaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babjcaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babjcab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babjcb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.cbyc_babjcba {
    width: 100%;
    padding: 20px;
    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;
    gap: 10px;
    transition: var(--sd01);
}
.cbyc_babjcba:hover {
    transform: translateY(-5px);
}
.cbyc_babjcbaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.cbyc_babjcbaaa {
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
}
.cbyc_babjcba.ys_pj .cbyc_babjcbaaa {
    color: var(--ys06);
}
.cbyc_babjcba.ys_bj .cbyc_babjcbaaa {
    color: var(--ys18);
}
.cbyc_babjcba.ys_hy .cbyc_babjcbaaa {
    color: var(--ys17);
}
.cbyc_babjcba.ys_cb .cbyc_babjcbaaa {
    color: var(--ys13);
}
.cbyc_babjcba.ys_pj .cbyc_babjcbaab {
    background: var(--ys06);
}
.cbyc_babjcba.ys_bj .cbyc_babjcbaab {
    background: var(--ys18);
}
.cbyc_babjcba.ys_hy .cbyc_babjcbaab {
    background: var(--ys17);
}
.cbyc_babjcba.ys_cb .cbyc_babjcbaab {
    background: var(--ys13);
}
.cbyc_babjcbaab {
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
    padding: 0 7px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babjcbab {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babjd {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babjda {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babjdaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babjdaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babjdab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babjdb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.cbyc_babjdba {
    width: 100%;
    background: var(--ys02);
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    transition: var(--sd01);
    gap: 5px;
}
.cbyc_babjdba:hover {
    transform: translateY(-1px);
}
.cbyc_babjdbaa {
    font-size: 13px;
    line-height: 1;
    color: var(--ys06);
}
.cbyc_babjdbaa::before {
    content: '\e77e';
}
.cbyc_babjdbab {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babk {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_babka {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babkaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babkaaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babkaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babkaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babkab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.cbyc_babkaba {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    transition: var(--sd01);
}
.cbyc_babkaba:hover {
    transform: translateY(-1px);
}
.cbyc_babkabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babkabab {
    width: 100%;
    height: 180px;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.cbyc_babkababa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babkababb {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0 0 0 / 60%);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babkababb::before {
    content: '\e752';
}
.cbyc_babkabab:hover .cbyc_babkababb {
    display: flex;
}
.cbyc_babkb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babkba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babkbaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babkbaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babkbab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babkbc {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.cbyc_babkbca {
    width: 100%;
    background: var(--ys02);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    overflow: hidden;
    gap: 15px;
}
.cbyc_babkbcaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.cbyc_babkbcaaa {
    width: 45px;
    height: 45px;
    background: var(--ys02);
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    transition: var(--sd01);
    font-size: 20px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babkbcaaa.prev {
    left: 15px;
}
.cbyc_babkbcaaa.prev:hover {
    transform: translateX(-1px);
    background: var(--ys18);
    color: var(--ys04);
}
.cbyc_babkbcaaa.prev::before {
    content: '\e675';
}
.cbyc_babkbcaaa.next {
    right: 15px;
}
.cbyc_babkbcaaa.next:hover {
    transform: translateX(1px);
    background: var(--ys18);
    color: var(--ys04);
}
.cbyc_babkbcaaa.next::before {
    content: '\100ee';
}
.cbyc_babkbcaab {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.cbyc_babkbcaaba {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.cbyc_babkbcaaba.slide-out {
    opacity: 0;
    transform: scale(0.95);
}
.cbyc_babkbcaaba.slide-in {
    opacity: 1;
    transform: scale(1);
}
.cbyc_babkbcab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.cbyc_babkbcaba {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babkbcabb {
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_babkbcb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babkbcba {
    width: 12px;
    height: 12px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--ys08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}
.cbyc_babkbcba:hover {
    background: var(--ys18);
    transform: scale(1.3);
}
.cbyc_babkbcba.active {
    background: var(--ys18);
    transform: scale(1.3);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
    animation: dotPulse 2s ease-in-out infinite;
}
@keyframes dotPulse {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(102, 126, 234, 0.1);
    }
}
.cbyc_babl {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
}
.cbyc_babla {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_bablaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_bablaaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_bablaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_bablaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_bablab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_bablaba {
    width: 100%;
    height: 20px;
    background: var(--ys02);
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.cbyc_bablabaa {
    background: linear-gradient(90deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%);
    height: 100%;
    transition: width 1s;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    color: var(--ys04);
}
.cbyc_bablabb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.cbyc_bablabba {
    width: 100%;
    background: var(--ys02);
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    transition: var(--sd01);
}
.cbyc_bablabba:hover {
    transform: translateY(-1px);
}
.cbyc_bablabbaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_bablabbab {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.cbyc_bablabba:nth-child(1) .cbyc_bablabbab {
    color: var(--ys06);
}
.cbyc_bablabba:nth-child(2) .cbyc_bablabbab {
    color: var(--ys17);
}
.cbyc_bablabba:nth-child(3) .cbyc_bablabbab {
    color: var(--ys13);
}
.cbyc_bablabba:nth-child(4) .cbyc_bablabbab {
    color: var(--ys18);
}
.cbyc_bablabc {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.cbyc_bablabca {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    background: var(--ys02);
    border-radius: 8px;
    gap: 15px;
    border-left: 4px solid;
    transition: var(--sd01);
}
.cbyc_bablabca:hover {
    transform: translateY(-1px);
}
.cbyc_bablabca:nth-child(1) {
    border-left-color: var(--ys06);
}
.cbyc_bablabca:nth-child(2) {
    border-left-color: var(--ys17);
}
.cbyc_bablabcaa {
    font-size: 14px;
    line-height: 1;
    color: var(--ys12);
}
.cbyc_bablabcab {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.cbyc_bablabca:nth-child(1) .cbyc_bablabcab {
    color: var(--ys06);
}
.cbyc_bablabca:nth-child(2) .cbyc_bablabcab {
    color: var(--ys17);
}
.cbyc_bablb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_bablba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_bablbaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_bablbaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_bablbab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_bablbb {
    width: 100%;
    height: 200px;
    background: var(--ys02);
    border-radius: 8px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
.cbyc_bablbba {
    width: 100%;
    height: 100%;
    display: block;
}
.cbyc_babm {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babma {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}
.cbyc_babmaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babmaaa {
    height: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babmaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cbyc_babmaab {
    font-size: 18px;
    line-height: 1;
    color: var(--ys04);
    font-weight: bold;
}
.cbyc_babmab {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    padding: 7px 14px;
    border-radius: 4px;
    background: var(--ys02);
    border: var(--xt01);
    transition: var(--sd01);
}
.cbyc_babmab:hover {
    transform: translateY(-1px);
}
.cbyc_babmb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.cbyc_babmba {
    width: 100%;
    height: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cbyc_babmbaa {
    width: 80px;
    height: 100%;
    background: var(--ys08);
    font-size: 13px;
    line-height: 1;
    color: var(--ys12);
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--sd01);
}
.cbyc_babmbaa.active {
    background: var(--ys18);
    color: var(--ys04);
}
.cbyc_babmbaa:hover:not(.active) {
    color: var(--ys18);
}
.cbyc_babmbb {
    width: 100%;
    background: var(--ys02);
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.cbyc_babmbba {
    width: 100%;
    height: 300px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.cbyc_babmbbaa {
    width: 100%;
    height: 100%;
    display: block;
}
.cbyc_babmbbb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.cbyc_babmbbba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.cbyc_babmbbbaa {
    width: 17px;
    height: 17px;
    border-radius: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cbyc_babmbbbab {
    font-size: 12px;
    line-height: 1;
    color: var(--ys12);
}