.tpm-prod-hero {
    background: #E0ECFF;
}

.tpm-prod-hero .tpm-prod-hero__bg:after,
.tpm-prod-hero .tpm-prod-hero__bg:before {
    display: none;
    content: none;
}

/* Video 样式 */
.tpm-prod-hero .tpm-prod-hero__video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2048px;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    mask: linear-gradient(to right,transparent 0%, #000 5%,  #000 95%, transparent);
}

@media screen and (min-width: 769px) {
    .tpm-prod-hero .tpm-prod-hero__bg-inner {
        width: 2048px;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
        mask: linear-gradient(to right,transparent 0%, #000 5%,  #000 95%, transparent);
        background-image: url("./img/tokenhub-pc.jpg") !important;
    }
}

@media screen and (max-width: 768px) {
    .tpm-prod-hero .tpm-prod-hero__bg::after {
        content: '';
        width: 100%;
        height: 188px;
        right: 0px;
        bottom: 0px;
        background: linear-gradient(180deg, rgba(213, 228, 254, 0.00) 0%, #D5E4FE 50%);
        position: absolute;
        margin: 0px;
        left: auto;
        top: auto;
    }
    .tpm-prod-hero .tpm-prod-hero__bg-inner {
        z-index: 1;
        width: 768px;
        height: 360px;
        left: 50%;
        top: 56px;
        transform: translateX(-50%);
        background-size: 768px auto;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("./img/tokenhub-m.jpg") !important;
    }
}

#ywb1MkOxm {
    background-image: url("./img/media-bg.jpg");
    background-size: cover;
}

#d36rBcxXK .tl-media-object {
    flex-direction: row;
}

.tpm-2-action-panel {
    background: url("./img/action-panel-bg.jpg");
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    .tpm-2-action-panel__inner {
        min-height: 0px;
    }
}

.tpm-case3 .tpm-case3__section,
.tpm-case3 .tpm-case3__section-bg {
    background-color: #DDE4FF;
}

.tpm-case3 .tpm-case3__section-bg::after {
    content: none;
    display: none;
}

.tpm-case3 .tpm-case-card {
    background: #FFF;
}

.tpm-case3 .tl-swiper__btn-inner {
    display: none;
}

.tpm-case3 .tpm-case-card__inner {
    height: 100%;
}

.tpm-case3 .tpm-case3__title {
    color: #000;
}

.tpm-case3 .tpm-case3__desc {
    color: #4b5b76;
}

.tpm-case3 .tl-swiper__btn {
    box-shadow: none;
    background-image: none;
    border: 0px;
}

.tpm-case3 .tl-swiper__btn::before,
.tpm-case3 .tl-swiper__btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
}

.tpm-case3 .tl-swiper__btn::after {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.tpm-case3 .tl-swiper__btn:hover::after {
    opacity: 1;
}

.tpm-case3 .tl-swiper__btn--prev::before {
    background-image: url("./img/case-btn-left-normal.png");
}

.tpm-case3 .tl-swiper__btn--prev::after {
    background-image: url("./img/case-btn-left-active.png") !important;
}

.tpm-case3 .tl-swiper__btn--next::before {
    background-image: url("./img/case-btn-right-normal.png");
}

.tpm-case3 .tl-swiper__btn--next::after {
    background-image: url("./img/case-btn-right-active.png") !important;
}