body {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    font-family: pingfang SC,Hiragina Sans GB,Helvetica Neue,Helvetica,microsoft yahei ui,microsoft yahei,simsun,arial,sans-serif
}

button {
    -webkit-font-smoothing: auto
}

[class*=tpm2-home-],[class*=tpm-portal-],[class^=tpm2-home-],[class^=tpm-portal-] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    border-collapse: collapse;
    border-spacing: 0
}

[class*=tpm2-home-]:focus,[class*=tpm-portal-]:focus,[class^=tpm2-home-]:focus,[class^=tpm-portal-]:focus {
    outline: none
}

[class*=tpm2-home-]:active,[class*=tpm-portal-]:active,[class^=tpm2-home-]:active,[class^=tpm-portal-]:active {
    -webkit-tap-highlight-color: transparent
}

[class^=tpm-] .swiper,[class^=tpm-] .swiper-container {
    overflow: hidden
}

[class^=tpm-] .swiper-container .swiper-wrapper,[class^=tpm-] .swiper .swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    position: relative
}

[class^=tpm-] .swiper-container .swiper-slide,[class^=tpm-] .swiper .swiper-slide {
    position: relative;
    display: inline-block;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm-portal-motion-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    color: rgba(0,0,0,.9);
    --motion-translate-10: 10%;
    --motion-scale-0: 0;
    --motion-scale-90: 0.9;
    --motion-scale-110: 1.1;
    --motion-rotate-45: 45deg;
    --motion-draw-100: 1;
    --motion-duration-300: 300ms;
    --motion-duration-500: 500ms;
    --motion-delay-75: 75ms;
    --motion-delay-150: 150ms;
    --motion-delay-300: 300ms;
    --motion-delay-500: 500ms;
    --motion-ease-out-cubic: cubic-bezier(0.215,0.61,0.355,1);
    --motion-ease-out-back: cubic-bezier(0.18,0.89,0.32,1.27);
    --motion-duration: 300ms;
    --motion-timing: cubic-bezier(0.4,0,0.2,1);
    --motion-delay: 0ms;
    --motion-perceptual-duration-multiplier: 1;
    --motion-loop-count: 1
}

.tpm-portal-motion-icon__svg {
    display: block
}

.tpm-portal-motion-icon svg * {
    transform-box: fill-box;
    -webkit-transform-origin: center;
    transform-origin: center
}

.motion-draw-in-100 {
    stroke-dasharray: 1;
    --motion-origin-draw: var(--motion-draw-100);
    --motion-draw-in-animation: motion-draw-in calc(var(--motion-draw-duration, var(--motion-duration))*var(--motion-draw-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-draw-timing,var(--motion-timing)) var(--motion-draw-delay,var(--motion-delay)) both
}

.motion-draw-in-100,.motion-scale-in-0 {
    -webkit-animation: var(--motion-scale-in-animation,none),var(--motion-translate-in-animation,none),var(--motion-rotate-in-animation,none),var(--motion-opacity-in-animation,none),var(--motion-background-color-in-animation,none),var(--motion-draw-in-animation,none),var(--motion-scale-loop-animation,none),var(--motion-translate-loop-animation,none),var(--motion-rotate-loop-animation,none),var(--motion-opacity-loop-animation,none),var(--motion-background-color-loop-animation,none),var(--motion-draw-loop-animation,none);
    animation: var(--motion-scale-in-animation,none),var(--motion-translate-in-animation,none),var(--motion-rotate-in-animation,none),var(--motion-opacity-in-animation,none),var(--motion-background-color-in-animation,none),var(--motion-draw-in-animation,none),var(--motion-scale-loop-animation,none),var(--motion-translate-loop-animation,none),var(--motion-rotate-loop-animation,none),var(--motion-opacity-loop-animation,none),var(--motion-background-color-loop-animation,none),var(--motion-draw-loop-animation,none)
}

.motion-scale-in-0 {
    --motion-origin-scale-x: var(--motion-scale-0);
    --motion-origin-scale-y: var(--motion-scale-0);
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration))*var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing,var(--motion-timing)) var(--motion-scale-delay,var(--motion-delay)) both
}

.motion-scale-loop-90 {
    --motion-loop-scale-x: var(--motion-scale-90);
    --motion-loop-scale-y: var(--motion-scale-90)
}

.motion-scale-loop-90,.motion-scale-y-loop-110 {
    --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration))*var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing,var(--motion-timing)) var(--motion-scale-delay,var(--motion-delay)) both var(--motion-scale-loop-count,var(--motion-loop-count));
    animation-composition: accumulate;
    -webkit-animation: var(--motion-scale-in-animation,none),var(--motion-translate-in-animation,none),var(--motion-rotate-in-animation,none),var(--motion-opacity-in-animation,none),var(--motion-background-color-in-animation,none),var(--motion-draw-in-animation,none),var(--motion-scale-loop-animation,none),var(--motion-translate-loop-animation,none),var(--motion-rotate-loop-animation,none),var(--motion-opacity-loop-animation,none),var(--motion-background-color-loop-animation,none),var(--motion-draw-loop-animation,none);
    animation: var(--motion-scale-in-animation,none),var(--motion-translate-in-animation,none),var(--motion-rotate-in-animation,none),var(--motion-opacity-in-animation,none),var(--motion-background-color-in-animation,none),var(--motion-draw-in-animation,none),var(--motion-scale-loop-animation,none),var(--motion-translate-loop-animation,none),var(--motion-rotate-loop-animation,none),var(--motion-opacity-loop-animation,none),var(--motion-background-color-loop-animation,none),var(--motion-draw-loop-animation,none)
}

.motion-scale-y-loop-110 {
    --motion-loop-scale-y: var(--motion-scale-110)
}

.-motion-translate-x-loop-10 {
    --motion-loop-translate-x: calc(var(--motion-translate-10)*-1);
    --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration))*var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both var(--motion-translate-loop-count,var(--motion-loop-count))
}

.-motion-translate-x-loop-10,.motion-rotate-loop-45 {
    animation-composition: accumulate;
    -webkit-animation: var(--motion-scale-in-animation,none),var(--motion-translate-in-animation,none),var(--motion-rotate-in-animation,none),var(--motion-opacity-in-animation,none),var(--motion-background-color-in-animation,none),var(--motion-draw-in-animation,none),var(--motion-scale-loop-animation,none),var(--motion-translate-loop-animation,none),var(--motion-rotate-loop-animation,none),var(--motion-opacity-loop-animation,none),var(--motion-background-color-loop-animation,none),var(--motion-draw-loop-animation,none);
    animation: var(--motion-scale-in-animation,none),var(--motion-translate-in-animation,none),var(--motion-rotate-in-animation,none),var(--motion-opacity-in-animation,none),var(--motion-background-color-in-animation,none),var(--motion-draw-in-animation,none),var(--motion-scale-loop-animation,none),var(--motion-translate-loop-animation,none),var(--motion-rotate-loop-animation,none),var(--motion-opacity-loop-animation,none),var(--motion-background-color-loop-animation,none),var(--motion-draw-loop-animation,none)
}

.motion-rotate-loop-45 {
    --motion-loop-rotate: var(--motion-rotate-45);
    --motion-rotate-loop-animation: motion-rotate-loop-mirror calc(var(--motion-rotate-duration, var(--motion-duration))*var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing,var(--motion-timing)) var(--motion-rotate-delay,var(--motion-delay)) both var(--motion-rotate-loop-count,var(--motion-loop-count))
}

.motion-ease-out-back {
    --motion-timing: var(--motion-ease-out-back);
    --motion-perceptual-duration-multiplier: 1
}

.motion-ease-out-cubic {
    --motion-timing: var(--motion-ease-out-cubic);
    --motion-perceptual-duration-multiplier: 1
}

.motion-delay-75 {
    --motion-delay: var(--motion-delay-75)
}

.motion-delay-150 {
    --motion-delay: var(--motion-delay-150)
}

.motion-delay-300 {
    --motion-delay: var(--motion-delay-300)
}

.motion-delay-500 {
    --motion-delay: var(--motion-delay-500)
}

.motion-duration-300 {
    --motion-duration: var(--motion-duration-300)
}

.motion-duration-500 {
    --motion-duration: var(--motion-duration-500)
}

@media screen and (prefers-reduced-motion:no-preference) {
    @-webkit-keyframes motion-translate-in {
        0% {
            -webkit-transform: translate(var(--motion-origin-translate-x,0),var(--motion-origin-translate-y,0));
            transform: translate(var(--motion-origin-translate-x,0),var(--motion-origin-translate-y,0))
        }

        to {
            -webkit-transform: translate(0);
            transform: translate(0)
        }
    }

    @keyframes motion-translate-in {
        0% {
            -webkit-transform: translate(var(--motion-origin-translate-x,0),var(--motion-origin-translate-y,0));
            transform: translate(var(--motion-origin-translate-x,0),var(--motion-origin-translate-y,0))
        }

        to {
            -webkit-transform: translate(0);
            transform: translate(0)
        }
    }

    @-webkit-keyframes motion-translate-out {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        to {
            -webkit-transform: translate(var(--motion-end-translate-x,0),var(--motion-end-translate-y,0));
            transform: translate(var(--motion-end-translate-x,0),var(--motion-end-translate-y,0))
        }
    }

    @keyframes motion-translate-out {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        to {
            -webkit-transform: translate(var(--motion-end-translate-x,0),var(--motion-end-translate-y,0));
            transform: translate(var(--motion-end-translate-x,0),var(--motion-end-translate-y,0))
        }
    }

    @-webkit-keyframes motion-translate-loop-mirror {
        0%,to {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        50% {
            -webkit-transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0));
            transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0))
        }
    }

    @keyframes motion-translate-loop-mirror {
        0%,to {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        50% {
            -webkit-transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0));
            transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0))
        }
    }

    @-webkit-keyframes motion-translate-loop-reset {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        to {
            -webkit-transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0));
            transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0))
        }
    }

    @keyframes motion-translate-loop-reset {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        to {
            -webkit-transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0));
            transform: translate(var(--motion-loop-translate-x,0),var(--motion-loop-translate-y,0))
        }
    }

    @-webkit-keyframes motion-scale-in {
        0% {
            -webkit-transform: scale(var(--motion-origin-scale-x,1),var(--motion-origin-scale-y,1));
            transform: scale(var(--motion-origin-scale-x,1),var(--motion-origin-scale-y,1))
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes motion-scale-in {
        0% {
            -webkit-transform: scale(var(--motion-origin-scale-x,1),var(--motion-origin-scale-y,1));
            transform: scale(var(--motion-origin-scale-x,1),var(--motion-origin-scale-y,1))
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @-webkit-keyframes motion-scale-out {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(var(--motion-end-scale-x,1),var(--motion-end-scale-y,1));
            transform: scale(var(--motion-end-scale-x,1),var(--motion-end-scale-y,1))
        }
    }

    @keyframes motion-scale-out {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(var(--motion-end-scale-x,1),var(--motion-end-scale-y,1));
            transform: scale(var(--motion-end-scale-x,1),var(--motion-end-scale-y,1))
        }
    }

    @-webkit-keyframes motion-scale-loop-mirror {
        0%,to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        50% {
            -webkit-transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1));
            transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1))
        }
    }

    @keyframes motion-scale-loop-mirror {
        0%,to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        50% {
            -webkit-transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1));
            transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1))
        }
    }

    @-webkit-keyframes motion-scale-loop-reset {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1));
            transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1))
        }
    }

    @keyframes motion-scale-loop-reset {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1));
            transform: scale(var(--motion-loop-scale-x,1),var(--motion-loop-scale-y,1))
        }
    }

    @-webkit-keyframes motion-rotate-in {
        0% {
            -webkit-transform: rotate(var(--motion-origin-rotate,0deg));
            transform: rotate(var(--motion-origin-rotate,0deg))
        }

        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }

    @keyframes motion-rotate-in {
        0% {
            -webkit-transform: rotate(var(--motion-origin-rotate,0deg));
            transform: rotate(var(--motion-origin-rotate,0deg))
        }

        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }

    @-webkit-keyframes motion-rotate-out {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(var(--motion-end-rotate,0deg));
            transform: rotate(var(--motion-end-rotate,0deg))
        }
    }

    @keyframes motion-rotate-out {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(var(--motion-end-rotate,0deg));
            transform: rotate(var(--motion-end-rotate,0deg))
        }
    }

    @-webkit-keyframes motion-rotate-loop-mirror {
        0%,to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        50% {
            -webkit-transform: rotate(var(--motion-loop-rotate,0deg));
            transform: rotate(var(--motion-loop-rotate,0deg))
        }
    }

    @keyframes motion-rotate-loop-mirror {
        0%,to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        50% {
            -webkit-transform: rotate(var(--motion-loop-rotate,0deg));
            transform: rotate(var(--motion-loop-rotate,0deg))
        }
    }

    @-webkit-keyframes motion-rotate-loop-reset {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(var(--motion-loop-rotate,0deg));
            transform: rotate(var(--motion-loop-rotate,0deg))
        }
    }

    @keyframes motion-rotate-loop-reset {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(var(--motion-loop-rotate,0deg));
            transform: rotate(var(--motion-loop-rotate,0deg))
        }
    }

    @-webkit-keyframes motion-draw-in {
        0% {
            stroke-dashoffset: var(--motion-origin-draw,0)
        }

        to {
            stroke-dashoffset: 0
        }
    }

    @keyframes motion-draw-in {
        0% {
            stroke-dashoffset: var(--motion-origin-draw,0)
        }

        to {
            stroke-dashoffset: 0
        }
    }

    @-webkit-keyframes motion-draw-out {
        0% {
            stroke-dashoffset: 0
        }

        to {
            stroke-dashoffset: var(--motion-end-draw,0)
        }
    }

    @keyframes motion-draw-out {
        0% {
            stroke-dashoffset: 0
        }

        to {
            stroke-dashoffset: var(--motion-end-draw,0)
        }
    }

    @-webkit-keyframes motion-draw-loop-mirror {
        0%,to {
            stroke-dashoffset: 0
        }

        50% {
            stroke-dashoffset: var(--motion-loop-draw,0)
        }
    }

    @keyframes motion-draw-loop-mirror {
        0%,to {
            stroke-dashoffset: 0
        }

        50% {
            stroke-dashoffset: var(--motion-loop-draw,0)
        }
    }

    @-webkit-keyframes motion-draw-loop-reset {
        0% {
            stroke-dashoffset: 0
        }

        to {
            stroke-dashoffset: var(--motion-loop-draw,0)
        }
    }

    @keyframes motion-draw-loop-reset {
        0% {
            stroke-dashoffset: 0
        }

        to {
            stroke-dashoffset: var(--motion-loop-draw,0)
        }
    }
}

.tpm-portal-motion-icon:not(.tpm-portal-motion-icon--animate) * {
    -webkit-animation: none!important;
    animation: none!important
}

.tpm-portal-num-animate {
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.tpm-portal-num-animate.is-forward {
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm-portal-num-animate__text {
    color: #000;
    font-weight: 500
}

@media screen and (max-width: 600px) {
    .tpm-portal-num-animate__text {
        font-size:32px;
        line-height: 40px
    }
}

.tpm-portal-overlay {
    position: fixed;
    z-index: 1001
}

.tpm-portal-tooltip {
    display: inline-block;
    box-sizing: border-box;
    max-width: 200px
}

.tpm-portal-tooltip__inner {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-shadow: inherit
}

.tpm-portal-text-overflow__tooltip,.tpm-portal-tooltip__inner {
    padding: 2px 6px;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 18px
}

.tpm-portal-text-overflow__tooltip {
    z-index: 1001;
    pointer-events: none;
    max-width: 200px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: normal;
    word-break: break-all
}

.tpm-portal-hero__ctrls-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 220px;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 48px;
    top: 0;
    padding-top: 56px;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-hero__ctrls {
    width: 100%;
    position: relative;
    border-right: 2px solid #fff
}

.tpm-portal-hero__ctrl {
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 14px 12px 14px 0;
    text-align: right
}

.tpm-portal-hero__ctrl+.tpm-portal-hero__ctrl {
    margin-top: 12px
}

.tpm-portal-hero__ctrl-inner {
    max-width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tpm-portal-hero__ctrl-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #181818;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out
}

.tpm-portal-hero__ctrl.active .tpm-portal-hero__ctrl-text {
    color: #0052d9
}

@media screen and (min-width: 769px) {
    .tpm-portal-hero__ctrl:hover .tpm-portal-hero__ctrl-text {
        color:#0052d9
    }
}

.tpm-portal-hero__ctrl-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    height: 20px
}

.tpm-portal-hero__ctrl-tag {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border-radius: 2px;
    background: linear-gradient(90deg,#5678f5,#9275ff)
}

.tpm-portal-hero__ctrl-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 2px);
    height: 50px;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4));
    border-right: 2px solid #0052d9;
    pointer-events: none
}

.tpm-portal-hero__ctrl-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

