.back_top_inner {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.back_top i {
    font-size: 32px;
    padding: 10px;
    background: #d02a1a;
    text-align: center;
    border-radius: 5px;
}

.ivu-icon-ios-arrow-up::before {
    content: "\f11e";
    color: #fff;
}

.back_top i:hover {
    font-size: 32px;
    padding: 10px;
    background: linear-gradient(0deg, #D25A4EFF, #d02a1a);
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.tpm-hero2 {
    position: relative;
    margin-bottom: -46px;
    -webkit-font-smoothing: antialiased
}

.tpm-hero2__main {
    height: 500px;
    position: relative;
    background-color: #e6e9ee
}

.tpm-hero2__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 20px
}

.tpm-hero2__item-link {
    display: block;
    height: 100%;
    text-decoration: none
}

.tpm-hero2__item-bg-wrap {
    background: #e6e9ee
}

.tpm-hero2__item-bg, .tpm-hero2__item-bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tpm-hero2__item-bg {
    background-position: top;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.tpm-hero2__item-bg-gradient-left {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 190px;
    height: 100%
}

.tpm-hero2__item-bg-gradient-right {
    position: absolute;
    right: 50%;
    margin-right: -960px;
    width: 190px;
    height: 100%
}

.tpm-hero2__item-3d {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none
}

.tpm-hero2__item-3d-main {
    position: absolute;
    width: 460px;
    height: 392px;
    left: 50%;
    top: 62px;
    margin-left: 188px;
    pointer-events: none;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.tpm-hero2__item-videowrap {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden
}

.tpm-hero2__item-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tpm-hero2__item-video.is-hide {
    opacity: 0
}

.tpm-hero2__item-content {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    box-sizing: border-box
}

.tpm-hero2__item-content-inner {
    padding-top: 158px;
    padding-right: 402px;
    padding-left: 318px
}

.tpm-hero2__item-title {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
    color: #181818;
    font-weight: 500;
    max-height: 88px
}

.tpm-hero2__item-desc, .tpm-hero2__item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.tpm-hero2__item-desc {
    font-size: 16px;
    color: #4b5b76;
    line-height: 24px;
    max-height: 48px
}

.tpm-hero2__item-btns {
    margin-top: 32px
}

.tpm-hero2__item-btns .tpm-btn {
    margin-right: 20px;
    min-width: 136px
}

.tpm-hero2__item--dark .tpm-hero2__item-desc, .tpm-hero2__item--dark .tpm-hero2__item-title {
    color: #fff
}

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2--with-3d .tpm-hero2__item-bg-wrap {*/
/*        overflow: hidden*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item-bg {*/
/*        left: 50%;*/
/*        margin-left: 5px;*/
/*        width: 1275px;*/
/*        height: 100%*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item--video .tpm-hero2__item-bg {*/
/*        left: 0;*/
/*        margin-left: 0;*/
/*        width: 100%*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item:first-child .tpm-hero2__item-bg {*/
/*        background-image: url(images/hero2-bg-pc1_160.jpg)*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item:nth-child(2) .tpm-hero2__item-bg {*/
/*        background-image: url(images/hero2-bg-pc2_5f8.jpg)*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item:nth-child(3) .tpm-hero2__item-bg {*/
/*        background-image: url(images/hero2-bg-pc3_475.jpg)*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item:nth-child(4) .tpm-hero2__item-bg {*/
/*        background-image: url(images/hero2-bg-pc4_e01.jpg)*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item:nth-child(5) .tpm-hero2__item-bg {*/
/*        background-image: url(images/hero2-bg-pc5_f5e.jpg)*/
/*    }*/
/*}*/

/*@media screen and (min-width: 1440px) {*/
/*    .tpm-view-l .tpm-hero2__item {*/
/*        padding-left: 40px;*/
/*        padding-right: 40px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__item-content {*/
/*        max-width: 1420px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__item-content-inner {*/
/*        padding-left: 318px;*/
/*        padding-right: 522px*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) and (max-width: 1440px) {*/
/*    .tpm-hero2__item-3d-main {*/
/*        left: auto;*/
/*        right: 72px;*/
/*        margin-left: 0*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item-bg {*/
/*        right: -560px;*/
/*        left: auto;*/
/*        margin-left: 0*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item-content-inner {*/
/*        padding-right: 522px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*    .tpm-hero2 {*/
/*        margin-top: 0;*/
/*        margin-bottom: -22px*/
/*    }*/

/*    .tpm-hero2__main {*/
/*        height: auto*/
/*    }*/

/*    .tpm-hero2 .swiper-container {*/
/*        height: 380px*/
/*    }*/

/*    .tpm-hero2 .hero__model-wrap, .tpm-hero2 .tpm-hero2__item-3d {*/
/*        display: none*/
/*    }*/

/*    .tpm-hero2__item {*/
/*        position: relative;*/
/*        padding: 0*/
/*    }*/

/*    .tpm-hero2__item-link {*/
/*        padding: 0 16px 84px;*/
/*        display: -ms-flexbox;*/
/*        display: flex;*/
/*        -ms-flex-direction: column;*/
/*        flex-direction: column;*/
/*        -ms-flex-pack: end;*/
/*        justify-content: flex-end*/
/*    }*/

/*    .tpm-hero2__item-bg {*/
/*        display: none*/
/*    }*/

/*    .tpm-hero2__item-bg--mobile {*/
/*        display: block;*/
/*        background-size: auto 100%;*/
/*        background-position: top;*/
/*        background-repeat: no-repeat*/
/*    }*/

/*    .tpm-hero2__item-3d-main {*/
/*        position: absolute;*/
/*        top: -20px;*/
/*        left: 50%;*/
/*        margin: 0 0 0 -150px;*/
/*        width: 300px;*/
/*        height: 284px*/
/*    }*/

/*    .tpm-hero2__item-content {*/
/*        text-align: center;*/
/*        width: 100%*/
/*    }*/

/*    .tpm-hero2__item-content-inner {*/
/*        padding-top: 0;*/
/*        padding-left: 0;*/
/*        padding-right: 0*/
/*    }*/

/*    .tpm-hero2__item-title {*/
/*        margin-bottom: 8px;*/
/*        line-height: 40px;*/
/*        font-size: 24px;*/
/*        color: #000*/
/*    }*/

/*    .tpm-hero2__item-desc, .tpm-hero2__item-title {*/
/*        display: block;*/
/*        max-height: none;*/
/*        white-space: nowrap;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis*/
/*    }*/

/*    .tpm-hero2__item-desc {*/
/*        line-height: 24px;*/
/*        font-size: 14px;*/
/*        color: #3d485d*/
/*    }*/

/*    .tpm-hero2__item-btns {*/
/*        display: none*/
/*    }*/

/*    .tpm-hero2--with-3d .tpm-hero2__item-3d {*/
/*        display: block*/
/*    }*/
/*}*/

.tpm-hero2 .dg.ac {
    z-index: 16666 !important
}

.tpm-hero2 .hero__model-wrap {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    pointer-events: none
}

.tpm-hero2 .hero__model-inner-wrap {
    position: absolute;
    width: 460px;
    height: 392px;
    left: 50%;
    top: 62px;
    margin-left: 188px
}

.tpm-hero2 .hero__model-canvas {
    width: 460px;
    height: 392px;
    pointer-events: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer
}

.tpm-hero2 .tp-mat-product-section {
    position: relative;
    z-index: 10
}

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2--with-3d .hero__model-wrap {*/
/*        display: block*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) and (max-width: 1440px) {*/
/*    .tpm-hero2 .hero__model-inner-wrap {*/
/*        left: auto;*/
/*        right: 72px;*/
/*        margin-left: 0*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl {*/
/*        left: 50%;*/
/*        top: 0;*/
/*        z-index: 2;*/
/*        padding: 0 20px;*/
/*        max-width: 1220px;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        font-size: 0;*/
/*        transform: translateX(-50%);*/
/*        -ms-transform: translateX(-50%);*/
/*        -moz-transform: translateX(-50%);*/
/*        -webkit-transform: translateX(-50%);*/
/*        -o-transform: translateX(-50%);*/
/*        pointer-events: none*/
/*    }*/

/*    .tpm-hero2__ctrl, .tpm-hero2__ctrl-list {*/
/*        position: absolute;*/
/*        box-sizing: border-box*/
/*    }*/

/*    .tpm-hero2__ctrl-list {*/
/*        z-index: 1;*/
/*        top: 108px;*/
/*        left: 20px;*/
/*        width: 268px;*/
/*        min-height: 300px;*/
/*        border-right: 2px solid #fff;*/
/*        pointer-events: visible*/
/*    }*/

/*    .tpm-hero2__ctrl-item {*/
/*        position: relative;*/
/*        cursor: pointer;*/
/*        color: #181818;*/
/*        margin-right: -2px*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item {*/
/*        transition: color .3s ease-in-out;*/
/*        -ms-transition: color .3s ease-in-out;*/
/*        -moz-transition: color .3s ease-in-out;*/
/*        -webkit-transition: color .3s ease-in-out;*/
/*        -o-transition: color .3s ease-in-out*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item-line {*/
/*        position: absolute;*/
/*        right: -2px;*/
/*        left: 0;*/
/*        transition: all .4s cubic-bezier(0, 0, 0, 1)*/
/*    }*/

/*    .tpm-hero2__ctrl-item-line:before {*/
/*        content: "";*/
/*        position: absolute;*/
/*        left: 0;*/
/*        top: 0;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6));*/
/*        transition: background-image .3s cubic-bezier(1, .05, .58, 1)*/
/*    }*/

/*    .tpm-hero2__ctrl-item-line:after {*/
/*        content: "";*/
/*        position: absolute;*/
/*        right: 0;*/
/*        top: 0;*/
/*        z-index: 2;*/
/*        width: 2px;*/
/*        height: 100%;*/
/*        background-color: #0052d9;*/
/*        transition: all .3s ease-in-out*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item-inner {*/
/*        position: relative;*/
/*        padding-right: 30px;*/
/*        height: 60px*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item-tit {*/
/*        height: inherit;*/
/*        box-sizing: border-box;*/
/*        display: -ms-flexbox;*/
/*        display: flex;*/
/*        width: 100%;*/
/*        -ms-flex-flow: row nowrap;*/
/*        flex-flow: row nowrap;*/
/*        -ms-flex-align: center;*/
/*        align-items: center;*/
/*        -ms-flex-pack: end;*/
/*        justify-content: flex-end*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item-tittext {*/
/*        line-height: 24px;*/
/*        font-size: 16px;*/
/*        font-weight: 400;*/
/*        text-overflow: ellipsis;*/
/*        overflow: hidden;*/
/*        white-space: nowrap;*/
/*        transition: font-size .4s ease-in-out*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item-tag {*/
/*        margin-right: 12px;*/
/*        padding: 0 8px;*/
/*        height: 22px;*/
/*        line-height: 22px;*/
/*        font-size: 12px;*/
/*        color: #fff;*/
/*        text-align: center;*/
/*        border-radius: 2px;*/
/*        -ms-flex-positive: 0;*/
/*        flex-grow: 0;*/
/*        -ms-flex-negative: 0;*/
/*        flex-shrink: 0;*/
/*        background: #f64041*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item-progress {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        bottom: 0;*/
/*        width: 100%;*/
/*        height: 3px;*/
/*        background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));*/
/*        opacity: 0;*/
/*        visibility: hidden;*/
/*        transition: opacity .3s ease-in-out, background-image .3s ease-in-out;*/
/*        -webkit-transform-origin: left center;*/
/*        transform-origin: left center*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item.is-active, .tpm-hero2__ctrl-item:hover {*/
/*        color: #0052d9*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-item.is-active .tpm-hero2__ctrl-item-progress {*/
/*        opacity: 1;*/
/*        visibility: visible*/
/*    }*/

/*    .tpm-hero2__ctrl-item.is-active .tpm-hero2__ctrl-item-tittext {*/
/*        font-weight: 500*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2--dark .tpm-hero2__ctrl-list {*/
/*        border-right-color: rgba(0, 0, 0, .15)*/
/*    }*/

/*    .tpm-hero2--dark .tpm-hero2__ctrl-item {*/
/*        color: #fff*/
/*    }*/

/*    .tpm-hero2--dark .tpm-hero2__ctrl-item-line:before {*/
/*        background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .15))*/
/*    }*/

/*    .tpm-hero2--dark .tpm-hero2__ctrl-item-line:after {*/
/*        background-color: #fff*/
/*    }*/

/*    .tpm-hero2--dark .tpm-hero2__ctrl-item-progress {*/
/*        background: linear-gradient(270deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0))*/
/*    }*/

/*    .tpm-hero2--dark .tpm-hero2__ctrl-item.is-active, .tpm-hero2--dark .tpm-hero2__ctrl-item:hover {*/
/*        color: #fff*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) and (min-width: 1440px) {*/
/*    .tpm-view-l .tpm-hero2__ctrl {*/
/*        padding: 0 40px;*/
/*        max-width: 1500px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__ctrl-list {*/
/*        top: 108px;*/
/*        left: 40px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*    .tpm-hero2__ctrl {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        bottom: 54px;*/
/*        z-index: 2;*/
/*        padding: 0 16px;*/
/*        width: 100%;*/
/*        font-size: 0;*/
/*        text-align: center;*/
/*        box-sizing: border-box*/
/*    }*/

/*    .tpm-hero2__ctrl-list {*/
/*        margin: 0 auto;*/
/*        max-width: 1180px*/
/*    }*/

/*    .tpm-hero2__ctrl-item {*/
/*        position: relative;*/
/*        display: inline-block;*/
/*        vertical-align: middle;*/
/*        padding: 10px 0;*/
/*        cursor: pointer;*/
/*        overflow: hidden*/
/*    }*/

/*    .tpm-hero2__ctrl-item:before {*/
/*        content: "";*/
/*        display: block;*/
/*        width: 30px;*/
/*        height: 4px;*/
/*        background-color: #d7dbe0;*/
/*        border-radius: 2px*/
/*    }*/

/*    .tpm-hero2__ctrl-item + .tpm-hero2__ctrl-item {*/
/*        margin-left: 10px*/
/*    }*/

/*    .tpm-hero2__ctrl-item-inner {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        top: 10px;*/
/*        width: 100%;*/
/*        height: 4px;*/
/*        display: none;*/
/*        background-color: #0052d9;*/
/*        border-radius: 2px*/
/*    }*/

/*    .tpm-hero2__ctrl-item.is-active .tpm-hero2__ctrl-item-inner {*/
/*        display: block*/
/*    }*/
/*}*/

.tpm-hero2__entries-wrap {
    position: relative;
    z-index: 100;
    margin-top: -75px;
    padding: 0 20px;
    pointer-events: none
}

.tpm-hero2__entries-inner {
    margin: 0 auto;
    max-width: 1180px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.tpm-hero2__entry {
    display: block;
    margin-right: 20px;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border-radius: 4px;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    max-width: none;
    height: auto;
    padding: 18px;
    position: relative;
    pointer-events: auto
}

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__entry {*/
/*        transition: box-shadow .3s ease-in-out*/
/*    }*/
/*}*/

.tpm-hero2__entry:last-child {
    margin-right: 0
}

.tpm-hero2__entry-title {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__entry-title {*/
/*        transition: color .3s ease-in-out*/
/*    }*/
/*}*/

.tpm-hero2__entry-icon {
    display: inline-block;
    vertical-align: -5.5px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 12px
}

.tpm-hero2__entry-desc {
    /*max-height: 44px;*/
    line-height: 22px;
    /*font-size: 14px;*/
    color: #4b5b76;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.tpm-hero2__entry-mobile {
    display: none
}

.tpm-hero2__entry:hover {
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

.tpm-hero2__entry:hover .tpm-hero2__entry-title {
    color: #0052d9
}

.tpm-hero2--with-3d .tpm-hero2__entry, .tpm-hero2--with-3d .tpm-hero2__entry:hover {
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

/*@media screen and (min-width: 1440px) {*/
/*    .tpm-view-l .tpm-hero2__entries-wrap {*/
/*        padding-left: 40px;*/
/*        padding-right: 40px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__entries-inner {*/
/*        max-width: 1420px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 1200px) {*/
/*    .tpm-hero2__entries-inner {*/
/*        -ms-flex-pack: center;*/
/*        justify-content: center*/
/*    }*/

/*    .tpm-hero2__entry {*/
/*        -ms-flex: 1;*/
/*        flex: 1;*/
/*        max-width: none*/
/*    }*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*    .tpm-hero2__entries-wrap {*/
/*        padding: 0;*/
/*        margin-top: -45px;*/
/*        pointer-events: auto*/
/*    }*/

/*    .tpm-hero2__entries-inner {*/
/*        padding: 0 16px;*/
/*        -ms-flex-pack: center;*/
/*        justify-content: center*/
/*    }*/

/*    .tpm-hero2__entry {*/
/*        margin-right: 8px;*/
/*        padding: 12px 8px 8px;*/
/*        height: auto;*/
/*        min-height: 68px;*/
/*        -ms-flex: 1;*/
/*        flex: 1;*/
/*        width: 1px;*/
/*        text-align: center*/
/*    }*/

/*    .tpm-hero2__entry:last-child {*/
/*        margin-right: 0*/
/*    }*/

/*    .tpm-hero2__entry-icon {*/
/*        margin-bottom: 4px*/
/*    }*/

/*    .tpm-hero2__entry-title {*/
/*        display: none;*/
/*        margin-bottom: 0;*/
/*        font-size: 14px;*/
/*        line-height: 20px*/
/*    }*/

/*    .tpm-hero2__entry-desc {*/
/*        display: none*/
/*    }*/

/*    .tpm-hero2__entry-mobile, .tpm-hero2__entry-mobile .tpm-hero2__entry-title {*/
/*        display: block*/
/*    }*/

/*    .tpm-hero2__entry-icon {*/
/*        display: block;*/
/*        margin: 0 auto 4px*/
/*    }*/

/*    .tpm-hero2__entries--with-media .tpm-hero2__entry:nth-child(3) {*/
/*        margin-right: 0*/
/*    }*/
/*}*/

/*@media screen and (max-width: 600px) {*/
/*    .tpm-hero2__entries-inner {*/
/*        -ms-flex-pack: start;*/
/*        justify-content: start*/
/*    }*/

/*    .tpm-hero2__entry {*/
/*        -ms-flex: none;*/
/*        flex: none;*/
/*        margin-bottom: 8px;*/
/*        padding: 10px 6px;*/
/*        min-height: auto;*/
/*        width: calc(50% - 4px);*/
/*        text-align: left*/
/*    }*/

/*    .tpm-hero2__entry:nth-child(n+5) {*/
/*        display: none*/
/*    }*/

/*    .tpm-hero2__entry:nth-child(2n) {*/
/*        margin-right: 0*/
/*    }*/

/*    .tpm-hero2__entry:nth-child(n+3) {*/
/*        margin-bottom: 0*/
/*    }*/

/*    .tpm-hero2__entry-title {*/
/*        line-height: 24px*/
/*    }*/

/*    .tpm-hero2__entry-icon {*/
/*        display: inline-block;*/
/*        vertical-align: -7px;*/
/*        margin: 0 8px 0 0*/
/*    }*/

/*    .tpm-hero2__entries--with-media .tpm-hero2__entry {*/
/*        margin-bottom: 0*/
/*    }*/

/*    .tpm-hero2__entries--with-media .tpm-hero2__entry:nth-child(3) {*/
/*        display: none*/
/*    }*/
/*}*/

.tpm-hero2__product {
    position: relative;
    z-index: 1;
    padding: 16px;
    border-radius: 4px;
    pointer-events: auto;
    width: 472px;
    overflow: hidden
}

.tpm-hero2__product-bg {
    position: absolute;
    top: -14px;
    right: 12px;
    width: 144px;
    height: 144px;
    z-index: -1;
    opacity: .25
}

.tpm-hero2__product-bg img {
    display: block;
    width: 100%;
    height: 100%
}

.tpm-hero2__product-object {
    margin-bottom: 6px
}

.tpm-hero2__product-title {
    line-height: 26px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.tpm-hero2__product-linkwrap {
    width: 100%;
    max-height: 50px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.tpm-hero2__product-links {
    width: calc(33.33333% - 10.66667px)
}

.tpm-hero2__product-links + .tpm-hero2__product-links {
    margin-left: 16px
}

.tpm-hero2__product-link .tp-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
    max-width: 100%;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpm-hero2__product-link .tp-link:after {
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -5px
}

.tpm-hero2__product-link + .tpm-hero2__product-link {
    margin-top: 6px
}

/*@media screen and (max-width: 768px) {*/
/*    .tpm-hero2__product {*/
/*        margin-top: 8px;*/
/*        max-width: none;*/
/*        width: 100%*/
/*    }*/

/*    .tpm-hero2__product-bg {*/
/*        right: -8px*/
/*    }*/

/*    .tpm-hero2__product-object {*/
/*        margin-bottom: 16px*/
/*    }*/

/*    .tpm-hero2__product-title {*/
/*        line-height: 24px;*/
/*        font-size: 16px;*/
/*        white-space: normal;*/
/*        overflow: visible*/
/*    }*/

/*    .tpm-hero2__product-linkwrap {*/
/*        display: block;*/
/*        max-height: none;*/
/*        margin-left: -6px;*/
/*        margin-right: -6px;*/
/*        margin-bottom: -6px*/
/*    }*/

/*    .tpm-hero2__product-links {*/
/*        display: inline;*/
/*        margin: 0;*/
/*        max-width: none*/
/*    }*/

/*    .tpm-hero2__product-link {*/
/*        display: inline-block;*/
/*        vertical-align: top;*/
/*        margin: 0 0 6px;*/
/*        padding-left: 6px;*/
/*        padding-right: 6px;*/
/*        width: 33.3333%;*/
/*        box-sizing: border-box*/
/*    }*/

/*    .tpm-hero2__product-links + .tpm-hero2__product-links {*/
/*        margin-left: 0*/
/*    }*/

/*    .tpm-hero2__product-link + .tpm-hero2__product-link {*/
/*        margin-top: 0*/
/*    }*/
/*}*/

/*@media screen and (max-width: 600px) {*/
/*    .tpm-hero2__product .tpm-hero2__product-link {*/
/*        width: 50%*/
/*    }*/
/*}*/

/*@media screen and (min-width: 1440px) {*/
/*    .tpm-view-l .tpm-hero2__product {*/
/*        padding: 18px 20px;*/
/*        width: 640px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-bg {*/
/*        left: 75px;*/
/*        right: auto*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-inner {*/
/*        display: -ms-flexbox;*/
/*        display: flex;*/
/*        -ms-flex-flow: row nowrap;*/
/*        flex-flow: row nowrap*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-object {*/
/*        position: relative;*/
/*        margin-right: 20px;*/
/*        margin-bottom: 0;*/
/*        padding-right: 28px;*/
/*        width: 144px;*/
/*        box-sizing: content-box;*/
/*        -ms-flex-positive: 0;*/
/*        flex-grow: 0;*/
/*        -ms-flex-negative: 0;*/
/*        flex-shrink: 0;*/
/*        display: -ms-flexbox;*/
/*        display: flex;*/
/*        -moz-flex-direction: column;*/
/*        -o-flex-direction: column;*/
/*        -ms-flex-direction: column;*/
/*        flex-direction: column;*/
/*        -ms-flex-pack: center;*/
/*        justify-content: center*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-object:after {*/
/*        content: "";*/
/*        display: block;*/
/*        position: absolute;*/
/*        top: 4px;*/
/*        bottom: 4px;*/
/*        right: 0;*/
/*        width: 1px;*/
/*        background-color: hsla(0, 0%, 100%, .2)*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-main {*/
/*        min-width: 0;*/
/*        min-height: 0;*/
/*        -ms-flex: 1;*/
/*        flex: 1*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-title {*/
/*        max-height: 52px;*/
/*        display: -webkit-box;*/
/*        -webkit-box-orient: vertical;*/
/*        -webkit-line-clamp: 2;*/
/*        overflow: hidden;*/
/*        white-space: normal;*/
/*        text-overflow: ellipsis*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product-linkwrap {*/
/*        max-height: 56px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__product .tpm-hero2__product-link + .tpm-hero2__product-link {*/
/*        margin-top: 12px*/
/*    }*/
/*}*/

.tpm-hero2__event {
    position: relative;
    width: 472px;
    height: auto;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    background-image: linear-gradient(0deg, #686fff, #525af6);
    border: 2px solid #7178ff;
    box-shadow: 8px 8px 20px 0 rgba(100, 108, 254, .39);
    border-radius: 4px;
    color: #fff;
    pointer-events: auto
}

.tpm-hero2__event-object {
    width: 128px;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none
}

.tpm-hero2__event-object:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    width: 1px;
    height: 44px;
    background: hsla(0, 0%, 100%, .2)
}

.tpm-hero2__event-img {
    display: block;
    width: 112px;
    height: 84px
}

.tpm-hero2__event-main {
    position: relative;
    display: block;
    max-height: 100%;
    padding: 12px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    -ms-flex: 1;
    flex: 1
}

.tpm-hero2__event-subimg {
    margin-bottom: 4px
}

.tpm-hero2__event-subimg img {
    display: block;
    max-width: 100%;
    width: auto;
    height: 32px;
    box-sizing: border-box
}

.tpm-hero2__event-links {
    margin-right: 16px;
    width: calc(33.33333% - 10.66667px)
}

.tpm-hero2__event-links:last-child {
    margin-right: 0
}

.tpm-hero2__event-linkwrap {
    width: 100%;
    max-height: 50px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.tpm-hero2__event-link {
    margin-bottom: 6px
}

.tpm-hero2__event-link:last-child {
    margin-bottom: 0
}

.tpm-hero2__event .tpm-link.tp-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
    max-width: 100%;
    line-height: 22px;
    color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpm-hero2__event .tpm-link.tp-link:after {
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -5px
}

.tpm-hero2__event-count {
    position: absolute;
    right: -6px;
    top: 12px;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(81, 67, 60, .3);
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 14px;
    color: #4b5b76;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center
}

.tpm-hero2__event-count-num {
    margin-left: 2px;
    font-weight: 500;
    font-size: 14px;
    color: #6168fc
}

.tpm-hero2__event-count-num em {
    margin-right: 2px;
    font-weight: 500
}

.tpm-hero2__event-count-text {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 18px;
    color: #6168fc;
    line-height: 26px
}

.tpm-hero2__event--single .tpm-hero2__event-object {
    width: auto;
    min-width: 120px;
    max-width: 246px;
    padding: 22px 20px;
    display: none
}

.tpm-hero2__event--single .tpm-hero2__event-object:after {
    display: none
}

.tpm-hero2__event--single .tpm-hero2__event-img {
    width: auto;
    max-height: 44px;
    max-width: 100%;
    height: auto
}

.tpm-hero2__event--single .tpm-hero2__event-main {
    padding: 10px 16px 20px;
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm-hero2__event--single .tpm-hero2__event-subimg {
    margin-bottom: 20px
}

.tpm-hero2__event--single .tpm-hero2__event-title {
    display: none;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    line-height: 28px
}

.tpm-hero2__event--single .tpm-hero2__event-title--long {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tpm-hero2__event--single .tpm-hero2__event-title--short {
    display: none
}

/*@media screen and (min-width: 1440px) {*/
/*    .tpm-view-l .tpm-hero2__event {*/
/*        padding-right: 80px;*/
/*        width: 640px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-object {*/
/*        display: -ms-flexbox;*/
/*        display: flex*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-main {*/
/*        padding: 16px 12px;*/
/*        display: -ms-flexbox;*/
/*        display: flex;*/
/*        -ms-flex-align: center;*/
/*        align-items: center*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-subimg {*/
/*        display: none*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-linkwrap {*/
/*        max-height: 56px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-links {*/
/*        margin-right: 16px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-links:last-child {*/
/*        margin-right: 0*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-link {*/
/*        margin-bottom: 12px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-link:last-child {*/
/*        margin-bottom: 0*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-count {*/
/*        top: 50%;*/
/*        display: block;*/
/*        padding: 3px 14px 3px 10px;*/
/*        line-height: 20px;*/
/*        font-size: 14px;*/
/*        transform: translateY(-50%);*/
/*        -ms-transform: translateY(-50%);*/
/*        -moz-transform: translateY(-50%);*/
/*        -webkit-transform: translateY(-50%);*/
/*        -o-transform: translateY(-50%)*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-count-num {*/
/*        margin: 2px 0 0*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event-count-num em {*/
/*        margin-right: 4px;*/
/*        line-height: 36px;*/
/*        font-size: 28px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-object {*/
/*        display: -ms-flexbox;*/
/*        display: flex*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-object:after {*/
/*        display: block*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-main {*/
/*        padding: 16px 12px*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-title {*/
/*        display: block*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-title .tpm-hero2__event-title--long {*/
/*        max-height: 56px;*/
/*        display: -webkit-box;*/
/*        -webkit-box-orient: vertical;*/
/*        -webkit-line-clamp: 2;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*        white-space: normal*/
/*    }*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*    .tpm-hero2__event {*/
/*        margin-top: 8px;*/
/*        max-width: none;*/
/*        width: 100%*/
/*    }*/

/*    .tpm-hero2__event-linkwrap {*/
/*        display: block;*/
/*        max-height: none;*/
/*        margin-left: -6px;*/
/*        margin-right: -6px;*/
/*        margin-bottom: -6px*/
/*    }*/

/*    .tpm-hero2__event-links {*/
/*        display: inline;*/
/*        margin: 0;*/
/*        max-width: none*/
/*    }*/

/*    .tpm-hero2__event-link {*/
/*        display: inline-block;*/
/*        vertical-align: top;*/
/*        margin-bottom: 6px;*/
/*        padding-left: 6px;*/
/*        padding-right: 6px;*/
/*        width: 33.3333%;*/
/*        box-sizing: border-box*/
/*    }*/

/*    .tpm-hero2__event-link:last-child {*/
/*        margin-bottom: 6px*/
/*    }*/

/*    .tpm-hero2__event--single .tpm-hero2__event-main {*/
/*        padding: 10px 14px 18px*/
/*    }*/

/*    .tpm-hero2__event--single .tpm-hero2__event-subimg {*/
/*        margin-bottom: 12px*/
/*    }*/

/*    .tpm-hero2__event--single .tpm-hero2__event-title {*/
/*        line-height: 26px;*/
/*        font-size: 18px*/
/*    }*/

/*    .tpm-hero2__event--single .tpm-hero2__event-title--long {*/
/*        white-space: normal;*/
/*        text-overflow: clip;*/
/*        overflow: visible*/
/*    }*/
/*}*/

/*@media screen and (max-width: 600px) {*/
/*    .tpm-hero2__event-link {*/
/*        width: 50%*/
/*    }*/

/*    .tpm-hero2__event-subimg {*/
/*        margin-bottom: 12px*/
/*    }*/

/*    .tpm-hero2__event--single .tpm-hero2__event-main {*/
/*        padding: 10px 14px 14px*/
/*    }*/

/*    .tpm-hero2__event--single .tpm-hero2__event-title {*/
/*        line-height: 24px;*/
/*        font-size: 16px*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) {*/
/*    .tpm-hero2__ctrl-list {*/
/*        width: calc(20% - 24px)*/
/*    }*/

/*    .tpm-hero2__item-content-inner {*/
/*        padding-left: calc(20% + 34px)*/
/*    }*/

/*    .tpm-hero2-event .tpm-hero2__ctrl-list {*/
/*        width: calc(33.33333% - 190.66667px)*/
/*    }*/

/*    .tpm-hero2-event .tpm-hero2__item-content-inner {*/
/*        padding-left: calc(33.33333% - 127.33333px)*/
/*    }*/
/*}*/

/*@media screen and (min-width: 769px) and (min-width: 1440px) {*/
/*    .tpm-view-l .tpm-hero2__ctrl-list {*/
/*        width: calc(20% - 32px)*/
/*    }*/

/*    .tpm-view-l .tpm-hero2__item-content-inner {*/
/*        padding-left: calc(20% + 34px)*/
/*    }*/

/*    .tpm-view-l .tpm-hero2-event .tpm-hero2__ctrl-list {*/
/*        width: calc(33.33333% - 260px)*/
/*    }*/

/*    .tpm-view-l .tpm-hero2-event .tpm-hero2__item-content-inner {*/
/*        padding-left: calc(33.33333% - 183.33333px)*/
/*    }*/
/*}*/