body * {
    box-sizing: border-box;
    flex-shrink: 0;
    font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,"sans-serif"
}

body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
        Arial, PingFang SC-Light, Microsoft YaHei;
}

input {
    background-color: transparent;
    border: 0;
}

button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.buspdt_bg {
    /* max-width: 1920px; */
    /* height: 460px; */
}

.buspdt_bg img {
    /* width: 1920px; */
    /* height: 460px; */
    object-fit: cover;
}

.buspdt_growth {
    /* max-width: 1920px; */
    height: 454px;
    background: linear-gradient(180deg,
            rgba(247, 248, 252, 0.53) 0%,
            rgba(245, 247, 251, 0.53) 100%);
}

.buspdt_growth_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 52px;
}

.buspdt_growth_top p {
    font-weight: 600;
    font-size: 30px;
    color: #333333;
}

.buspdt_growth_top span {
    font-weight: 500;
    font-size: 20px;
    color: #666666;
    margin-top: 20px;
}

.buspdt_growth_content {
    max-width: 1240px;
    margin: 40px auto 0;
    box-sizing: border-box;
}

.buspdt_growth_grid {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: stretch;
}

.buspdt_growth_card {
    position: relative;
    width: 298px;
    height: 214px;
    border-radius: 16px;
    padding: 24px;
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    transition: width 260ms ease, opacity 220ms ease;
    flex-shrink: 0;
}

.buspdt_growth_card.collapsed {
    width: 298px;
    height: 214px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.95;
}