@media screen and (min-width: 1400px) {
    .tpm-portal-hero__ctrls-wrap {
        left:64px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-hero__ctrls-wrap {
        width:240px;
        left: 64px
    }

    .tpm-portal-hero__ctrl {
        padding: 18px 20px 18px 0
    }

    .tpm-portal-hero__ctrl-text {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-hero__ctrl-mask {
        height: 58px
    }
}

@media screen and (min-width: 1808px) {
    .tpm-portal-hero__ctrls-wrap {
        left:calc(50vw - 840px)
    }
}

.tpm-portal-hero__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 96px 48px 40px
}

.tpm-portal-hero__item.active {
    z-index: 1
}

.tpm-portal-hero__item-content {
    position: relative;
    height: 100%;
    padding-left: 268px;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-hero__item-title {
    color: #181818;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-hero__item-title .linear {
    background: linear-gradient(90deg,#0052d9,#606eff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.tpm-portal-hero__item-desc {
    margin-bottom: auto;
    margin-top: 12px;
    color: #253554;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 769px) {
    .tpm-portal-hero__item-desc {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.tpm-portal-hero__item-btn {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    width: 300px;
    padding: 10px 16px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    border-radius: 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff
}

@media screen and (min-width: 769px) {
    .tpm-portal-hero__item-btn {
        cursor:pointer
    }

    .tpm-portal-hero__item-btn:hover {
        background: linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }

    .tpm-portal-hero__item-btn:hover .tpm-portal-hero__item-btn-icon {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

.tpm-portal-hero__item-btn,.tpm-portal-hero__item-desc,.tpm-portal-hero__item-title {
    max-width: 500px;
    position: relative;
    z-index: 1
}

.tpm-portal-hero__item-btn-text {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.tpm-portal-hero__item-btn-icon {
    display: block;
    width: 14px;
    height: 5px;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-hero-btn-icon.svg);
    background-size: cover;
    transition: all .3s ease-in-out
}

.tpm-portal-hero__theme {
    max-width: 650px;
    width: calc(100% - 788px);
    height: 280px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm-portal-hero__theme-bg,.tpm-portal-hero__theme-video {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.tpm-portal-hero__theme-bg,.tpm-portal-hero__theme-fg,.tpm-portal-hero__theme-video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.tpm-portal-hero__theme-fg {
    max-width: calc(100% + 64px);
    width: auto;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1400px) {
    .tpm-portal-hero__item {
        padding:104px 64px 48px
    }

    .tpm-portal-hero__item-btn,.tpm-portal-hero__item-desc,.tpm-portal-hero__item-title {
        max-width: 520px
    }

    .tpm-portal-hero__item-title {
        font-size: 40px;
        line-height: 52px
    }

    .tpm-portal-hero__theme {
        width: calc(100% - 788px)
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-hero__item-content {
        padding-left:288px
    }

    .tpm-portal-hero__item-title {
        font-size: 42px;
        line-height: 56px
    }

    .tpm-portal-hero__item-btn,.tpm-portal-hero__item-desc,.tpm-portal-hero__item-title {
        max-width: 600px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-hero__item {
        padding:104px 120px 48px
    }

    .tpm-portal-hero__item-title {
        font-size: 48px;
        line-height: 60px
    }

    .tpm-portal-hero__item-btn,.tpm-portal-hero__item-desc,.tpm-portal-hero__item-title {
        max-width: 720px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-hero__item {
        opacity:1;
        padding: 32px 24px 44px;
        background-size: 768px 250px;
        background-position: 50%
    }

    .tpm-portal-hero__item-title {
        color: #181818;
        font-size: 32px;
        line-height: 48px
    }

    .tpm-portal-hero__item-desc {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-hero__item {
        opacity:1;
        padding: 32px 16px 44px
    }

    .tpm-portal-hero__item-title {
        color: #181818;
        font-size: 28px;
        line-height: 36px
    }
}

.tpm-portal-hero {
    background: #ecf2ff;
    height: 436px;
    position: relative;
    overflow: hidden
}

.tpm-portal-hero__inner {
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.tpm-portal-hero__content {
    position: relative;
    width: 100%;
    height: 100%
}

.tpm-portal-hero__bgs {
    -webkit-mask: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
    mask: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)
}

.tpm-portal-hero__bg,.tpm-portal-hero__bgs,.tpm-portal-hero__video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 2048px;
    height: 500px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover
}

.tpm-portal-hero__bg {
    opacity: 0
}

@media screen and (min-width: 1400px) {
    .tpm-portal-hero {
        height:461px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-hero {
        height:500px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-hero {
        height:250px
    }

    .tpm-portal-hero__swiper {
        height: 100%
    }

    .tpm-portal-hero__pagination {
        z-index: 1;
        position: absolute;
        left: 24px;
        bottom: 18px;
        width: calc(100% - 48px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .tpm-portal-hero__pagination-num {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        color: rgba(0,0,0,.35);
        font-size: 12px;
        line-height: 20px;
        font-weight: 500
    }

    .tpm-portal-hero__pagination-current {
        color: #000
    }

    .tpm-portal-hero__pagination-bullets {
        width: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 12px;
        margin-left: 16px;
        display: -ms-flexbox;
        display: flex
    }

    .tpm-portal-hero__pagination-bullet {
        width: 0;
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm-portal-hero__pagination-bullet:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: rgba(0,0,0,.1)
    }

    .tpm-portal-hero__pagination-bullet.is-active:after {
        background: #000
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-hero__pagination {
        left:16px;
        bottom: 16px;
        width: calc(100% - 32px)
    }
}

.tpm-portal-entry__event {
    width: 44%;
    min-width: 516px;
    height: auto;
    padding: 32px 0 18px 16px;
    position: relative;
    background-size: auto 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out
}

.tpm-portal-entry__event:before {
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    background: #eee;
    position: absolute;
    left: 0;
    top: 20px
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__event:hover {
        box-shadow:0 4px 32px 0 rgba(16,52,113,.1)
    }

    .tpm-portal-entry__event:hover:before {
        display: none
    }
}

.tpm-portal-entry__event-tag {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 12px 3px 3px;
    background: linear-gradient(90deg,#5171ff,#5454ff);
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.tpm-portal-entry__event-tag:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    width: 22px;
    height: 26px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-tag.svg)
}

.tpm-portal-entry__event-img-wrap {
    line-height: 0
}

.tpm-portal-entry__event--default:after {
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    right: 32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-icon.svg);
    opacity: 0;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__event--default:hover:after {
        opacity:1
    }
}

.tpm-portal-entry__event--default .tpm-portal-entry__event-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm-portal-entry__event--default .tpm-portal-entry__event-img {
    height: 20px
}

.tpm-portal-entry__event--default .tpm-portal-entry__event-desc {
    margin-top: 12px;
    color: #253554;
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-entry__event--links .tpm-portal-entry__event-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-entry__event--links .tpm-portal-entry__event-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 56px
}

.tpm-portal-entry__event--links .tpm-portal-entry__event-links {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    margin-left: 8px;
    padding-left: 8px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tpm-portal-entry__event--links .tpm-portal-entry__event-links:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 0
}

.tpm-portal-entry__event-item {
    width: calc(33.33333% - 5.33333px)
}

.tpm-portal-entry__event-item:nth-child(3n+2),.tpm-portal-entry__event-item:nth-child(3n+3) {
    margin-left: 8px
}

.tpm-portal-entry__event-item:nth-child(n+4) {
    margin-top: 12px
}

.tpm-portal-entry__event-link {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    color: #0d0d0d;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px
}

.tpm-portal-entry__event-link:after,.tpm-portal-entry__event-link:before {
    content: "";
    width: 5px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover
}

.tpm-portal-entry__event-link:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-event-link.svg)
}

.tpm-portal-entry__event-link:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-event-link-active.svg);
    opacity: 0
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__event-link:hover {
        color:#0052d9
    }

    .tpm-portal-entry__event-link:hover:after {
        opacity: 1
    }
}

.tpm-portal-entry__event--horizontal .tpm-portal-entry__event-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-entry__event--horizontal .tpm-portal-entry__event-img {
    height: 44px
}

.tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc {
    color: #0052d9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-left: 20px;
    padding-left: 20px;
    position: relative
}

.tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc:before {
    content: "";
    height: 44px;
    width: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm-portal-entry__event-btn {
    display: none
}

@media screen and (min-width: 1400px) {
    .tpm-portal-entry__event {
        padding:32px 0 18px 20px
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-links {
        margin-left: 12px;
        padding-left: 12px
    }

    .tpm-portal-entry__event-item {
        width: calc(33.33333% - 8px)
    }

    .tpm-portal-entry__event-item:nth-child(3n+2),.tpm-portal-entry__event-item:nth-child(3n+3) {
        margin-left: 12px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-img {
        height: 48px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc {
        font-size: 18px;
        line-height: 26px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc:before {
        height: 48px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-entry__event--default .tpm-portal-entry__event-img {
        height:24px
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-img {
        height: 62px
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-links {
        margin-left: 16px;
        padding-left: 16px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-img {
        height: 52px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc:before {
        height: 52px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-entry__event {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background-image: linear-gradient(106deg,#fff -4.75%,#dce0ff 160.58%)!important;
        border-top: 1px solid hsla(0,0%,65.1%,.16);
        width: 100%;
        min-width: 0;
        padding: 22px 24px 16px
    }

    .tpm-portal-entry__event:before {
        display: none
    }

    .tpm-portal-entry__event-inner {
        width: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .tpm-portal-entry__event--default:after {
        content: none;
        display: none
    }

    .tpm-portal-entry__event--default .tpm-portal-entry__event-img {
        height: 24px
    }

    .tpm-portal-entry__event--default .tpm-portal-entry__event-desc {
        margin-top: 8px
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-inner {
        display: block
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-img {
        height: 24px
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-links {
        width: 100%;
        margin: 16px 0 0;
        padding: 0
    }

    .tpm-portal-entry__event--links .tpm-portal-entry__event-links:before {
        display: none
    }

    .tpm-portal-entry__event-item {
        width: calc(33.33333% - 10.66667px)
    }

    .tpm-portal-entry__event-item:nth-child(3n+2),.tpm-portal-entry__event-item:nth-child(3n+3) {
        margin-left: 16px
    }

    .tpm-portal-entry__event-item:nth-child(n+4) {
        margin-top: 12px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-inner {
        display: block
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-img {
        height: 24px
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc {
        color: #253554;
        font-size: 14px;
        line-height: 22px;
        margin: 8px 0 0;
        padding: 0
    }

    .tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc:before {
        display: none
    }

    .tpm-portal-entry__event-btn {
        margin-left: 16px;
        display: block;
        min-width: 200px;
        padding: 4px 15px;
        border-radius: 2px;
        border: 1px solid hsla(0,0%,100%,.94);
        background: hsla(0,0%,100%,.75);
        text-align: center;
        color: #252525;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-entry__event {
        padding:32px 16px 16px
    }

    .tpm-portal-entry__event--default .tpm-portal-entry__event-img,.tpm-portal-entry__event--horizontal .tpm-portal-entry__event-img,.tpm-portal-entry__event--links .tpm-portal-entry__event-img {
        height: 20px
    }

    .tpm-portal-entry__event--default .tpm-portal-entry__event-desc,.tpm-portal-entry__event--horizontal .tpm-portal-entry__event-desc {
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-entry__event-btn {
        min-width: 100px
    }

    .tpm-portal-entry__event--links {
        padding-top: 20px
    }

    .tpm-portal-entry__event-item {
        width: calc(50% - 8px)
    }

    .tpm-portal-entry__event-item:nth-child(3n+2),.tpm-portal-entry__event-item:nth-child(3n+3) {
        margin-left: 0
    }

    .tpm-portal-entry__event-item:nth-child(2n) {
        margin-left: 16px
    }

    .tpm-portal-entry__event-item:nth-child(n+3) {
        margin-top: 12px
    }
}

.tpm-portal-entry {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0 32px
}

.tpm-portal-entry__inner {
    max-width: 1720px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-entry__item {
    height: auto;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding: 20px 36px 20px 16px;
    transition: box-shadow .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__item:hover {
        box-shadow:0 4px 32px 0 rgba(16,52,113,.1)
    }
}

.tpm-portal-entry__item+.tpm-portal-entry__item:before {
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    background: #eee;
    position: absolute;
    left: 0;
    top: 20px
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__item:hover+.tpm-portal-entry__event:before,.tpm-portal-entry__item:hover+.tpm-portal-entry__item:before,.tpm-portal-entry__item:hover:before {
        display:none
    }
}

.tpm-portal-entry__tag {
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm-portal-entry__title {
    width: 100%;
    margin-top: 8px;
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    transition: color .3s ease-in-out
}

.tpm-portal-entry__title p {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__item:hover .tpm-portal-entry__title {
        color:#0052d9
    }
}

.tpm-portal-entry__arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm-portal-entry__arrow:after,.tpm-portal-entry__arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    transition: all .3s ease-in-out
}

.tpm-portal-entry__arrow:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-arrow.svg)
}

.tpm-portal-entry__arrow:after {
    opacity: 0;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-arrow-active.svg)
}

@media screen and (min-width: 769px) {
    .tpm-portal-entry__item:hover .tpm-portal-entry__arrow:before {
        -webkit-transform:translateX(3px);
        transform: translateX(3px)
    }

    .tpm-portal-entry__item:hover .tpm-portal-entry__arrow:after {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-entry {
        padding:0 44px
    }

    .tpm-portal-entry__item {
        padding: 20px 40px 20px 20px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-entry {
        padding:0 44px
    }

    .tpm-portal-entry__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-entry {
        padding:0 100px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-entry {
        background:linear-gradient(111deg,#fff 13.1%,#ebf0ff 119.71%);
        border-top: 1px solid hsla(0,0%,65.1%,.16);
        border-bottom: 1px solid hsla(0,0%,65.1%,.16);
        padding: 0
    }

    .tpm-portal-entry__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tpm-portal-entry__item {
        width: 50%;
        padding: 12px 44px 12px 24px
    }

    .tpm-portal-entry__item:before {
        display: none
    }

    .tpm-portal-entry__item:nth-child(2n) {
        border-left: 1px solid hsla(0,0%,65.1%,.16)
    }

    .tpm-portal-entry__item:nth-child(n+3) {
        border-top: 1px solid hsla(0,0%,65.1%,.16)
    }

    .tpm-portal-entry__title {
        margin-top: 4px;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm-portal-entry__arrow {
        right: 12px;
        top: 40px;
        -webkit-transform: none;
        transform: none;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-entry-arrow.svg)
    }

    .tpm-portal-entry__arrow:after,.tpm-portal-entry__arrow:before {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-entry__item {
        padding:12px 32px 12px 16px
    }
}

.tpm-portal-section {
    width: 100%;
    overflow: hidden;
    background-size: 2560px auto!important;
    background-repeat: no-repeat;
    background-position: bottom
}

.tpm-portal-section__wrap {
    background-size: cover
}

.tpm-portal-section__inner {
    padding-top: 60px;
    padding-bottom: 60px
}

.tpm-portal-section__hd {
    margin-bottom: 32px;
    padding-left: 48px;
    padding-right: 48px
}

.tpm-portal-section__hd-content {
    max-width: 1680px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-section__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #091221;
    text-align: center
}

.tpm-portal-section__title [class] {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.tpm-portal-section__title .linear {
    background: linear-gradient(90deg,#0052d9,#606eff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.tpm-portal-section__link-wrap {
    margin-top: 20px;
    background: rgba(0,0,0,.12);
    padding: 1px;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    transition: padding .3s ease,border-radius .3s ease
}

@media screen and (min-width: 769px) {
    .tpm-portal-section__link-wrap:hover .tpm-portal-section__link-line {
        opacity:0
    }

    .tpm-portal-section__link-wrap:hover .tpm-portal-section__link-line-active {
        opacity: 1
    }
}

.tpm-portal-section__link-line {
    background: conic-gradient(from 0deg,transparent 5%,transparent 70%,#3e78ff 78%,#ce78ff 84%,#3e78ff 90%,#ce78ff 95%,transparent 100%)
}

.tpm-portal-section__link-line,.tpm-portal-section__link-line-active {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    padding: 50%;
    aspect-ratio: 1/1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 0;
    -webkit-animation: section2-link-line-rotate 3s linear infinite;
    animation: section2-link-line-rotate 3s linear infinite;
    transition: opacity .3s ease
}

.tpm-portal-section__link-line-active {
    background: conic-gradient(from 0deg,#3e78ff 0,#ce78ff 35%,#3e78ff 58%,#ce78ff 91%);
    opacity: 0
}

@-webkit-keyframes section2-link-line-rotate {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0deg);
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%,-50%) rotate(1turn);
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

@keyframes section2-link-line-rotate {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0deg);
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%,-50%) rotate(1turn);
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

.tpm-portal-section__link {
    position: relative;
    z-index: 1;
    border-radius: 13px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 35px 2px 15px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0,0,0,.85);
    white-space: nowrap;
    text-decoration: none;
    background: #fff;
    transition: all .3s ease-in-out
}

.tpm-portal-section__link:after,.tpm-portal-section__link:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out
}

.tpm-portal-section__link:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-section-icon-arrow-right.svg)
}

.tpm-portal-section__link:after {
    opacity: 0;
    -webkit-transform: translate(-3px,-50%);
    transform: translate(-3px,-50%);
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-section-icon-arrow-right-hover.svg)
}

@media screen and (min-width: 769px) {
    .tpm-portal-section__link-wrap:hover .tpm-portal-section__link {
        background:#efefff
    }

    .tpm-portal-section__link-wrap:hover .tpm-portal-section__link:before {
        -webkit-transform: translate(3px,-50%);
        transform: translate(3px,-50%)
    }

    .tpm-portal-section__link-wrap:hover .tpm-portal-section__link:after {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.tpm-portal-section__bd {
    width: 100%;
    padding-left: 48px;
    padding-right: 48px
}

.tpm-portal-section--full .tpm-portal-section__bd {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 1400px) {
    .tpm-portal-section__bd,.tpm-portal-section__hd {
        padding:0 64px
    }

    .tpm-portal-section__title {
        font-size: 36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-section__hd {
        margin-bottom:32px
    }

    .tpm-portal-section__link {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-section__bd,.tpm-portal-section__hd {
        padding-left:120px;
        padding-right: 120px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-section__inner {
        padding-top:36px;
        padding-bottom: 36px
    }

    .tpm-portal-section__hd {
        margin-bottom: 24px
    }

    .tpm-portal-section__bd,.tpm-portal-section__hd {
        padding-left: 24px;
        padding-right: 24px
    }

    .tpm-portal-section__title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500
    }

    .tpm-portal-section__link-wrap {
        margin-top: 12px
    }

    .tpm-portal-section__link {
        padding: 2px 15px
    }

    .tpm-portal-section__link:before {
        display: none;
        content: none
    }

    .tpm-portal-section__link:after {
        content: "";
        width: 16px;
        height: 16px;
        position: static;
        display: block;
        margin-left: 4px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-section-icon-chevron-right.svg);
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-section__bd,.tpm-portal-section__hd {
        padding-left:16px;
        padding-right: 16px
    }

    .tpm-portal-section__link {
        height: 24px;
        padding: 0 8px 0 12px;
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-section__link:after {
        width: 14px;
        height: 14px
    }

    .tpm-portal-section__link-line,.tpm-portal-section__link-line-active {
        display: none
    }
}

.tpm-portal-module {
    display: block;
    max-width: 1680px;
    margin: 0 auto
}

.tpm-portal-product__card {
    overflow: hidden;
    display: block;
    padding: 20px 16px;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__card:hover {
        z-index:1;
        box-shadow: 0 8px 24px 0 rgba(149,157,165,.2);
        background: #fff
    }

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

    .tpm-portal-product__card:hover .tpm-portal-product__card-arrow {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.tpm-portal-product__card-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.tpm-portal-product__card-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm-portal-product__card.is-more .tpm-portal-product__card-inner {
    padding-top: 4px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tpm-portal-product__card-hd {
    max-width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-product__card-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.tpm-portal-product__card-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    height: 20px
}

.tpm-portal-product__card-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-card-arrow.svg);
    opacity: 0;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    transition: all .3s ease-in-out
}

.tpm-portal-product__card.is-more .tpm-portal-product__card-arrow {
    display: none
}

.tpm-portal-product__card-desc {
    width: 100%;
    margin-top: 8px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm-portal-product__card-tags {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 8px;
    height: 22px;
    overflow: hidden
}

.tpm-portal-product__card-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e8ed;
    padding: 1px 7px;
    color: #4b5b76;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.tpm-portal-product__card-tag.type-active,.tpm-portal-product__card-tag.type-advantage {
    color: rgba(0,82,217,.85);
    border-color: #d2e1f9
}

.tpm-portal-product__card-tag.type-advantage:before {
    margin-right: 4px;
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    display: block;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-card-tag-advantage.svg)
}

.tpm-portal-product__card-btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%;
    height: 100%;
    opacity: 0;
    padding: 24px 16px 24px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out
}

.tpm-portal-product__card-btn-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0))
}

.tpm-portal-product__card-btn-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff
}

.tpm-portal-product__card-btn {
    position: relative;
    z-index: 3;
    padding: 5px 11px;
    border: 1px solid #d2d2d2;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    transition: color .3s ease-in-out,background .3s ease-in-out,border-color .3s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-product__card-btn-icon {
    margin-right: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background-size: cover
}

.tpm-portal-product__card-btn-icon--active {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 11px;
    top: 8px;
    opacity: 0;
    background-size: cover;
    transition: opacity .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__card-btn:hover {
        color:#fff;
        border-color: #0052d9;
        background: #0052d9
    }

    .tpm-portal-product__card-btn:hover .tpm-portal-product__card-btn-icon--active {
        opacity: 1
    }
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__card:hover .tpm-portal-product__card-btn-wrap {
        opacity:1;
        pointer-events: auto
    }
}

.tpm-portal-product__card-more {
    margin-top: 8px;
    color: #0052d9;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-product__card-more:after {
    margin-left: 4px;
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-card-more.svg);
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__card:hover .tpm-portal-product__card-more:after {
        -webkit-transform:translateX(4px);
        transform: translateX(4px)
    }
}

.tpm-portal-product__cards .tpm-portal-product__card {
    display: inline-block;
    width: 33.33333%;
    padding: 20px 16px;
    height: 136px;
    vertical-align: middle
}

.tpm-portal-product__cards .tpm-portal-product__card-btn-wrap {
    padding: 20px 16px 20px 0
}

@media screen and (min-width: 1400px) {
    .tpm-portal-product__card {
        padding:24px 20px
    }

    .tpm-portal-product__card-title {
        font-size: 16px;
        line-height: 22px
    }

    .tpm-portal-product__card-btn-wrap {
        padding: 24px 20px 24px 0
    }

    .tpm-portal-product__card-btn {
        padding: 7px 15px
    }

    .tpm-portal-product__card-btn-icon--active {
        left: 15px;
        top: 10px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-product__card {
        padding:24px
    }

    .tpm-portal-product__card-title {
        font-size: 18px;
        line-height: 24px
    }

    .tpm-portal-product__card-btn-wrap {
        padding: 24px 24px 24px 0
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-product__card {
        background:#fff;
        padding: 16px
    }

    .tpm-portal-product__card:nth-child(n+2) {
        border-top: 1px solid #eee
    }

    .tpm-portal-product__card-title {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-product__card-arrow,.tpm-portal-product__card-btn-wrap {
        display: none
    }

    .tpm-portal-product__card-desc {
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-product__card-tags {
        gap: 0
    }

    .tpm-portal-product__card-tag+.tpm-portal-product__card-tag {
        margin-left: 4px
    }

    .tpm-portal-product__cards .tpm-portal-product__card {
        display: inline-block;
        width: 100%;
        height: auto
    }

    .tpm-portal-product__card.is-more .tpm-portal-product__card-inner {
        padding-top: 0
    }
}

.tpm-portal-product__recommend {
    padding: 20px 16px;
    position: relative;
    height: 272px
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__recommend {
        cursor:pointer;
        transition: background .3s ease-in-out,box-shadow .3s ease-in-out
    }

    .tpm-portal-product__recommend:hover {
        z-index: 1;
        box-shadow: 0 8px 24px 0 rgba(149,157,165,.2);
        background: #fff
    }

    .tpm-portal-product__recommend:first-child {
        border-radius: 7px 0 0 0
    }

    .tpm-portal-product__recommend:last-child {
        border-radius: 0 0 0 7px
    }
}

.tpm-portal-product__recommend+.tpm-portal-product__recommend:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: -1px;
    background: #eee
}

.tpm-portal-product__recommend-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-product__recommend-slogn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-product__recommend-slogn-icon {
    width: 16px;
    height: 16px;
    background-size: cover
}

.tpm-portal-product__recommend-slogn-text {
    margin-left: 8px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.tpm-portal-product__recommend-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-product__recommend-slogn+.tpm-portal-product__recommend-hd {
    margin-top: 12px
}

.tpm-portal-product__recommend-title {
    margin-right: 8px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.tpm-portal-product__recommend-desc {
    margin-top: 8px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-product__recommend-tags {
    margin-bottom: auto;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 8px;
    height: 22px;
    overflow: hidden
}

.tpm-portal-product__recommend-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e8ed;
    padding: 1px 7px;
    color: #4b5b76;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.tpm-portal-product__recommend-tag.type-active,.tpm-portal-product__recommend-tag.type-advantage {
    color: rgba(0,82,217,.85);
    border-color: #d2e1f9
}

.tpm-portal-product__recommend-tag.type-advantage:before {
    margin-right: 4px;
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    display: block;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-card-tag-advantage.svg)
}

.tpm-portal-product__recommend-btns {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.tpm-portal-product__recommend-btn {
    width: calc(50% - 6px);
    border-radius: 2px;
    height: 36px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 16px
}

.tpm-portal-product__recommend-btn.type-weak {
    background: #fff;
    border: 1px solid #c8d0dd;
    color: #000;
    padding: 7px;
    transition: all .3s ease-in-out;
    box-shadow: none
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__recommend-btn:hover {
        background:linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }

    .tpm-portal-product__recommend-btn.type-weak:hover {
        background: #fff;
        color: #0052d9;
        box-shadow: none
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-product__recommend {
        padding:24px 20px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-product__recommend {
        padding:24px
    }

    .tpm-portal-product__recommend-title {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-product__recommend-btn {
        height: 42px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-product__recommend {
        padding:16px;
        height: auto
    }

    .tpm-portal-product__recommend-slogn {
        display: none
    }

    .tpm-portal-product__recommend-slogn+.tpm-portal-product__recommend-hd {
        margin-top: 0
    }

    .tpm-portal-product__recommend-title {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-product__recommend-tags {
        margin-top: 8px;
        gap: 0
    }

    .tpm-portal-product__recommend-tag+.tpm-portal-product__recommend-tag {
        margin-left: 4px
    }

    .tpm-portal-product__recommend-btns {
        margin-top: 16px;
        gap: 0;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__section.tpm-portal-section .tpm-portal-section__link:not(:hover) {
        background:#fbfcfe
    }
}

.tpm-portal-product__content {
    border: 1px solid #fff;
    background: hsla(0,0%,100%,.8);
    border-radius: 8px;
    width: 100%
}

.tpm-portal-product__content,.tpm-portal-product__content.type-hot {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-product__list {
    width: 25%
}

.tpm-portal-product__list-hd {
    padding: 24px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-product__list-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: linear-gradient(90deg,#0052d9 6.47%,#606eff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.tpm-portal-product__list-desc {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 8px;
    padding-left: 8px;
    position: relative;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm-portal-product__list-desc:before {
    content: "";
    width: 1px;
    height: 12px;
    background: rgba(75,91,118,.6);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm-portal-product__recommends {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25%;
    border-right: 1px solid #eee
}

.tpm-portal-product__cards {
    width: 75%
}

@media screen and (min-width: 769px) {
    .tpm-portal-product__list .tpm-portal-product__card:first-child:after {
        content:"";
        width: calc(100% - 32px);
        height: 1px;
        position: absolute;
        left: 16px;
        top: 0;
        background: #e3e3e3;
        opacity: 1;
        transition: all .3s ease-in-out
    }

    .tpm-portal-product__list .tpm-portal-product__card:first-child:hover:after {
        opacity: 0
    }

    .tpm-portal-product__list:first-child .tpm-portal-product__card:last-child {
        border-radius: 0 0 0 7px
    }

    .tpm-portal-product__list:last-child .tpm-portal-product__card:last-child {
        border-radius: 0 0 7px 0
    }

    .tpm-portal-product__cards .tpm-portal-product__card:nth-child(3) {
        border-radius: 0 7px 0 0
    }

    .tpm-portal-product__cards .tpm-portal-product__card:nth-child(12) {
        border-radius: 0 0 7px 0
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-product__list-hd {
        padding:24px 20px
    }

    .tpm-portal-product__list-title {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-product__list .tpm-portal-product__card:first-child:after {
        width: calc(100% - 40px);
        left: 20px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-product__list-hd {
        padding:24px
    }

    .tpm-portal-product__list-title {
        font-size: 22px;
        line-height: 32px
    }

    .tpm-portal-product__list .tpm-portal-product__card:first-child:after {
        width: calc(100% - 48px);
        left: 24px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-product__section {
        overflow:visible;
        background: #fff!important
    }

    .tpm-portal-product__section .tpm-portal-section__inner {
        padding-bottom: 0
    }

    .tpm-portal-product__section .tpm-portal-section__hd {
        margin-bottom: 11px
    }

    .tpm-portal-product__section .tpm-portal-section__bd,.tpm-portal-product__section .tpm-portal-tab__content {
        padding: 0
    }

    .tpm-portal-product__content {
        border-radius: 0;
        display: block;
        border: 0;
        border-top: 1px solid #eee;
        background: #f6f8fb;
        padding: 12px 24px
    }

    .tpm-portal-product__content.type-hot {
        display: block;
        padding: 0;
        background: transparent
    }

    .tpm-portal-product__list {
        width: 100%;
        border-bottom: 1px solid #eee
    }

    .tpm-portal-product__list-hd {
        padding: 16px 24px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tpm-portal-product__list-hd:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: static;
        background: none;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-list-arrow.svg)
    }

    .tpm-portal-product__list.is-open .tpm-portal-product__list-hd:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tpm-portal-product__list-title {
        background: #000;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .tpm-portal-product__list-desc {
        display: none
    }

    .tpm-portal-product__list-content {
        display: none;
        border-top: 1px solid #eee;
        background: #f6f8fb;
        padding: 12px 24px
    }

    .tpm-portal-product__list.is-open .tpm-portal-product__list-content {
        display: block
    }

    .tpm-portal-product__cards,.tpm-portal-product__recommends {
        width: 100%;
        background: #fff
    }

    .tpm-portal-product__recommends {
        border-right: 0
    }

    .tpm-portal-product__cards {
        margin-top: 16px
    }

    .tpm-portal-product__toggle-wrap {
        margin-top: 16px
    }

    .tpm-portal-product__toggle,.tpm-portal-product__toggle-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm-portal-product__toggle {
        -ms-flex-align: center;
        align-items: center;
        padding: 2px 15px;
        color: rgba(0,0,0,.85);
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
        border-radius: 13px;
        border: 1px solid #fff;
        background: hsla(0,0%,100%,.68)
    }

    .tpm-portal-product__toggle:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin-left: 4px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-cards-arrow.svg)
    }

    .tpm-portal-product__toggle.is-expanded:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-product__list-hd {
        padding:16px
    }

    .tpm-portal-product__content,.tpm-portal-product__list-content {
        padding: 12px 16px
    }
}

.tpm-portal-tab__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 0;
    position: relative;
    cursor: pointer
}

.tpm-portal-tab__item-icon.tpm-portal-motion-icon {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px
}

.tpm-portal-tab__item-text {
    color: transparent;
    background: rgba(0,0,0,.9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    white-space: nowrap
}

@media screen and (min-width: 769px) {
    .tpm-portal-tab__item-icon+.tpm-portal-tab__item-text {
        margin-left:12px
    }
}

.tpm-portal-tab__item:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,#1f74ff,#8269ff);
    transition: height .15s ease-in-out,width .15s ease-in-out .15s;
    -webkit-transition: height .15s ease-in-out,width .15s ease-in-out .15s
}

.tpm-portal-tab__item.is-active:after {
    width: 100%;
    height: 2px;
    transition: width .3s ease-in-out;
    -webkit-transition: width .3s ease-in-out
}

.tpm-portal-tab__item.is-active .tpm-portal-tab__item-text {
    background: linear-gradient(90deg,#235cf0 2.5%,#606eff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width: 769px) {
    .tpm-portal-tab__item:hover .tpm-portal-tab__item-text {
        background:linear-gradient(90deg,#0052d9 6.47%,#606eff);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media screen and (min-width: 769px) {
    .tpm-portal-tab__item+.tpm-portal-tab__item {
        margin-top:4px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-tab__item-icon.tpm-portal-motion-icon {
        width:20px;
        height: 20px;
        font-size: 20px
    }

    .tpm-portal-tab__item-text {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-tab__bar--scroll .tpm-portal-tab__item {
        width:auto;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 13px 0
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__item+.tpm-portal-tab__item {
        margin-left: 20px
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__item-text {
        margin-left: 8px;
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-tab__item {
        margin-right: 0
    }
}

.tpm-portal-tab__panel {
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    margin: 0;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-tab__panel.is-active {
    overflow: visible;
    width: 100%;
    height: auto;
    opacity: 1;
    pointer-events: auto
}

.tpm-portal-tab__bar,.tpm-portal-tab__bar-inner {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-tab__bar-inner {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tpm-portal-tab__content {
    padding-top: 24px
}

@media screen and (max-width: 768px) {
    .tpm-portal-tab__bar-wrap {
        position:relative;
        z-index: 1
    }

    .tpm-portal-tab__bar--scroll {
        padding: 0 24px;
        overflow: hidden;
        overflow-x: scroll;
        height: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm-portal-tab__bar--scroll.is-scroll {
        display: block;
        padding: 0 52px 0 24px
    }

    .tpm-portal-tab__bar--scroll::-webkit-scrollbar {
        display: none
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__bar-inner {
        display: inline-block;
        width: auto;
        white-space: nowrap;
        padding: 0;
        height: auto;
        -ms-flex: none;
        flex: none
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__bar-arrow {
        display: none;
        position: absolute;
        height: 100%;
        width: 44px;
        top: 0;
        right: 0;
        background: #fff
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__bar-arrow:before {
        content: "";
        width: 48px;
        height: 100%;
        background: linear-gradient(90deg,hsla(0,0%,100%,0) -2.08%,#fff);
        position: absolute;
        left: -48px;
        top: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity .3s ease-in-out
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__bar-arrow:after {
        content: "";
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-tab-icon-option.svg);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__bar-arrow.is-active:after {
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-tab-icon-option-active.svg)
    }

    .tpm-portal-tab__bar--scroll .tpm-portal-tab__bar-arrow.has-mask:before {
        opacity: 1
    }

    .tpm-portal-tab__bar--scroll.is-scroll .tpm-portal-tab__bar-arrow {
        display: block
    }

    .tpm-portal-tab__dropdown {
        width: 100%;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        background: #fff;
        box-shadow: 0 4px 10px 0 rgba(55,99,170,.1);
        padding: 16px;
        display: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 2
    }

    .tpm-portal-tab__dropdown-item {
        width: calc(33.33333% - 8px);
        border-radius: 2px;
        padding: 3px 8px;
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        background: #f1f2f5;
        color: rgba(0,0,0,.9);
        text-align: center;
        margin-top: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm-portal-tab__dropdown-item:nth-child(-n+3) {
        margin-top: 0
    }

    .tpm-portal-tab__dropdown-item:nth-child(3n+2),.tpm-portal-tab__dropdown-item:nth-child(3n+3) {
        margin-left: 8px
    }

    .tpm-portal-tab__dropdown-item.is-active {
        background: #0052d9;
        color: #fff
    }

    .tpm-portal-tab__dropdown.is-show {
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-tab__bar--scroll {
        padding:0 16px
    }

    .tpm-portal-tab__bar--scroll.is-scroll {
        padding: 0 44px 0 16px
    }
}

.tpm-portal-act-bar {
    position: relative;
    overflow: hidden;
    padding: 32px 48px
}

.tpm-portal-act-bar__bg,.tpm-portal-act-bar__bg:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tpm-portal-act-bar__bg:after {
    content: ""
}

.tpm-portal-act-bar__img,.tpm-portal-act-bar__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tpm-portal-act-bar__inner {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1680px;
    margin: 0 auto;
    box-sizing: border-box
}

.tpm-portal-act-bar__info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30%
}

.tpm-portal-act-bar__title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    color: #fff
}

.tpm-portal-act-bar__desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: hsla(0,0%,100%,.7)
}

.tpm-portal-act-bar__items {
    margin-left: 24px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px
}

.tpm-portal-act-bar__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 474px;
    width: calc(50% - 8px);
    padding: 24px 20px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid hsla(0,0%,100%,.32);
    background: hsla(0,0%,100%,.8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    overflow: hidden
}

@media screen and (min-width: 769px) {
    .tpm-portal-act-bar__item {
        transition:background .3s ease-in-out,box-shadow .3s ease-in-out
    }

    .tpm-portal-act-bar__item:hover {
        background: hsla(0,0%,100%,.9);
        box-shadow: 0 4px 40px 0 rgba(0,0,0,.12)
    }
}

.tpm-portal-act-bar__item-tag {
    margin-bottom: auto;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    background: linear-gradient(180deg,#0052d9,#606eff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tpm-portal-act-bar__item-body {
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.tpm-portal-act-bar__item-text {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    color: #091221;
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-act-bar__item-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    position: relative;
    overflow: hidden
}

.tpm-portal-act-bar__item-arrow-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: hsla(0,0%,100%,.7);
    border-radius: 50%;
    position: relative
}

.tpm-portal-act-bar__item-arrow-icon:after,.tpm-portal-act-bar__item-arrow-icon:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: opacity .3s ease-in-out
}

.tpm-portal-act-bar__item-arrow-icon:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-act-bar-arrow-right.svg);
    opacity: 1
}

.tpm-portal-act-bar__item-arrow-icon:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-act-bar-arrow-right-blue.svg);
    opacity: 0
}

@media screen and (min-width: 769px) {
    .tpm-portal-act-bar__item:hover .tpm-portal-act-bar__item-arrow-icon:after {
        opacity:1
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-act-bar {
        padding:32px 64px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-act-bar {
        padding:36px 64px
    }

    .tpm-portal-act-bar__title {
        font-size: 32px;
        line-height: 48px
    }

    .tpm-portal-act-bar__desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-act-bar__item {
        width: calc(50% - 8px);
        padding: 26px 22px
    }

    .tpm-portal-act-bar__item-tag {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .tpm-portal-act-bar__item-text {
        font-size: 18px;
        line-height: 26px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-act-bar {
        padding:48px 120px
    }

    .tpm-portal-act-bar__title {
        font-size: 36px;
        line-height: 44px
    }

    .tpm-portal-act-bar__item {
        padding: 28px 24px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-act-bar {
        padding:36px 24px;
        background: #fff
    }

    .tpm-portal-act-bar__bg {
        display: none
    }

    .tpm-portal-act-bar__inner {
        display: block
    }

    .tpm-portal-act-bar__info {
        width: 100%
    }

    .tpm-portal-act-bar__title {
        text-align: center;
        color: #091221;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0
    }

    .tpm-portal-act-bar__desc {
        display: none
    }

    .tpm-portal-act-bar__items {
        margin: 24px 0 0;
        width: 100%;
        display: block
    }

    .tpm-portal-act-bar__item {
        display: block;
        width: 100%;
        max-width: none;
        border-radius: 4px;
        border: 1px solid hsla(0,0%,100%,.32);
        background: linear-gradient(0deg,#f2f5fa,#f2f5fa),#fff;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        padding: 11px
    }

    .tpm-portal-act-bar__item-tag {
        font-weight: 400
    }

    .tpm-portal-act-bar__item-text {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-act-bar__item-arrow,.tpm-portal-act-bar__item-arrow-icon {
        width: 24px;
        height: 24px
    }

    .tpm-portal-act-bar__item+.tpm-portal-act-bar__item {
        margin-top: 12px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-act-bar {
        padding:36px 16px
    }
}

.tpm-portal-panel {
    display: block;
    padding: 48px 0
}

.tpm-portal-panel__hd {
    max-width: 1680px;
    margin: 0 auto 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-panel__hd-line {
    width: 209px;
    height: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm-portal-panel__hd-line--left {
    margin-right: 16px;
    background: linear-gradient(270deg,hsla(0,0%,100%,.38),hsla(0,0%,100%,0))
}

.tpm-portal-panel__hd-line--right {
    margin-left: 16px;
    background: linear-gradient(90deg,hsla(0,0%,100%,.38),hsla(0,0%,100%,0))
}

.tpm-portal-panel__title {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    white-space: nowrap
}

.tpm-portal-panel__title a {
    margin-left: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-right: 18px
}

@media screen and (min-width: 769px) {
    .tpm-portal-panel__title a {
        -webkit-text-decoration-line:underline;
        text-decoration-line: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        -webkit-text-decoration-color: hsla(0,0%,100%,.3);
        text-decoration-color: hsla(0,0%,100%,.3);
        text-decoration-thickness: 3.5%;
        text-underline-offset: 4px
    }
}

.tpm-portal-panel__title a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-panel-link-arrow.svg);
    background-size: cover;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-panel__title a:hover:after {
        -webkit-transform:translate(3px,-50%);
        transform: translate(3px,-50%)
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-panel {
        padding:28px 0
    }

    .tpm-portal-panel__hd {
        margin-bottom: 16px;
        padding: 0 24px
    }

    .tpm-portal-panel__hd-line {
        max-width: 80px;
        width: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .tpm-portal-panel__hd-line--left {
        margin-right: 8px;
        background: linear-gradient(270deg,rgba(95,121,164,.38),rgba(95,121,164,0))
    }

    .tpm-portal-panel__hd-line--right {
        margin-left: 8px;
        background: linear-gradient(90deg,rgba(95,121,164,.38),rgba(95,121,164,0))
    }

    .tpm-portal-panel__title {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 12px;
        line-height: 20px;
        color: #506fa2
    }

    .tpm-portal-panel__title a {
        font-size: 12px;
        line-height: 20px;
        color: #0052d9
    }

    .tpm-portal-panel__title a:after {
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-panel-link-arrow-mobile.svg)
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-panel__hd {
        padding:0 16px
    }
}

.tpm-portal-show__mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .tpm-portal-show__pc {
        display:none
    }

    .tpm-portal-show__mobile {
        display: block
    }
}

.tpm-portal-solution__tab {
    max-width: 1680px;
    margin: 0 auto
}

.tpm-portal-solution__tab-bar {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm-portal-solution__tab-bar,.tpm-portal-solution__tab-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-solution__tab-item {
    position: relative;
    padding: 10px 12px;
    cursor: pointer
}

.tpm-portal-solution__tab-item:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,#1f74ff,#8269ff);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    transition: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out,-webkit-transform .15s ease-in-out
}

.tpm-portal-solution__tab-item.is-active:after {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.tpm-portal-solution__tab-item+.tpm-portal-solution__tab-item {
    margin-left: 24px
}

.tpm-portal-solution__tab-icon.tpm-portal-motion-icon {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 16px
}

.tpm-portal-solution__tab-name {
    font-weight: 500;
    margin-left: 12px;
    background: rgba(0,0,0,.9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-solution__tab-item.is-active .tpm-portal-solution__tab-name {
    background: linear-gradient(90deg,#235cf0 2.5%,#606eff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__tab-item:hover .tpm-portal-solution__tab-name {
        background:linear-gradient(90deg,#235cf0 2.5%,#606eff);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.tpm-portal-solution__tab-content {
    margin-top: 24px
}

.tpm-portal-solution__tab-panel {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

.tpm-portal-solution__tab-panel.is-active {
    width: 100%;
    height: auto;
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width: 1600px) {
    .tpm-portal-solution__tab-item+.tpm-portal-solution__tab-item {
        margin-left:32px
    }

    .tpm-portal-solution__tab-icon.tpm-portal-motion-icon {
        width: 20px;
        height: 20px;
        font-size: 20px
    }

    .tpm-portal-solution__tab-name {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-solution__tab-bar {
        border-bottom:1px solid #eee;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 16px
    }

    .tpm-portal-solution__tab-bar::-webkit-scrollbar {
        display: none
    }

    .tpm-portal-solution__tab-bar {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .tpm-portal-solution__tab-bar:after,.tpm-portal-solution__tab-bar:before {
        content: "";
        margin: auto
    }

    .tpm-portal-solution__tab-item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 13px 0
    }

    .tpm-portal-solution__tab-item+.tpm-portal-solution__tab-item {
        margin-left: 20px
    }

    .tpm-portal-solution__tab-name {
        margin-left: 8px
    }

    .tpm-portal-solution__tab-content {
        margin-top: 0
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-solution__tab-item+.tpm-portal-solution__tab-item {
        margin-left:20px
    }

    .tpm-portal-solution__tab-content {
        margin-top: 0
    }
}

.tpm-portal-solution__content {
    border-radius: 8px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    min-height: 420px;
    position: relative
}

.tpm-portal-solution__left {
    position: relative;
    z-index: 1;
    width: 480px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 24px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,.81)
}

.tpm-portal-solution__left:before {
    content: "";
    width: 1px;
    height: calc(100% - 78px);
    background: rgba(75,91,118,.2);
    position: absolute;
    right: 0;
    top: 39px
}

.tpm-portal-solution__left-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tpm-portal-solution__actions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-solution__right {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 39px 24px;
    background: hsla(0,0%,100%,.81)
}

.tpm-portal-solution__title {
    color: #000;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

.tpm-portal-solution__features {
    margin-top: 24px;
    margin-bottom: auto
}

.tpm-portal-solution__feature-item {
    position: relative;
    padding-left: 24px
}

.tpm-portal-solution__feature-item+.tpm-portal-solution__feature-item {
    margin-top: 8px
}

.tpm-portal-solution__feature-icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-solution-icon-check.svg)
}

.tpm-portal-solution__feature-text {
    display: block;
    width: 100%;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm-portal-solution__products {
    margin-top: 24px
}

.tpm-portal-solution__products-label {
    color: rgba(0,0,0,.88);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.tpm-portal-solution__products-list {
    margin-top: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 12px
}

.tpm-portal-solution__product-item,.tpm-portal-solution__products-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-solution__product-item {
    cursor: pointer;
    position: relative
}

.tpm-portal-solution__product-icon,.tpm-portal-solution__product-icon--active {
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover
}

.tpm-portal-solution__product-icon--active {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.tpm-portal-solution__product-name {
    margin-left: 10px;
    color: #393939;
    font-size: 14px;
    line-height: 22px;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__product-item:hover .tpm-portal-solution__product-icon--active {
        opacity:1
    }

    .tpm-portal-solution__btn-link:hover .tpm-portal-solution__btn-link-text,.tpm-portal-solution__product-item:hover .tpm-portal-solution__product-name {
        color: #0052d9
    }

    .tpm-portal-solution__btn-link:hover .tpm-portal-solution__btn-link-arrow:before {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .tpm-portal-solution__btn-link:hover .tpm-portal-solution__btn-link-arrow:after {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.tpm-portal-solution__products-divider {
    width: 1px;
    height: 14px;
    background: rgba(0,0,0,.15)
}

.tpm-portal-solution__actions {
    margin-top: 32px
}

.tpm-portal-solution__btn-primary {
    min-width: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    height: 36px;
    border-radius: 2px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__btn-primary:hover {
        background:linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }
}

.tpm-portal-solution__btn-link {
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-solution__btn-link-text {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-solution__btn-link-arrow {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px
}

.tpm-portal-solution__btn-link-arrow:after,.tpm-portal-solution__btn-link-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.tpm-portal-solution__btn-link-arrow:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-solution-link-arrow-default.svg)
}

.tpm-portal-solution__btn-link-arrow:after {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    opacity: 0;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-solution-link-arrow-active.svg)
}

@media screen and (min-width: 1400px) {
    .tpm-portal-solution__left {
        width:520px;
        padding: 32px
    }

    .tpm-portal-solution__right {
        padding-left: 24px
    }

    .tpm-portal-solution__btn-primary {
        min-width: 140px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-solution__content {
        min-height:480px
    }

    .tpm-portal-solution__left {
        width: 580px;
        padding: 48px 36px
    }

    .tpm-portal-solution__left:before {
        top: 50px;
        height: calc(100% - 100px)
    }

    .tpm-portal-solution__right {
        padding: 50px 32px
    }

    .tpm-portal-solution__title {
        font-size: 28px;
        line-height: 36px
    }

    .tpm-portal-solution__actions {
        margin-top: 42px
    }

    .tpm-portal-solution__btn-primary {
        min-width: 160px;
        height: 42px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-solution__content {
        -ms-flex-direction:column;
        flex-direction: column;
        min-height: auto;
        padding: 24px 16px 0;
        background: linear-gradient(180deg,#fff,#c6d5ff);
        border-radius: 0
    }

    .tpm-portal-solution__left {
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        width: 100%;
        padding: 0
    }

    .tpm-portal-solution__left:before {
        display: none;
        content: none
    }

    .tpm-portal-solution__right {
        width: 100%;
        padding: 0;
        background: none
    }

    .tpm-portal-solution__title {
        font-size: 18px;
        line-height: 26px
    }

    .tpm-portal-solution__features {
        margin-top: 12px
    }

    .tpm-portal-solution__feature {
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-solution__products {
        margin-top: 20px
    }

    .tpm-portal-solution__products-list {
        margin-top: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0
    }

    .tpm-portal-solution__products-divider {
        display: none
    }

    .tpm-portal-solution__product-item {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 12px 4px;
        background: rgba(0,96,255,.1);
        border-radius: 2px;
        text-decoration: none
    }

    .tpm-portal-solution__product-item+.tpm-portal-solution__product-item {
        margin-left: 8px
    }

    .tpm-portal-solution__product-icon {
        width: 16px;
        height: 16px
    }

    .tpm-portal-solution__product-icon--active {
        display: none
    }

    .tpm-portal-solution__product-name {
        margin-left: 0;
        margin-top: 8px;
        color: #393939;
        text-align: center;
        max-width: 100%;
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm-portal-solution__actions {
        margin-top: 20px
    }

    .tpm-portal-solution__btn-primary {
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 0;
        padding: 7px 16px;
        height: 36px;
        min-width: 0
    }

    .tpm-portal-solution__btn-link {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(50% - 10px);
        padding: 7px 16px;
        font-size: 14px;
        line-height: 22px;
        border-radius: 2px;
        background: hsla(0,0%,100%,.75);
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm-portal-solution__btn-link-arrow {
        display: none
    }
}

.tpm-portal-solution__case-tabs {
    max-width: 520px;
    position: relative;
    z-index: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px 24px;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.tpm-portal-solution__case-tab {
    position: relative;
    cursor: pointer;
    line-height: 0;
    padding: 0 12px
}

.tpm-portal-solution__case-tab:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(90deg,#1f74ff,#8269ff);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    transition: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out,-webkit-transform .15s ease-in-out
}

.tpm-portal-solution__case-tab.is-active:after {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.tpm-portal-solution__case-tab:only-child:after {
    display: none
}

.tpm-portal-solution__case-tab-icon {
    height: 42px;
    opacity: 1
}

.tpm-portal-solution__case-tab-icon--active {
    position: absolute;
    top: 0;
    left: 12px;
    height: 42px;
    opacity: 0
}

.tpm-portal-solution__case-tab.is-active .tpm-portal-solution__case-tab-icon {
    opacity: 0
}

.tpm-portal-solution__case-tab.is-active .tpm-portal-solution__case-tab-icon--active {
    opacity: 1
}

.tpm-portal-solution__case-panel {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

.tpm-portal-solution__case-panel.is-active {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 1;
    pointer-events: auto
}

.tpm-portal-solution__case-content {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 40px;
    width: 520px
}

.tpm-portal-solution__case-title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 20px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    transition: all .3s ease-in-out
}

.tpm-portal-solution__case-title:after,.tpm-portal-solution__case-title:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-size: cover
}

.tpm-portal-solution__case-title:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-solution-icon-case-arrow.svg)
}

.tpm-portal-solution__case-title:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-solution-icon-case-arrow-active.svg);
    opacity: 0;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__case-title:hover {
        color:#0052d9
    }

    .tpm-portal-solution__case-title:hover:after {
        opacity: 1
    }
}

.tpm-portal-solution__case-desc {
    margin-bottom: auto;
    margin-top: 12px;
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.tpm-portal-solution__case-desc a {
    color: #0052d9
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__case-desc a:hover {
        -webkit-text-decoration-color:#0052d9;
        text-decoration-color: #0052d9;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font
    }
}

.tpm-portal-solution__metrics {
    margin-top: 64px;
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-solution__metric-item+.tpm-portal-solution__metric-item {
    margin-left: 68px
}

.tpm-portal-solution__metric-value {
    vertical-align: baseline
}

.tpm-portal-solution__metric-number {
    color: #181818;
    font-size: 36px;
    line-height: 44px
}

.tpm-portal-solution__metric-unit {
    color: #181818;
    font-size: 16px;
    line-height: 24px
}

.tpm-portal-solution__metric-label {
    margin-top: 4px;
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.tpm-portal-solution__case-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100%
}

.tpm-portal-solution__case-decor-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    pointer-events: none
}

@media screen and (min-width: 1400px) {
    .tpm-portal-solution__case-tabs {
        max-width:536px
    }

    .tpm-portal-solution__case-tab-icon,.tpm-portal-solution__case-tab-icon--active {
        height: 52px
    }

    .tpm-portal-solution__case-content {
        width: 536px
    }

    .tpm-portal-solution__case-desc {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-solution__metric-number {
        font-size: 40px;
        line-height: 48px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-solution__case-tabs {
        max-width:568px
    }

    .tpm-portal-solution__case-content {
        width: 568px
    }

    .tpm-portal-solution__case-title {
        font-size: 18px;
        line-height: 26px
    }

    .tpm-portal-solution__metric-number {
        font-size: 48px;
        line-height: 64px
    }

    .tpm-portal-solution__metric-label {
        color: #666
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-solution__right {
        margin-top:20px;
        background: linear-gradient(182deg,#fff,#e5edff);
        position: relative;
        overflow: hidden
    }

    .tpm-portal-solution__case-tabs {
        max-width: none;
        gap: 0;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 1px solid #eee
    }

    .tpm-portal-solution__case-tab {
        padding: 5px 0;
        -ms-flex: 1;
        flex: 1;
        width: 0;
        height: 45px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm-portal-solution__case-tab+.tpm-portal-solution__case-tab {
        margin-left: 8px
    }

    .tpm-portal-solution__case-tab-icon,.tpm-portal-solution__case-tab-icon--active {
        height: 35px;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }

    .tpm-portal-solution__case-tab-icon--active {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: calc(100% - 10px)
    }

    .tpm-portal-solution__case-content {
        width: 100%;
        padding: 12px 16px 24px
    }

    .tpm-portal-solution__case-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm-portal-solution__case-desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-solution__metrics {
        margin-top: 24px
    }

    .tpm-portal-solution__metric-item+.tpm-portal-solution__metric-item {
        margin-left: 24px
    }

    .tpm-portal-solution__metric-number {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500
    }

    .tpm-portal-solution__metric-unit {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-solution__case-img {
        display: none
    }

    .tpm-portal-solution__case-decor-img {
        height: auto;
        width: 139px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-solution__case-content {
        padding:12px
    }

    .tpm-portal-solution__metric-number {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__section.tpm-portal-section {
        background-size:cover!important
    }
}

.tpm-portal-solution__section.tpm-portal-section .tpm-portal-section__hd {
    margin-bottom: 16px
}

.tpm-portal-solution__section.tpm-portal-section .tpm-portal-section__inner {
    padding-bottom: 0
}

@media screen and (min-width: 769px) {
    .tpm-portal-solution__section.tpm-portal-section .tpm-portal-section__link {
        background:#f9fbff
    }
}

.tpm-portal-solution__inner {
    padding: 0 48px
}

@media screen and (min-width: 1400px) {
    .tpm-portal-solution__inner {
        padding:0 64px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-solution__inner {
        padding:0 64px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-solution__inner {
        padding:0 120px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-solution__section.tpm-portal-section {
        background:none!important
    }

    .tpm-portal-solution__section.tpm-portal-section .tpm-portal-section__hd {
        margin-bottom: 11px
    }

    .tpm-portal-solution__section.tpm-portal-section .tpm-portal-panel {
        background: #c6d5ff
    }

    .tpm-portal-solution__inner {
        padding: 0
    }
}

.tpm-portal-infrastructure__earth {
    position: absolute;
    top: 0;
    right: -100px;
    width: 1505px;
    height: 539px;
    -webkit-transform: scale(.65);
    transform: scale(.65);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.tpm-portal-infrastructure__earth:before {
    opacity: 1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-infrastructure-image-earth-new.png);
    transition: all .3s linear
}

.tpm-portal-infrastructure__dot-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.tpm-portal-infrastructure__dot {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center;
    position: absolute;
    width: 13px;
    height: 13px;
    cursor: pointer;
    z-index: 10
}

.tpm-portal-infrastructure__dot:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-infrastructure-dot.svg)
}

.tpm-portal-infrastructure__dot.is-opacity:before {
    opacity: .6
}

.tpm-portal-infrastructure__tooltip {
    transition: all .3s linear;
    position: absolute;
    background: hsla(0,0%,100%,.6);
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    border-radius: 4px;
    padding: 6px
}

.tpm-portal-infrastructure__tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    transition: all .3s ease-in-out
}

.tpm-portal-infrastructure__tooltip:not(.placement-left):not(.placement-right) {
    bottom: 23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tpm-portal-infrastructure__tooltip:not(.placement-left):not(.placement-right):before {
    left: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    bottom: -4px;
    border-right-color: hsla(0,0%,100%,.6);
    border-bottom-color: hsla(0,0%,100%,.6)
}

.tpm-portal-infrastructure__tooltip.placement-left {
    right: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm-portal-infrastructure__tooltip.placement-left:before {
    right: -4px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    border-right-color: hsla(0,0%,100%,.6);
    border-top-color: hsla(0,0%,100%,.6)
}

.tpm-portal-infrastructure__tooltip.placement-right {
    left: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm-portal-infrastructure__tooltip.placement-right:before {
    left: -4px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    border-left-color: hsla(0,0%,100%,.6);
    border-bottom-color: hsla(0,0%,100%,.6)
}

.tpm-portal-infrastructure__dot.is-active .tpm-portal-infrastructure__tooltip {
    padding: 10px;
    background: #fff
}

.tpm-portal-infrastructure__dot.is-active .tpm-portal-infrastructure__tooltip:not(.placement-left):not(.placement-right):before {
    border-right-color: #fff;
    border-bottom-color: #fff
}

.tpm-portal-infrastructure__dot.is-active .tpm-portal-infrastructure__tooltip.placement-left:before {
    border-right-color: #fff;
    border-top-color: #fff
}

.tpm-portal-infrastructure__dot.is-active .tpm-portal-infrastructure__tooltip.placement-right:before {
    border-left-color: #fff;
    border-bottom-color: #fff
}

.tpm-portal-infrastructure__dot.is-fill .tpm-portal-infrastructure__tooltip {
    background: #0052d9
}

.tpm-portal-infrastructure__dot.is-fill .tpm-portal-infrastructure__tooltip:not(.placement-left):not(.placement-right):before {
    border-right-color: #0052d9;
    border-bottom-color: #0052d9
}

.tpm-portal-infrastructure__dot.is-fill .tpm-portal-infrastructure__tooltip.placement-left:before {
    border-right-color: #0052d9;
    border-top-color: #0052d9
}

.tpm-portal-infrastructure__dot.is-fill .tpm-portal-infrastructure__tooltip.placement-right:before {
    border-left-color: #0052d9;
    border-bottom-color: #0052d9
}

.tpm-portal-infrastructure__dot.is-active {
    z-index: 1001
}

.tpm-portal-infrastructure__dot.is-opacity .tpm-portal-infrastructure__tooltip {
    background: #f8f8f8
}

.tpm-portal-infrastructure__tooltip-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: rgba(0,0,0,.9);
    white-space: nowrap;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    transition: all .3s linear
}

.tpm-portal-infrastructure__dot.is-active .tpm-portal-infrastructure__tooltip-title {
    color: #0052d9
}

.tpm-portal-infrastructure__dot.is-opacity .tpm-portal-infrastructure__tooltip-title {
    color: rgba(0,0,0,.3)
}

.tpm-portal-infrastructure__dot.is-fill .tpm-portal-infrastructure__tooltip-title {
    color: #fff
}

.tpm-portal-infrastructure__tooltip-content {
    width: 0;
    height: 0;
    overflow: hidden;
    transition: all .3s linear
}

.tpm-portal-infrastructure__list {
    padding-top: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tpm-portal-infrastructure__list-item {
    min-width: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tpm-portal-infrastructure__list-item+.tpm-portal-infrastructure__list-item {
    margin-top: 4px
}

.tpm-portal-infrastructure__list-text {
    color: rgba(0,0,0,.9);
    font-size: 12px;
    line-height: 20px
}

.tpm-portal-infrastructure__list-num {
    margin-left: 16px;
    color: #000;
    font-size: 12px;
    line-height: 20px
}

@media screen and (min-width: 1400px) {
    .tpm-portal-infrastructure__earth {
        top:-20px;
        right: -80px;
        width: 1505px;
        height: 539px;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: right top;
        transform-origin: right top
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-infrastructure__earth {
        top:-50px;
        right: -110px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .tpm-portal-infrastructure__dot {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-infrastructure__earth {
        width:768px;
        height: 268px;
        right: auto;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: .6;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-infrastructure-image-earth-mobile.png)
    }

    .tpm-portal-infrastructure__earth:before {
        content: none;
        display: none
    }
}

.tpm-portal-infrastructure {
    position: relative
}

@media screen and (min-width: 769px) {
    .tpm-portal-infrastructure__section.tpm-portal-section .tpm-portal-section__link:not(:hover) {
        background:#f5f8fd
    }
}

.tpm-portal-infrastructure__section {
    background: #f5f8fd
}

.tpm-portal-infrastructure__section .tpm-portal-section__inner {
    padding-bottom: 0
}

.tpm-portal-infrastructure__section .tpm-portal-section__hd {
    position: relative;
    z-index: 2;
    margin-bottom: 56px
}

.tpm-portal-infrastructure__inner {
    position: relative;
    z-index: 1;
    padding: 0 48px
}

.tpm-portal-infrastructure__inner>.tpm-portal-module {
    position: relative
}

.tpm-portal-infrastructure__items>div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tpm-portal-infrastructure__items>div+div {
    margin-top: 56px
}

.tpm-portal-infrastructure__item {
    min-width: 136px
}

.tpm-portal-infrastructure__item+.tpm-portal-infrastructure__item {
    margin-left: 48px
}

.tpm-portal-infrastructure__item-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-weight: 500
}

.tpm-portal-infrastructure__item-text .tpm-portal-num-animate {
    height: 44px
}

.tpm-portal-infrastructure__item-text .tpm-portal-num-animate__text {
    font-size: 36px;
    line-height: 44px
}

.tpm-portal-infrastructure__item-unit {
    font-size: 32px;
    line-height: 44px
}

.tpm-portal-infrastructure__item-value {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500
}

.tpm-portal-infrastructure__item-title {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0,0,0,.8)
}

.tpm-portal-infrastructure__logos-wrap {
    margin-top: 110px;
    z-index: 1;
    border-top: 1px solid #fff;
    background: hsla(0,0%,100%,.85);
    padding: 24px 48px;
    position: relative
}

.tpm-portal-infrastructure__logos {
    max-width: 1680px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tpm-portal-infrastructure__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 769px) {
    .tpm-portal-infrastructure__logo {
        cursor:pointer
    }
}

.tpm-portal-infrastructure__logo-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: none;
    transition: all .3s ease-in-out
}

.tpm-portal-infrastructure__logo-text {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-top: 6px;
    transition: all .3s ease-in-out
}

.tpm-portal-infrastructure__logo.is-compliance .tpm-portal-infrastructure__logo-text {
    color: #0052d9;
    padding-right: 12px;
    position: relative
}

.tpm-portal-infrastructure__logo.is-compliance .tpm-portal-infrastructure__logo-text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 6px;
    height: 10px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-infrastructure-compliance-arrow.svg)
}

@media screen and (min-width: 769px) {
    .tpm-portal-infrastructure__logo:hover .tpm-portal-infrastructure__logo-icon {
        box-shadow:0 0 10px 0 rgba(0,0,0,.1)
    }

    .tpm-portal-infrastructure__logo:hover .tpm-portal-infrastructure__logo-text {
        color: #0052d9
    }

    .tpm-portal-infrastructure__logo:hover .tpm-portal-infrastructure__logo-text:after {
        -webkit-transform: translate(4px,-50%);
        transform: translate(4px,-50%)
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-infrastructure__inner {
        padding:0 64px
    }

    .tpm-portal-infrastructure__item-text .tpm-portal-num-animate {
        height: 48px
    }

    .tpm-portal-infrastructure__item-text .tpm-portal-num-animate__text {
        font-size: 40px;
        line-height: 48px
    }

    .tpm-portal-infrastructure__item-unit {
        font-size: 36px;
        line-height: 48px
    }

    .tpm-portal-infrastructure__basic-list {
        max-width: 700px
    }

    .tpm-portal-infrastructure__basic {
        margin-left: 16px
    }

    .tpm-portal-infrastructure__basic:nth-child(4n+1) {
        margin-left: 0
    }

    .tpm-portal-infrastructure__basic:nth-child(n+5) {
        margin-top: 16px
    }

    .tpm-portal-infrastructure__logos-wrap {
        margin-top: 120px;
        padding: 24px 64px
    }

    .tpm-portal-infrastructure__logo-icon {
        width: 64px;
        height: 64px
    }

    .tpm-portal-infrastructure__logo-text {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-infrastructure__inner {
        padding:0 64px
    }

    .tpm-portal-infrastructure__logos-wrap {
        margin-top: 140px;
        padding: 24px 64px
    }

    .tpm-portal-infrastructure__logo-icon {
        width: 80px;
        height: 80px
    }

    .tpm-portal-infrastructure__logo-text {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-infrastructure__inner {
        padding:0 120px
    }

    .tpm-portal-infrastructure__logo-wrap {
        padding: 24px 120px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-infrastructure__section.tpm-portal-section .tpm-portal-section__hd {
        margin-bottom:16px
    }

    .tpm-portal-infrastructure__section.tpm-portal-section .tpm-portal-section__link {
        background: #f5f8fd
    }

    .tpm-portal-infrastructure__inner {
        padding: 0 24px
    }

    .tpm-portal-infrastructure__logos-wrap {
        margin-top: 36px;
        padding: 16px 24px
    }

    .tpm-portal-infrastructure__items {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .tpm-portal-infrastructure__items>div+div {
        margin-top: 36px
    }

    .tpm-portal-infrastructure__item+.tpm-portal-infrastructure__item {
        margin-left: 32px
    }

    .tpm-portal-infrastructure__item {
        min-width: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .tpm-portal-infrastructure__item-text,.tpm-portal-infrastructure__item-unit {
        font-size: 32px;
        line-height: 40px
    }

    .tpm-portal-infrastructure__item-title {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-infrastructure__basic-wrap {
        margin-top: 32px;
        width: 100%
    }

    .tpm-portal-infrastructure__basic-title {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-infrastructure__basic {
        margin-left: 12px;
        width: calc(33.33333% - 8px)
    }

    .tpm-portal-infrastructure__basic:nth-child(3n+1) {
        margin-left: 0
    }

    .tpm-portal-infrastructure__basic:nth-child(n+4) {
        margin-top: 12px
    }

    .tpm-portal-infrastructure__basic-text {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-infrastructure__logos {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 768px) and (min-width:601px) {
    .tpm-portal-infrastructure__logo {
        width:calc(25% - 6px);
        margin-right: 8px
    }

    .tpm-portal-infrastructure__logo:last-child,.tpm-portal-infrastructure__logo:nth-child(4n+4) {
        margin-right: 0
    }

    .tpm-portal-infrastructure__logo:nth-last-child(2) {
        display: none
    }

    .tpm-portal-infrastructure__logo:nth-child(n+5) {
        margin-top: 16px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-infrastructure__logo-icon {
        width:52px;
        height: 52px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-infrastructure__logo-text {
        font-size:12px;
        line-height: 20px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-infrastructure__inner {
        padding:0 16px
    }

    .tpm-portal-infrastructure__items>div+div {
        margin-top: 24px
    }

    .tpm-portal-infrastructure__item+.tpm-portal-infrastructure__item {
        margin-left: 24px
    }

    .tpm-portal-infrastructure__item-text,.tpm-portal-infrastructure__item-unit {
        font-size: 24px;
        line-height: 32px
    }

    .tpm-portal-infrastructure__item-title {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 140px;
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-infrastructure__compliance {
        padding: 0
    }

    .tpm-portal-infrastructure__logos-wrap {
        padding: 16px
    }

    .tpm-portal-infrastructure__logos {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tpm-portal-infrastructure__logo {
        width: calc(33.33333% - 8px);
        margin-right: 12px
    }

    .tpm-portal-infrastructure__logo:nth-child(3n+3) {
        margin-right: 0
    }

    .tpm-portal-infrastructure__logo:nth-child(n+4) {
        margin-top: 12px
    }

    .tpm-portal-infrastructure__logo-icon {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width: 450px) {
    .tpm-portal-infrastructure__compliance-img,.tpm-portal-infrastructure__logo-icon {
        width:40px;
        height: 40px
    }
}

.tpm-portal-sell {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-sell__section.tpm-portal-section {
    background-color: #f2f3f9;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat
}

.tpm-portal-sell__card {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
    min-height: 200px;
    background: hsla(0,0%,100%,.56);
    border: 1px solid hsla(0,0%,100%,.32);
    border-radius: 4px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    overflow: hidden
}

@media screen and (min-width: 769px) {
    .tpm-portal-sell__card+.tpm-portal-sell__card {
        margin-left:20px
    }
}

.tpm-portal-sell__card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-sell__tag {
    width: 24px
}

.tpm-portal-sell__card-title {
    margin-top: 12px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #091221
}

.tpm-portal-sell__card-ft {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.tpm-portal-sell__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100px;
    height: 36px;
    padding: 0 8px;
    background: transparent;
    border: 1px solid #c8d0dd;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    transition: background .3s ease-in-out,color .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-sell__btn:hover {
        background:#fff;
        color: #0052d9
    }
}

.tpm-portal-sell__link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #080808;
    white-space: nowrap;
    transition: color .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-sell__link:before {
        content:"";
        opacity: 0;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-sell-icon-arrow-hover.svg);
        background-size: contain;
        background-repeat: no-repeat;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: opacity .3s ease-in-out
    }
}

.tpm-portal-sell__link:after {
    margin-left: 8px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-sell-icon-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 769px) {
    .tpm-portal-sell__link:hover {
        color:#0052d9
    }

    .tpm-portal-sell__link:hover:before {
        opacity: 1
    }
}

.tpm-portal-sell__tip {
    font-size: 14px;
    line-height: 22px;
    color: #080808;
    white-space: nowrap
}

@media screen and (min-width: 1400px) {
    .tpm-portal-sell__card {
        min-height:228px
    }

    .tpm-portal-sell__card-title {
        margin-top: 16px
    }

    .tpm-portal-sell__btn {
        min-width: 140px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-sell__card {
        padding:32px;
        min-height: 242px
    }

    .tpm-portal-sell__card-title {
        font-size: 24px;
        line-height: 32px
    }

    .tpm-portal-sell__card-ft {
        gap: 24px
    }

    .tpm-portal-sell__btn {
        min-width: 160px;
        height: 42px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-sell {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .tpm-portal-sell__section.tpm-portal-section {
        background: #e6ebf9!important
    }

    .tpm-portal-sell__section.tpm-portal-section .tpm-portal-section__inner {
        padding-top: 0
    }

    .tpm-portal-sell__card {
        -ms-flex: 1 1 calc(50% - 10px);
        flex: 1 1 calc(50% - 10px);
        min-width: calc(50% - 10px);
        min-height: 0;
        padding: 16px;
        background: hsla(0,0%,100%,.62)
    }

    .tpm-portal-sell__card:last-child:nth-child(odd) {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        min-width: 100%
    }
}

@media screen and (max-width: 768px) and (min-width:601px) {
    .tpm-portal-sell__card:nth-child(2n) {
        margin-left:20px
    }

    .tpm-portal-sell__card:nth-child(n+3) {
        margin-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-sell__card-title {
        margin-top:12px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-sell__card-ft {
        margin-top:16px;
        gap: 0
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-sell__btn {
        min-width:120px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-sell__tag {
        width:20px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-sell__link,.tpm-portal-sell__tip {
        margin-left:12px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-sell__card {
        -ms-flex:1 1 100%;
        flex: 1 1 100%;
        min-width: 100%
    }

    .tpm-portal-sell__card+.tpm-portal-sell__card {
        margin-top: 20px
    }

    .tpm-portal-sell__btn {
        min-width: 100px
    }

    .tpm-portal-sell__link,.tpm-portal-sell__tip {
        margin-left: 8px
    }
}

@media screen and (max-width: 340px) {
    .tpm-portal-sell__btn {
        min-width:80px
    }

    .tpm-portal-sell__tip {
        font-size: 12px;
        line-height: 20px
    }
}

.tpm-portal-text {
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.tpm-portal-text--highlight {
    font-size: 36px;
    line-height: 44px;
    color: #181818;
    font-weight: 600
}

.tpm-portal-text--unit {
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-text--linear {
    background: linear-gradient(90deg,#0052d9,#606eff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.tpm-portal-action-panel {
    width: 100%;
    position: relative;
    padding: 32px 48px;
    background: #f2f3f9
}

.tpm-portal-action-panel__bg,.tpm-portal-action-panel__bg:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tpm-portal-action-panel__bg:after {
    content: ""
}

.tpm-portal-action-panel__img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%
}

.tpm-portal-action-panel__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tpm-portal-action-panel__inner {
    position: relative;
    z-index: 1;
    max-width: 1680px;
    margin: 0 auto
}

.tpm-portal-action-panel__content {
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.tpm-portal-action-panel__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #fff
}

.tpm-portal-action-panel__title .linear {
    background: linear-gradient(180deg,#c6e3ff,#4ca3ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tpm-portal-action-panel__features {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 32px
}

.tpm-portal-action-panel__feature {
    position: relative;
    padding-left: 24px
}

.tpm-portal-action-panel__feature-icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-action-panel-icon-check.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.tpm-portal-action-panel__btn,.tpm-portal-action-panel__feature-text {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.tpm-portal-action-panel__btn {
    margin-top: 24px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 200px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid hsla(0,0%,100%,.6);
    background: transparent;
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-action-panel__btn:hover {
        background:#fff;
        border-color: #fff;
        color: #000
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-action-panel {
        padding:32px 64px
    }

    .tpm-portal-action-panel__btn {
        min-width: 220px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-action-panel {
        padding:32px 64px
    }

    .tpm-portal-action-panel__title {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500
    }

    .tpm-portal-action-panel__btn {
        height: 42px;
        min-width: 240px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-action-panel {
        padding:32px 120px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-action-panel {
        padding:24px
    }

    .tpm-portal-action-panel__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .tpm-portal-action-panel__title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500
    }

    .tpm-portal-action-panel__features {
        margin-top: 12px;
        display: block
    }

    .tpm-portal-action-panel__feature+.tpm-portal-action-panel__feature {
        margin-top: 12px
    }

    .tpm-portal-action-panel__feature {
        padding-left: 20px
    }

    .tpm-portal-action-panel__feature-icon {
        width: 14px;
        height: 14px
    }

    .tpm-portal-action-panel__feature-text {
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-action-panel__btn {
        margin: 48px 0 0;
        width: 100%;
        min-width: auto;
        height: 36px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-action-panel {
        padding:24px 16px
    }
}

.tpm-portal-developer__label {
    border-radius: 4px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    padding: 24px 24px 56px;
    position: relative;
    cursor: pointer
}

.tpm-portal-developer__label-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.tpm-portal-developer__label-inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

.tpm-portal-developer__label-tag {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    border: 1px solid hsla(0,0%,100%,.14);
    padding: 3px 11px;
    color: hsla(0,0%,100%,.9);
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-developer__label-title {
    color: #fff;
    font-size: 24px;
    line-height: 32px
}

.tpm-portal-developer__label-btn {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0,0%,100%,.9);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-developer__label-btn:after {
    content: "";
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-icon-label-link.svg);
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-developer__label:hover .tpm-portal-developer__label-btn:after {
        -webkit-transform:translateX(6px);
        transform: translateX(6px)
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-developer__label {
        padding-bottom:50px
    }

    .tpm-portal-developer__label-title {
        font-size: 32px;
        line-height: 46px
    }

    .tpm-portal-developer__label-btn {
        margin-top: 24px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-developer__label {
        min-height:160px;
        padding: 16px;
        border-radius: 0;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tpm-portal-developer__label-tag {
        display: none
    }

    .tpm-portal-developer__label-inner {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tpm-portal-developer__label-title {
        margin-top: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .tpm-portal-developer__label-btn {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400
    }

    .tpm-portal-developer__label-btn:after {
        width: 12px;
        height: 12px;
        background-size: cover
    }
}

.tpm-portal-developer__item {
    width: calc(50% - 10px);
    padding: 16px;
    border: 1px solid hsla(0,0%,100%,.32);
    background: hsla(0,0%,100%,.5);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    transition: box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,box-shadow .3s ease-in-out;
    transition: transform .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
    cursor: pointer
}

.tpm-portal-developer__item:nth-child(2n) {
    margin-left: 20px
}

.tpm-portal-developer__item:nth-child(-n+2) {
    margin-top: 0
}

.tpm-portal-developer__item-link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.tpm-portal-developer__item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    position: relative
}

.tpm-portal-developer__item-icon {
    margin-bottom: auto;
    width: 32px;
    height: 32px
}

.tpm-portal-developer__item-title {
    margin-top: 32px;
    color: rgba(0,0,0,.9);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.tpm-portal-developer__item-desc,.tpm-portal-developer__item-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm-portal-developer__item-desc {
    margin-top: 4px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.tpm-portal-developer__item-link-list {
    position: relative;
    z-index: 2;
    margin-top: 4px
}

.tpm-portal-developer__item-link-list .tpm-portal-developer__item-link {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

@media screen and (min-width: 769px) {
    .tpm-portal-developer__item-link-list .tpm-portal-developer__item-link:hover {
        text-decoration:underline;
        text-underline-position: under;
        text-underline-offset: 1px
    }
}

.tpm-portal-developer__item-link+.tpm-portal-developer__item-link {
    margin-left: 12px
}

.tpm-portal-developer__item-link+.tpm-portal-developer__item-link:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: rgba(0,0,0,.9);
    top: 50%;
    left: -6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm-portal-developer__item-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    overflow: hidden
}

.tpm-portal-developer__item-arrow:after,.tpm-portal-developer__item-arrow:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-icon-item-arrow.svg);
    background-size: cover
}

.tpm-portal-developer__item-arrow:after {
    right: 16px;
    top: 16px
}

@media screen and (min-width: 769px) {
    .tpm-portal-developer__item:hover .tpm-portal-developer__item-arrow:after,.tpm-portal-developer__item:hover .tpm-portal-developer__item-arrow:before {
        transition:.4s ease-in-out
    }

    .tpm-portal-developer__item:hover .tpm-portal-developer__item-arrow:before {
        top: -24px;
        right: -24px
    }

    .tpm-portal-developer__item:hover .tpm-portal-developer__item-arrow:after {
        top: 0;
        right: 0
    }

    .tpm-portal-developer__item:hover .tpm-portal-developer__item-tag:after {
        top: 12px;
        right: 12px
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-developer__item {
        padding:20px 24px
    }

    .tpm-portal-developer__item-icon {
        width: 48px;
        height: 48px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-developer__item {
        padding:24px
    }

    .tpm-portal-developer__item-icon {
        width: 52px;
        height: 52px
    }

    .tpm-portal-developer__item-desc {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-developer__item-arrow {
        width: 20px;
        height: 20px
    }

    .tpm-portal-developer__item-arrow:after,.tpm-portal-developer__item-tag {
        right: 20px;
        top: 20px
    }

    .tpm-portal-developer__item-link {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-developer__item-link:before {
        height: 14px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-developer__item {
        width:calc(50% - 8px);
        min-height: 0;
        margin-top: 16px;
        padding: 16px;
        border-radius: 0;
        background: hsla(0,0%,100%,.62)
    }

    .tpm-portal-developer__item:nth-child(-n+2) {
        margin-top: 0
    }

    .tpm-portal-developer__item:nth-child(2n) {
        margin-left: 16px
    }

    .tpm-portal-developer__item-inner {
        margin-top: 0
    }

    .tpm-portal-developer__item-icon {
        width: 36px;
        height: 36px
    }

    .tpm-portal-developer__item-title {
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .tpm-portal-developer__item-desc {
        margin-top: 4px;
        color: #4b5b76;
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-developer__item-link-list {
        margin-top: 8px
    }

    .tpm-portal-developer__item-link {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .tpm-portal-developer__item-link:before {
        height: 14px
    }

    .tpm-portal-developer__item-arrow {
        width: 20px;
        height: 20px;
        top: 8px;
        right: 8px;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-icon-item-arrow-mobile.svg);
        background-size: cover
    }

    .tpm-portal-developer__item-arrow:after,.tpm-portal-developer__item-arrow:before {
        content: none
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-developer__item {
        width:100%
    }

    .tpm-portal-developer__item:nth-child(2n) {
        margin-left: 0
    }

    .tpm-portal-developer__item+.tpm-portal-developer__item {
        margin-top: 16px
    }
}

.tpm-portal-developer {
    position: relative;
    z-index: 1
}

.tpm-portal-developer__section.tpm-portal-section {
    background-color: #f2f3f9;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat
}

@media screen and (min-width: 769px) {
    .tpm-portal-developer__section.tpm-portal-section .tpm-portal-section__link:not(:hover) {
        background:#f2f3f9
    }
}

.tpm-portal-developer__inner {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-developer__swiper {
    position: relative
}

.tpm-portal-developer__item-list,.tpm-portal-developer__swiper {
    width: calc(50% - 10px)
}

.tpm-portal-developer__item-list {
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tpm-portal-developer__pagination {
    position: absolute;
    left: 24px;
    bottom: 12px;
    z-index: 2
}

.tpm-portal-developer__pagination-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-developer__pagination-item {
    display: block;
    width: 48px;
    height: 24px;
    padding: 0;
    position: relative;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm-portal-developer__pagination-item:before {
    content: "";
    width: 100%;
    height: 2px;
    background: hsla(0,0%,100%,.4)
}

.tpm-portal-developer__pagination-item.is-active:before {
    background: hsla(0,0%,100%,.9)
}

.tpm-portal-developer__pagination-item+.tpm-portal-developer__pagination-item {
    margin-left: 8px
}

.tpm-portal-developer__navigation {
    z-index: 2;
    position: absolute;
    right: 24px;
    bottom: 24px
}

.tpm-portal-developer__navigation-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-developer__navigation-next,.tpm-portal-developer__navigation-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.9);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: background .3s ease-in-out
}

.tpm-portal-developer__navigation-next:after,.tpm-portal-developer__navigation-prev:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover
}

.tpm-portal-developer__navigation-next.swiper-button-disabled,.tpm-portal-developer__navigation-prev.swiper-button-disabled {
    cursor: auto;
    background: hsla(0,0%,100%,.26)
}

.tpm-portal-developer__navigation-prev+.tpm-portal-developer__navigation-next {
    margin-left: 16px
}

.tpm-portal-developer__navigation-prev:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-icon-label-arrow-left.svg)
}

.tpm-portal-developer__navigation-next:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-icon-label-arrow-right.svg)
}

@media screen and (min-width: 1400px) {
    .tpm-portal-developer__navigation-next,.tpm-portal-developer__navigation-prev {
        width:36px;
        height: 36px
    }

    .tpm-portal-developer__navigation-next:after,.tpm-portal-developer__navigation-prev:after {
        width: 18px;
        height: 18px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-developer__navigation {
        right:24px
    }

    .tpm-portal-developer__navigation-next,.tpm-portal-developer__navigation-prev {
        width: 40px;
        height: 40px
    }

    .tpm-portal-developer__navigation-next:after,.tpm-portal-developer__navigation-prev:after {
        width: 20px;
        height: 20px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-developer__section.tpm-portal-section {
        background:#e6ebf9!important;
        background-image: none!important
    }

    .tpm-portal-developer__section.tpm-portal-section .tpm-portal-section__link {
        background: #e6ebf9
    }

    .tpm-portal-developer__inner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm-portal-developer__item-list,.tpm-portal-developer__swiper {
        width: 100%
    }

    .tpm-portal-developer__swiper {
        border-radius: 0;
        overflow: hidden
    }

    .tpm-portal-developer__item-list {
        margin-left: 0;
        margin-top: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tpm-portal-developer__navigation {
        display: none
    }

    .tpm-portal-developer__pagination {
        display: block;
        bottom: 11px;
        left: auto;
        right: 16px;
        height: auto
    }

    .tpm-portal-developer__pagination-inner {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tpm-portal-developer__pagination-item {
        width: 16px;
        height: 12px;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm-portal-developer__pagination-item:before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: hsla(0,0%,100%,.4)
    }

    .tpm-portal-developer__pagination-item.is-active:before {
        background: hsla(0,0%,100%,.9)
    }

    .tpm-portal-developer__pagination-item+.tpm-portal-developer__pagination-item {
        margin-left: 4px
    }
}

.tpm-portal-logo-wall {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 28px
}

.tpm-portal-logo-wall:last-child {
    margin-bottom: 0
}

.tpm-portal-logo-wall--scrolling {
    mask-image: linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);
    -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)
}

.tpm-portal-logo-wall--center .tpm-portal-logo-wall__track {
    -ms-flex-pack: center;
    justify-content: center
}

.tpm-portal-logo-wall__track {
    white-space: nowrap;
    will-change: transform
}

.tpm-portal-logo-wall__group,.tpm-portal-logo-wall__track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-logo-wall__group {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm-portal-logo-wall__group+.tpm-portal-logo-wall__group {
    margin-left: 32px
}

.tpm-portal-logo-wall__link {
    text-decoration: none
}

.tpm-portal-logo-wall__item-wrapper,.tpm-portal-logo-wall__link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm-portal-logo-wall__item-wrapper+.tpm-portal-logo-wall__item-wrapper,.tpm-portal-logo-wall__item-wrapper+.tpm-portal-logo-wall__link,.tpm-portal-logo-wall__link+.tpm-portal-logo-wall__item-wrapper,.tpm-portal-logo-wall__link+.tpm-portal-logo-wall__link {
    margin-left: 32px
}

.tpm-portal-logo-wall__item {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 4px
}

@media screen and (min-width: 769px) {
    .tpm-portal-logo-wall__item {
        transition:all .3s ease-in-out
    }

    .tpm-portal-logo-wall__item:hover {
        background: hsla(0,0%,100%,.85);
        box-shadow: 0 4px 40px 0 rgba(0,41,109,.2)
    }
}

.tpm-portal-logo-wall__item-active,.tpm-portal-logo-wall__item-normal {
    display: block;
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.tpm-portal-logo-wall__item-active {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.tpm-portal-logo-wall__item:hover .tpm-portal-logo-wall__item-active {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .tpm-portal-logo-wall {
        margin-bottom:16px
    }

    .tpm-portal-logo-wall:last-child {
        margin-bottom: 0
    }

    .tpm-portal-logo-wall--scrolling {
        mask-image: linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);
        -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)
    }

    .tpm-portal-logo-wall__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .tpm-portal-logo-wall__group+.tpm-portal-logo-wall__group,.tpm-portal-logo-wall__item-wrapper+.tpm-portal-logo-wall__item-wrapper,.tpm-portal-logo-wall__item-wrapper+.tpm-portal-logo-wall__link,.tpm-portal-logo-wall__link+.tpm-portal-logo-wall__item-wrapper,.tpm-portal-logo-wall__link+.tpm-portal-logo-wall__link {
        margin-left: 12px
    }

    .tpm-portal-logo-wall__item {
        height: 24px;
        cursor: default
    }

    .tpm-portal-logo-wall__item-normal {
        display: none
    }

    .tpm-portal-logo-wall__item-active {
        opacity: 1;
        position: static
    }
}

.tpm-portal-modelhub {
    position: relative;
    width: 100%
}

.tpm-portal-modelhub__section.tpm-portal-section {
    background-position: bottom
}

.tpm-portal-modelhub__inner {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-modelhub__featured {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 420px;
    position: relative;
    overflow: hidden
}

.tpm-portal-modelhub__featured-img,.tpm-portal-modelhub__featured-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tpm-portal-modelhub__featured-img {
    background-size: contain;
    background-position: top
}

.tpm-portal-modelhub__featured-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center
}

.tpm-portal-modelhub__featured-inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 20px 20px 0;
    box-sizing: border-box
}

.tpm-portal-modelhub__featured-title {
    color: #000;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

.tpm-portal-modelhub__featured-desc {
    margin-top: 12px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-modelhub__featured-actions {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-modelhub__featured-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 120px;
    padding: 0 8px;
    height: 36px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .tpm-portal-modelhub__featured-btn:hover {
        background:linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }
}

.tpm-portal-modelhub__featured-link {
    margin-left: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-modelhub__featured-link:hover {
        color:#0052d9
    }

    .tpm-portal-modelhub__featured-link:hover .tpm-portal-modelhub__featured-link-arrow:before {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .tpm-portal-modelhub__featured-link:hover .tpm-portal-modelhub__featured-link-arrow:after {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.tpm-portal-modelhub__featured-link-arrow {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px
}

.tpm-portal-modelhub__featured-link-arrow:after,.tpm-portal-modelhub__featured-link-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.tpm-portal-modelhub__featured-link-arrow:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-model-hub-link-arrow-default.svg)
}

.tpm-portal-modelhub__featured-link-arrow:after {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    opacity: 0;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-model-hub-link-arrow-active.svg)
}

.tpm-portal-modelhub__list {
    margin-left: 16px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0
}

.tpm-portal-modelhub__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px;
    border-radius: 4px;
    cursor: pointer;
    width: 50%;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit
}

@media screen and (min-width: 769px) {
    .tpm-portal-modelhub__item {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out
    }

    .tpm-portal-modelhub__item:hover {
        background-color: hsla(0,0%,100%,.8);
        box-shadow: 0 4px 32px rgba(16,52,113,.1)
    }

    .tpm-portal-modelhub__item:hover .tpm-portal-modelhub__item-name {
        color: #0052d9
    }

    .tpm-portal-modelhub__item:hover .tpm-portal-modelhub__item-arrow {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
        opacity: 1
    }
}

.tpm-portal-modelhub__item-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 16px
}

.tpm-portal-modelhub__item-icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tpm-portal-modelhub__item-info {
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.tpm-portal-modelhub__item-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 24px;
    position: relative
}

.tpm-portal-modelhub__item-name {
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #091221;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease-in-out
}

.tpm-portal-modelhub__item-tag {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 8px;
    background: linear-gradient(90deg,rgba(233,241,255,.6),rgba(236,227,255,.6));
    border-radius: 2px;
    color: #3e3e3e;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap
}

.tpm-portal-modelhub__item-arrow {
    position: absolute;
    right: 0;
    top: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    opacity: 0;
    transition: all .3s ease-in-out;
    background: url(/web/jinglisafe/assets/images/main/tpm-portal-model-hub-arrow.svg) no-repeat 50%/contain
}

.tpm-portal-modelhub__item-desc {
    margin-top: 8px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-modelhub__toggle {
    display: none
}

@media screen and (min-width: 1400px) {
    .tpm-portal-modelhub__featured {
        width:500px
    }

    .tpm-portal-modelhub__featured-img,.tpm-portal-modelhub__featured-video {
        width: 90%
    }

    .tpm-portal-modelhub__featured-inner {
        padding: 24px 24px 24px 0
    }

    .tpm-portal-modelhub__featured-title {
        font-size: 28px;
        line-height: 36px
    }

    .tpm-portal-modelhub__featured-btn {
        min-width: 140px
    }

    .tpm-portal-modelhub__item-list {
        margin-left: 20px
    }

    .tpm-portal-modelhub__item-name {
        font-size: 18px;
        line-height: 26px
    }

    .tpm-portal-modelhub__item-desc {
        margin-top: 10px
    }

    .tpm-portal-modelhub__item-arrow {
        top: 5px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-modelhub__featured {
        width:600px
    }

    .tpm-portal-modelhub__featured-inner {
        padding: 32px 32px 32px 0
    }

    .tpm-portal-modelhub__featured-actions {
        margin-top: 30px
    }

    .tpm-portal-modelhub__featured-title {
        font-size: 32px;
        line-height: 40px
    }

    .tpm-portal-modelhub__featured-btn {
        min-width: 160px;
        height: 42px
    }

    .tpm-portal-modelhub__item-list {
        margin-left: 24px
    }

    .tpm-portal-modelhub__item {
        padding: 32px 24px
    }

    .tpm-portal-modelhub__item-icon {
        width: 36px;
        height: 36px
    }

    .tpm-portal-modelhub__item-name {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-modelhub__item-desc {
        margin-top: 12px
    }

    .tpm-portal-modelhub__item-arrow {
        top: 6px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-modelhub__section {
        background-image:linear-gradient(180deg,#fff,#f1f6ff)!important
    }

    .tpm-portal-modelhub__inner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm-portal-modelhub__featured {
        width: 100%;
        border: 0;
        background: #e8f1ff;
        border-radius: 8px
    }

    .tpm-portal-modelhub__featured-img {
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: 100% 100%
    }

    .tpm-portal-modelhub__featured-inner {
        min-height: 240px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px
    }

    .tpm-portal-modelhub__featured-title {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-modelhub__featured-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-modelhub__featured-actions {
        margin-top: 24px
    }

    .tpm-portal-modelhub__featured-btn {
        min-width: 160px;
        height: 36px
    }

    .tpm-portal-modelhub__featured-link {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .tpm-portal-modelhub__featured-link-arrow {
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-model-hub-link-arrow-default.svg)
    }

    .tpm-portal-modelhub__list {
        margin-left: 0;
        margin-top: 24px
    }

    .tpm-portal-modelhub__item {
        width: calc(50% - 12px);
        padding: 0;
        box-sizing: border-box
    }

    .tpm-portal-modelhub__item:nth-child(n+3) {
        margin-top: 24px
    }

    .tpm-portal-modelhub__item:nth-child(2n) {
        margin-left: 24px
    }

    .tpm-portal-modelhub__item-icon {
        width: 36px;
        height: 36px;
        margin-right: 12px
    }

    .tpm-portal-modelhub__item-name {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-modelhub__item-tag {
        line-height: 28px;
        margin: 4px 0 0
    }
}

@media screen and (max-width: 768px) and (min-width:601px) {
    .tpm-portal-modelhub__item-header {
        padding:0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .tpm-portal-modelhub__item-arrow {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-modelhub__item-desc {
        margin-top:12px;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-modelhub {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .tpm-portal-modelhub__featured-inner {
        min-height: 224px;
        padding: 16px
    }

    .tpm-portal-modelhub__featured-title {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-modelhub__featured-desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-modelhub__featured-actions {
        margin-top: 16px
    }

    .tpm-portal-modelhub__featured-btn {
        min-width: 120px
    }

    .tpm-portal-modelhub__featured-link {
        margin-left: 20px
    }

    .tpm-portal-modelhub__list {
        margin-top: 24px
    }

    .tpm-portal-modelhub__item {
        width: 100%;
        height: auto
    }

    .tpm-portal-modelhub__item:nth-child(2n) {
        margin-left: 0
    }

    .tpm-portal-modelhub__item+.tpm-portal-modelhub__item {
        margin-top: 24px
    }

    .tpm-portal-modelhub__item-icon {
        width: 32px;
        height: 32px;
        margin-right: 8px
    }

    .tpm-portal-modelhub__item-header {
        padding-right: 20px;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tpm-portal-modelhub__item-name {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-modelhub__item-tag {
        display: none
    }

    .tpm-portal-modelhub__item-arrow {
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        opacity: 1;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-model-hub-arrow-mobile.svg)
    }

    .tpm-portal-modelhub__item-desc {
        margin-top: 4px;
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-modelhub__toggle {
        margin-top:16px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 2px 15px;
        color: rgba(0,0,0,.85);
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
        border-radius: 13px;
        border: 1px solid #fff;
        background: hsla(0,0%,100%,.68)
    }

    .tpm-portal-modelhub__toggle-icon {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin-left: 4px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-product-cards-arrow.svg)
    }

    .tpm-portal-modelhub__toggle-icon.is-expanded {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.tpm-portal-introduce {
    position: relative
}

.tpm-portal-introduce__section.tpm-portal-section {
    background-position: top
}

.tpm-portal-introduce__card,.tpm-portal-introduce__cards {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-introduce__card {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    border-radius: 8px;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 769px) {
    .tpm-portal-introduce__card {
        background:#e8f1fd;
        transition: box-shadow .3s ease-in-out
    }

    .tpm-portal-introduce__card:hover {
        box-shadow: 0 4px 32px 0 rgba(0,73,197,.08)
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card {
        background:#e6effd
    }
}

.tpm-portal-introduce__card+.tpm-portal-introduce__card {
    margin-left: 24px
}

.tpm-portal-introduce__card-media {
    position: relative;
    width: 100%;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm-portal-introduce__card-media:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tpm-portal-introduce__card-img {
    width: 100%;
    min-height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.tpm-portal-introduce__card-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-introduce__card:hover .tpm-portal-introduce__card-video {
        opacity:1
    }
}

.tpm-portal-introduce__card-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1;
    flex: 1;
    padding: 16px
}

.tpm-portal-introduce__card-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-introduce__card-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #091221
}

.tpm-portal-introduce__card-desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #4b5b76;
    margin-top: 16px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-introduce__card-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.tpm-portal-introduce__card-btn {
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 120px;
    height: 36px;
    padding: 0 8px;
    border-radius: 2px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    color: #fff;
    border: 0
}

.tpm-portal-introduce__card-btn,.tpm-portal-introduce__card-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer
}

.tpm-portal-introduce__card-link {
    margin-left: 20px;
    color: rgba(0,0,0,.9);
    transition: color .3s ease-in-out
}

.tpm-portal-introduce__card-link-arrow {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px
}

.tpm-portal-introduce__card-link-arrow:after,.tpm-portal-introduce__card-link-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.tpm-portal-introduce__card-link-arrow:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-introduce-link-arrow-default.svg)
}

.tpm-portal-introduce__card-link-arrow:after {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    opacity: 0;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-introduce-link-arrow-active.svg)
}

@media screen and (min-width: 769px) {
    .tpm-portal-introduce__card-btn:hover {
        background:linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }

    .tpm-portal-introduce__card-link:hover {
        color: #0052d9
    }

    .tpm-portal-introduce__card-link:hover .tpm-portal-introduce__card-link-arrow:before {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .tpm-portal-introduce__card-link:hover .tpm-portal-introduce__card-link-arrow:after {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-introduce__card-body {
        padding:20px
    }

    .tpm-portal-introduce__card-img {
        min-height: 190px
    }

    .tpm-portal-introduce__card-title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500
    }

    .tpm-portal-introduce__card-desc {
        margin-top: 18px
    }

    .tpm-portal-introduce__card-btn {
        min-width: 140px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-introduce__card+.tpm-portal-introduce__card {
        margin-left:32px
    }

    .tpm-portal-introduce__card-img {
        min-height: 210px
    }

    .tpm-portal-introduce__card-title {
        font-size: 22px;
        line-height: 30px
    }

    .tpm-portal-introduce__card-desc {
        margin-top: 20px
    }

    .tpm-portal-introduce__card-actions {
        margin-top: 28px
    }

    .tpm-portal-introduce__card-btn {
        height: 42px;
        min-width: 160px
    }
}

@media screen and (min-width: 1920px) {
    .tpm-portal-introduce__card-img {
        min-height:240px
    }

    .tpm-portal-introduce__card-title {
        font-size: 24px;
        line-height: 32px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__section.tpm-portal-section {
        background:#fdfdfd;
        background-image: none!important
    }

    .tpm-portal-introduce__cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tpm-portal-introduce__card {
        -ms-flex: none;
        flex: none;
        width: calc(50% - 8px);
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm-portal-introduce__card+.tpm-portal-introduce__card {
        margin-left: 0
    }
}

@media screen and (max-width: 768px) and (min-width:601px) {
    .tpm-portal-introduce__card:nth-child(2n+2) {
        margin-left:16px
    }

    .tpm-portal-introduce__card:nth-child(n+3) {
        margin-top: 16px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-media {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-img {
        width:100%;
        min-height: 0
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-body {
        padding:0 16px 16px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-title {
        font-size:18px;
        line-height: 26px;
        font-weight: 500
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-desc {
        font-size:12px;
        line-height: 20px;
        margin-top: 8px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-actions {
        margin-top:16px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-btn {
        min-width:0;
        width: calc(50% - 6px);
        height: 36px;
        padding: 0 16px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-introduce__card-link {
        margin-left:12px;
        background: #fff;
        border-radius: 2px;
        height: 36px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(50% - 8px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        white-space: nowrap
    }

    .tpm-portal-introduce__card-link-arrow {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-introduce__card+.tpm-portal-introduce__card {
        margin:12px 0 0
    }

    .tpm-portal-introduce__card {
        width: 100%
    }
}

.tpm-portal-capability__section.tpm-portal-section .tpm-portal-section__hd {
    margin-bottom: 16px
}

.tpm-portal-capability__bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm-portal-capability__bar-inner,.tpm-portal-capability__tab-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-capability__tab-item {
    padding: 10px 12px;
    cursor: pointer;
    position: relative
}

.tpm-portal-capability__tab-item+.tpm-portal-capability__tab-item {
    margin-left: 24px
}

.tpm-portal-capability__tab-item-icon.tpm-portal-motion-icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm-portal-capability__tab-item-text {
    font-size: 14px;
    line-height: 22px;
    color: transparent;
    background: rgba(0,0,0,.9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    margin-left: 12px;
    white-space: nowrap
}

.tpm-portal-capability__tab-item:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,#1f74ff,#8269ff);
    transition: height .15s ease-in-out,width .15s ease-in-out .15s
}

.tpm-portal-capability__tab-item.is-active:after {
    width: 100%;
    height: 2px;
    transition: width .3s ease-in-out
}

.tpm-portal-capability__tab-item.is-active .tpm-portal-capability__tab-item-text {
    background: linear-gradient(90deg,#235cf0 2.5%,#606eff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width: 769px) {
    .tpm-portal-capability__tab-item:hover .tpm-portal-capability__tab-item-text {
        background:linear-gradient(90deg,#235cf0 2.5%,#606eff);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.tpm-portal-capability__content {
    margin-top: 24px;
    position: relative
}

.tpm-portal-capability__card {
    width: 0;
    height: 0;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    background: hsla(0,0%,100%,.86);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden
}

.tpm-portal-capability__card.is-active {
    width: 100%;
    height: auto;
    opacity: 1
}

@media screen and (min-width: 769px) {
    .tpm-portal-capability__card.is-active {
        min-height:500px
    }
}

.tpm-portal-capability__card-label {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-capability__card-media {
    max-width: 960px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 61%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    background: #aecdff
}

.tpm-portal-capability__card-media:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tpm-portal-capability__card-img,.tpm-portal-capability__card-video {
    position: absolute;
    width: 110%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tpm-portal-capability__card-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #091221
}

.tpm-portal-capability__card-desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #4b5b76;
    margin-top: 8px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-capability__card-divider {
    width: 100%;
    height: 1px;
    margin-top: 24px;
    margin-bottom: 24px;
    background: rgba(0,0,0,.08)
}

.tpm-portal-capability__card-features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-capability__card-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
    padding-top: 24px
}

.tpm-portal-capability__card-btn {
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 120px;
    height: 36px;
    border-radius: 2px;
    padding: 0 8px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    color: #fff;
    border: 0
}

.tpm-portal-capability__card-btn,.tpm-portal-capability__card-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer
}

.tpm-portal-capability__card-link {
    margin-left: 20px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: rgba(0,0,0,.9);
    transition: color .3s ease-in-out
}

.tpm-portal-capability__card-link-arrow {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px
}

.tpm-portal-capability__card-link-arrow:after,.tpm-portal-capability__card-link-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.tpm-portal-capability__card-link-arrow:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-capability-link-arrow-default.svg)
}

.tpm-portal-capability__card-link-arrow:after {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    opacity: 0;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-capability-link-arrow-active.svg)
}

@media screen and (min-width: 769px) {
    .tpm-portal-capability__card-link:hover {
        color:#0052d9
    }

    .tpm-portal-capability__card-link:hover .tpm-portal-capability__card-link-arrow:before {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .tpm-portal-capability__card-link:hover .tpm-portal-capability__card-link-arrow:after {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.tpm-portal-capability__feature {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm-portal-capability__feature+.tpm-portal-capability__feature {
    margin-top: 16px
}

.tpm-portal-capability__feature-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    background: url(/web/jinglisafe/assets/images/main/tpm-portal-capability-feature-check.svg) no-repeat 50%/contain
}

.tpm-portal-capability__feature-content {
    margin-left: 12px
}

.tpm-portal-capability__feature-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #333
}

.tpm-portal-capability__feature-desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 4px
}

@media screen and (min-width: 769px) {
    .tpm-portal-capability__card-btn:hover {
        background:linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-capability__card-label {
        padding:28px
    }

    .tpm-portal-capability__card-media {
        padding: 0
    }

    .tpm-portal-capability__card-img,.tpm-portal-capability__card-video {
        width: 100%
    }

    .tpm-portal-capability__card-btn {
        min-width: 140px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-capability__tab-item+.tpm-portal-capability__tab-item {
        margin-left:32px
    }

    .tpm-portal-capability__tab-item-icon.tpm-portal-motion-icon {
        width: 20px;
        height: 20px;
        font-size: 20px
    }

    .tpm-portal-capability__tab-item-text {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-capability__content {
        margin-top: 32px
    }

    .tpm-portal-capability__card-label {
        padding: 32px
    }

    .tpm-portal-capability__card-title {
        font-size: 28px;
        line-height: 36px
    }

    .tpm-portal-capability__card-btn {
        min-width: 160px;
        height: 42px
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-capability__section.tpm-portal-section {
        background-image:linear-gradient(180deg,#fff,#b1daff)!important
    }

    .tpm-portal-capability__section.tpm-portal-section .tpm-portal-section__hd {
        margin-bottom: 11px
    }

    .tpm-portal-capability__section.tpm-portal-section .tpm-portal-section__bd {
        padding: 0
    }

    .tpm-portal-capability__bar-wrap {
        margin-top: 0
    }

    .tpm-portal-capability__bar {
        border-bottom: 1px solid #eee;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 24px;
        overflow-x: auto
    }

    .tpm-portal-capability__bar::-webkit-scrollbar {
        display: none
    }

    .tpm-portal-capability__bar {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .tpm-portal-capability__bar:after,.tpm-portal-capability__bar:before {
        content: "";
        margin: auto
    }

    .tpm-portal-capability__bar-inner {
        display: inline;
        white-space: nowrap
    }

    .tpm-portal-capability__tab-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
        padding: 13px 0
    }

    .tpm-portal-capability__tab-item+.tpm-portal-capability__tab-item {
        margin-left: 20px
    }

    .tpm-portal-capability__tab-item-text {
        font-size: 14px;
        line-height: 22px;
        margin-left: 8px
    }

    .tpm-portal-capability__content {
        margin-top: 16px;
        padding: 0 24px
    }

    .tpm-portal-capability__card {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: center;
        align-items: center
    }

    .tpm-portal-capability__card-label {
        width: 100%;
        padding: 20px 16px
    }

    .tpm-portal-capability__card-media {
        height: 240px;
        width: 100%;
        padding: 0;
        background: linear-gradient(143deg,#5d7bff -11.23%,hsla(0,0%,100%,0) 55.42%),linear-gradient(170deg,#b5d1ff 14.9%,rgba(247,246,255,.32) 92.34%),#dbeaff
    }

    .tpm-portal-capability__card-img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: auto;
        height: 240px
    }

    .tpm-portal-capability__card-title {
        font-size: 18px;
        line-height: 26px
    }

    .tpm-portal-capability__card-desc {
        font-size: 12px;
        line-height: 20px
    }

    .tpm-portal-capability__card-divider {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .tpm-portal-capability__card-btn {
        width: calc(50% - 6px);
        height: 36px;
        min-width: 0
    }

    .tpm-portal-capability__card-link {
        height: 36px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 12px;
        width: calc(50% - 6px);
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,.12);
        background: hsla(0,0%,100%,.75)
    }

    .tpm-portal-capability__card-link-arrow {
        display: none
    }

    .tpm-portal-capability__feature+.tpm-portal-capability__feature {
        margin-top: 12px
    }

    .tpm-portal-capability__feature-content {
        margin-left: 10px
    }

    .tpm-portal-capability__feature-title {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-capability__feature-desc {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-capability__bar,.tpm-portal-capability__content {
        padding:0 16px
    }

    .tpm-portal-capability__card {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .tpm-portal-capability__card-label,.tpm-portal-capability__card-media {
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    .tpm-portal-market__section.tpm-portal-section .tpm-portal-section__hd {
        margin-bottom:12px
    }
}

.tpm-portal-market__content {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-market__panel {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 360px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 44px 20px 0 0
}

.tpm-portal-market__panel,.tpm-portal-market__panel-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm-portal-market__panel-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #091221
}

.tpm-portal-market__panel-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px
}

.tpm-portal-market__panel-desc .linear {
    font-weight: 500;
    color: #0052d9
}

.tpm-portal-market__features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px
}

.tpm-portal-market__feature-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin-top: 16px;
    position: relative;
    padding-left: 24px
}

.tpm-portal-market__feature-item:nth-child(-n+2) {
    margin-top: 0
}

.tpm-portal-market__feature-item:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-feature-icon.svg);
    background-size: cover
}

.tpm-portal-market__feature-text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.tpm-portal-market__panel-footer {
    margin-top: 24px
}

.tpm-portal-market__panel-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 200px;
    height: 36px;
    padding: 0 8px;
    background: linear-gradient(90deg,#0052d9,#4656ff);
    border-radius: 2px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border: 0
}

.tpm-portal-market__cards-wrapper {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 20px;
    position: relative
}

.tpm-portal-market__swiper {
    overflow: visible;
    position: relative;
    padding-top: 44px;
    height: 100%
}

.tpm-portal-market__slide+.tpm-portal-market__slide {
    margin-left: 0
}

.tpm-portal-market__card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: inherit
}

.tpm-portal-market__card-img {
    width: 100%;
    min-height: 160px
}

.tpm-portal-market__card-body {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    background: linear-gradient(180deg,#e5efff,#e2ebff)
}

.tpm-portal-market__card-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #000
}

.tpm-portal-market__card-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 8px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm-portal-market__navigation {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.tpm-portal-market__navigation-inner {
    display: -ms-flexbox;
    display: flex
}

.tpm-portal-market__navigation-next,.tpm-portal-market__navigation-prev {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #dfe4ec;
    box-shadow: 0 1px 3px rgba(0,0,1,.07);
    cursor: pointer;
    transition: all .3s ease-in-out
}

.tpm-portal-market__navigation-next.swiper-button-lock,.tpm-portal-market__navigation-prev.swiper-button-lock {
    display: none
}

.tpm-portal-market__navigation-next:after,.tpm-portal-market__navigation-next:before,.tpm-portal-market__navigation-prev:after,.tpm-portal-market__navigation-prev:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 16px;
    height: 16px;
    background-size: cover;
    transition: opacity .3s ease-in-out
}

.tpm-portal-market__navigation-next:after,.tpm-portal-market__navigation-prev:after {
    opacity: 0
}

@media screen and (min-width: 769px) {
    .tpm-portal-market__navigation-next:hover,.tpm-portal-market__navigation-prev:hover {
        background:#f4f8ff;
        border-color: #d5e4fc
    }

    .tpm-portal-market__navigation-next:hover:before,.tpm-portal-market__navigation-prev:hover:before {
        opacity: 0
    }

    .tpm-portal-market__navigation-next:hover:after,.tpm-portal-market__navigation-prev:hover:after {
        opacity: 1
    }
}

.tpm-portal-market__navigation-next.swiper-button-disabled,.tpm-portal-market__navigation-prev.swiper-button-disabled {
    cursor: not-allowed;
    pointer-events: none
}

.tpm-portal-market__navigation-next.swiper-button-disabled:before,.tpm-portal-market__navigation-prev.swiper-button-disabled:before {
    opacity: 1
}

.tpm-portal-market__navigation-next.swiper-button-disabled:after,.tpm-portal-market__navigation-prev.swiper-button-disabled:after {
    opacity: 0
}

.tpm-portal-market__navigation-prev:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-arrow-left.svg)
}

.tpm-portal-market__navigation-prev:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-arrow-left-active.svg)
}

.tpm-portal-market__navigation-prev.swiper-button-disabled:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-arrow-left-disabled.svg)
}

.tpm-portal-market__navigation-next {
    margin-left: 12px
}

.tpm-portal-market__navigation-next:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-arrow-right.svg)
}

.tpm-portal-market__navigation-next:after {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-arrow-right-active.svg)
}

.tpm-portal-market__navigation-next.swiper-button-disabled:before {
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-arrow-right-disabled.svg)
}

.tpm-portal-market__card-inner {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    background: rgba(0,82,217,.74);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .tpm-portal-market__card:hover .tpm-portal-market__card-inner {
        opacity:1
    }
}

.tpm-portal-market__card-inner .tpm-portal-market__card-desc,.tpm-portal-market__card-inner .tpm-portal-market__card-title {
    color: #fff
}

.tpm-portal-market__card-features {
    margin-bottom: auto;
    margin-top: 16px
}

.tpm-portal-market__card-feature {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-left: 24px
}

.tpm-portal-market__card-feature:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-card-feature-icon.svg)
}

.tpm-portal-market__card-feature+.tpm-portal-market__card-feature {
    margin-top: 8px
}

.tpm-portal-market__card-link {
    margin-top: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm-portal-market__card-link:after {
    margin-left: 4px;
    content: "";
    width: 12px;
    height: 9px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-link-arrow-right.svg)
}

@media screen and (min-width: 769px) {
    .tpm-portal-market__card-link:after {
        transition:-webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .tpm-portal-market__card-link:hover:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

@media screen and (min-width: 769px) {
    .tpm-portal-market__card {
        transition:box-shadow .3s ease,-webkit-transform .3s ease;
        transition: transform .3s ease,box-shadow .3s ease;
        transition: transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease
    }

    .tpm-portal-market__card:hover {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,.1)
    }

    .tpm-portal-market__panel-btn:hover {
        background: linear-gradient(90deg,#0b66fc,#4958ff);
        box-shadow: 0 8px 20px 0 rgba(0,82,217,.18)
    }
}

@media screen and (min-width: 1400px) {
    .tpm-portal-market__panel {
        width:400px;
        padding: 44px 32px 0 0
    }

    .tpm-portal-market__panel-desc {
        margin-top: 16px
    }

    .tpm-portal-market__features {
        margin-top: 32px
    }

    .tpm-portal-market__panel-btn {
        min-width: 140px
    }

    .tpm-portal-market__card-body,.tpm-portal-market__card-inner {
        padding: 20px
    }

    .tpm-portal-market__card-title {
        font-size: 20px;
        line-height: 28px
    }

    .tpm-portal-market__card-desc {
        margin-top: 16px
    }
}

@media screen and (min-width: 1600px) {
    .tpm-portal-market__panel {
        width:440px;
        padding: 44px 36px 0 0
    }

    .tpm-portal-market__panel-title {
        font-size: 28px;
        line-height: 36px
    }

    .tpm-portal-market__panel-btn {
        min-width: 160px;
        height: 42px
    }
}

@media screen and (min-width: 1808px) {
    .tpm-portal-market__panel {
        width:440px;
        padding: 44px 36px 0 0
    }
}

@media screen and (max-width: 768px) {
    .tpm-portal-market__section.tpm-portal-section {
        background:linear-gradient(0deg,#f6f8fb,#f6f8fb),linear-gradient(180deg,#fff,#f4f8ff)
    }

    .tpm-portal-market__section.tpm-portal-section .tpm-portal-section__bd {
        padding: 0
    }

    .tpm-portal-market__content {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 24px
    }

    .tpm-portal-market__panel {
        width: 100%;
        padding: 0
    }

    .tpm-portal-market__panel-title {
        font-size: 18px;
        line-height: 26px
    }

    .tpm-portal-market__panel-desc {
        margin-top: 8px
    }

    .tpm-portal-market__features {
        margin-top: 16px
    }

    .tpm-portal-market__feature-item {
        margin-top: 12px
    }

    .tpm-portal-market__feature-item:nth-child(-n+2) {
        margin-top: 0
    }

    .tpm-portal-market__panel-footer {
        margin-top: 20px
    }

    .tpm-portal-market__panel-btn {
        width: 100%;
        height: 36px
    }

    .tpm-portal-market__cards-wrapper {
        margin: 20px -24px 0
    }

    .tpm-portal-market__card-img {
        min-height: 120px
    }

    .tpm-portal-market__swiper {
        padding: 0 24px
    }

    .tpm-portal-market__slide {
        width: 240px
    }

    .tpm-portal-market__card-body {
        padding: 16px
    }

    .tpm-portal-market__card-title {
        font-size: 16px;
        line-height: 24px
    }

    .tpm-portal-market__card-desc {
        font-size: 12px;
        line-height: 22px
    }

    .tpm-portal-market__card-features {
        margin-top: 8px
    }

    .tpm-portal-market__card-feature {
        color: #4b5b76;
        font-size: 12px;
        line-height: 22px;
        padding-left: 20px
    }

    .tpm-portal-market__card-feature:before {
        width: 12px;
        height: 12px;
        background-image: url(/web/jinglisafe/assets/images/main/tpm-portal-market-card-feature-icon-mobile.svg)
    }

    .tpm-portal-market__card-feature+.tpm-portal-market__card-feature {
        margin-top: 4px
    }
}

@media screen and (max-width: 600px) {
    .tpm-portal-market__content {
        padding:0 16px
    }

    .tpm-portal-market__slide {
        width: 200px
    }

    .tpm-portal-market__cards-wrapper {
        margin: 20px -16px 0
    }

    .tpm-portal-market__swiper {
        padding: 0 16px
    }

    .tpm-portal-market__card-body {
        padding: 12px
    }

    .tpm-portal-market__card-title {
        font-size: 14px;
        line-height: 22px
    }

    .tpm-portal-market__card-desc {
        font-size: 12px;
        line-height: 20px;
        margin-top: 4px
    }
}

[class*=tp-],[class*=tp-]:after,[class*=tp-]:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

[class*=tp-]:focus {
    outline: none
}

.tp-overflow-hidden {
    overflow: hidden!important
}

[class*=tp-][type=search]::-webkit-search-decoration,[class^=tp-][type=search]::-webkit-search-decoration {
    outline: 0;
    -webkit-appearance: none
}

.tp-ma-1n {
    margin: 4px
}

.tp-ma-2n {
    margin: 8px
}

.tp-ma-3n {
    margin: 12px
}

.tp-ma-4n {
    margin: 16px
}

.tp-ma-5n {
    margin: 20px
}

@media screen and (max-width: 768px) {
    .tp-ma-pad-1n {
        margin:4px
    }

    .tp-ma-pad-2n {
        margin: 8px
    }

    .tp-ma-pad-3n {
        margin: 12px
    }

    .tp-ma-pad-4n {
        margin: 16px
    }

    .tp-ma-pad-5n {
        margin: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-ma-phone-1n {
        margin:4px
    }

    .tp-ma-phone-2n {
        margin: 8px
    }

    .tp-ma-phone-3n {
        margin: 12px
    }

    .tp-ma-phone-4n {
        margin: 16px
    }

    .tp-ma-phone-5n {
        margin: 20px
    }
}

.tp-mt-1n {
    margin-top: 4px
}

.tp-mt-2n {
    margin-top: 8px
}

.tp-mt-3n {
    margin-top: 12px
}

.tp-mt-4n {
    margin-top: 16px
}

.tp-mt-5n {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .tp-mt-pad-1n {
        margin-top:4px
    }

    .tp-mt-pad-2n {
        margin-top: 8px
    }

    .tp-mt-pad-3n {
        margin-top: 12px
    }

    .tp-mt-pad-4n {
        margin-top: 16px
    }

    .tp-mt-pad-5n {
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-mt-phone-1n {
        margin-top:4px
    }

    .tp-mt-phone-2n {
        margin-top: 8px
    }

    .tp-mt-phone-3n {
        margin-top: 12px
    }

    .tp-mt-phone-4n {
        margin-top: 16px
    }

    .tp-mt-phone-5n {
        margin-top: 20px
    }
}

.tp-mb-1n {
    margin-bottom: 4px
}

.tp-mb-2n {
    margin-bottom: 8px
}

.tp-mb-3n {
    margin-bottom: 12px
}

.tp-mb-4n {
    margin-bottom: 16px
}

.tp-mb-5n {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp-mb-pad-1n {
        margin-bottom:4px
    }

    .tp-mb-pad-2n {
        margin-bottom: 8px
    }

    .tp-mb-pad-3n {
        margin-bottom: 12px
    }

    .tp-mb-pad-4n {
        margin-bottom: 16px
    }

    .tp-mb-pad-5n {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-mb-phone-1n {
        margin-bottom:4px
    }

    .tp-mb-phone-2n {
        margin-bottom: 8px
    }

    .tp-mb-phone-3n {
        margin-bottom: 12px
    }

    .tp-mb-phone-4n {
        margin-bottom: 16px
    }

    .tp-mb-phone-5n {
        margin-bottom: 20px
    }
}

.tp-ml-1n {
    margin-left: 4px
}

.tp-ml-2n {
    margin-left: 8px
}

.tp-ml-3n {
    margin-left: 12px
}

.tp-ml-4n {
    margin-left: 16px
}

.tp-ml-5n {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .tp-ml-pad-1n {
        margin-left:4px
    }

    .tp-ml-pad-2n {
        margin-left: 8px
    }

    .tp-ml-pad-3n {
        margin-left: 12px
    }

    .tp-ml-pad-4n {
        margin-left: 16px
    }

    .tp-ml-pad-5n {
        margin-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-ml-phone-1n {
        margin-left:4px
    }

    .tp-ml-phone-2n {
        margin-left: 8px
    }

    .tp-ml-phone-3n {
        margin-left: 12px
    }

    .tp-ml-phone-4n {
        margin-left: 16px
    }

    .tp-ml-phone-5n {
        margin-left: 20px
    }
}

.tp-mr-1n {
    margin-right: 4px
}

.tp-mr-2n {
    margin-right: 8px
}

.tp-mr-3n {
    margin-right: 12px
}

.tp-mr-4n {
    margin-right: 16px
}

.tp-mr-5n {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .tp-mr-pad-1n {
        margin-right:4px
    }

    .tp-mr-pad-2n {
        margin-right: 8px
    }

    .tp-mr-pad-3n {
        margin-right: 12px
    }

    .tp-mr-pad-4n {
        margin-right: 16px
    }

    .tp-mr-pad-5n {
        margin-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-mr-phone-1n {
        margin-right:4px
    }

    .tp-mr-phone-2n {
        margin-right: 8px
    }

    .tp-mr-phone-3n {
        margin-right: 12px
    }

    .tp-mr-phone-4n {
        margin-right: 16px
    }

    .tp-mr-phone-5n {
        margin-right: 20px
    }
}

.tp-pa-1n {
    padding: 4px
}

.tp-pa-2n {
    padding: 8px
}

.tp-pa-3n {
    padding: 12px
}

.tp-pa-4n {
    padding: 16px
}

.tp-pa-5n {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .tp-pa-pad-1n {
        padding:4px
    }

    .tp-pa-pad-2n {
        padding: 8px
    }

    .tp-pa-pad-3n {
        padding: 12px
    }

    .tp-pa-pad-4n {
        padding: 16px
    }

    .tp-pa-pad-5n {
        padding: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pa-phone-1n {
        padding:4px
    }

    .tp-pa-phone-2n {
        padding: 8px
    }

    .tp-pa-phone-3n {
        padding: 12px
    }

    .tp-pa-phone-4n {
        padding: 16px
    }

    .tp-pa-phone-5n {
        padding: 20px
    }
}

.tp-pt-1n {
    padding-top: 4px
}

.tp-pt-2n {
    padding-top: 8px
}

.tp-pt-3n {
    padding-top: 12px
}

.tp-pt-4n {
    padding-top: 16px
}

.tp-pt-5n {
    padding-top: 20px
}

@media screen and (max-width: 768px) {
    .tp-pt-pad-1n {
        padding-top:4px
    }

    .tp-pt-pad-2n {
        padding-top: 8px
    }

    .tp-pt-pad-3n {
        padding-top: 12px
    }

    .tp-pt-pad-4n {
        padding-top: 16px
    }

    .tp-pt-pad-5n {
        padding-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pt-phone-1n {
        padding-top:4px
    }

    .tp-pt-phone-2n {
        padding-top: 8px
    }

    .tp-pt-phone-3n {
        padding-top: 12px
    }

    .tp-pt-phone-4n {
        padding-top: 16px
    }

    .tp-pt-phone-5n {
        padding-top: 20px
    }
}

.tp-pb-1n {
    padding-bottom: 4px
}

.tp-pb-2n {
    padding-bottom: 8px
}

.tp-pb-3n {
    padding-bottom: 12px
}

.tp-pb-4n {
    padding-bottom: 16px
}

.tp-pb-5n {
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp-pb-pad-1n {
        padding-bottom:4px
    }

    .tp-pb-pad-2n {
        padding-bottom: 8px
    }

    .tp-pb-pad-3n {
        padding-bottom: 12px
    }

    .tp-pb-pad-4n {
        padding-bottom: 16px
    }

    .tp-pb-pad-5n {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pb-phone-1n {
        padding-bottom:4px
    }

    .tp-pb-phone-2n {
        padding-bottom: 8px
    }

    .tp-pb-phone-3n {
        padding-bottom: 12px
    }

    .tp-pb-phone-4n {
        padding-bottom: 16px
    }

    .tp-pb-phone-5n {
        padding-bottom: 20px
    }
}

.tp-pl-1n {
    padding-left: 4px
}

.tp-pl-2n {
    padding-left: 8px
}

.tp-pl-3n {
    padding-left: 12px
}

.tp-pl-4n {
    padding-left: 16px
}

.tp-pl-5n {
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .tp-pl-pad-1n {
        padding-left:4px
    }

    .tp-pl-pad-2n {
        padding-left: 8px
    }

    .tp-pl-pad-3n {
        padding-left: 12px
    }

    .tp-pl-pad-4n {
        padding-left: 16px
    }

    .tp-pl-pad-5n {
        padding-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pl-phone-1n {
        padding-left:4px
    }

    .tp-pl-phone-2n {
        padding-left: 8px
    }

    .tp-pl-phone-3n {
        padding-left: 12px
    }

    .tp-pl-phone-4n {
        padding-left: 16px
    }

    .tp-pl-phone-5n {
        padding-left: 20px
    }
}

.tp-pr-1n {
    padding-right: 4px
}

.tp-pr-2n {
    padding-right: 8px
}

.tp-pr-3n {
    padding-right: 12px
}

.tp-pr-4n {
    padding-right: 16px
}

.tp-pr-5n {
    padding-right: 20px
}

@media screen and (max-width: 768px) {
    .tp-pr-pad-1n {
        padding-right:4px
    }

    .tp-pr-pad-2n {
        padding-right: 8px
    }

    .tp-pr-pad-3n {
        padding-right: 12px
    }

    .tp-pr-pad-4n {
        padding-right: 16px
    }

    .tp-pr-pad-5n {
        padding-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pr-phone-1n {
        padding-right:4px
    }

    .tp-pr-phone-2n {
        padding-right: 8px
    }

    .tp-pr-phone-3n {
        padding-right: 12px
    }

    .tp-pr-phone-4n {
        padding-right: 16px
    }

    .tp-pr-phone-5n {
        padding-right: 20px
    }
}

.tp-dis-block {
    display: block!important
}

.tp-dis-inline-block {
    display: inline-block!important
}

.tp-dis-none {
    display: none!important
}

@media screen and (max-width: 768px) {
    .tp-dis-pad-block {
        display:block!important
    }

    .tp-dis-pad-inline-block {
        display: inline-block!important
    }

    .tp-dis-pad-none {
        display: none!important
    }
}

@media screen and (max-width: 600px) {
    .tp-dis-phone-block {
        display:block!important
    }

    .tp-dis-phone-inline-block {
        display: inline-block!important
    }

    .tp-dis-phone-none {
        display: none!important
    }
}

.tp-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75)
}

.tp-loading,.tp-loading__dot {
    text-align: center
}

.tp-loading__dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: middle;
    background-color: #00a4ff;
    border-radius: 100%;
    -webkit-animation: loadinganimationdelay .7s ease-in-out infinite both;
    animation: loadingAnimationDelay .7s ease-in-out infinite both
}

.tp-loading__dot:first-child {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp-loading__dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.tp-loading--white .tp-loading__dot {
    background-color: #fff
}

.tp-loading.size-s .tp-loading__dot {
    width: 8px;
    height: 8px;
    margin-right: 1px;
    margin-left: 1px
}

@-webkit-keyframes loadingAnimationDelay {
    0%,80%,to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes loadingAnimationDelay {
    0%,80%,to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.tp-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1
}

.tp-icon--error-24,.tp-icon--info-24,.tp-icon--pending-24,.tp-icon--success-24,.tp-icon--warning-24 {
    font-size: 24px
}

.tp-icon--loading-32 {
    font-size: 32px
}

.tp-icon--loading,.tp-icon--loading-32 {
    -webkit-animation: tp-iconloading 2s linear infinite;
    animation: tp-iconloading 2s linear infinite
}

.tp-icon.size-auto {
    width: 100%;
    height: auto
}

@-webkit-keyframes tp-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes tp-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.tp-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #00a4ff;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer
}

.tp-btn:active,.tp-btn:hover {
    background-color: #0092ee;
    transition: all .3s ease-in-out
}

.tp-btn.is-disabled {
    cursor: default
}

.tp-btn.is-disabled,.tp-btn.is-disabled:active,.tp-btn.is-disabled:hover {
    color: #999;
    background-color: #ddd;
    border-color: #ddd
}

.tp-btn--pay {
    background-color: #ff7200
}

.tp-btn--pay:active,.tp-btn--pay:hover {
    background-color: #f06c00
}

.tp-btn--pay.is-loading:active,.tp-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tp-btn--pay .tp-loading__dot {
    background-color: #fff
}

.tp-btn--hole {
    color: #00a4ff;
    background-color: transparent;
    border-color: #00a4ff
}

.tp-btn--hole:active,.tp-btn--hole:hover {
    color: #00a4ff;
    background-color: rgba(0,164,255,.15)
}

.tp-btn--hole.is-loading:active,.tp-btn--hole.is-loading:hover,.tp-btn--weak-hole {
    background-color: transparent
}

.tp-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

.tp-btn--weak-hole:active,.tp-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tp-btn--weak-hole.is-loading:active,.tp-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.tp-btn--white-hole:active,.tp-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tp-btn--white-hole.is-loading:active,.tp-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #00a4ff;
    background-color: transparent;
    border: none
}

.tp-btn--link:active,.tp-btn--link:hover {
    color: #0092ee;
    background-color: transparent
}

.tp-btn--link.is-disabled {
    background-color: transparent
}

.tp-btn--link.is-disabled:active,.tp-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    border: none
}

.tp-btn--link-weak:active,.tp-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tp-btn--link-weak.is-disabled {
    background-color: transparent
}

.tp-btn--link-weak.is-disabled:active,.tp-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp-btn--icon {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tp-btn--icon,.tp-btn .tp-btn__icon {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-btn .tp-btn__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tp-btn .tp-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tp-btn .tp-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tp-btn .tp-btn__icon svg {
    width: 1em;
    height: auto
}

.tp-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tp-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tp-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tp-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tp-btn.size-xl,.tp-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tp-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tp-btn--link-weak.size-auto,.tp-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tp-btn.size-auto-width {
    min-width: 0
}

.tp-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tp-btn--icon.size-full-width {
    display: -ms-flexbox;
    display: flex
}

.tp-btn--link-weak[class*=" size-"],.tp-btn--link-weak[class^=size-],.tp-btn--link[class*=" size-"],.tp-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tp-btn.is-loading {
    cursor: default
}

.tp-btn--primary.is-loading:active,.tp-btn--primary.is-loading:hover {
    background-color: #00a4ff
}

.tp-btn--primary .tp-loading__dot {
    background-color: #fff
}

.tp-btn__text {
    color: inherit
}

@media screen and (max-width: 600px) {
    .tp-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tp-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tp-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tp-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tp-btn--link,.tp-btn--link-weak,.tp-btn--link-weak[class*=" m-size-"],.tp-btn--link-weak[class^=m-size-],.tp-btn--link[class*=" m-size-"],.tp-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

.tp-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    padding: 32px 0;
    overflow: auto;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.tp-modal:before {
    width: 0;
    height: 100%;
    content: ""
}

.tp-modal:before,.tp-modal__inner {
    display: inline-block;
    vertical-align: middle
}

.tp-modal__inner {
    position: relative;
    width: 480px;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
    text-align: left;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(3,27,78,.06)
}

.tp-modal__hd {
    padding: 28px 28px 12px
}

.tp-modal__title {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.tp-modal__close {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    font-size: 0;
    background-image: url(/web/jinglisafe/assets/images/main/close_b09.svg);
    cursor: pointer
}

.tp-modal__close:hover {
    background-image: url(/web/jinglisafe/assets/images/main/close-hover_886.svg)
}

.tp-modal__bd {
    max-height: 638px;
    padding: 12px 28px 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-height: 768px) {
    .tp-modal__bd {
        max-height:438px
    }
}

.tp-modal__bd:last-child {
    padding-bottom: 28px
}

.tp-modal__bd::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.tp-modal__bd::-webkit-scrollbar-thumb {
    background-color: #dee1e6;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 6px
}

.tp-modal__ft {
    padding: 28px;
    font-size: 0;
    text-align: center
}

.tp-modal__ft .tp-btn {
    margin: 0 6px
}

.tp-modal.size-s .tp-modal__inner {
    width: 380px
}

.tp-modal.size-l .tp-modal__inner {
    width: 580px
}

.tp-modal.size-auto .tp-modal__inner {
    width: auto
}

.tp-modal--no-title .tp-modal__hd {
    padding-bottom: 0
}

.tp-modal--no-title .tp-modal__bd {
    padding-top: 0
}

.tp-modal--no-title .tp-modal__bd:first-child {
    padding-top: 28px
}

.tp-modal__msg-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 0
}

.tp-modal__msg-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 24px;
    margin-right: 8px;
    color: #00a4ff
}

.tp-modal__msg-icon img {
    display: block;
    max-height: 100%
}

.tp-modal__msg-icon .tp-icon--success-24 {
    color: #0abf5b
}

.tp-modal__msg-icon .tp-icon--error-24 {
    color: #e54545
}

.tp-modal__msg-icon .tp-icon--warning-24 {
    color: #f0b64b
}

.tp-modal__msg-title {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.tp-modal__msg-bd {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    word-wrap: break-word
}

@media screen and (max-width: 600px) {
    .tp-modal {
        padding:0
    }

    .tp-modal__inner {
        width: 300px!important
    }

    .tp-modal__hd {
        padding: 24px 24px 8px
    }

    .tp-modal__bd {
        max-height: none;
        padding: 0 24px 24px
    }

    .tp-modal__bd:last-child {
        padding-bottom: 24px
    }

    .tp-modal__ft {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0;
        border-top: 1px solid transparent
    }

    .tp-modal__ft:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e8ed;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: center top;
        transform-origin: center top;
        content: ""
    }

    .tp-modal__ft .tp-btn {
        position: relative;
        margin: 0
    }

    .tp-modal__ft .tp-btn:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #e5e8ed;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        content: ""
    }

    .tp-modal__ft .tp-btn:last-child:before {
        display: none
    }

    .tp-modal__ft .tp-btn,.tp-modal__ft .tp-btn:hover {
        -ms-flex: 1;
        flex: 1;
        height: 48px;
        color: #00a4ff;
        font-size: 16px;
        line-height: 48px;
        background: transparent;
        border: none
    }

    .tp-modal__ft .tp-btn:active,.tp-modal__ft .tp-btn:hover:active {
        background: rgba(0,0,0,.04)
    }

    .tp-modal__ft .tp-btn--hole,.tp-modal__ft .tp-btn--hole:hover {
        color: #000
    }

    .tp-modal--no-title .tp-modal__bd:first-child {
        padding-top: 24px
    }

    .tp-modal.m-size-full .tp-modal__inner {
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%!important;
        max-width: none;
        height: 100%;
        border-radius: 0;
        box-shadow: none
    }

    .tp-modal.m-size-full .tp-modal__hd {
        position: relative;
        height: 56px;
        padding: 16px 32px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(3,27,78,.12)
    }

    .tp-modal.m-size-full .tp-modal__title {
        overflow: hidden;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis
    }

    .tp-modal.m-size-full .tp-modal__close {
        top: 0;
        right: 0;
        bottom: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 48px;
        height: 56px;
        margin-bottom: 0;
        background-image: none
    }

    .tp-modal.m-size-full .tp-modal__close:after {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/main/m-close_411.svg);
        content: ""
    }

    .tp-modal.m-size-full .tp-modal__close:active:after {
        background-image: url(/web/jinglisafe/assets/images/main/m-close-active_25c.svg)
    }

    .tp-modal.m-size-full .tp-modal__bd {
        -ms-flex: 1;
        flex: 1;
        max-height: none;
        padding: 20px 16px
    }

    .tp-modal.m-size-full .tp-modal__ft {
        padding: 16px 10px
    }

    .tp-modal.m-size-full .tp-modal__ft .tp-btn {
        margin: 0 6px
    }

    .tp-modal.m-size-full .tp-modal__ft .tp-btn:before {
        display: none
    }

    .tp-modal.m-size-full .tp-modal__ft .tp-btn,.tp-modal.m-size-full .tp-modal__ft .tp-btn:hover {
        color: #fff;
        line-height: 46px;
        background: #00a4ff;
        border: 1px solid transparent
    }

    .tp-modal.m-size-full .tp-modal__ft .tp-btn:active {
        background: #0092ee
    }

    .tp-modal.m-size-full .tp-modal__ft .tp-btn--hole,.tp-modal.m-size-full .tp-modal__ft .tp-btn--hole:hover {
        color: #00a4ff;
        background: transparent;
        border: 1px solid #00a4ff
    }

    .tp-modal.m-size-full .tp-modal__ft .tp-btn--hole:active {
        color: #00a4ff;
        background: rgba(0,164,255,.15)
    }
}

@media screen and (min-width: 769px) {
    body {
        min-width:1200px
    }
}

@media screen and (max-width: 768px) {
    body {
        min-width:320px
    }
}

#FEFLOW {
    content: xlg202604081111
}