.buspdt_growth_card.expanded {
    /* width: 593px; */
    width: 555px;
    height: 214px;
    background-image: url('../img/buspdt_growth_select.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #C13015;
}

.buspdt_growth_card[data-key="brand"] {
    background-image: url('../img/buspdt_growth_select.png');
}

.buspdt_growth_card.collapsed[data-key="brand"] {
    background-image: url('../img/buspdt_growth_img1.png');
}

.buspdt_growth_card.collapsed[data-key="distributor"] {
    background-image: url('../img/buspdt_growth_img2.png');
}

.buspdt_growth_card.collapsed[data-key="terminal"] {
    background-image: url('../img/buspdt_growth_img3.png');
}

.buspdt_growth_card_expanded,
.buspdt_growth_card_compact {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.buspdt_growth_card_compact {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.buspdt_growth_card_compact .buspdt_growth_title {
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    color: #FFFFFF;
}

.buspdt_growth_card_compact .buspdt_growth_subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
}

.buspdt_growth_compact_list {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.buspdt_growth_compact_list li {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.95);
    white-space: nowrap;
}

.buspdt_growth_card_expanded {
    display: none;
}

.buspdt_growth_card.expanded .buspdt_growth_card_expanded {
    display: flex;
    animation: buspdt-card-fade 260ms ease-out;
}

.buspdt_growth_card.expanded .buspdt_growth_card_compact {
    display: none;
}

.buspdt_growth_card.expanded .buspdt_growth_title {
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    color: #D73C22;
}

.buspdt_growth_card.expanded .buspdt_growth_subtitle {
    font-size: 16px;
    font-weight: 500;
    color: #A74D3A;
}

.buspdt_growth_list {
    margin: 12px 0 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #666666;
    font-size: 16px;
    line-height: 1.6;
}

.buspdt_growth_list li {
    position: relative;
    padding-left: 14px;
}

.buspdt_growth_list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #FF4527;
    transform: translateY(-50%);
}

@keyframes buspdt-card-fade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.buspdt_crack {
    /* max-width: 1920px; */
    height: 603px;
}

.buspdt_crack_top {
    display: flex;
    justify-content: center;
    padding-top: 52px;
}

.buspdt_crack_top p {
    font-weight: 600;
    font-size: 30px;
    color: #333333;
}

.buspdt_crack_content {
    width: 1237px;
    height: 410px;
    margin: 42px auto 0;
    position: relative;
}

.buspdt_crack_bg {
    width: 1237px;
    height: 410px;
}

.buspdt_crack_arrow1 {
    position: absolute;
    top: 50%;
    left: 51.5%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 254px;
}

.buspdt_crack_arrow2 {
    width: 8px;
    height: 33px;
    position: absolute;
    left: 291px;
    top: 123px;
    background: url('../img/buspdt_crack_arr2.png') no-repeat;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 8px 33px;
    overflow: hidden;
    animation: flow-down 3s linear infinite;
    will-change: background-position;
}

@keyframes flow-down {
    from {
        background-position: 0 0px;
    }

    to {
        background-position: 0 33px;
    }
}

.buspdt_crack_arrow3 {
    width: 8px;
    height: 33px;
    position: absolute;
    left: 291px;
    top: 252px;
    background: url('../img/buspdt_crack_arr2.png') no-repeat;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 8px 33px;
    overflow: hidden;
    animation: flow-down 3s linear infinite;
    will-change: background-position;
}

@keyframes flow-right {
    from {
        background-position: -33px 0px;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_crack_arrow4 {
    width: 33px;
    height: 8px;
    position: absolute;
    left: 178px;
    top: 74px;
    background: url('../img/buspdt_crack_arr3.png') no-repeat;
    background-size: 33px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-right 3s linear infinite;
    will-change: background-position;
}

@keyframes flow-up {
    from {
        background-position: 0 33px;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_crack_arrow5 {
    width: 8px;
    height: 33px;
    position: absolute;
    left: 162px;
    top: 110px;
    background: url('../img/buspdt_crack_arr4.png') no-repeat;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 8px 33px;
    overflow: hidden;
    animation: flow-up 3s linear infinite;
    will-change: background-position;
}

.buspdt_crack_arrow6 {
    width: 8px;
    height: 33px;
    position: absolute;
    left: 162px;
    bottom: 98px;
    background: url('../img/buspdt_crack_arr4.png') no-repeat;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 8px 33px;
    overflow: hidden;
    animation: flow-up 3s linear infinite;
    will-change: background-position;
}

.buspdt_crack_arrow7 {
    width: 33px;
    height: 8px;
    position: absolute;
    left: 190px;
    bottom: 69px;
    background: url('../img/buspdt_crack_arr5.png') no-repeat;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: 33px 8px;
    overflow: hidden;
    animation: flow-left 3s linear infinite;
    will-change: background-position;
}

@keyframes flow-left {
    from {
        background-position: 33px 0;
    }

    to {
        background-position: 0 0;
    }
}


.buspdt_distri {
    /* max-width: 1920px; */
    height: 872px;
    background-image: url('../img/buspdt_distri_bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.buspdt_distri_top {
    display: flex;
    justify-content: center;
    padding-top: 56px;
}

.buspdt_distri_top p {
    font-weight: 600;
    font-size: 30px;
    color: #333333;
}

.buspdt_distri_content {
    max-width: 1200px;
    margin: 48px auto 0;
    padding: 0 20px 65px;
    box-sizing: border-box;
}

.buspdt-distri-grid {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.buspdt-distri-card {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 240px;
    border-radius: 18px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    box-shadow: 0 10px 34px rgba(18, 58, 102, 0.18);
    transition: flex 380ms cubic-bezier(0.4, 0, 0.2, 1), transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: flex, transform;
    cursor: pointer;
}

.buspdt-distri-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    transition: opacity 300ms ease;
    z-index: 0;
}

.buspdt-distri-card::after {
    content: '';
    position: absolute;
    inset: 0;
    transition: opacity 280ms ease;
    z-index: 1;
}

.buspdt-distri-card.collapsed::after {
    opacity: 0.65;
}

.buspdt-distri-card.expanded::after {
    opacity: 0.85;
}

.buspdt-distri-card-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 34px;
}

.buspdt-distri-details,
.buspdt-distri-preview {
    position: absolute;
    inset: 33px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    text-align: left;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 300ms;
}

.buspdt-distri-details {
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    justify-content: flex-start;
}

.buspdt-distri-card.expanded .buspdt-distri-details {
    padding-right: 20px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 320ms cubic-bezier(0.4, 0, 0.2, 1) 80ms, transform 320ms cubic-bezier(0.4, 0, 0.2, 1) 80ms, visibility 0s linear 0s;
}

.buspdt-distri-preview {
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    justify-content: flex-end;
}

.buspdt-distri-card.collapsed .buspdt-distri-preview {
    opacity: 0.95;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.buspdt-distri-header {
    display: flex;
    align-items: baseline;
    gap: 16px;
    flex-wrap: wrap;
}

.buspdt-distri-highlight {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.buspdt-distri-number {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #ffffff;
}

.buspdt-distri-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
}

.buspdt-distri-desc {
    font-size: 16px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

.buspdt-distri-preview-number {
    font-size: 30px;
    font-weight: 650;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.buspdt-distri-card.collapsed .buspdt-distri-preview-number {
    justify-content: center;
}

.buspdt-distri-preview-number span {
    font-size: 32px;
    font-weight: 500;
}

.buspdt-distri-preview-label {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.buspdt-distri-card.collapsed .buspdt-distri-preview-label {
    align-self: center;
}

.buspdt-distri-card.collapsed {
    flex: 1.1;
}

.buspdt-distri-card.expanded {
    flex: 2;
}

.buspdt-distri-card.collapsed[data-key="item1"] {
    background-image: url('../img/buspdt_distri_img1.png');
}

.buspdt-distri-card.collapsed[data-key="item2"] {
    background-image: url('../img/buspdt_distri_img2.png');
}

.buspdt-distri-card.collapsed[data-key="item3"] {
    background-image: url('../img/buspdt_distri_img3.png');
}

.buspdt-distri-card.expanded[data-key="item1"]::before {
    background-image: url('../img/buspdt_distri_select1.png');
    opacity: 1;
}

.buspdt-distri-card.expanded[data-key="item2"]::before {
    background-image: url('../img/buspdt_distri_select2.png');
    opacity: 1;
}

.buspdt-distri-card.expanded[data-key="item3"]::before {
    background-image: url('../img/buspdt_distri_select3.png');
    opacity: 1;
}

@media (max-width: 1024px) {
    .buspdt_distri_content {
        padding-bottom: 60px;
    }

    .buspdt-distri-grid {
        flex-direction: column;
    }

    .buspdt-distri-card {
        min-height: 220px;
    }
}

@media (max-width: 768px) {
    .buspdt_distri_content {
        padding: 0 16px 0px;
    }

    .buspdt-distri-card-inner {
        padding: 24px;
    }

    .buspdt-distri-details,
    .buspdt-distri-preview {
        inset: 24px;
    }

    .buspdt-distri-number {
        font-size: 34px;
    }

    .buspdt-distri-title {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .buspdt_distri_content {
        padding: 0 12px 0px;
    }

    .buspdt-distri-card {
        min-height: 200px;
    }

    .buspdt-distri-preview-label {
        font-size: 16px;
    }
}

.buspdt_distri_bottom {
    display: flex;
    justify-content: center;
}

.buspdt_distri_bottom img {
    width: 1026px;
    height: 324px;
}


.buspdt_join {
    /* max-width: 1920px; */
    height: 1054px;
}

.buspdt_join_top {
    display: flex;
    justify-content: center;
    padding-top: 63px;
}

.buspdt_join_top p {
    font-weight: 600;
    font-size: 30px;
    color: #333333;
}

.buspdt_join_content {
    width: 1240px;
    height: 705px;
    margin: 41px auto 0;
    position: relative;
}

.buspdt_join_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buspdt_join_img1 {
    position: absolute;
    top: 287px;
    left: 316px;
    width: 195px;
    height: 8px;
    background-image: url('../img/buspdt_join_img1.png');
    background-size: 195px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-right-large 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-right-large {
    from {
        background-position: -195px 0;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_img2 {
    position: absolute;
    bottom: 202px;
    left: 236px;
    width: 8px;
    height: 146px;
    background-image: url('../img/buspdt_join_img2.png');
    background-size: 8px 146px;
    background-repeat: repeat-y;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-up-large 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-up-large {
    from {
        background-position: 0 146px;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_img3 {
    position: absolute;
    bottom: 154px;
    left: 345px;
    width: 133px;
    height: 8px;
    background-image: url('../img/buspdt_join_img3.png');
    background-size: 133px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-left-large 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-left-large {
    from {
        background-position: 133px 0;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_img4 {
    position: absolute;
    bottom: 205px;
    left: 581px;
    width: 8px;
    height: 145px;
    background-image: url('../img/buspdt_join_img4.png');
    background-size: 8px 145px;
    background-repeat: repeat-y;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-down-large 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-down-large {
    from {
        background-position: 0 -145px;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_img5 {
    position: absolute;
    bottom: 205px;
    left: 606px;
    width: 8px;
    height: 145px;
    background-image: url('../img/buspdt_join_img5.png');
    background-size: 8px 145px;
    background-repeat: repeat-y;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-down-large 10s linear infinite;
    will-change: background-position;
}

.buspdt_join_img6 {
    position: absolute;
    right: 337px;
    bottom: 189px;
    width: 183px;
    height: 8px;
    background-image: url('../img/buspdt_join_img6.png');
    background-size: 183px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-right-large2 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-right-large2 {
    from {
        background-position: -183px 0;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_img7 {
    position: absolute;
    right: 337px;
    bottom: 174px;
    width: 183px;
    height: 8px;
    background-image: url('../img/buspdt_join_img7.png');
    background-size: 183px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-right-large2 10s linear infinite;
    will-change: background-position;
}

.buspdt_join_img8 {
    position: absolute;
    right: 337px;
    bottom: 117px;
    width: 183px;
    height: 8px;
    background-image: url('../img/buspdt_join_img8.png');
    background-size: 183px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-left-large2 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-left-large2 {
    from {
        background-position: 183px 0;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_img9 {
    position: absolute;
    right: 244px;
    bottom: 220px;
    width: 7px;
    height: 85px;
    background-image: url('../img/buspdt_join_img9.png');
    background-size: 7px 85px;
    background-repeat: repeat-y;
    background-position: 0 0;
    overflow: hidden;
    animation: flow-up-large2 10s linear infinite;
    will-change: background-position;
}

@keyframes flow-up-large2 {
    from {
        background-position: 0 85px;
    }

    to {
        background-position: 0 0;
    }
}

.buspdt_join_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1240px;
    margin: 40px auto 0;
}

.buspdt_join_bottom_item {
    display: flex;
}

.buspdt_join_bottom_item_left img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.buspdt_join_bottom_item_right p {
    font-weight: 500;
    font-size: 20px;
    color: #D4373B;
}

.buspdt_join_bottom_item_right span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-top: 15px;
}

.buspdt_join_bottom_item_xian {
    width: 1px;
    height: 74px;
    border: 1px solid;
    opacity: 0.34;
    border-image: linear-gradient(180deg, rgba(212, 55, 59, 0), rgba(212, 55, 59, 1), rgba(212, 55, 59, 0)) 2 2;
    margin: 0 52px;
}


.buspdt_coop {
    /* max-width: 1920px; */
    height: 566px;
    background-image: url('../img/buspdt_coop.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.buspdt_coop_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 56px;
}

.buspdt_coop_top p {
    font-weight: 600;
    font-size: 30px;
    color: #333333;
}

.buspdt_coop_top span {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    margin-top: 15px;
    max-width: 1000px;
    text-align: center;
    padding: 0 20px;
}

.buspdt_coop_content {
    max-width: 1240px;
    margin: 48px auto 0;
    /* padding: 0 20px 96px; */
    box-sizing: border-box;
}

.buspdt-coop-grid {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.buspdt-coop-card {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 286px;
    border-radius: 18px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    box-shadow: 0 10px 34px rgba(18, 58, 102, 0.18);
    transition: flex 380ms cubic-bezier(0.4, 0, 0.2, 1), transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: flex, transform;
    cursor: pointer;
}

.buspdt-coop-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    transition: opacity 300ms ease;
    z-index: 0;
}

.buspdt-coop-card::after {
    content: '';
    position: absolute;
    inset: 0;
    transition: opacity 280ms ease;
    z-index: 1;
}

.buspdt-coop-card.collapsed::after {
    opacity: 0.65;
}

.buspdt-coop-card.expanded::after {
    opacity: 0.85;
}

.buspdt-coop-card-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 34px;
}

.buspdt-coop-details,
.buspdt-coop-preview {
    position: absolute;
    inset: 33px;
    display: flex;
    flex-direction: column;
    /* gap: 16px; */
    align-items: flex-start;
    text-align: left;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 300ms;
}

.buspdt-coop-details {
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    justify-content: flex-start;
}

.buspdt-coop-card.expanded .buspdt-coop-details {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 320ms cubic-bezier(0.4, 0, 0.2, 1) 80ms, transform 320ms cubic-bezier(0.4, 0, 0.2, 1) 80ms, visibility 0s linear 0s;
}

.buspdt-coop-preview {
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    justify-content: flex-end;
}

.buspdt-coop-card.collapsed .buspdt-coop-preview {
    opacity: 0.95;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.buspdt-coop-header {
    display: flex;
    align-items: baseline;
    gap: 16px;
    flex-wrap: wrap;
}

.buspdt-coop-highlight {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.buspdt-coop-number {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #D4373B;
}

.buspdt-coop-desc {
    font-size: 18px;
    color: #515151;
    margin-top: 10px;
    font-weight: 500;
}

.buspdt-coop-card.expanded .buspdt-coop-desc {
    display: block;
}

.buspdt-coop-desc-full {
    font-size: 14px;
    font-weight: 400px;
    line-height: 27px;
    color: #515151;
    margin-top: 15px;
    display: none;
}

.buspdt-coop-card.expanded .buspdt-coop-desc-full {
    display: block;
}

.buspdt-coop-preview-number {
    font-size: 30px;
    font-weight: 650;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.buspdt-coop-card.collapsed .buspdt-coop-preview-number {
    justify-content: center;
}

.buspdt-coop-preview-number span {
    font-size: 36px;
    font-weight: 700;
}

.buspdt-coop-preview-label {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 8px;
    text-align: left;
}

.buspdt-coop-card.collapsed .buspdt-coop-preview-label {
    align-self: center;
}

.buspdt-coop-card.collapsed {
    flex: 1.1;
}

.buspdt-coop-card.expanded {
    flex: 2.3;
}

.buspdt-coop-card.collapsed[data-key="coop1"] {
    background-image: url('../img/buspdt_coop_img1.png');
}

.buspdt-coop-card.collapsed[data-key="coop2"] {
    background-image: url('../img/buspdt_coop_img2.png');
}

.buspdt-coop-card.collapsed[data-key="coop3"] {
    background-image: url('../img/buspdt_coop_img3.png');
}

.buspdt-coop-card.collapsed[data-key="coop4"] {
    background-image: url('../img/buspdt_coop_img4.png');
}

.buspdt-coop-card.expanded::before {
    background-image: url('../img/buspdt_coop_select.png');
    opacity: 1;
}

@media (max-width: 1024px) {
    .buspdt_coop_content {
        /* padding-bottom: 60px; */
    }

    .buspdt-coop-grid {
        flex-direction: column;
    }

    .buspdt-coop-card {
        min-height: 220px;
    }
}

@media (max-width: 768px) {
    .buspdt_coop_content {
        /* padding: 0 16px 40px; */
    }

    .buspdt-coop-card-inner {
        padding: 24px;
    }

    .buspdt-coop-details,
    .buspdt-coop-preview {
        inset: 24px;
    }

    .buspdt-coop-number {
        font-size: 34px;
    }
}

@media (max-width: 480px) {
    .buspdt_coop_content {
        /* padding: 0 12px 32px; */
    }

    .buspdt-coop-card {
        min-height: 200px;
    }

    .buspdt-coop-preview-label {
        font-size: 16px;
    }
}


.buspdt_obtain {
    /* max-width: 1920px; */
    height: 455px;
    background-image: url('/img/buspdt_obtain.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.buspdt_obtain_top {
    display: flex;
    justify-content: center;
    padding-top: 66px;
}

.buspdt_obtain_top p {
    font-weight: 600;
    font-size: 30px;
    color: #333333;
}

.buspdt_obtain_content {
    display: flex;
    align-items: center;
    gap: 166px;
    justify-content: center;
    margin-top: 39px;
}

.buspdt_obtain_content_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buspdt_obtain_content_item img {
    width: 80px;
    height: 80px;
}

.buspdt_obtain_content_item span {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
}

.buspdt_obtain_btn {
    width: 140px;
    height: 40px;
    background: #D4373B;
    border-radius: 4px;
    margin: 42px auto 0;
    text-align: center;
    line-height: 40px;
}

.buspdt_obtain_btn span {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.buspdt_obtain_logo{
    width: 361px;
    height: 35px;
    margin: 38px auto 0;
}
.buspdt_obtain_logo img{
    width: 100%;
    height: 100%;
}







.wow.fadeInUp10 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}