.tpm1-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: #0052d9;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
}
.banner{
    height: 500px;
}
.tpm1-prod-hero {
    background-color: #f1f3f4;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
}
.tpm1-prod-hero__bg-wrap {
    overflow: hidden;
}
.tpm1-prod-hero__bg, .tpm1-prod-hero__bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tpm1-prod-hero__bg {
    z-index: 1;
}
.tpm1-prod-hero__bg-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: auto 715px;
    background-repeat: no-repeat;
    background-position: top;
}
.solution-hero .tpm1-prod-hero__bg-inner {
    width: 2560px;
    height: 500px;
    left: 50%;
    background-image: url(../images/jjfa/solution-banner-new_a68.jpg);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-size: 100% 100%;
    background-position: 50%;
}
.tpm1-prod-hero__inner {
    z-index: 2;
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-top: 62px;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm1-prod-hero__seo {
    position: fixed;
    left: 0;
    top: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.tpm1-prod-hero__content {
    color: #3d485d;
    margin-top: -6px
}

.tpm1-prod-hero--with-nav .tpm1-prod-hero__content {
    padding-top: 40px
}

.tpm1-prod-hero__list-item {
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    display: inline-block
}

.tpm1-prod-hero__list-item:after {
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 3px;
    background-color: rgba(155,166,183,.39);
    font-size: 0
}

.tpm1-prod-hero__list-item:first-child {
    padding-left: 0
}

.tpm1-prod-hero__list-item:last-child:after {
    display: none
}

.tpm1-prod-hero__list-item .tpm1-prod-hero__link {
    font-size: 14px;
    color: rgba(0,0,0,.66);
    line-height: 24px
}

.tpm1-prod-hero__list-item .tpm1-prod-hero__link:hover {
    color: #000;
    transition: color .2s linear
}

.tpm1-prod-hero__list-item.is-active .tpm1-prod-hero__link {
    font-size: 16px;
    line-height: 26px;
    border-bottom: 2px solid #0052d9;
    padding-bottom: 8px;
    color: #000;
    font-weight: 500
}

.tpm1-prod-hero__nav {
    display: -ms-flexbox;
    display: flex
}

.tpm1-prod-hero__list {
    margin-right: 18px
}

.tpm1-prod-hero__tag {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #0052d9;
    padding: 0 4px;
    height: 26px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    box-sizing: border-box;
    margin-right: 12px;
    position: relative;
    top: -1px
}

.tpm1-prod-hero__tag.blue-outline {
    color: #0052d9;
    border-color: #0052d9
}

.tpm1-prod-hero__tag.red-outline {
    color: #f64041;
    border-color: #f64041
}
.solution-hero .tpm1-prod-hero__tit {
    font-size: 42px;
    line-height: 54px
}

.solution-hero .tpm1-prod-hero__desc {
    font-size: 16px;
    line-height: 24px
}
.tpm1-prod-hero__header {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}
.tpm1-prod-hero__desc {
    font-size: 16px;
    line-height: 28px;
    max-width: 700px;
}
.solution-hero .tpm1-prod-hero__desc {
    font-size: 16px;
    line-height: 24px;
}
.tpm1-prod-hero__btn-group {
    margin-top: 40px;
}
.tpm1-prod-hero__btn {
    background: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    color: #fff;
    min-width: 136px;
    height: 44px;
    font-size: 16px;
    line-height: 42px;
    font-style: normal;
    transition: all .3sease-in-out;
}
.tpm1-btn__text {
    color: inherit;
}
.tpm1-section {
    padding: 60px 20px;
}
.tpm1-section__inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px;
}
.tpm1-section__hd {
    margin-bottom: 32px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}
.tpm1-section__title {
    font-weight: 500;
    font-size: 28px;
    color: #000;
    line-height: 48px;
}
.tp1-grid__row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
}
.tp1-grid__row.tp1-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px;
}
.tp1-grid__col {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1;
}
.tp1-grid__col--12 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0;
}
.tp1-grid__row.tp1-grid--gutter-5n .tp1-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
}


[class*=tpm1-],[class*=tpm1-]:after,[class*=tpm1-]:before,[class*=tpm1-]:focus {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.tpm1-pc-block {
    display: block!important
}

.tpm1-pc-inline-block {
    display: inline-block!important
}

.tpm1-pc-hide {
    display: none!important
}

@media (max-width: 768px) {
    .tpm1-pad-block {
        display:block!important
    }

    .tpm1-pad-inline-block {
        display: inline-block!important
    }

    .tpm1-pad-hide {
        display: none!important
    }
}

@media (max-width: 600px) {
    .tpm1-phone-block {
        display:block!important
    }

    .tpm1-phone-inline-block {
        display: inline-block!important
    }

    .tpm1-phone-hide {
        display: none!important
    }
}

@media screen and (max-width: 768px) {
    .tpm-gap+.tpm-gap:before {
        display:block;
        content: "";
        height: 16px;
        background: #f3f5f8;
        box-shadow: inset 0 -2px 5px 0 #c6ccd7;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        position: relative;
        z-index: 1
    }
}

[class*=tp1-],[class*=tp1-]:after,[class*=tp1-]:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

[class*=tp1-]:focus {
    outline: none
}

.tp1-overflow-hidden {
    overflow: hidden!important
}

[class*=tp1-][type=search]::-webkit-search-decoration,[class^=tp1-][type=search]::-webkit-search-decoration {
    outline: 0;
    -webkit-appearance: none
}

.tp1-ma-1n {
    margin: 4px
}

.tp1-ma-2n {
    margin: 8px
}

.tp1-ma-3n {
    margin: 12px
}

.tp1-ma-4n {
    margin: 16px
}

.tp1-ma-5n {
    margin: 20px
}

@media screen and (max-width: 768px) {
    .tp1-ma-pad-1n {
        margin:4px
    }

    .tp1-ma-pad-2n {
        margin: 8px
    }

    .tp1-ma-pad-3n {
        margin: 12px
    }

    .tp1-ma-pad-4n {
        margin: 16px
    }

    .tp1-ma-pad-5n {
        margin: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-ma-phone-1n {
        margin:4px
    }

    .tp1-ma-phone-2n {
        margin: 8px
    }

    .tp1-ma-phone-3n {
        margin: 12px
    }

    .tp1-ma-phone-4n {
        margin: 16px
    }

    .tp1-ma-phone-5n {
        margin: 20px
    }
}

.tp1-mt-1n {
    margin-top: 4px
}

.tp1-mt-2n {
    margin-top: 8px
}

.tp1-mt-3n {
    margin-top: 12px
}

.tp1-mt-4n {
    margin-top: 16px
}

.tp1-mt-5n {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mt-pad-1n {
        margin-top:4px
    }

    .tp1-mt-pad-2n {
        margin-top: 8px
    }

    .tp1-mt-pad-3n {
        margin-top: 12px
    }

    .tp1-mt-pad-4n {
        margin-top: 16px
    }

    .tp1-mt-pad-5n {
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mt-phone-1n {
        margin-top:4px
    }

    .tp1-mt-phone-2n {
        margin-top: 8px
    }

    .tp1-mt-phone-3n {
        margin-top: 12px
    }

    .tp1-mt-phone-4n {
        margin-top: 16px
    }

    .tp1-mt-phone-5n {
        margin-top: 20px
    }
}

.tp1-mb-1n {
    margin-bottom: 4px
}

.tp1-mb-2n {
    margin-bottom: 8px
}

.tp1-mb-3n {
    margin-bottom: 12px
}

.tp1-mb-4n {
    margin-bottom: 16px
}

.tp1-mb-5n {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mb-pad-1n {
        margin-bottom:4px
    }

    .tp1-mb-pad-2n {
        margin-bottom: 8px
    }

    .tp1-mb-pad-3n {
        margin-bottom: 12px
    }

    .tp1-mb-pad-4n {
        margin-bottom: 16px
    }

    .tp1-mb-pad-5n {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mb-phone-1n {
        margin-bottom:4px
    }

    .tp1-mb-phone-2n {
        margin-bottom: 8px
    }

    .tp1-mb-phone-3n {
        margin-bottom: 12px
    }

    .tp1-mb-phone-4n {
        margin-bottom: 16px
    }

    .tp1-mb-phone-5n {
        margin-bottom: 20px
    }
}

.tp1-ml-1n {
    margin-left: 4px
}

.tp1-ml-2n {
    margin-left: 8px
}

.tp1-ml-3n {
    margin-left: 12px
}

.tp1-ml-4n {
    margin-left: 16px
}

.tp1-ml-5n {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .tp1-ml-pad-1n {
        margin-left:4px
    }

    .tp1-ml-pad-2n {
        margin-left: 8px
    }

    .tp1-ml-pad-3n {
        margin-left: 12px
    }

    .tp1-ml-pad-4n {
        margin-left: 16px
    }

    .tp1-ml-pad-5n {
        margin-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-ml-phone-1n {
        margin-left:4px
    }

    .tp1-ml-phone-2n {
        margin-left: 8px
    }

    .tp1-ml-phone-3n {
        margin-left: 12px
    }

    .tp1-ml-phone-4n {
        margin-left: 16px
    }

    .tp1-ml-phone-5n {
        margin-left: 20px
    }
}

.tp1-mr-1n {
    margin-right: 4px
}

.tp1-mr-2n {
    margin-right: 8px
}

.tp1-mr-3n {
    margin-right: 12px
}

.tp1-mr-4n {
    margin-right: 16px
}

.tp1-mr-5n {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mr-pad-1n {
        margin-right:4px
    }

    .tp1-mr-pad-2n {
        margin-right: 8px
    }

    .tp1-mr-pad-3n {
        margin-right: 12px
    }

    .tp1-mr-pad-4n {
        margin-right: 16px
    }

    .tp1-mr-pad-5n {
        margin-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mr-phone-1n {
        margin-right:4px
    }

    .tp1-mr-phone-2n {
        margin-right: 8px
    }

    .tp1-mr-phone-3n {
        margin-right: 12px
    }

    .tp1-mr-phone-4n {
        margin-right: 16px
    }

    .tp1-mr-phone-5n {
        margin-right: 20px
    }
}

.tp1-pa-1n {
    padding: 4px
}

.tp1-pa-2n {
    padding: 8px
}

.tp1-pa-3n {
    padding: 12px
}

.tp1-pa-4n {
    padding: 16px
}

.tp1-pa-5n {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pa-pad-1n {
        padding:4px
    }

    .tp1-pa-pad-2n {
        padding: 8px
    }

    .tp1-pa-pad-3n {
        padding: 12px
    }

    .tp1-pa-pad-4n {
        padding: 16px
    }

    .tp1-pa-pad-5n {
        padding: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pa-phone-1n {
        padding:4px
    }

    .tp1-pa-phone-2n {
        padding: 8px
    }

    .tp1-pa-phone-3n {
        padding: 12px
    }

    .tp1-pa-phone-4n {
        padding: 16px
    }

    .tp1-pa-phone-5n {
        padding: 20px
    }
}

.tp1-pt-1n {
    padding-top: 4px
}

.tp1-pt-2n {
    padding-top: 8px
}

.tp1-pt-3n {
    padding-top: 12px
}

.tp1-pt-4n {
    padding-top: 16px
}

.tp1-pt-5n {
    padding-top: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pt-pad-1n {
        padding-top:4px
    }

    .tp1-pt-pad-2n {
        padding-top: 8px
    }

    .tp1-pt-pad-3n {
        padding-top: 12px
    }

    .tp1-pt-pad-4n {
        padding-top: 16px
    }

    .tp1-pt-pad-5n {
        padding-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pt-phone-1n {
        padding-top:4px
    }

    .tp1-pt-phone-2n {
        padding-top: 8px
    }

    .tp1-pt-phone-3n {
        padding-top: 12px
    }

    .tp1-pt-phone-4n {
        padding-top: 16px
    }

    .tp1-pt-phone-5n {
        padding-top: 20px
    }
}

.tp1-pb-1n {
    padding-bottom: 4px
}

.tp1-pb-2n {
    padding-bottom: 8px
}

.tp1-pb-3n {
    padding-bottom: 12px
}

.tp1-pb-4n {
    padding-bottom: 16px
}

.tp1-pb-5n {
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pb-pad-1n {
        padding-bottom:4px
    }

    .tp1-pb-pad-2n {
        padding-bottom: 8px
    }

    .tp1-pb-pad-3n {
        padding-bottom: 12px
    }

    .tp1-pb-pad-4n {
        padding-bottom: 16px
    }

    .tp1-pb-pad-5n {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pb-phone-1n {
        padding-bottom:4px
    }

    .tp1-pb-phone-2n {
        padding-bottom: 8px
    }

    .tp1-pb-phone-3n {
        padding-bottom: 12px
    }

    .tp1-pb-phone-4n {
        padding-bottom: 16px
    }

    .tp1-pb-phone-5n {
        padding-bottom: 20px
    }
}

.tp1-pl-1n {
    padding-left: 4px
}

.tp1-pl-2n {
    padding-left: 8px
}

.tp1-pl-3n {
    padding-left: 12px
}

.tp1-pl-4n {
    padding-left: 16px
}

.tp1-pl-5n {
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pl-pad-1n {
        padding-left:4px
    }

    .tp1-pl-pad-2n {
        padding-left: 8px
    }

    .tp1-pl-pad-3n {
        padding-left: 12px
    }

    .tp1-pl-pad-4n {
        padding-left: 16px
    }

    .tp1-pl-pad-5n {
        padding-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pl-phone-1n {
        padding-left:4px
    }

    .tp1-pl-phone-2n {
        padding-left: 8px
    }

    .tp1-pl-phone-3n {
        padding-left: 12px
    }

    .tp1-pl-phone-4n {
        padding-left: 16px
    }

    .tp1-pl-phone-5n {
        padding-left: 20px
    }
}

.tp1-pr-1n {
    padding-right: 4px
}

.tp1-pr-2n {
    padding-right: 8px
}

.tp1-pr-3n {
    padding-right: 12px
}

.tp1-pr-4n {
    padding-right: 16px
}

.tp1-pr-5n {
    padding-right: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pr-pad-1n {
        padding-right:4px
    }

    .tp1-pr-pad-2n {
        padding-right: 8px
    }

    .tp1-pr-pad-3n {
        padding-right: 12px
    }

    .tp1-pr-pad-4n {
        padding-right: 16px
    }

    .tp1-pr-pad-5n {
        padding-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pr-phone-1n {
        padding-right:4px
    }

    .tp1-pr-phone-2n {
        padding-right: 8px
    }

    .tp1-pr-phone-3n {
        padding-right: 12px
    }

    .tp1-pr-phone-4n {
        padding-right: 16px
    }

    .tp1-pr-phone-5n {
        padding-right: 20px
    }
}

.tp1-dis-block {
    display: block!important
}

.tp1-dis-inline-block {
    display: inline-block!important
}

.tp1-dis-none {
    display: none!important
}

@media screen and (max-width: 768px) {
    .tp1-dis-pad-block {
        display:block!important
    }

    .tp1-dis-pad-inline-block {
        display: inline-block!important
    }

    .tp1-dis-pad-none {
        display: none!important
    }
}

@media screen and (max-width: 600px) {
    .tp1-dis-phone-block {
        display:block!important
    }

    .tp1-dis-phone-inline-block {
        display: inline-block!important
    }

    .tp1-dis-phone-none {
        display: none!important
    }
}

.tp1-loading {
    text-align: center
}

.tp1-loading__dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    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
}

.tp1-loading__dot:first-child {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp1-loading__dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.tp1-loading--white .tp1-loading__dot {
    background-color: #fff
}

.tp1-loading.size-s .tp1-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
    }
}

.tp1-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1
}

.tp1-icon--error-24,.tp1-icon--info-24,.tp1-icon--pending-24,.tp1-icon--success-24,.tp1-icon--warning-24 {
    font-size: 24px
}

.tp1-icon--loading-32 {
    font-size: 32px
}

.tp1-icon--loading,.tp1-icon--loading-32 {
    -webkit-animation: tp1-iconloading 2s linear infinite;
    animation: tp1-iconloading 2s linear infinite
}

.tp1-icon.size-auto {
    width: 100%;
    height: auto
}

@-webkit-keyframes tp1-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes tp1-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.tp1-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
}

.tp1-btn:active,.tp1-btn:hover {
    background-color: #0092ee;
    transition: all .3s ease-in-out
}

.tp1-btn.is-disabled {
    cursor: default
}

.tp1-btn.is-disabled,.tp1-btn.is-disabled:active,.tp1-btn.is-disabled:hover {
    color: #999;
    background-color: #ddd;
    border-color: #ddd
}

.tp1-btn--pay {
    background-color: #ff7200
}

.tp1-btn--pay:active,.tp1-btn--pay:hover {
    background-color: #f06c00
}

.tp1-btn--pay.is-loading:active,.tp1-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tp1-btn--pay .tp1-loading__dot {
    background-color: #fff
}

.tp1-btn--hole {
    color: #00a4ff;
    background-color: transparent;
    border-color: #00a4ff
}

.tp1-btn--hole:active,.tp1-btn--hole:hover {
    color: #00a4ff;
    background-color: rgba(0,164,255,.15)
}

.tp1-btn--hole.is-loading:active,.tp1-btn--hole.is-loading:hover,.tp1-btn--weak-hole {
    background-color: transparent
}

.tp1-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

.tp1-btn--weak-hole:active,.tp1-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tp1-btn--weak-hole.is-loading:active,.tp1-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp1-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.tp1-btn--white-hole:active,.tp1-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tp1-btn--white-hole.is-loading:active,.tp1-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp1-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #00a4ff;
    background-color: transparent;
    border: none
}

.tp1-btn--link:active,.tp1-btn--link:hover {
    color: #0092ee;
    background-color: transparent
}

.tp1-btn--link.is-disabled {
    background-color: transparent
}

.tp1-btn--link.is-disabled:active,.tp1-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp1-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    border: none
}

.tp1-btn--link-weak:active,.tp1-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tp1-btn--link-weak.is-disabled {
    background-color: transparent
}

.tp1-btn--link-weak.is-disabled:active,.tp1-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp1-btn--icon {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tp1-btn--icon,.tp1-btn .tp1-btn__icon {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp1-btn .tp1-btn__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tp1-btn .tp1-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tp1-btn .tp1-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tp1-btn .tp1-btn__icon svg {
    width: 1em;
    height: auto
}

.tp1-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tp1-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tp1-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tp1-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tp1-btn.size-xl,.tp1-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tp1-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tp1-btn--link-weak.size-auto,.tp1-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tp1-btn.size-auto-width {
    min-width: 0
}

.tp1-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tp1-btn--icon.size-full-width {
    display: -ms-flexbox;
    display: flex
}

.tp1-btn--link-weak[class*=" size-"],.tp1-btn--link-weak[class^=size-],.tp1-btn--link[class*=" size-"],.tp1-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tp1-btn.is-loading {
    cursor: default
}

.tp1-btn--primary.is-loading:active,.tp1-btn--primary.is-loading:hover {
    background-color: #00a4ff
}

.tp1-btn--primary .tp1-loading__dot {
    background-color: #fff
}

.tp1-btn__text {
    color: inherit
}

@media screen and (max-width: 600px) {
    .tp1-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tp1-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tp1-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tp1-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tp1-btn--link,.tp1-btn--link-weak,.tp1-btn--link-weak[class*=" m-size-"],.tp1-btn--link-weak[class^=m-size-],.tp1-btn--link[class*=" m-size-"],.tp1-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

.tpm1-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: #0052d9;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

@media screen and (min-width: 769px) {
    .tpm1-btn {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.tpm1-btn:active,.tpm1-btn:hover {
    background-color: #2670e8;
    box-shadow: none
}

.tpm1-btn.is-disabled {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #ecf2fe;
    cursor: default;
    box-shadow: none
}

.tpm1-btn.is-disabled:active,.tpm1-btn.is-disabled:hover {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #ecf2fe;
    box-shadow: inherit
}

.tpm1-btn--white {
    background-color: #fff;
    color: #43474d;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

@media screen and (min-width: 769px) {
    .tpm1-btn--white {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
    }
}

.tpm1-btn--white:active,.tpm1-btn--white:hover {
    border-color: #2670e8;
    background-color: #ecf2fe;
    box-shadow: none;
    color: #0052d9
}

.tpm1-btn--white.is-loading:active,.tpm1-btn--white.is-loading:hover {
    background-color: #fff;
    color: #43474d
}

.tpm1-btn--pay {
    background-color: #ff7200
}

.tpm1-btn--pay:active,.tpm1-btn--pay:hover {
    background-color: #f06c00
}

.tpm1-btn--pay.is-loading:active,.tpm1-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tpm1-btn--pay .tp1-loading__dot {
    background-color: #fff
}

.tpm1-btn--hole {
    color: #0052d9;
    background-color: transparent;
    border-color: #0052d9
}

@media screen and (min-width: 769px) {
    .tpm1-btn--hole {
        transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.tpm1-btn--hole:active,.tpm1-btn--hole:hover {
    color: #0052d9;
    background-color: rgba(0,82,217,.15)
}

.tpm1-btn--hole.is-loading:active,.tpm1-btn--hole.is-loading:hover,.tpm1-btn--weak-hole {
    background-color: transparent
}

.tpm1-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

@media screen and (min-width: 769px) {
    .tpm1-btn--weak-hole {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
    }
}

.tpm1-btn--weak-hole:active,.tpm1-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tpm1-btn--weak-hole.is-loading:active,.tpm1-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tpm1-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: hsla(0,0%,100%,.6);
    box-shadow: none
}

@media screen and (min-width: 769px) {
    .tpm1-btn--white-hole {
        transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
    }
}

.tpm1-btn--white-hole:active,.tpm1-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tpm1-btn--white-hole.is-loading:active,.tpm1-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tpm1-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #0052d9;
    background-color: transparent;
    box-shadow: none;
    border-width: 0
}

@media screen and (min-width: 769px) {
    .tpm1-btn--link {
        transition:color .3s ease-in-out
    }
}

.tpm1-btn--link:active,.tpm1-btn--link:hover {
    color: #0052d9;
    background-color: transparent
}

.tpm1-btn--link.is-disabled {
    background-color: transparent
}

.tpm1-btn--link.is-disabled:active,.tpm1-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tpm1-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    box-shadow: none;
    border-width: 0
}

@media screen and (min-width: 769px) {
    .tpm1-btn--link-weak {
        transition:color .3s ease-in-out
    }
}

.tpm1-btn--link-weak:active,.tpm1-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tpm1-btn--link-weak.is-disabled {
    background-color: transparent
}

.tpm1-btn--link-weak.is-disabled:active,.tpm1-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tpm1-btn--icon {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tpm1-btn--icon,.tpm1-btn .tpm1-btn__icon {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm1-btn .tpm1-btn__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tpm1-btn .tpm1-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tpm1-btn .tpm1-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tpm1-btn .tpm1-btn__icon svg {
    width: 1em;
    height: auto
}

.tpm1-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tpm1-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tpm1-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tpm1-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tpm1-btn.size-xl,.tpm1-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tpm1-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tpm1-btn--link-weak.size-auto,.tpm1-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tpm1-btn.size-auto-width {
    min-width: 0
}

.tpm1-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tpm1-btn--icon.size-full-width {
    display: -ms-flexbox;
    display: flex
}

.tpm1-btn--link-weak[class*=" size-"],.tpm1-btn--link-weak[class^=size-],.tpm1-btn--link[class*=" size-"],.tpm1-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tpm1-btn.is-loading {
    cursor: default
}

.tpm1-btn--primary.is-loading:active,.tpm1-btn--primary.is-loading:hover {
    background-color: #0052d9
}

.tpm1-btn--primary .tp1-loading__dot {
    background-color: #fff
}

.tpm1-btn__text {
    color: inherit
}

.tpm1-btn__group {
    margin-top: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.tpm1-btn__group-item,.tpm1-btn__group .tpm1-btn {
    display: block;
    margin-right: 20px
}

.tpm1-btn__group-item:last-child,.tpm1-btn__group .tpm1-btn:last-child {
    margin-right: 0
}

@media screen and (max-width: 600px) {
    .tpm1-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tpm1-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tpm1-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tpm1-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tpm1-btn--link,.tpm1-btn--link-weak,.tpm1-btn--link-weak[class*=" m-size-"],.tpm1-btn--link-weak[class^=m-size-],.tpm1-btn--link[class*=" m-size-"],.tpm1-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }

    .tpm1-btn__group {
        margin-top: 30px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .tpm1-btn__group-item,.tpm1-btn__group .tpm1-btn {
        width: 1px;
        -ms-flex: 1;
        flex: 1
    }
}

.tpm1-qrcode {
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.tpm1-qrcode__img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    padding: 6px;
    border-radius: 6px;
    border: 2px solid #fff;
    background-color: #fff
}

.tpm1-qrcode__img img {
    margin: 0;
    display: block;
    width: 100%;
    height: 100%
}

.tpm1-qrcode__text {
    margin-top: 8px
}

.tpm1-qrcode__list {
    display: -ms-flexbox;
    display: flex
}

.tpm1-qrcode__list .tpm1-qrcode {
    margin-right: 16px
}

.tpm1-qrcode__list .tpm1-qrcode:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .tpm1-qrcode__img {
        width:120px;
        height: 120px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-qrcode__list {
        -ms-flex-pack:center;
        justify-content: center
    }
}

.tpm1-3-action-panel {
    -webkit-font-smoothing: antialiased;
    padding-top: 58px
}

.tpm1-3-action-panel__wrap {
    padding: 0 10px;
    background-image: linear-gradient(90deg,#1e232c 50%,#0052d9 0);
    position: relative;
    z-index: 0
}

.tpm1-3-action-panel__inner {
    background-image: url(images/tpm1-action-panel3-bg-part1_2cc.png),url(images/tpm1-action-panel3-bg-part2_3d1.png),linear-gradient(90deg,#1e232c 45%,#0052d9 0);
    background-repeat: no-repeat;
    background-position: calc(45% + 483px) top,calc(45% + 110px) bottom,0 0;
    background-size: 220px auto,188px auto,auto;
    color: #fff;
    margin: 0 auto;
    max-width: 1180px;
    min-height: 160px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 20px 0
}

.tpm1-3-action-panel__inner:before {
    content: "";
    display: block;
    height: 600px;
    width: 300px;
    background-color: #1e232c;
    position: absolute;
    left: 45%;
    bottom: 0;
    margin-left: -300px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.tpm1-3-action-panel__hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm1-3-action-panel__hd:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    content: "";
    height: 32px;
    width: 32px;
    margin-right: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(images/tpm1-action-panel3-icon-tit_d92.svg)
}

.tpm1-3-action-panel__extra-title,.tpm1-3-action-panel__title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-3-action-panel__desc,.tpm1-3-action-panel__extra-desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.tpm1-3-action-panel__desc-inner,.tpm1-3-action-panel__extra-desc-inner {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.tpm1-3-action-panel__btns,.tpm1-3-action-panel__extra-btns {
    margin-top: 12px
}

.tpm1-3-action-panel__btn,.tpm1-3-action-panel__extra-btn {
    -webkit-font-smoothing: auto;
    min-width: 132px;
    box-shadow: none
}

.tpm1-3-action-panel__btn+.tpm1-3-action-panel__btn,.tpm1-3-action-panel__btn+.tpm1-3-action-panel__extra-btn,.tpm1-3-action-panel__extra-btn+.tpm1-3-action-panel__btn,.tpm1-3-action-panel__extra-btn+.tpm1-3-action-panel__extra-btn {
    margin-left: 16px
}

.tpm1-3-action-panel__extra-btn.tpm1-btn--white {
    color: #0052d9
}

.tpm1-3-action-panel__img {
    width: 200px;
    top: -61px;
    position: absolute;
    left: calc(50% + 140px);
    z-index: 1;
    height: 200px;
    background: url(images/tpm1-action-panel3-img-calendar_8c6.png);
    background-size: contain;
    background-repeat: no-repeat
}

.tpm1-3-action-panel__main {
    position: relative;
    z-index: 2;
    width: 40%;
    margin-right: 225px
}

.tpm1-3-action-panel__extra {
    position: relative;
    z-index: 2;
    width: 1px;
    -ms-flex: 1;
    flex: 1
}

.tpm1-3-action-panel.has-extra .tpm1-3-action-panel__img {
    left: calc(50% - 118px)
}

.tpm1-3-action-panel__qrcodes {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm1-3-action-panel .tpm1-qrcode {
    margin-right: 40px;
    width: 100px
}

.tpm1-3-action-panel .tpm1-qrcode__text {
    color: #fff
}

.tpm1-3-action-panel--code .tpm1-3-action-panel__main {
    margin-right: 290px
}

.tpm1-3-action-panel--code-text .tpm1-qrcode {
    margin-right: 20px
}

.tpm1-3-action-panel--code-text .tpm1-3-action-panel__extra-desc {
    display: block
}

.tpm1-3-action-panel--custom .tpm1-3-action-panel__hd:before {
    display: none;
    background: none
}

.tpm1-3-action-panel--custom .tpm1-3-action-panel__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    content: "";
    height: 32px;
    width: 32px;
    margin-right: 12px;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 768px) {
    .tpm1-3-action-panel {
        padding-top:0
    }

    .tpm1-3-action-panel__wrap {
        background: none;
        height: auto;
        padding: 0;
        background-image: radial-gradient(25% 245%,#242933 0,#242933 0);
        overflow: hidden
    }

    .tpm1-3-action-panel__wrap:after {
        display: none
    }

    .tpm1-3-action-panel__inner {
        padding: 0;
        background: none;
        text-align: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm1-3-action-panel__inner:before {
        display: none
    }

    .tpm1-3-action-panel__main {
        width: 100%;
        padding: 32px 20px;
        margin-right: 0
    }

    .tpm1-3-action-panel__extra {
        width: 100%;
        padding: 20px 20px 32px;
        background-color: #0052d9
    }

    .tpm1-3-action-panel__hd {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm1-3-action-panel__img {
        width: 170px;
        opacity: .2;
        top: 15px;
        left: auto;
        right: -65px;
        z-index: -1
    }

    .tpm1-3-action-panel__desc,.tpm1-3-action-panel__extra-desc {
        display: block
    }

    .tpm1-3-action-panel__desc-inner,.tpm1-3-action-panel__extra-desc-inner {
        display: inline-block;
        vertical-align: top;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-width: 100%;
        text-align: left
    }

    .tpm1-3-action-panel.has-extra .tpm1-3-action-panel__img {
        left: auto;
        right: -65px
    }

    .tpm1-3-action-panel__qrcodes {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 36px 20px 32px;
        background-color: #0052d9
    }

    .tpm1-3-action-panel .tpm1-qrcode {
        margin: 0 20px;
        width: 100px
    }

    .tpm1-3-action-panel .tpm1-qrcode__img {
        width: 100px;
        height: 100px
    }

    .tpm1-3-action-panel--code .tpm1-3-action-panel__main {
        margin-right: 0
    }

    .tpm1-3-action-panel--code-text .tpm1-3-action-panel__qrcodes {
        -ms-flex-order: 3;
        order: 3;
        padding-top: 0
    }
}

.tp1-link {
    color: #00a4ff;
    text-decoration: none;
    cursor: pointer
}

.tp1-link:hover {
    color: #0092ee;
    text-decoration: underline
}

.tp1-link--arrow,.tp1-link--weak-arrow,.tp1-link--white-arrow {
    font-size: 14px
}

.tp1-link--arrow:after,.tp1-link--weak-arrow:after,.tp1-link--white-arrow:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(images/link-arrow_727.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.tp1-link--arrow:hover,.tp1-link--weak-arrow:hover,.tp1-link--white-arrow:hover {
    text-decoration: none
}

.tp1-link--arrow:hover:after,.tp1-link--weak-arrow:hover:after,.tp1-link--white-arrow:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.tp1-link--arrow.tp1-link--disabled:after,.tp1-link--arrow.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:after,.tp1-link--white-arrow.tp1-link--disabled:after,.tp1-link--white-arrow.tp1-link--disabled:hover:after {
    background-image: url(images/link-arrow-disabled_5f5.svg)
}

.tp1-link--arrow.tp1-link--disabled:hover:after,.tp1-link--arrow.tp1-link--disabled:hover:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:hover:after,.tp1-link--white-arrow.tp1-link--disabled:hover:after,.tp1-link--white-arrow.tp1-link--disabled:hover:hover:after {
    -webkit-transform: none;
    transform: none
}

.tp1-link--arrow.size-s,.tp1-link--weak-arrow.size-s,.tp1-link--white-arrow.size-s {
    font-size: 12px
}

.tp1-link--arrow.size-s:after,.tp1-link--weak-arrow.size-s:after,.tp1-link--white-arrow.size-s:after {
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background-image: url(images/link-arrow-s_a15.svg)
}

.tp1-link--arrow.size-s.tp1-link--disabled:after,.tp1-link--arrow.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow.size-s.tp1-link--disabled:after,.tp1-link--white-arrow.size-s.tp1-link--disabled:hover:after {
    background-image: url(images/link-arrow-s-disabled_916.svg)
}

.tp1-link--arrow.size-l,.tp1-link--weak-arrow.size-l,.tp1-link--white-arrow.size-l {
    font-size: 16px
}

.tp1-link.size-s {
    font-size: 12px
}

.tp1-link.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow {
    color: #666
}

.tp1-link--weak-arrow:after {
    background-image: url(images/link-arrow-gray_5c0.svg)
}

.tp1-link--weak-arrow:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow:hover:after {
    background-image: url(images/link-arrow_727.svg)
}

.tp1-link--weak-arrow.size-s:after {
    background-image: url(images/link-arrow-s-gray_55c.svg)
}

.tp1-link--weak-arrow.size-s:hover:after {
    background-image: url(images/link-arrow-s_a15.svg)
}

.tp1-link--white-arrow {
    color: #fff
}

.tp1-link--white-arrow:after {
    background-image: url(images/link-arrow-white_9ef.svg)
}

.tp1-link--white-arrow:hover {
    color: #fff
}

.tp1-link--white-arrow:hover:after {
    background-image: url(images/link-arrow-white_9ef.svg)
}

.tp1-link--white-arrow.size-s:after,.tp1-link--white-arrow.size-s:hover:after {
    background-image: url(images/link-arrow-s-white_fbc.svg)
}

.tp1-link--arrow-left,.tp1-link--weak-arrow-left,.tp1-link--white-arrow-left {
    font-size: 14px
}

.tp1-link--arrow-left:before,.tp1-link--weak-arrow-left:before,.tp1-link--white-arrow-left:before {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(images/link-arrow-left_548.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.tp1-link--arrow-left:hover,.tp1-link--weak-arrow-left:hover,.tp1-link--white-arrow-left:hover {
    text-decoration: none
}

.tp1-link--arrow-left:hover:before,.tp1-link--weak-arrow-left:hover:before,.tp1-link--white-arrow-left:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.tp1-link--arrow-left.tp1-link--disabled:before,.tp1-link--arrow-left.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:before {
    background-image: url(images/link-arrow-left-disabled_7e9.svg)
}

.tp1-link--arrow-left.tp1-link--disabled:hover:before,.tp1-link--arrow-left.tp1-link--disabled:hover:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:hover:before {
    -webkit-transform: none;
    transform: none
}

.tp1-link--arrow-left.size-s,.tp1-link--weak-arrow-left.size-s,.tp1-link--white-arrow-left.size-s {
    font-size: 12px
}

.tp1-link--arrow-left.size-s:before,.tp1-link--weak-arrow-left.size-s:before,.tp1-link--white-arrow-left.size-s:before {
    width: 5px;
    height: 8px;
    background-image: url(images/link-arrow-left-s_eed.svg)
}

.tp1-link--arrow-left.size-s.tp1-link--disabled:before,.tp1-link--arrow-left.size-s.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.size-s.tp1-link--disabled:before,.tp1-link--weak-arrow-left.size-s.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.size-s.tp1-link--disabled:before,.tp1-link--white-arrow-left.size-s.tp1-link--disabled:hover:before {
    background-image: url(images/link-arrow-left-s-disabled_8e3.svg)
}

.tp1-link--arrow-left.size-l,.tp1-link--weak-arrow-left.size-l,.tp1-link--white-arrow-left.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-left {
    color: #666
}

.tp1-link--weak-arrow-left:before {
    background-image: url(images/link-arrow-left-gray_4b4.svg)
}

.tp1-link--weak-arrow-left:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-left:hover:before {
    background-image: url(images/link-arrow-left_548.svg)
}

.tp1-link--weak-arrow-left.size-s:before {
    background-image: url(images/link-arrow-left-s-gray_31a.svg)
}

.tp1-link--weak-arrow-left.size-s:hover:before {
    background-image: url(images/link-arrow-left-s_eed.svg)
}

.tp1-link--white-arrow-left {
    color: #fff
}

.tp1-link--white-arrow-left:before {
    background-image: url(images/link-arrow-left-white_aca.svg)
}

.tp1-link--white-arrow-left:hover {
    color: #fff
}

.tp1-link--white-arrow-left:hover:before {
    background-image: url(images/link-arrow-left-white_aca.svg)
}

.tp1-link--white-arrow-left.size-s:before,.tp1-link--white-arrow-left.size-s:hover:before {
    background-image: url(images/link-arrow-left-s-white_ca9.svg)
}

.tp1-link--arrow-top,.tp1-link--weak-arrow-top,.tp1-link--white-arrow-top {
    font-size: 14px
}

.tp1-link--arrow-top:after,.tp1-link--weak-arrow-top:after,.tp1-link--white-arrow-top:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(images/link-arrow-top_4f0.svg);
    content: ""
}

.tp1-link--arrow-top:hover,.tp1-link--weak-arrow-top:hover,.tp1-link--white-arrow-top:hover {
    text-decoration: none
}

.tp1-link--arrow-top.tp1-link--disabled:after,.tp1-link--arrow-top.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-top.tp1-link--disabled:after,.tp1-link--weak-arrow-top.tp1-link--disabled:hover:after,.tp1-link--white-arrow-top.tp1-link--disabled:after,.tp1-link--white-arrow-top.tp1-link--disabled:hover:after {
    background-image: url(images/link-arrow-top-disabled_7c6.svg)
}

.tp1-link--arrow-top.size-s,.tp1-link--weak-arrow-top.size-s,.tp1-link--white-arrow-top.size-s {
    font-size: 12px
}

.tp1-link--arrow-top.size-s:after,.tp1-link--weak-arrow-top.size-s:after,.tp1-link--white-arrow-top.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(images/link-arrow-top-s_a36.svg)
}

.tp1-link--arrow-top.size-s.tp1-link--disabled:after,.tp1-link--arrow-top.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-top.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow-top.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow-top.size-s.tp1-link--disabled:after,.tp1-link--white-arrow-top.size-s.tp1-link--disabled:hover:after {
    background-image: url(images/link-arrow-top-s-disabled_c3c.svg)
}

.tp1-link--arrow-top.size-l,.tp1-link--weak-arrow-top.size-l,.tp1-link--white-arrow-top.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-top {
    color: #666
}

.tp1-link--weak-arrow-top:after {
    background-image: url(images/link-arrow-top-gray_424.svg)
}

.tp1-link--weak-arrow-top:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-top:hover:after {
    background-image: url(images/link-arrow-top_4f0.svg)
}

.tp1-link--weak-arrow-top.size-s:after {
    background-image: url(images/link-arrow-top-s-gray_2b4.svg)
}

.tp1-link--weak-arrow-top.size-s:hover:after {
    background-image: url(images/link-arrow-top-s_a36.svg)
}

.tp1-link--white-arrow-top {
    color: #fff
}

.tp1-link--white-arrow-top:after {
    background-image: url(images/link-arrow-top-white_cd3.svg)
}

.tp1-link--white-arrow-top:hover {
    color: #fff
}

.tp1-link--white-arrow-top:hover:after {
    background-image: url(images/link-arrow-top-white_cd3.svg)
}

.tp1-link--white-arrow-top.size-s:after,.tp1-link--white-arrow-top.size-s:hover:after {
    background-image: url(images/link-arrow-top-s-white_e64.svg)
}

.tp1-link--arrow-bottom,.tp1-link--weak-arrow-bottom,.tp1-link--white-arrow-bottom {
    font-size: 14px
}

.tp1-link--arrow-bottom:after,.tp1-link--weak-arrow-bottom:after,.tp1-link--white-arrow-bottom:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(images/link-arrow-bottom_78e.svg);
    content: ""
}

.tp1-link--arrow-bottom:hover,.tp1-link--weak-arrow-bottom:hover,.tp1-link--white-arrow-bottom:hover {
    text-decoration: none
}

.tp1-link--arrow-bottom.tp1-link--disabled:after,.tp1-link--arrow-bottom.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-bottom.tp1-link--disabled:after,.tp1-link--weak-arrow-bottom.tp1-link--disabled:hover:after,.tp1-link--white-arrow-bottom.tp1-link--disabled:after,.tp1-link--white-arrow-bottom.tp1-link--disabled:hover:after {
    background-image: url(images/link-arrow-bottom-disabled_a30.svg)
}

.tp1-link--arrow-bottom.size-s,.tp1-link--weak-arrow-bottom.size-s,.tp1-link--white-arrow-bottom.size-s {
    font-size: 12px
}

.tp1-link--arrow-bottom.size-s:after,.tp1-link--weak-arrow-bottom.size-s:after,.tp1-link--white-arrow-bottom.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(images/link-arrow-bottom-s_ca5.svg)
}

.tp1-link--arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--arrow-bottom.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow-bottom.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--white-arrow-bottom.size-s.tp1-link--disabled:hover:after {
    background-image: url(images/link-arrow-bottom-s-disabled_76e.svg)
}

.tp1-link--arrow-bottom.size-l,.tp1-link--weak-arrow-bottom.size-l,.tp1-link--white-arrow-bottom.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-bottom {
    color: #666
}

.tp1-link--weak-arrow-bottom:after {
    background-image: url(images/link-arrow-bottom-gray_7e3.svg)
}

.tp1-link--weak-arrow-bottom:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-bottom:hover:after {
    background-image: url(images/link-arrow-bottom_78e.svg)
}

.tp1-link--weak-arrow-bottom.size-s:after {
    background-image: url(images/link-arrow-bottom-s-gray_cea.svg)
}

.tp1-link--weak-arrow-bottom.size-s:hover:after {
    background-image: url(images/link-arrow-bottom-s_ca5.svg)
}

.tp1-link--white-arrow-bottom {
    color: #fff
}

.tp1-link--white-arrow-bottom:after {
    background-image: url(images/link-arrow-bottom-white_c75.svg)
}

.tp1-link--white-arrow-bottom:hover {
    color: #fff
}

.tp1-link--white-arrow-bottom:hover:after {
    background-image: url(images/link-arrow-bottom-white_c75.svg)
}

.tp1-link--white-arrow-bottom.size-s:after,.tp1-link--white-arrow-bottom.size-s:hover:after {
    background-image: url(images/link-arrow-bottom-s-white_cc7.svg)
}

.tp1-link--disabled,.tp1-link--disabled:hover {
    color: #999;
    cursor: default;
    pointer-events: none
}

.tp1-link--underline-primary {
    position: relative
}

.tp1-link--underline-primary:hover {
    text-decoration: none
}

.tp1-link--underline-primary:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #00a4ff;
    content: ""
}

.tp1-link--underline {
    position: relative;
    color: #333
}

.tp1-link--underline:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #333;
    content: ""
}

.tp1-link--underline:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline:hover:after {
    border-bottom-color: #00a4ff
}

.tp1-link--underline-weak {
    position: relative;
    color: #666
}

.tp1-link--underline-weak:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #666;
    content: ""
}

.tp1-link--underline-weak:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline-weak:hover:after {
    border-bottom-color: #00a4ff
}

.tp1-link--underline-weaker {
    position: relative;
    color: #999
}

.tp1-link--underline-weaker:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #999;
    content: ""
}

.tp1-link--underline-weaker:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline-weaker:hover:after {
    border-bottom-color: #00a4ff
}

.tpm1-link.tp1-link {
    color: #0052d9
}

.tpm1-link.tp1-link--arrow:after {
    background-image: url(images/tpm-link-arrow_d42.svg)
}

.tpm1-link.tp1-link--white-arrow {
    color: #fff
}

.tpm1-link.tp1-link--arrow-left:before {
    background-image: url(images/tpm-link-arrow-left_2bf.svg)
}

.tpm1-link.tp1-link--arrow-top:after {
    background-image: url(images/tpm-link-arrow-top_458.svg)
}

.tpm1-link.tp1-link--arrow-bottom:after {
    background-image: url(images/tpm-link-arrow-bottom_49b.svg)
}

.tpm1-link.size-s.tp1-link--arrow:after {
    background-image: url(images/tpm-link-arrow-s_896.svg)
}

.tpm1-link.size-s.tp1-link--arrow-left:before {
    background-image: url(images/tpm-link-arrow-left-s_116.svg)
}

.tpm1-link.size-s.tp1-link--arrow-top:after {
    background-image: url(images/tpm-link-arrow-top-s_0b7.svg)
}

.tpm1-link.size-s.tp1-link--arrow-bottom:after {
    background-image: url(images/tpm-link-arrow-bottom-s_6a6.svg)
}

.tpm1-section {
    padding: 60px 20px
}

.tpm1-section.bg-gray {
    background-color: #f5f7fa
}

.tpm1-section.is-full {
    padding-left: 0;
    padding-right: 0
}

.tpm1-section.is-full .tpm1-section__inner {
    max-width: 100%
}

.tpm1-section.left .tpm1-section__hd {
    text-align: left
}

.tpm1-section__inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px
}

.tpm1-section__hd {
    margin-bottom: 32px;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.tpm1-section__title {
    font-weight: 500;
    font-size: 28px;
    color: #000;
    line-height: 48px
}

.tpm1-section__sub {
    margin-top: 12px
}

.tpm1-section__desc {
    font-size: 14px;
    color: #3d485d;
    line-height: 20px
}

.tpm1-section__links {
    margin-left: 12px
}

.tpm1-section__links .tp1-link {
    margin-right: 12px
}

.tpm1-section__links .tp1-link:last-child {
    margin-right: 0
}

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

    .tpm-view-l .tpm1-section.is-full {
        padding-left: 0;
        padding-right: 0
    }

    .tpm-view-l .tpm1-section__inner {
        max-width: 1420px
    }

    .tpm-view-l .tpm1-section__hd {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-section {
        position:relative;
        padding: 0
    }

    .tpm1-section__inner {
        padding: 32px 16px
    }

    .tpm1-section__hd {
        margin-bottom: 20px
    }

    .tpm1-section__title {
        font-size: 20px;
        color: #000;
        line-height: 28px
    }

    .tpm1-section__sub {
        margin-top: 4px
    }

    .tpm1-section__links {
        display: block;
        margin-top: 12px;
        margin-left: 0
    }

    .tpm1-section__links .tp1-link {
        margin-right: 20px
    }

    .tpm1-section .tpm1-collapse {
        margin: 0 -16px -32px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-section__inner {
        padding:32px 16px
    }

    .tpm1-section__desc {
        display: none
    }

    .tpm1-section .tpm1-collapse {
        margin: 0 -16px -32px
    }
}

.tpm1-logo-card {
    box-sizing: border-box;
    width: 200px;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    padding: 20px
}

@media screen and (min-width: 769px) {
    .tpm1-logo-card {
        transition:box-shadow .3s ease-in-out
    }
}

.tpm1-logo-card img {
    display: block;
    max-width: 100%;
    max-height: 40px;
    max-width: min(160px,100%)
}

.tpm1-logo-card__img-wrap {
    width: 100%;
    max-width: 160px
}

.tpm1-logo-card__img {
    padding-top: 25%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0!important;
    line-height: 0!important
}

.tpm1-logo-card[href]:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
}

.tpm1-logo-card__wrap {
    padding-bottom: 28px;
    margin-bottom: -40px
}

.tpm1-logo-card__tit {
    font-size: 12px;
    color: #495770;
    text-align: center;
    line-height: 20px;
    margin-top: 4px
}

.tpm1-logo-card__list {
    padding: 0 6px
}

.tpm1-logo-card__list>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 12px
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card__wrap-inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
    text-align: center;
    padding: 0
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list>li {
    width: 20%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card {
    width: 100%
}

.tpm1-logo-card__wrap--fixcol.align-left .tpm1-logo-card__list {
    text-align: left
}

.tpm1-logo-card__wrap--fixcol.align-right .tpm1-logo-card__list {
    text-align: right
}

.tpm1-logo-card__wrap--col3 .tpm1-logo-card__list>li {
    width: 33.333%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col4 .tpm1-logo-card__list>li {
    width: 25%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col5 .tpm1-logo-card__list>li {
    width: 20%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col6 .tpm1-logo-card__list>li {
    width: 16.666666666%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col7 .tpm1-logo-card__list>li {
    width: 14.2857142857%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col8 .tpm1-logo-card__list>li {
    width: 12.5%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--multi {
    overflow: hidden
}

.tpm1-logo-card__wrap--multi .tpm1-logo-card__wrap-inner {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block
}

.tpm1-logo-card__wrap--loop .tpm1-logo-card__list,.tpm1-logo-card__wrap--multi .tpm1-logo-card__list {
    white-space: nowrap
}

.tpm1-logo-card__wrap.align-center {
    text-align: center
}

.tpm1-logo-card__wrap.align-right {
    text-align: right
}

.tpm1-logo-card__wrap.align-left {
    text-align: left
}

@media screen and (max-width: 1200px) {
    .tpm1-logo-card {
        padding:12px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-logo-card {
        width:104px;
        padding: 12px 4px;
        border-radius: 4px
    }

    .tpm1-logo-card__wrap {
        padding: 0 16px 20px;
        margin-bottom: -28px
    }

    .tpm1-logo-card__list {
        padding: 0;
        margin: 0 -4px
    }

    .tpm1-logo-card__list>li {
        padding: 0 4px 8px
    }

    .tpm1-logo-card__tit {
        display: none
    }

    .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
        margin: 0 -4px;
        padding: 0
    }

    .tpm1-logo-card__wrap--multi {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .tpm1-logo-card__wrap--multi .tpm1-logo-card__wrap-inner {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 600px) {
    .tpm1-logo-card__wrap {
        padding:0 16px 20px
    }

    .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
        text-align: center;
        padding: 0
    }

    .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list>li {
        width: 33.33%;
        box-sizing: border-box
    }

    .tpm1-logo-card__wrap--col3 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col4 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col5 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col6 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col7 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col8 .tpm1-logo-card__list>li {
        width: 33.333%;
        box-sizing: border-box
    }
}

.tpm1-case-card {
    display: block;
    box-sizing: border-box;
    height: 210px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    white-space: normal;
    position: relative
}

.tpm1-case-card__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
    background: url(images/bg_6e5.jpg) 0 100% no-repeat;
    background-size: auto 100%;
    opacity: 0
}

@media screen and (min-width: 769px) {
    .tpm1-case-card__bg {
        transition:opacity .3s ease-in-out
    }
}

.tpm1-case-card__inner {
    position: relative;
    z-index: 1;
    padding: 53px 32px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm1-case-card__object {
    width: 40px;
    margin-right: 20px
}

.tpm1-case-card__logo {
    display: block;
    width: 100%;
    border-radius: 4px
}

.tpm1-case-card__main {
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    position: relative;
    z-index: 1
}

.tpm1-case-card__main:before {
    content: "";
    position: absolute;
    left: -12px;
    top: -27px;
    z-index: -1;
    width: 57px;
    height: 46px;
    background-image: url(images/quote_e79.svg)
}

.tpm1-case-card__desc {
    font-size: 16px;
    color: #293957;
    text-align: justify;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 112px
}

.tpm1-case-card__name {
    margin-top: 24px;
    font-size: 16px;
    color: #293957;
    text-align: right;
    line-height: 28px
}

.tpm1-case-card__title {
    font-size: 16px;
    color: #000;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: 500
}

.tpm1-case-card__list {
    -webkit-font-smoothing: antialiased
}

.tpm1-case-card__list .swiper-container {
    margin: 0 -24px;
    padding: 0 12px 20px
}

.tpm1-case-card__list .swiper-slide {
    height: auto;
    padding: 0 12px;
    box-sizing: border-box;
    transition: opacity .3s linear
}

.tpm1-case-card__list .is-hide,.tpm1-case-card__list .swiper-slide-prev {
    opacity: 0;
    transition: opacity .3s linear
}

.tpm1-case-card--vertical {
    height: 238px
}

.tpm1-case-card--vertical .tpm1-case-card__inner {
    padding: 32px 32px 0;
    display: block
}

.tpm1-case-card--vertical .tpm1-case-card__object {
    margin-right: 0;
    margin-bottom: 12px;
    width: auto;
    height: 40px
}

.tpm1-case-card--vertical .tpm1-case-card__logo {
    height: 100%;
    width: auto
}

.tpm1-case-card--vertical .tpm1-case-card__main {
    -ms-flex: unset;
    flex: unset;
    width: auto
}

.tpm1-case-card--vertical .tpm1-case-card__main:before {
    display: none
}

a.tpm1-case-card:hover .tpm1-case-card__bg {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .tpm1-case-card {
        width:280px;
        height: 300px;
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
        border-radius: 4px
    }

    .tpm1-case-card__bg {
        border-radius: 4px;
        opacity: 1;
        background-size: 100% auto;
        background-image: url(images/bg-mobile_2b1.jpg)
    }

    .tpm1-case-card__inner {
        padding: 36px 20px;
        display: block;
        box-sizing: border-box
    }

    .tpm1-case-card__object {
        position: absolute;
        left: 20px;
        bottom: 30px
    }

    .tpm1-case-card__main {
        width: auto
    }

    .tpm1-case-card__main:before {
        left: 0;
        top: -16px
    }

    .tpm1-case-card__desc {
        font-size: 14px;
        line-height: 24px;
        -webkit-line-clamp: 7;
        max-height: 168px;
        min-height: 120px;
        margin-bottom: 52px
    }

    .tpm1-case-card__name {
        margin-top: 52px
    }

    .tpm1-case-card__list {
        width: 900px
    }

    .tpm1-case-card__list .swiper-container {
        margin: 0 -20px;
        padding: 0 10px 20px
    }

    .tpm1-case-card__list .swiper-slide {
        padding: 0 10px
    }

    .tpm1-case-card--vertical .tpm1-case-card__inner {
        padding: 36px 20px
    }

    .tpm1-case-card--vertical .tpm1-case-card__title {
        margin-bottom: 4px
    }

    .tpm1-case-card--vertical .tpm1-case-card__object {
        position: static
    }

    .tpm1-case-card--vertical .tpm1-case-card__main:before {
        display: none
    }
}

.tpm1-case,.tpm1-case__section {
    -webkit-font-smoothing: antialiased
}

.tpm1-case__section {
    padding-left: 0;
    padding-right: 0
}

.tpm1-case__section .tpm1-section__inner {
    max-width: none
}

.tpm1-case__cases {
    margin: 0 auto;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 1340px
}

.tpm1-case__cases .tpm1-case-card {
    width: 100%
}

.tpm1-case__cases .tpm1-case-card__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 84px
}

.tpm1-case .tpm1-logo-card__wrap--fixcol {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width: 2300px) {
    .tpm1-case__cases .tpm1-case-card__list {
        left:0;
        margin: 0 auto
    }

    .tpm1-case__cases .tpm1-swiper__btn--prev {
        margin-right: 20px;
        display: block
    }

    .tpm1-case__cases .tpm1-swiper__btn--next {
        right: auto;
        left: 100%;
        margin-left: 20px
    }

    .tpm1-case__cases .tpm1-swiper__btn--next:after {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin-left: -1px
    }
}

@media screen and (min-width: 1601px) {
    .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__list {
        height:92px;
        overflow: hidden;
        white-space: normal;
        text-align: center
    }
}

@media screen and (min-width: 769px) and (max-width:1600px) {
    .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__wrap-inner {
        max-width:1204px;
        display: block
    }

    .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__list>li {
        width: 20%;
        box-sizing: border-box
    }

    .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__list>li:nth-child(n+6) {
        display: none
    }

    .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card {
        width: auto
    }
}

@media screen and (min-width: 1440px) and (max-width:1600px) {
    .tpm-view-l .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__wrap-inner {
        max-width:1432px
    }

    .tpm-view-l .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__list>li {
        width: 16.666%
    }

    .tpm-view-l .tpm1-case .tpm1-logo-card__wrap--multi .tpm1-logo-card__list>li:nth-child(6) {
        display: inline-block
    }
}

@media screen and (min-width: 1440px) {
    .tpm-view-l .tpm1-case__section {
        padding-left:0;
        padding-right: 0
    }

    .tpm-view-l .tpm1-case.tpm1-section .tpm1-section__inner {
        max-width: none
    }

    .tpm-view-l .tpm1-case__cases {
        max-width: 1580px
    }
}

@media screen and (max-width: 1360px) {
    .tpm1-case__cases {
        max-width:none;
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-case__section .tpm1-section__bd {
        margin-left:-16px;
        margin-right: -16px
    }

    .tpm1-case__cases {
        padding-left: 16px;
        padding-right: 0;
        overflow: hidden
    }

    .tpm1-case__cases .tpm1-case-card {
        width: 280px
    }

    .tpm1-case__cases .tpm1-case-card__desc {
        -webkit-line-clamp: 7;
        max-height: 168px
    }

    .tpm1-case__cases .tpm1-case-card__list {
        left: 0;
        width: 900px
    }

    .tpm1-case__cases .tpm1-swiper__btn {
        display: none
    }

    .tpm1-case .tpm1-logo-card__wrap--fixcol {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-case__section .tpm1-section__bd {
        margin-left:-16px;
        margin-right: -16px
    }

    .tpm1-case__cases {
        padding-left: 16px
    }

    .tpm1-case .tpm1-logo-card__wrap--fixcol {
        padding-left: 16px;
        padding-right: 16px
    }
}

.tpm1-video-player {
    -webkit-font-smoothing: antialiased;
    padding: 24px 16px 32px
}

.tpm1-video-player__panel {
    width: 100%;
    padding-top: 24%;
    position: relative;
    height: 0
}

.tpm1-video-player__card {
    display: block;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    font-size: 0;
    height: 100%;
    overflow: hidden;
    transition: all .2s linear;
    box-shadow: 0 2px 4px rgba(3,27,78,.06);
    background-position: 50%;
    background-size: cover
}

.tpm1-video-player__card:hover {
    box-shadow: 0 4px 8px rgba(3,27,78,.12)
}

.tpm1-video-player__card:hover .tpm1-video-player__btn--play:before {
    -webkit-animation: wave-animate 3s linear infinite;
    animation: wave-animate 3s linear infinite
}

.tpm1-video-player__card:hover .tpm1-video-player__btn--play:after {
    opacity: 0;
    -webkit-animation: wave-animate 3s linear 1.5s infinite;
    animation: wave-animate 3s linear 1.5s infinite
}

.tpm1-video-player__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

.tpm1-video-player__btn--play {
    display: inline-block;
    height: 40px;
    width: 40px;
    background-image: url(images/icon-play_7a9.svg);
    background-size: cover;
    margin-bottom: 14px
}

.tpm1-video-player__btn--play:after,.tpm1-video-player__btn--play:before {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    border-radius: 50%;
    opacity: 0
}

.tpm1-video-player__content {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(26,31,42,.55)
}

.tpm1-video-player__title {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 500
}

.tpm1-video-player__time {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 12px;
    right: 16px
}

@media screen and (max-width: 768px) {
    .tpm1-video-player+.tpm1-section:before {
        display:block;
        content: "";
        height: 16px;
        background: #f3f5f8;
        box-shadow: inset 0 -2px 5px 0 #c6ccd7;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }
}

@media screen and (max-width: 600px) {
    .tpm1-video-player {
        padding:24px 16px 32px
    }

    .tpm1-video-player__panel {
        padding-top: 37.5%
    }
}

.tpm1-prod-hero__activity {
    padding: 0 10px;
    -webkit-font-smoothing: antialiased;
    margin-top: -30px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity.is-justfy .tpm1-prod-hero__activity__activity-list {
        padding:20px 10px
    }

    .tpm1-prod-hero__activity.is-justfy .tpm1-prod-hero__activity__activity-item {
        max-width: 100%;
        -ms-flex: 1;
        flex: 1;
        width: 1px;
        padding: 0 10px
    }

    .tpm1-prod-hero__activity.is-justfy .tpm1-prod-hero__activity__activity-text {
        max-width: none
    }
}

.tpm1-prod-hero__activity-inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

.tpm1-prod-hero__activity-list {
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tpm1-prod-hero__activity-item {
    -ms-flex: 1;
    flex: 1
}

.tpm1-prod-hero__activity-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.tpm1-prod-hero__activity-tag {
    display: block;
    margin-right: 12px;
    box-sizing: border-box;
    height: 20px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    padding: 0 6px;
    font-size: 12px;
    color: #0052d9;
    line-height: 18px;
    white-space: nowrap
}

.tpm1-prod-hero__activity-tag--promotion {
    color: #f64041;
    border-color: #f64041
}

.tpm1-prod-hero__activity-text {
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    max-width: 294px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    color: #4b5b76;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity-text {
        transition:color .3s ease-in-out
    }
}

.tpm1-prod-hero__activity-text-inner {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero__activity-text:after {
    content: "";
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    background-image: url(images/icon-arrow_103.svg)
}

.tpm1-prod-hero__activity-text:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    background-image: url(images/icon-arrow-hover_d42.svg)
}

.tpm1-prod-hero__activity-text:hover {
    color: #0052d9
}

.tpm1-prod-hero__activity__card {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

.tpm1-prod-hero__activity__card-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    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
}

.tpm1-prod-hero__activity__card-inner {
    position: relative;
    z-index: 1;
    height: 100%
}

.tpm1-prod-hero__activity__card-list {
    overflow: hidden;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 4px 8px 20px rgba(55,99,170,.1);
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex
}

.tpm1-prod-hero__activity__card-list .tpm1-prod-hero__activity__card-item {
    overflow: hidden
}

.tpm1-prod-hero__activity__card-item {
    display: -ms-flexbox;
    display: flex;
    padding: 24px 0;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity__card-item {
        transition:background .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.tpm1-prod-hero__activity__card-item+.tpm1-prod-hero__activity__card-item>.tpm1-prod-hero__activity__card-link {
    border-left: 1px solid #e3e6eb
}

.tpm1-prod-hero__activity__card-item>.tpm1-prod-hero__activity__card-link {
    width: 100%;
    padding: 0 24px
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity__card-item>.tpm1-prod-hero__activity__card-link {
        transition:border-color .3s ease-in-out
    }
}

.tpm1-prod-hero__activity__card-item:hover {
    cursor: pointer;
    background: #fff;
    box-shadow: 4px 8px 20px rgba(55,99,170,.1),-8px -8px 20px rgba(55,99,170,.05)
}

.tpm1-prod-hero__activity__card-item:hover .tpm1-prod-hero__activity__card-text:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.tpm1-prod-hero__activity__card-item:hover .tpm1-prod-hero__activity__card-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.tpm1-prod-hero__activity__card-item:hover .tpm1-prod-hero__activity__card-title {
    color: #0052d9
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity__card-item:hover+.tpm1-prod-hero__activity__card-item>.tpm1-prod-hero__activity__card-link,.tpm1-prod-hero__activity__card-item:hover:not(:first-child)>.tpm1-prod-hero__activity__card-link {
        border-left:1px solid transparent
    }
}

.tpm1-prod-hero__activity__card-item+.tpm1-prod-hero__activity__card-list {
    margin-right: 12px;
    width: calc(100% - 314px)
}

.tpm1-prod-hero__activity__card-header {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center
}

.tpm1-prod-hero__activity__card-header .tpm1-prod-hero__activity-tag {
    margin-left: 4px;
    margin-right: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

.tpm1-prod-hero__activity__card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #131313;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity__card-title {
        transition:color .3s ease-in-out
    }
}

.tpm1-prod-hero__activity__card-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__activity__card-desc {
        height:calc(100% - 72px)
    }
}

.tpm1-prod-hero__activity__card .tpm1-prod-hero__activity__card-text {
    display: block;
    margin-top: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0052d9
}

.tpm1-prod-hero__activity__card .tpm1-prod-hero__activity__card-text:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    background-image: url(images/icon-arrow-hover_d42.svg)
}

.tpm1-prod-hero__activity__card-active {
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
    background: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 4px 8px 20px rgba(55,99,170,.1);
    border-radius: 4px
}

.tpm1-prod-hero__activity__card-active:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: hsla(0,0%,100%,.2);
    z-index: 1
}

.tpm1-prod-hero__activity__card-active:hover {
    background: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 4px 8px 20px rgba(55,99,170,.1)
}

.tpm1-prod-hero__activity__card-active:hover .tpm1-prod-hero__activity__card-link {
    border: 0
}

.tpm1-prod-hero__activity__card-active .tpm1-prod-hero__activity__card-link {
    position: relative;
    box-sizing: border-box;
    padding: 24px;
    display: block;
    width: 298px;
    overflow: hidden
}

.tpm1-prod-hero__activity__card-active .tp-link {
    padding: 0
}

.tpm1-prod-hero__activity__card-active:hover .tpm1-prod-hero__activity__card-title {
    color: #0052d9
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-list {
    padding: 24px 20px;
    width: 347px;
    background: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 4px 8px 20px rgba(55,99,170,.1);
    border-radius: 4px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-item {
    width: 100%;
    max-width: none;
    -ms-flex: none;
    flex: none;
    padding: 0;
    height: 33.33%;
    display: -ms-flexbox;
    display: flex
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-item:first-child {
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-item:last-child {
    -ms-flex-align: end;
    align-items: flex-end
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-item:nth-child(2) {
    -ms-flex-align: center;
    align-items: center
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-link {
    width: 100%;
    height: 24px
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-link:hover .tpm1-prod-hero__activity-text {
    color: #0052d9
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-link:hover .tpm1-prod-hero__activity-text:after {
    background-image: url(images/icon-arrow-hover_d42.svg);
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-text {
    width: calc(100% - 74px)
}

.tpm1-prod-hero__activity--with-activity .tpm1-prod-hero__activity__card {
    width: calc(100% - 359px)
}

.tpm1-activity__bubble .tp-bubble__inner {
    padding: 2px 8px;
    background: #fff;
    border: 1px solid #bcc4d0;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #5f7292;
    box-shadow: none
}

.tpm1-activity__bubble .tp-bubble__inner:after,.tpm1-activity__bubble .tp-bubble__inner:before {
    display: none
}

@media screen and (max-width: 1200px) {
    .tpm1-prod-hero__activity-text {
        padding-right:0
    }
}

@media screen and (max-width: 768px) {
    .tpm1-prod-hero__activity {
        padding:0;
        margin-top: -32px;
        overflow: hidden
    }

    .tpm1-prod-hero__activity.is-open {
        height: auto
    }

    .tpm1-prod-hero__activity.is-open .tpm1-prod-hero__activity-dropdown:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tpm1-prod-hero__activity-inner {
        padding: 8px 16px;
        background-color: #f3f5f8
    }

    .tpm1-prod-hero__activity-list {
        background-image: none;
        border-width: 0;
        box-shadow: none;
        border-radius: 0;
        padding: 0 8px 0 0
    }

    .tpm1-prod-hero__activity-item {
        -ms-flex: auto;
        flex: auto;
        width: 100%;
        max-width: 100%
    }

    .tpm1-prod-hero__activity-item+.tpm1-prod-hero__activity-item {
        margin-top: 8px
    }

    .tpm1-prod-hero__activity-link {
        font-size: 12px
    }

    .tpm1-prod-hero__activity-dropdown {
        font-size: 12px;
        color: #333;
        text-align: right;
        line-height: 24px
    }

    .tpm1-prod-hero__activity-dropdown:after {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        background-image: url(images/icon-dropdown_b52.svg);
        position: relative;
        top: 4px
    }

    .tpm1-prod-hero__activity-text {
        padding-right: 0;
        -ms-flex: 1;
        flex: 1;
        max-width: none;
        width: 1px
    }

    .tpm1-prod-hero__activity__card {
        overflow: visible;
        overflow-y: scroll;
        padding: 20px 16px
    }

    .tpm1-prod-hero__activity__card::-webkit-scrollbar,.tpm1-prod-hero__activity__card::-webkit-scrollbar-thumb {
        display: none
    }

    .tpm1-prod-hero__activity__card-list {
        padding: 0;
        background: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        overflow: visible
    }

    .tpm1-prod-hero__activity__card-item {
        padding: 0;
        background: linear-gradient(1turn,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 4px 8px 20px rgba(55,99,170,.1);
        border-radius: 4px;
        display: inline-block;
        -ms-flex: auto;
        flex: auto
    }

    .tpm1-prod-hero__activity__card-item>.tpm1-prod-hero__activity__card-link {
        box-sizing: border-box;
        display: block;
        width: 276px;
        padding: 24px;
        height: 100%
    }

    .tpm1-prod-hero__activity__card-item+.tpm1-prod-hero__activity__card-item {
        margin-left: 16px
    }

    .tpm1-prod-hero__activity__card-item+.tpm1-prod-hero__activity__card-item>.tpm1-prod-hero__activity__card-link {
        border-left: 0
    }

    .tpm1-prod-hero__activity__card-item+.tpm1-prod-hero__activity__card-list {
        width: auto;
        margin-right: 16px
    }

    .tpm1-prod-hero__activity__card .tpm1-prod-hero__activity__card-text {
        display: none
    }

    .tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-inner {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        background-color: transparent
    }

    .tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-list {
        padding: 16px;
        width: 100%;
        border: 0;
        box-shadow: none;
        background: #f5f7fa
    }

    .tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity-list .tpm1-prod-hero__activity__activity-item+.tpm1-prod-hero__activity__activity-item {
        margin-top: 8px
    }

    .tpm1-prod-hero__activity--with-card .tpm1-prod-hero__activity__card {
        padding-top: 0
    }

    .tpm1-prod-hero__activity--with-activity .tpm1-prod-hero__activity__card {
        width: 100%
    }
}

.tpm1-prod-hero {
    height: 480px;
    background-color: #f1f3f4;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px
}

.tpm1-prod-hero__bg {
    z-index: 1
}

.tpm1-prod-hero__bg,.tpm1-prod-hero__bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.tpm1-prod-hero__bg-wrap {
    overflow: hidden
}

.tpm1-prod-hero__bg-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: auto 715px;
    background-repeat: no-repeat;
    background-position: top
}

.tpm1-prod-hero__bg:after,.tpm1-prod-hero__bg:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 424px;
    pointer-events: none
}

.tpm1-prod-hero__bg:before {
    right: 50%;
    margin-right: 536px;
    background-image: linear-gradient(270deg,rgba(245,247,249,0) 0,#f1f3f4 50%)
}

.tpm1-prod-hero__bg:after {
    left: 50%;
    margin-left: 536px;
    background-image: linear-gradient(90deg,rgba(245,247,249,0) 0,#f1f3f4 50%)
}

.tpm1-prod-hero__ani-wrap {
    position: absolute;
    left: 50%;
    top: 0;
    width: 850px;
    height: 715px
}

.tpm1-prod-hero__ani {
    position: absolute;
    left: 260px;
    top: 130px;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.tpm1-prod-hero__inner {
    z-index: 2;
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-top: 62px;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm1-prod-hero__seo {
    position: fixed;
    left: 0;
    top: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.tpm1-prod-hero__content {
    color: #3d485d;
    margin-top: -6px
}

.tpm1-prod-hero--with-nav .tpm1-prod-hero__content {
    padding-top: 40px
}

.tpm1-prod-hero__list-item {
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    display: inline-block
}

.tpm1-prod-hero__list-item:after {
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 3px;
    background-color: rgba(155,166,183,.39);
    font-size: 0
}

.tpm1-prod-hero__list-item:first-child {
    padding-left: 0
}

.tpm1-prod-hero__list-item:last-child:after {
    display: none
}

.tpm1-prod-hero__list-item .tpm1-prod-hero__link {
    font-size: 14px;
    color: rgba(0,0,0,.66);
    line-height: 24px
}

.tpm1-prod-hero__list-item .tpm1-prod-hero__link:hover {
    color: #000;
    transition: color .2s linear
}

.tpm1-prod-hero__list-item.is-active .tpm1-prod-hero__link {
    font-size: 16px;
    line-height: 26px;
    border-bottom: 2px solid #0052d9;
    padding-bottom: 8px;
    color: #000;
    font-weight: 500
}

.tpm1-prod-hero__nav {
    display: -ms-flexbox;
    display: flex
}

.tpm1-prod-hero__list {
    margin-right: 18px
}

.tpm1-prod-hero__tag {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #0052d9;
    padding: 0 4px;
    height: 26px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    box-sizing: border-box;
    margin-right: 12px;
    position: relative;
    top: -1px
}

.tpm1-prod-hero__tag.blue-outline {
    color: #0052d9;
    border-color: #0052d9
}

.tpm1-prod-hero__tag.red-outline {
    color: #f64041;
    border-color: #f64041
}

.tpm1-prod-hero__event {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    padding: 0 28px 0 12px;
    background-image: linear-gradient(90deg,#f64041 1%,#f64041 74%,rgba(246,64,65,0) 99%);
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    margin-right: 20px
}

.tpm1-prod-hero__event .tpm1-link {
    margin-left: 5px
}

.tpm1-prod-hero__event .tpm1-link+.tpm1-link {
    margin-left: 10px
}

.tpm1-prod-hero__video-wrap {
    position: absolute;
    width: 50%;
    left: 50%;
    height: 500px
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card {
    width: 320px;
    height: 180px;
    top: 50%;
    left: 270px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    bottom: auto;
    pointer-events: all
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card video {
    opacity: 0
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-inner {
    overflow: visible;
    padding-top: 176px
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(images/first-img_71d.jpg);
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-img {
    width: 24px;
    height: 24px
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-title {
    display: inline;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-left: 8px
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-img,.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-title {
    margin-top: 64px
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-icon {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    left: auto;
    top: auto;
    bottom: 0;
    margin: 0 0 16px;
    right: 16px;
    z-index: 2
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-icon:after {
    width: 13px;
    height: 16px;
    background-image: url(images/icon-triangle_d3f.svg)
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    padding: 8px 0 8px 16px;
    line-height: 20px;
    color: #4b5b76;
    background: hsla(0,0%,100%,.5);
    -webkit-backdrop-filter: blur(16.4657px);
    backdrop-filter: blur(16.4657px)
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card-text {
        transition:color .3s ease-in-out
    }
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card:hover {
    cursor: pointer
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card:hover .tpm1-prod-hero__video-card-text {
    color: #0052d9
}

.tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card:hover .tpm1-prod-hero__video-card-icon {
    background: #266fe8
}

.tpm1-prod-hero__video-card {
    position: absolute;
    left: 10px;
    bottom: -128px;
    box-sizing: border-box;
    width: 314px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    padding: 6px;
    cursor: pointer;
    transition: all .3s linear
}

.tpm1-prod-hero__video-card-inner {
    padding-top: 49.66443%;
    border-radius: 4px;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden
}

.tpm1-prod-hero__video-card video {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5
}

.tpm1-prod-hero__video-card-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #0052d9
}

.tpm1-prod-hero__video-card-icon:after {
    content: "";
    display: block;
    margin-right: -2px;
    width: 8px;
    height: 10px;
    background-image: url(images/video-icon_3c5.svg)
}

.tpm1-prod-hero__video-card:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2)
}

.tpm1-prod-hero__slogan-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm1-prod-hero__slogan-img {
    width: 28px;
    height: 28px
}

.tpm1-prod-hero__slogan-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: rgba(0,0,0,.9)
}

.tpm1-prod-hero__slogan-img+.tpm1-prod-hero__slogan-title {
    margin-left: 12px
}

.tpm1-prod-hero__slogan .tpm1-prod-hero__video-btn {
    margin-left: 8px;
    padding-left: 4px
}

.tpm1-prod-hero__slogan-desc {
    margin-top: 32px;
    max-width: 700px;
    font-weight: 500;
    font-size: 40px;
    line-height: 52px;
    color: #181818;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 104px
}

.tpm1-prod-hero__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.tpm1-prod-hero__tit {
    font-size: 40px;
    line-height: 52px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero__desc {
    font-size: 16px;
    line-height: 28px;
    max-width: 700px
}

.tpm1-prod-hero__value-list {
    margin-top: 16px;
    max-width: 324px
}

.tpm1-prod-hero__value-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tpm1-prod-hero__value-item+.tpm1-prod-hero__value-item {
    margin-top: 4px
}

.tpm1-prod-hero__value-img {
    width: 16px;
    height: 16px
}

.tpm1-prod-hero__value-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4b5b76;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero__btn-group {
    margin-top: 40px
}

.tpm1-prod-hero__btn {
    background: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    color: #fff;
    min-width: 136px;
    height: 44px;
    font-size: 16px;
    line-height: 42px;
    font-style: normal;
    transition: all .3s ease-in-out
}

.tpm1-prod-hero__btn:hover {
    background: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.3)
}

.tpm1-prod-hero__btn--white {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    color: #000;
    transition: all .3s ease-in-out
}

.tpm1-prod-hero__btn--white:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.3),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    background: #fff
}

.tpm1-prod-hero__btn-icon {
    display: block;
    width: 16px;
    height: 16px
}

.tpm1-prod-hero__btn-icon.doc {
    background-image: url(images/icon-doc_588.svg)
}

.tpm1-prod-hero__btn-icon.calculator {
    background-image: url(images/icon-calc_3d1.svg)
}

.tpm1-prod-hero__btn .tp1-btn__icon {
    margin-right: 8px
}

.tpm1-prod-hero__btn.is-disabled {
    border-color: #98a3b7
}

.tpm1-prod-hero .tpm1-link+.tpm1-link,.tpm1-prod-hero__btn+.tpm1-link,.tpm1-prod-hero__btn+.tpm1-prod-hero__btn {
    margin-left: 16px
}

.tpm1-prod-hero__dropdown-wrap {
    margin-bottom: 11px
}

.tpm1-prod-hero__dropdown-wrap--family {
    margin-bottom: 0;
    margin-left: 20px
}

.tpm1-prod-hero__dropdown {
    position: relative;
    margin-right: 12px;
    display: inline-block;
    color: #495770
}

.tpm1-prod-hero__dropdown-hd {
    border: 2px solid #fff;
    padding: 3px 28px 3px 12px;
    font-size: 14px;
    line-height: 24px;
    height: 32px;
    min-width: 120px;
    box-sizing: border-box;
    cursor: pointer;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.2),inset -8px -8px 20px 0 #fff
}

.tpm1-prod-hero__dropdown-hd:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -2px;
    border-color: #a4aab3 transparent;
    border-style: solid;
    border-width: 5px 4px 0
}

.tpm1-prod-hero__dropdown-list {
    position: absolute;
    top: 36px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    padding: 12px;
    max-height: 144px;
    min-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    max-width: 244px
}

.tpm1-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar-thumb {
    background-color: #d7dae0;
    border-radius: 5px
}

.tpm1-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
}

.tpm1-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

.tpm1-prod-hero__dropdown-item {
    max-width: 100%;
    margin-bottom: 8px
}

.tpm1-prod-hero__dropdown-item.is-active .tpm1-prod-hero__dropdown-link,.tpm1-prod-hero__dropdown-item.is-active .tpm1-prod-hero__dropdown-parent,.tpm1-prod-hero__dropdown-item:hover .tpm1-prod-hero__dropdown-link,.tpm1-prod-hero__dropdown-item:hover .tpm1-prod-hero__dropdown-parent {
    color: #0052d9
}

.tpm1-prod-hero__dropdown-item.is-active .tpm1-prod-hero__dropdown-link:before,.tpm1-prod-hero__dropdown-item.is-active .tpm1-prod-hero__dropdown-parent:before,.tpm1-prod-hero__dropdown-item:hover .tpm1-prod-hero__dropdown-link:before,.tpm1-prod-hero__dropdown-item:hover .tpm1-prod-hero__dropdown-parent:before {
    background-color: #0052d9
}

.tpm1-prod-hero__dropdown-item:last-child {
    margin-bottom: 0
}

.tpm1-prod-hero__dropdown-item .tpm1-prod-hero__dropdown-link {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #495770;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer
}

.tpm1-prod-hero__dropdown-item .tpm1-prod-hero__dropdown-link:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #495770;
    margin-right: 4px;
    vertical-align: middle;
    margin-bottom: 2px
}

.tpm1-prod-hero__dropdown-item .tpm1-prod-hero__dropdown-parent {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero__poweredby {
    position: relative;
    vertical-align: top;
    height: 40px;
    min-width: 112px;
    margin-top: 24px;
    padding: 0 16px;
    border: 1px solid #6f84a5;
    border-top-color: transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: default
}

.tpm1-prod-hero__poweredby-title {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -14px;
    font-weight: 500;
    font-size: 12px;
    color: #6f84a5;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.tpm1-prod-hero__poweredby-title:before {
    content: "";
    margin-right: 7px;
    margin-bottom: 6px;
    width: 16px;
    height: 4px;
    box-sizing: border-box;
    border-color: #6f84a5;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-top-left-radius: 4px
}

.tpm1-prod-hero__poweredby-title:after {
    content: "";
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin-left: 7px;
    margin-bottom: 6px;
    height: 4px;
    box-sizing: border-box;
    border-color: #6f84a5;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-top-right-radius: 4px
}

.tpm1-prod-hero__poweredby img {
    display: block;
    height: 20px
}

.tpm1-prod-hero__poweredby-hover-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.tpm1-prod-hero__poweredby-item {
    position: relative;
    display: block;
    margin-right: 20px;
    cursor: default
}

.tpm1-prod-hero__poweredby-item[href] {
    cursor: pointer
}

.tpm1-prod-hero__poweredby-item[href]:hover img {
    opacity: 0;
    visibility: hidden
}

.tpm1-prod-hero__poweredby-item[href]:hover .tpm1-prod-hero__poweredby-hover-img {
    opacity: 1;
    visibility: visible
}

.tpm1-prod-hero__poweredby-item:last-child {
    margin-right: 0
}

.tpm1-prod-hero--with-entry .tpm1-prod-hero__inner {
    padding-bottom: 115px
}

.tpm1-prod-hero__entries-wrap {
    margin-top: -115px
}

.tpm1-prod-hero__entries-wrap .swiper-container {
    margin: 0 -20px;
    padding: 0 10px 20px
}

.tpm1-prod-hero__entries-wrap .swiper-slide {
    height: auto;
    padding: 0 10px;
    box-sizing: border-box;
    transition: opacity .3s linear
}

.tpm1-prod-hero__entries-wrap .tpm1-swiper__pages {
    margin-top: 14px
}

.tpm1-prod-hero__entries-wrap {
    position: relative;
    z-index: 2
}

.tpm1-prod-hero__entries-wrap .swiper-slide-next+.swiper-slide+.swiper-slide,.tpm1-prod-hero__entries-wrap .swiper-slide-prev {
    opacity: 0
}

.tpm1-prod-hero__entries-inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

.tpm1-prod-hero__entry {
    display: block;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    font-size: 0;
    box-sizing: border-box;
    padding: 6px 6px 14px;
    text-align: center
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__entry {
        transition:box-shadow .3s ease-in-out
    }
}

.tpm1-prod-hero__entry-img {
    width: 100%;
    height: 136px;
    background: #e8eeef;
    border-radius: 2px;
    border-width: 0;
    outline: none;
    margin-bottom: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tpm1-prod-hero__entry-title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__entry-title {
        transition:color .3s ease-in-out
    }
}

.tpm1-prod-hero__entry-desc {
    font-size: 14px;
    color: #98a3b7;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero__entry:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
}

.tpm1-prod-hero__entry:hover .tpm1-prod-hero__entry-title {
    color: #0052d9
}

.tpm1-prod-hero--with-activity .tpm1-prod-hero__inner {
    padding-bottom: 30px
}

.tpm1-prod-hero__notice {
    padding: 0 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-font-smoothing: antialiased;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    min-height: 120px
}

.tpm1-prod-hero__notice-inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

.tpm1-prod-hero__notice-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tpm1-prod-hero__notice-item {
    width: 33.333%
}

.tpm1-prod-hero__notice-link {
    padding: 24px 20px;
    display: block;
    text-align: center
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__notice-link:hover {
        background-color:#fff
    }

    .tpm1-prod-hero__notice-link:hover .tpm1-prod-hero__notice-tit {
        color: #0052d9
    }
}

.tpm1-prod-hero__notice-tit {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero__notice-desc {
    font-size: 14px;
    color: #98a3b7;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.tpm1-prod-hero__notice+.tpm1-prod-hero__activity {
    margin-top: 20px
}

.tpm1-prod-hero__video-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-font-smoothing: auto;
    transition: all .3s ease-in-out;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 38px;
    height: 44px;
    padding: 6px;
    color: #0052d9;
    margin-left: 22px
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero__video-btn {
        transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out
    }
}

.tpm1-prod-hero__video-btn:hover {
    box-shadow: 0 4px 8px 0 rgba(3,27,78,.4)
}

.tpm1-prod-hero__video-btn-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #0052d9;
    margin-right: 4px
}

.tpm1-prod-hero__video-btn-icon:after {
    content: "";
    display: block;
    margin-right: -2px;
    width: 8px;
    height: 10px;
    background-image: url(images/video-icon_3c5.svg)
}

.tpm1-prod-hero__video-btn-text {
    display: block
}

.tpm1-prod-hero--with-notice.tpm1-prod-hero--with-video+.tpm1-prod-hero__notice+.tpm1-prod-hero__activity {
    margin-top: 28px
}

.tpm1-prod-hero--with-notice.tpm1-prod-hero--with-video+.tpm1-prod-hero__notice .tpm1-prod-hero__notice-inner {
    padding-left: 340px
}

.tpm1-prod-hero--with-value .tpm1-prod-hero__desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__dropdown-wrap {
    margin-bottom: 16px
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__desc,.tpm1-prod-hero--with-slogan .tpm1-prod-hero__header {
    display: none
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-text {
    max-width: 112px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list {
    display: inline-block;
    max-width: none
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list .tpm1-prod-hero__value-item+.tpm1-prod-hero__value-item {
    position: relative;
    margin-left: 32px
}

.tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list .tpm1-prod-hero__value-item+.tpm1-prod-hero__value-item:before {
    content: "";
    width: 1px;
    height: 16px;
    left: -16.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #bcc4d0;
    position: absolute
}

.tpm1-prod-hero--with-video-bg .tpm1-prod-hero {
    background: #e7ebf3
}

.tpm1-prod-hero--with-video-bg .tpm1-prod-hero__bg-inner {
    background-size: auto 742px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/39f8da2a-b3cb-4018-b239-895fa9e20079.jpg)
}

.tpm1-prod-hero--with-video-bg .tpm1-prod-hero__inner+.tpm1-prod-hero__video-card {
    display: none
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__content {
    position: relative;
    z-index: 1
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__tag {
    font-weight: 400;
    line-height: 22px;
    color: #0253d9;
    padding: 0 8px;
    height: 24px;
    border: 1px solid #0253d9;
    margin-right: 8px;
    top: 0;
    background-color: #fff
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-wrap {
    margin-bottom: 16px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__event {
    height: 24px;
    line-height: 24px;
    font-weight: 400
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: relative
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group .tpm1-link[data-label] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group .tpm1-link[data-label]:hover {
    text-decoration: underline
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group--primary {
    margin-right: 16px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn {
    min-width: 152px;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn:focus,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn:hover {
    background: #266fe8;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1)
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn--white {
    box-shadow: 8px 8px 20px rgba(55,99,170,.1);
    color: #0052d9
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn--white:focus,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn--white:hover {
    box-shadow: 8px 8px 20px rgba(55,99,170,.1);
    background: #ecf2fe;
    border: 1px solid #0052d9
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn.is-disabled,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn.is-disabled:hover {
    color: #97a3b7;
    background: #ecf2fe;
    border: 1px solid #d6dbe3
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn+.tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn {
    margin-left: 12px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown {
    margin-right: 8px;
    color: #5f7292
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-hd {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #5f7292;
    line-height: 16px;
    font-weight: 400;
    height: 24px;
    min-width: 96px;
    box-shadow: none
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-hd:after {
    margin-top: -6.5px;
    width: 13px;
    height: 13px;
    border: 0;
    background-image: url(images/icon-dropdown_b52.svg)
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-list {
    top: 30px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    padding: 8px 23px 8px 8px;
    max-height: 136px;
    box-shadow: none
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar-thumb {
    background-color: #d6dbe3;
    border-radius: 5px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: transparent
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item {
    margin-bottom: 16px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item .tpm1-prod-hero__dropdown-link {
    line-height: 18px;
    color: #4a5b76
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item .tpm1-prod-hero__dropdown-link:before {
    content: none
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item .tpm1-prod-hero__dropdown-parent {
    font-weight: 500
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item:last-child {
    margin-bottom: 0
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item.is-active .tpm1-prod-hero__dropdown-link,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item.is-active .tpm1-prod-hero__dropdown-parent,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item:hover .tpm1-prod-hero__dropdown-link,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item:hover .tpm1-prod-hero__dropdown-parent {
    color: #0052d9
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__header {
    margin-bottom: 12px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-font-smoothing: auto;
    transition: all .3s ease-in-out;
    background-image: none;
    background-color: #fff;
    border: 1px solid #0052d9;
    border-radius: 38px;
    height: 32px;
    padding: 0 8px 0 4px;
    color: #0052d9;
    margin-left: 22px;
    box-shadow: none
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn:hover {
    background-color: #f5f7fa
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0052d9;
    margin-right: 6px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn-icon:after {
    content: "";
    display: block;
    margin-right: -2px;
    width: 8px;
    height: 10px;
    background-image: url(images/video-icon_3c5.svg)
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn-text {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #0052d9
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby {
    position: relative;
    padding: 0;
    vertical-align: top;
    height: 20px;
    min-width: 112px;
    margin-top: 12px;
    border: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: default
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-title {
    position: static;
    background: hsla(0,0%,100%,.5);
    border: 1px solid #0052d9;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #0052d9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 4px;
    margin-right: 8px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-title:after,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-title:before {
    content: none
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-item {
    position: relative;
    display: block;
    margin-right: 20px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

@media screen and (min-width: 769px) {
    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-text {
        transition:color .3s ease-in-out
    }
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby-item--text {
    margin-right: 14px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby .tpm1-prod-hero__poweredby-item--text+.tpm1-prod-hero__poweredby-item--text:before {
    content: "/";
    display: block;
    width: 6px;
    position: absolute;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    left: -10px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby .tpm1-prod-hero__poweredby-item[href] .tpm1-prod-hero__poweredby-text {
    text-decoration: underline
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby .tpm1-prod-hero__poweredby-item[href]:hover .tpm1-prod-hero__poweredby-text {
    color: #0052d9
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item.is-parent~.tpm1-prod-hero__dropdown-item>.tpm1-prod-hero__dropdown-link:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #4a5b76;
    margin-right: 4px;
    vertical-align: middle;
    margin-bottom: 2px
}

.tpm1-prod-hero-version-v2 .tpm1-prod-hero__dropdown-item.is-parent~.tpm1-prod-hero__dropdown-item:hover>.tpm1-prod-hero__dropdown-link:before {
    background-color: #0052d9
}

.tpm1-prod-hero__btn-bubble .tp-bubble__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(180deg,#f3f5f8,#fff);
    opacity: .98;
    border: 2px solid #fff;
    padding: 12px 12px 8px;
    border-radius: 4px;
    box-shadow: 4px 1px 20px rgba(55,99,170,.1)
}

.tpm1-prod-hero__btn-bubble .tpm1-prod-hero__bubble-img {
    width: 72px;
    height: 72px
}

.tpm1-prod-hero__btn-bubble .tpm1-prod-hero__bubble-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4a5b76;
    margin-top: 8px
}

.tpm1-prod-hero__btn-modal .tp-modal__inner {
    width: 220px!important;
    padding: 16px 0;
    border: 2px solid #fff;
    box-shadow: 0 6px 30px rgba(75,91,118,.05),0 16px 24px rgba(75,91,118,.04),0 8px 10px rgba(75,91,118,.08);
    border-radius: 4px;
    background: linear-gradient(1turn,#fff,#f3f5f8)
}

.tpm1-prod-hero__btn-modal .tp-modal__hd {
    padding: 0
}

.tpm1-prod-hero__btn-modal .tp-modal__close {
    bottom: -34px;
    margin-bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.tpm1-prod-hero__btn-modal-text {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #181818
}

.tpm1-prod-hero__btn-modal-img {
    display: block;
    margin: 16px auto 0;
    width: 128px;
    height: 128px
}

.tpm1-prod-hero__btn-modal-intro {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #4b5b76;
    margin-top: 16px
}

@media screen and (min-width: 1400px) {
    .tpm1-prod-hero {
        transition:margin .4s ease-out,max-width .4s ease-out
    }

    .tpm1-prod-hero--with-live {
        margin: -418px auto 0;
        max-width: 1400px;
        height: 418px
    }

    .tpm1-prod-hero--with-live .tpm1-prod-hero__bg:before {
        margin-right: 400px
    }

    .tpm1-prod-hero--with-live .tpm1-prod-hero__bg:after {
        margin-left: 400px
    }

    .tpm1-prod-hero--with-live .tpm1-prod-hero__inner {
        padding-top: 0
    }

    .tpm1-prod-hero--with-live+.tpm1-prod-hero__notice {
        margin: 0 auto;
        max-width: 1400px;
        border-top-width: 0
    }
}

@media screen and (min-width: 769px) and (max-width:1399px) {
    .tpm1-prod-hero--with-live {
        height:418px
    }

    .tpm1-prod-hero--with-live .tpm1-prod-hero__inner {
        padding-top: 0
    }
}

@media screen and (max-width: 1360px) {
    .tpm1-prod-hero__entries-wrap .tpm1-swiper__btn {
        display:none
    }
}

@media screen and (max-width: 1200px) {
    .tpm1-prod-hero__bg:before {
        margin-right:300px
    }

    .tpm1-prod-hero__header {
        padding-right: 460px
    }

    .tpm1-prod-hero__desc {
        max-width: none;
        padding-right: 460px
    }

    .tpm1-prod-hero__entries-wrap {
        overflow: hidden
    }

    .tpm1-prod-hero__video-card {
        width: 280px
    }

    .tpm1-prod-hero--with-notice.tpm1-prod-hero--with-video+.tpm1-prod-hero__notice .tpm1-prod-hero__notice-inner {
        padding-left: 290px
    }

    .tpm1-prod-hero__notice-link {
        padding: 24px 10px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-prod-hero {
        padding:0;
        height: 380px
    }

    .tpm1-prod-hero__bg {
        left: auto;
        right: -44px
    }

    .tpm1-prod-hero__bg-inner {
        background-size: auto 510px;
        background-position: right -120px top
    }

    .tpm1-prod-hero__bg:before {
        margin-right: 170px
    }

    .tpm1-prod-hero__ani-wrap {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(.71329);
        transform: scale(.71329);
        left: auto;
        right: 0;
        margin-right: -120px;
        margin-top: 0
    }

    .tpm1-prod-hero__inner {
        padding-left: 16px;
        padding-right: 16px
    }

    .tpm1-prod-hero__header {
        margin-bottom: 12px;
        padding-right: 320px
    }

    .tpm1-prod-hero__tit {
        font-size: 32px;
        line-height: 48px
    }

    .tpm1-prod-hero__desc {
        padding-right: 320px;
        font-size: 14px;
        line-height: 24px
    }

    .tpm1-prod-hero__entries-wrap {
        overflow: hidden
    }

    .tpm1-prod-hero__entries-wrap .tpm1-swiper {
        margin: 0 auto;
        width: 900px
    }

    .tpm1-prod-hero__entries-wrap .tpm1-swiper__pages {
        width: calc(100vw - 32px)
    }

    .tpm1-prod-hero__entries-inner {
        padding: 0 16px
    }

    .tpm1-prod-hero__notice {
        padding: 0;
        background: none;
        border-width: 0;
        margin-top: -26px;
        position: relative;
        z-index: 3
    }

    .tpm1-prod-hero__notice-inner {
        padding: 0;
        margin-bottom: -20px
    }

    .tpm1-prod-hero__notice-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 16px 20px
    }

    .tpm1-prod-hero__notice-item {
        width: auto;
        min-width: 0;
        -ms-flex: 1;
        flex: 1;
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        border-radius: 4px
    }

    .tpm1-prod-hero__notice-item+.tpm1-prod-hero__notice-item {
        margin-left: 12px
    }

    .tpm1-prod-hero__notice-link {
        padding: 24px 16px
    }

    .tpm1-prod-hero__notice-link:hover .tpm1-prod-hero__notice-tit {
        color: #000
    }

    .tpm1-prod-hero__poweredby {
        display: none
    }

    .tpm1-prod-hero--with-activity .tpm1-prod-hero__inner {
        padding-bottom: 0
    }

    .tpm1-prod-hero__video-card {
        display: none
    }

    .tpm1-prod-hero__video-wrap {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 500px
    }

    .tpm1-prod-hero__video-wrap .tpm1-prod-hero__video-card {
        display: block;
        top: 77px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        bottom: auto
    }

    .tpm1-prod-hero--with-notice.tpm1-prod-hero--with-video+.tpm1-prod-hero__notice+.tpm1-prod-hero__activity {
        margin-top: 20px
    }

    .tpm1-prod-hero--with-notice.tpm1-prod-hero--with-video+.tpm1-prod-hero__notice .tpm1-prod-hero__notice-inner {
        padding-left: 0
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__header {
        margin-bottom: 16px
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group--primary {
        margin-right: 0
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn {
        height: 34px;
        padding: 4px;
        margin-left: 8px
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn-icon {
        margin-right: 0
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__poweredby,.tpm1-prod-hero-version-v2 .tpm1-prod-hero__video-btn-text {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .tpm1-prod-hero {
        margin-top:-57px;
        height: auto;
        min-height: 390px;
        background: #e0e6e8;
        padding: 0
    }

    .tpm1-prod-hero__inner {
        padding: 0 16px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tpm1-prod-hero__content {
        margin-top: 0;
        padding-bottom: 24px;
        padding-top: 270px
    }

    .tpm1-prod-hero__bg {
        left: 0;
        right: auto
    }

    .tpm1-prod-hero__bg:before {
        width: 200px;
        margin-right: 184px
    }

    .tpm1-prod-hero__bg:after {
        width: 200px;
        margin-left: 184px
    }

    .tpm1-prod-hero__bg-inner {
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 586.48951px;
        height: 100%;
        background-size: auto 435px;
        background-position: 100% 0
    }

    .tpm1-prod-hero__ani-wrap {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(.60839);
        transform: scale(.60839);
        left: auto;
        right: 0;
        margin-right: 0;
        margin-top: 0
    }

    .tpm1-prod-hero__slogan-header {
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm1-prod-hero__slogan-img {
        width: 24px;
        height: 24px
    }

    .tpm1-prod-hero__slogan-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .tpm1-prod-hero__slogan .tpm1-prod-hero__video-btn {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 32px;
        height: 32px;
        padding: 0;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tpm1-prod-hero__slogan .tpm1-prod-hero__video-btn-icon {
        margin-right: 0
    }

    .tpm1-prod-hero__slogan .tpm1-prod-hero__video-btn-text {
        display: none
    }

    .tpm1-prod-hero__slogan-desc {
        margin-top: 24px;
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        max-height: 72px;
        text-align: center
    }

    .tpm1-prod-hero__header {
        padding-right: 0;
        margin-bottom: 4px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tpm1-prod-hero__tit {
        font-size: 24px;
        line-height: 32px;
        white-space: pre-wrap
    }

    .tpm1-prod-hero__desc,.tpm1-prod-hero__tit {
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .tpm1-prod-hero__desc {
        padding-right: 0;
        font-size: 14px;
        line-height: 24px;
        max-width: 100%
    }

    .tpm1-prod-hero__value-list {
        margin-top: 24px
    }

    .tpm1-prod-hero__value-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm1-prod-hero__btn-group {
        margin-top: 12px;
        text-align: center;
        display: -ms-flexbox;
        display: flex
    }

    .tpm1-prod-hero__btn {
        font-size: 14px;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        height: 36px;
        line-height: 34px;
        padding: 0
    }

    .tpm1-prod-hero__btn+.tpm1-prod-hero__btn {
        margin-left: 12px
    }

    .tpm1-prod-hero--with-entry .tpm1-prod-hero__inner {
        padding-bottom: 40px
    }

    .tpm1-prod-hero__entries-wrap {
        margin-top: -40px
    }

    .tpm1-prod-hero__entries-wrap .tpm1-swiper {
        margin: 0 auto;
        width: 804px
    }

    .tpm1-prod-hero__entries-wrap .tpm1-swiper__pages {
        width: calc(100vw - 32px)
    }

    .tpm1-prod-hero__entries-wrap .swiper-container {
        margin: 0 -12px;
        padding: 0 6px 20px
    }

    .tpm1-prod-hero__entries-wrap .swiper-slide {
        padding: 0 6px
    }

    .tpm1-prod-hero__entries-inner {
        max-width: 100%;
        padding: 0 16px;
        overflow: hidden
    }

    .tpm1-prod-hero__entry {
        padding: 8px 8px 12px;
        width: 100%
    }

    .tpm1-prod-hero__entry-img {
        height: 100px;
        margin-bottom: 12px
    }

    .tpm1-prod-hero__entry-title {
        margin-bottom: 4px
    }

    .tpm1-prod-hero__entry-desc,.tpm1-prod-hero__entry-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm1-prod-hero--with-drop .tpm1-prod-hero__content {
        padding-top: 270px
    }

    .tpm1-prod-hero__dropdown-wrap {
        display: none
    }

    .tpm1-prod-hero__btn-group {
        margin-right: 0
    }

    .tpm1-prod-hero--with-notice {
        min-height: 425px
    }

    .tpm1-prod-hero--with-notice .tpm1-prod-hero__inner {
        padding-bottom: 26px
    }

    .tpm1-prod-hero--with-notice .tpm1-prod-hero__bg-inner {
        top: 10px;
        width: 620.1958px;
        background-size: auto 460px
    }

    .tpm1-prod-hero__notice-list {
        padding: 0 16px 20px
    }

    .tpm1-prod-hero__notice-item {
        width: 256px;
        height: 124px;
        min-width: 256px
    }

    .tpm1-prod-hero__activity-inner {
        padding: 8px 16px
    }

    .tpm1-prod-hero--with-value .tpm1-prod-hero__desc {
        white-space: pre-wrap
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__desc {
        display: none
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list {
        max-width: 328px;
        margin: 16px auto 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list .tpm1-prod-hero__value-item+.tpm1-prod-hero__value-item {
        margin-left: 0
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list .tpm1-prod-hero__value-item+.tpm1-prod-hero__value-item:before {
        display: none
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-list .tpm1-prod-hero__value-item:nth-child(odd) {
        margin-right: 56px
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__value-item {
        margin-top: 8px;
        width: 136px
    }

    .tpm1-prod-hero--with-slogan .tpm1-prod-hero__btn-group {
        margin-top: 32px
    }

    .tpm1-prod-hero--with-video-bg {
        background: #e7ebf3
    }

    .tpm1-prod-hero--with-video-bg .tpm1-prod-hero__bg-inner {
        width: 768px;
        height: 1256px;
        top: 0;
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/aab34b05-ddc2-4dfb-9231-c740d9a79ff6.jpg);
        background-size: 100% 100%;
        background-position: 50%
    }

    .tpm1-prod-hero--with-video-bg .tpm1-prod-hero__content {
        padding-top: 270px
    }

    .tpm1-prod-hero--with-bg {
        background: #eaeef9
    }

    .tpm1-prod-hero--with-bg .tpm1-prod-hero__bg:after,.tpm1-prod-hero--with-bg .tpm1-prod-hero__bg:before {
        content: none
    }

    .tpm1-prod-hero--with-bg .tpm1-prod-hero__bg-inner {
        width: 2560px;
        height: 100%;
        -webkit-transform: translate(-66%,-30%);
        transform: translate(-66%,-30%)
    }

    .tpm1-prod-hero--with-bg .tpm1-prod-hero__bg-inner:after,.tpm1-prod-hero--with-bg .tpm1-prod-hero__bg-inner:before {
        content: none
    }

    .tpm1-prod-hero--with-bg .tpm1-prod-hero__video-wrap {
        left: 0
    }

    .tpm1-prod-hero--with-activity .tpm1-prod-hero__content {
        padding-bottom: 56px
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero {
        background: #dde2e5
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__content {
        padding-top: 290px
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group {
        margin-top: 24px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group--primary {
        width: 100%;
        display: -ms-flexbox;
        display: flex
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn-group--link {
        margin-left: 0;
        margin-top: 24px
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero__btn {
        height: 40px;
        line-height: 38px
    }

    .tpm1-prod-hero-version-v2 .tpm1-prod-hero--with-drop .tpm1-prod-hero__content {
        padding-top: 290px
    }
}

@media screen and (max-width: 320px) {
    .tpm1-prod-hero__btn {
        font-size:12px
    }
}

.tp1-grid__layout {
    overflow: hidden
}

.tp1-grid__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0
}

.tp1-grid__row--start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tp1-grid__row--center {
    -ms-flex-pack: center;
    justify-content: center
}

.tp1-grid__row--end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tp1-grid__row--space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tp1-grid__row--space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.tp1-grid__row--top {
    -ms-flex-align: start;
    align-items: flex-start
}

.tp1-grid__row--middle {
    -ms-flex-align: center;
    align-items: center
}

.tp1-grid__row--bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.tp1-grid__row--split-line .tp1-grid__col {
    position: relative
}

.tp1-grid__row--split-line .tp1-grid__col:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #e5e8ed;
    content: ""
}

.tp1-grid__col {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1
}

.tp1-grid__col--1-5 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
    -webkit-box-flex: 0
}

.tp1-grid__col--0 {
    display: none
}

.tp1-grid__col--order-0 {
    -ms-flex-order: 0;
    order: 0
}

.tp1-grid__col--1 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4.1666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-1 {
    -ms-flex-order: 1;
    order: 1
}

.tp1-grid__col--2 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-2 {
    -ms-flex-order: 2;
    order: 2
}

.tp1-grid__col--3 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-3 {
    -ms-flex-order: 3;
    order: 3
}

.tp1-grid__col--4 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-4 {
    -ms-flex-order: 4;
    order: 4
}

.tp1-grid__col--5 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20.8333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-5 {
    -ms-flex-order: 5;
    order: 5
}

.tp1-grid__col--6 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-6 {
    -ms-flex-order: 6;
    order: 6
}

.tp1-grid__col--7 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29.1666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-7 {
    -ms-flex-order: 7;
    order: 7
}

.tp1-grid__col--8 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-8 {
    -ms-flex-order: 8;
    order: 8
}

.tp1-grid__col--9 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 37.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-9 {
    -ms-flex-order: 9;
    order: 9
}

.tp1-grid__col--10 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-10 {
    -ms-flex-order: 10;
    order: 10
}

.tp1-grid__col--11 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45.8333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-11 {
    -ms-flex-order: 11;
    order: 11
}

.tp1-grid__col--12 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-12 {
    -ms-flex-order: 12;
    order: 12
}

.tp1-grid__col--13 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 54.1666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-13 {
    -ms-flex-order: 13;
    order: 13
}

.tp1-grid__col--14 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-14 {
    -ms-flex-order: 14;
    order: 14
}

.tp1-grid__col--15 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 62.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-15 {
    -ms-flex-order: 15;
    order: 15
}

.tp1-grid__col--16 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-16 {
    -ms-flex-order: 16;
    order: 16
}

.tp1-grid__col--17 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70.8333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-17 {
    -ms-flex-order: 17;
    order: 17
}

.tp1-grid__col--18 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-18 {
    -ms-flex-order: 18;
    order: 18
}

.tp1-grid__col--19 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 79.1666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-19 {
    -ms-flex-order: 19;
    order: 19
}

.tp1-grid__col--20 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-20 {
    -ms-flex-order: 20;
    order: 20
}

.tp1-grid__col--21 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 87.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-21 {
    -ms-flex-order: 21;
    order: 21
}

.tp1-grid__col--22 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-22 {
    -ms-flex-order: 22;
    order: 22
}

.tp1-grid__col--23 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 95.8333333333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-23 {
    -ms-flex-order: 23;
    order: 23
}

.tp1-grid__col--24 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-24 {
    -ms-flex-order: 24;
    order: 24
}

@media (max-width: 1200px) {
    .tp1-grid__col--smallpc-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-0 {
        display: none
    }

    .tp1-grid__col--smallpc-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp1-grid__col--smallpc-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp1-grid__col--smallpc-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp1-grid__col--smallpc-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp1-grid__col--smallpc-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp1-grid__col--smallpc-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp1-grid__col--smallpc-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp1-grid__col--smallpc-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp1-grid__col--smallpc-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp1-grid__col--smallpc-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp1-grid__col--smallpc-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp1-grid__col--smallpc-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp1-grid__col--smallpc-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp1-grid__col--smallpc-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp1-grid__col--smallpc-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp1-grid__col--smallpc-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp1-grid__col--smallpc-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp1-grid__col--smallpc-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp1-grid__col--smallpc-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp1-grid__col--smallpc-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp1-grid__col--smallpc-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp1-grid__col--smallpc-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp1-grid__col--smallpc-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp1-grid__col--smallpc-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp1-grid__col--smallpc-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 1000px) {
    .tp1-grid__col--tablet-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-0 {
        display: none
    }

    .tp1-grid__col--tablet-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp1-grid__col--tablet-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp1-grid__col--tablet-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp1-grid__col--tablet-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp1-grid__col--tablet-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp1-grid__col--tablet-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp1-grid__col--tablet-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp1-grid__col--tablet-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp1-grid__col--tablet-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp1-grid__col--tablet-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp1-grid__col--tablet-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp1-grid__col--tablet-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp1-grid__col--tablet-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp1-grid__col--tablet-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp1-grid__col--tablet-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp1-grid__col--tablet-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp1-grid__col--tablet-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp1-grid__col--tablet-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp1-grid__col--tablet-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp1-grid__col--tablet-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp1-grid__col--tablet-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp1-grid__col--tablet-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp1-grid__col--tablet-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp1-grid__col--tablet-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp1-grid__col--tablet-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 768px) {
    .tp1-grid__col--pad-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-0 {
        display: none
    }

    .tp1-grid__col--pad-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp1-grid__col--pad-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp1-grid__col--pad-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp1-grid__col--pad-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp1-grid__col--pad-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp1-grid__col--pad-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp1-grid__col--pad-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp1-grid__col--pad-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp1-grid__col--pad-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp1-grid__col--pad-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp1-grid__col--pad-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp1-grid__col--pad-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp1-grid__col--pad-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp1-grid__col--pad-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp1-grid__col--pad-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp1-grid__col--pad-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp1-grid__col--pad-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp1-grid__col--pad-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp1-grid__col--pad-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp1-grid__col--pad-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp1-grid__col--pad-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp1-grid__col--pad-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp1-grid__col--pad-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp1-grid__col--pad-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp1-grid__col--pad-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 600px) {
    .tp1-grid__col--phone-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-0 {
        display: none
    }

    .tp1-grid__col--phone-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp1-grid__col--phone-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp1-grid__col--phone-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp1-grid__col--phone-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp1-grid__col--phone-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp1-grid__col--phone-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp1-grid__col--phone-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp1-grid__col--phone-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp1-grid__col--phone-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp1-grid__col--phone-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp1-grid__col--phone-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp1-grid__col--phone-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp1-grid__col--phone-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp1-grid__col--phone-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp1-grid__col--phone-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp1-grid__col--phone-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp1-grid__col--phone-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp1-grid__col--phone-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp1-grid__col--phone-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp1-grid__col--phone-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp1-grid__col--phone-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp1-grid__col--phone-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp1-grid__col--phone-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp1-grid__col--phone-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp1-grid__col--phone-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

.tp1-grid__row.tp1-grid--gutter-0n {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.tp1-grid__row.tp1-grid--gutter-0n .tp1-grid__col {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.tp1-grid__row.tp1-grid--gutter-1n {
    margin-right: -2px;
    margin-bottom: -4px;
    margin-left: -2px
}

.tp1-grid__row.tp1-grid--gutter-1n .tp1-grid__col {
    margin-bottom: 4px;
    padding-right: 2px;
    padding-left: 2px
}

.tp1-grid__row.tp1-grid--gutter-2n {
    margin-right: -4px;
    margin-bottom: -8px;
    margin-left: -4px
}

.tp1-grid__row.tp1-grid--gutter-2n .tp1-grid__col {
    margin-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px
}

.tp1-grid__row.tp1-grid--gutter-3n {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px
}

.tp1-grid__row.tp1-grid--gutter-3n .tp1-grid__col {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px
}

.tp1-grid__row.tp1-grid--gutter-4n {
    margin-right: -8px;
    margin-bottom: -16px;
    margin-left: -8px
}

.tp1-grid__row.tp1-grid--gutter-4n .tp1-grid__col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.tp1-grid__row.tp1-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px
}

.tp1-grid__row.tp1-grid--gutter-5n .tp1-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.tp1-grid__row.tp1-grid--gutter-6n {
    margin-right: -12px;
    margin-bottom: -24px;
    margin-left: -12px
}

.tp1-grid__row.tp1-grid--gutter-6n .tp1-grid__col {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

.tp1-grid__row.tp1-grid--gutter-7n {
    margin-right: -14px;
    margin-bottom: -28px;
    margin-left: -14px
}

.tp1-grid__row.tp1-grid--gutter-7n .tp1-grid__col {
    margin-bottom: 28px;
    padding-right: 14px;
    padding-left: 14px
}

.tp1-grid__row.tp1-grid--gutter-8n {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px
}

.tp1-grid__row.tp1-grid--gutter-8n .tp1-grid__col {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px
}

.tp1-grid__row.tp1-grid--gutter-9n {
    margin-right: -18px;
    margin-bottom: -36px;
    margin-left: -18px
}

.tp1-grid__row.tp1-grid--gutter-9n .tp1-grid__col {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 18px
}

.tp1-grid__row.tp1-grid--gutter-10n {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px
}

.tp1-grid__row.tp1-grid--gutter-10n .tp1-grid__col {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width: 1200px) {
    .tp1-grid__row.tp1-grid--gutter-smallpc-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 1000px) {
    .tp1-grid__row.tp1-grid--gutter-tablet-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .tp1-grid__row.tp1-grid--gutter-pad-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-pad-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-pad-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 600px) {
    .tp1-grid__row.tp1-grid--gutter-phone-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-phone-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-phone-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .tp1-grid__col--pad-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        box-flex: 0
    }

    .tp1-grid__col--pad-0 {
        display: none
    }

    .tp1-grid__col--pad-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp1-grid__col--pad-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp1-grid__col--pad-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp1-grid__col--pad-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp1-grid__col--pad-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp1-grid__col--pad-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp1-grid__col--pad-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp1-grid__col--pad-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp1-grid__col--pad-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp1-grid__col--pad-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp1-grid__col--pad-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp1-grid__col--pad-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp1-grid__col--pad-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp1-grid__col--pad-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp1-grid__col--pad-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp1-grid__col--pad-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp1-grid__col--pad-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp1-grid__col--pad-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp1-grid__col--pad-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp1-grid__col--pad-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp1-grid__col--pad-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp1-grid__col--pad-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp1-grid__col--pad-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp1-grid__col--pad-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp1-grid__col--pad-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 600px) {
    .tp1-grid__col--phone-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        box-flex: 0
    }

    .tp1-grid__col--phone-0 {
        display: none
    }

    .tp1-grid__col--phone-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp1-grid__col--phone-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp1-grid__col--phone-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp1-grid__col--phone-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp1-grid__col--phone-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp1-grid__col--phone-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp1-grid__col--phone-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp1-grid__col--phone-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp1-grid__col--phone-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp1-grid__col--phone-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp1-grid__col--phone-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp1-grid__col--phone-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp1-grid__col--phone-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp1-grid__col--phone-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp1-grid__col--phone-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp1-grid__col--phone-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp1-grid__col--phone-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp1-grid__col--phone-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp1-grid__col--phone-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp1-grid__col--phone-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp1-grid__col--phone-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp1-grid__col--phone-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp1-grid__col--phone-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp1-grid__col--phone-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp1-grid__col--phone-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

.solution-card__item {
    color: #fff;
    height: 168px;
    position: relative;
    padding: 58px 22px 22px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid #fff;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 4px 4px 8px 0 rgba(55,99,170,.2),-4px -4px 8px 0 #fff;
    z-index: 0;
    overflow: hidden;
    display: block
}

@media screen and (min-width: 769px) {
    .solution-card__item {
        transition:box-shadow .3s ease-in-out
    }
}

.solution-card__item:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.5)
}

.solution-card__item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.solution-card__item-desc {
    font-size: 14px;
    line-height: 22px;
    max-width: 324px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.solution-card__item-bg {
    position: absolute;
    background-size: auto 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

@media screen and (max-width: 768px) {
    .solution-card__item {
        padding:18px 10px;
        height: 92px
    }

    .solution-card__item-title {
        font-size: 16px;
        margin-bottom: 4px
    }

    .solution-card__item-desc {
        max-width: 324px;
        -webkit-line-clamp: 1
    }
}

.tpm1-collapse__panel-hd {
    position: relative;
    padding: 13px 38px 13px 16px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: solid #fff;
    border-width: 2px 2px 0;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.tpm1-collapse__panel-hd:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    width: 12px;
    height: 8px;
    background-image: url(images/caret_f8e.svg);
    background-repeat: no-repeat
}

.tpm1-collapse__panel-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 12px
}

.tpm1-collapse__panel-title {
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    padding: 3px 0;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 26px
}

.tpm1-collapse__panel-bd {
    position: relative;
    z-index: 2;
    background: #f5f7fa;
    padding: 24px 16px 32px
}

.tpm1-collapse__panel.is-open>.tpm1-collapse__panel-hd .tpm1-collapse__panel-title {
    color: #0052d9
}

.tpm1-collapse__panel.is-open>.tpm1-collapse__panel-hd:after {
    background-image: url(images/caret-open_c90.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    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
}

.tpm1-collapse--ani .tpm1-collapse__panel-icon {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    margin-left: -4px;
    margin-top: -4px
}

@media screen and (max-width: 600px) {
    .tpm1-collapse__panel-bd {
        padding-left:16px;
        padding-right: 16px
    }
}

.tpm1-tabs {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

.tpm1-tabs__bar {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    max-width: 1180px;
    margin: 0 auto
}

.tpm1-tabs__bar.is-scrolling .tpm1-tabs__backward,.tpm1-tabs__bar.is-scrolling .tpm1-tabs__forward {
    display: block
}

.tpm1-tabs__bar.is-scrolling .tpm1-tabs__list {
    padding: 0 36px
}

.tpm1-tabs__list {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 100%;
    font-size: 0;
    list-style: none;
    text-align: center
}

.tpm1-tabs__backward {
    position: absolute;
    top: 0;
    height: 44px;
    left: 0;
    display: none;
    width: 36px;
    background-color: #fff;
    cursor: pointer
}

.tpm1-tabs__backward:before {
    position: absolute;
    top: 4px;
    left: 12px;
    width: 16px;
    height: 16px;
    background-image: url(images/tpm-tabs-icon-arrow-left_4c5.svg);
    background-repeat: no-repeat;
    background-position: inherit;
    content: ""
}

@media screen and (min-width: 769px) {
    .tpm1-tabs__backward:before {
        transition:background-image .3s ease-in-out
    }
}

.tpm1-tabs__backward:hover:before {
    background-image: url(images/tpm-tabs-icon-arrow-left-hover_38a.svg)
}

.tpm1-tabs__backward--disabled {
    cursor: default
}

.tpm1-tabs__backward--disabled:before,.tpm1-tabs__backward--disabled:hover:before {
    background-image: url(images/tpm-tabs-icon-arrow-left-disabled_e9f.svg)
}

.tpm1-tabs__forward {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    display: none;
    width: 36px;
    background-color: #fff;
    cursor: pointer
}

.tpm1-tabs__forward:before {
    position: absolute;
    top: 4px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url(images/tpm-tabs-icon-arrow-right_176.svg);
    background-repeat: no-repeat;
    background-position: inherit;
    content: ""
}

@media screen and (min-width: 769px) {
    .tpm1-tabs__forward:before {
        transition:background-image .3s ease-in-out
    }
}

.tpm1-tabs__forward:hover:before {
    background-image: url(images/tpm-tabs-icon-arrow-right-hover_e63.svg)
}

.tpm1-tabs__forward--disabled {
    cursor: default
}

.tpm1-tabs__forward--disabled:before,.tpm1-tabs__forward--disabled:hover:before {
    background-image: url(images/tpm-tabs-icon-arrow-right-disabled_ce3.svg)
}

.tpm1-tabs__cont {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
    padding: 40px
}

.tpm1-tabs__item {
    display: inline-block;
    vertical-align: top
}

.tpm1-tabs__item:hover .tpm1-tabs__item-cont {
    color: #0052d9
}

.tpm1-tabs__item:hover .tpm1-tabs__item-cont:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    color: #0052d9;
    font-weight: 500
}

.tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
    width: 100%;
    height: 4px;
    transition: width .3s ease-in-out
}

.tpm1-tabs__item.is-disabled .tpm1-tabs__item-cont {
    color: #999;
    cursor: default
}

.tpm1-tabs__item.is-disabled .tpm1-tabs__item-cont:before {
    content: none
}

.tpm1-tabs__item-cont {
    position: relative;
    cursor: pointer;
    padding: 0 10px 20px;
    text-align: center;
    font-size: 16px;
    color: #3d485d;
    line-height: 24px;
    min-width: 136px
}

@media screen and (min-width: 769px) {
    .tpm1-tabs__item-cont {
        transition:color .3s ease-in-out
    }
}

.tpm1-tabs__item-cont:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #0052d9;
    transition: height .15s ease-in-out,width .15s ease-in-out .15s
}

.tpm1-tabs__item-icon {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top
}

.tpm1-tabs__panel.is-hidden {
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.tpm1-tabs__panel.is-animated {
    transition: opacity .5s ease-in-out;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.tpm1-tabs.is-full .tpm1-tabs__cont {
    border-radius: 0
}

.tpm1-tabs.is-full .tpm1-tabs__panel {
    margin: 0 auto;
    max-width: 1180px
}

.tpm1-tabs--equal .tpm1-tabs__list {
    display: -ms-flexbox;
    display: flex
}

.tpm1-tabs--equal .tpm1-tabs__item {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    width: 1px;
    max-width: 33.33%
}

.tpm1-tabs--vertical {
    display: -ms-flexbox;
    display: flex
}

.tpm1-tabs--vertical .tpm1-tabs__bar {
    position: relative;
    margin-right: -2px;
    padding: 0;
    width: 200px;
    box-sizing: border-box;
    white-space: normal
}

.tpm1-tabs--vertical .tpm1-tabs__item {
    display: block;
    min-width: 0;
    margin-bottom: 20px;
    padding-right: 18px
}

.tpm1-tabs--vertical .tpm1-tabs__item:hover .tpm1-tabs__item-cont {
    color: #3d485d
}

.tpm1-tabs--vertical .tpm1-tabs__item.is-active {
    padding-right: 0
}

.tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    padding-right: 30px;
    background-image: linear-gradient(0deg,#f4f6f9,#f3f5f8);
    border: 2px solid #fff;
    border-right-width: 0;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    font-weight: 400;
    color: #3d485d
}

.tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before,.tpm1-tabs--vertical .tpm1-tabs__item:hover .tpm1-tabs__item-cont:before {
    display: none
}

.tpm1-tabs--vertical .tpm1-tabs__item-cont {
    padding: 12px;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #3d485d;
    text-align: center;
    border: 2px solid transparent
}

@media screen and (min-width: 769px) {
    .tpm1-tabs--vertical .tpm1-tabs__item-cont {
        transition:background .3s ease-in-out
    }
}

.tpm1-tabs--vertical .tpm1-tabs__cont {
    padding: 48px 60px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    -ms-flex: 1;
    flex: 1;
    width: 1px
}

.tpm1-tabs--text {
    margin-top: -10px
}

.tpm1-tabs--text .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    font-weight: 400
}

.tpm1-tabs--text .tpm1-tabs__item-cont {
    min-width: auto;
    padding: 0 24px 30px
}

.tpm1-tabs--text .tpm1-tabs__item-cont:before {
    display: none
}

.tpm1-tabs--text .tpm1-tabs__cont {
    padding: 0;
    box-shadow: none;
    background-color: transparent
}

.tpm1-tabs .tpm1-tabs__backward,.tpm1-tabs .tpm1-tabs__forward {
    background-color: #f3f5f8
}

.tpm1-tabs.theme-dark {
    background-color: #242933;
    color: #fff
}

.tpm1-tabs.theme-dark .tpm1-tabs__item-cont,.tpm1-tabs.theme-dark .tpm1-tabs__item.is-active .tpm1-tabs__item-cont,.tpm1-tabs.theme-dark .tpm1-tabs__item:hover .tpm1-tabs__item-cont {
    color: #fff
}

.tpm1-tabs.theme-dark .tpm1-tabs__item.is-disabled .tpm1-tabs__item-cont {
    color: #999
}

.tpm1-tabs.theme-dark .tpm1-tabs__backward,.tpm1-tabs.theme-dark .tpm1-tabs__forward {
    background-color: #242933
}

.tpm1-tabs.theme-dark .tpm1-tabs__cont {
    background: #242933;
    border: 2px solid #242933;
    box-shadow: inset 8px 8px 20px 0 rgba(18,21,26,.6),inset -8px -8px 20px 0 rgba(54,62,77,.5)
}

.tpm1-tabs.theme-connect .tpm1-tabs__item {
    margin: 0 20px 16px 0
}

.tpm1-tabs.theme-connect .tpm1-tabs__item:last-child {
    margin-right: 0
}

.tpm1-tabs.theme-connect .tpm1-tabs__item-cont {
    height: 48px;
    min-width: 176px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 0 16px;
    line-height: 44px
}

.tpm1-tabs.theme-connect .tpm1-tabs__item-cont:before {
    display: none
}

.tpm1-tabs.theme-connect .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff
}

.tpm1-tabs.theme-connect .tpm1-tabs__cont {
    padding: 32px
}

.tpm1-tabs--ani .tpm1-tabs__item-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 6px;
    margin-top: -6px
}

.tpm1-tabs--ani .tpm1-tabs__item-icon.is-enter {
    -webkit-animation: tpm1-tabs__item-icon-enter .3s steps(16) forwards;
    animation: tpm1-tabs__item-icon-enter .3s steps(16) forwards
}

.tpm1-tabs--ani .tpm1-tabs__item-icon.is-leave {
    -webkit-animation: tpm1-tabs__item-icon-leave .3s steps(16) forwards;
    animation: tpm1-tabs__item-icon-leave .3s steps(16) forwards
}

@-webkit-keyframes tpm1-tabs__item-icon-enter {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -960px
    }
}

@keyframes tpm1-tabs__item-icon-enter {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -960px
    }
}

@-webkit-keyframes tpm1-tabs__item-icon-leave {
    0% {
        background-position: 0 -960px
    }

    to {
        background-position: 0 0
    }
}

@keyframes tpm1-tabs__item-icon-leave {
    0% {
        background-position: 0 -960px
    }

    to {
        background-position: 0 0
    }
}

.tpm1-tabs__tiled {
    margin-bottom: 32px
}

.tpm1-tabs__tiled:last-child {
    margin-bottom: 0
}

.tpm1-tabs__tiled-title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 16px;
    color: #16181a;
    line-height: 24px
}

.tpm1-tabs--scroll .tpm1-tabs__bar,.tpm1-tabs--warp .tpm1-tabs__bar {
    max-width: 1180px
}

.tpm1-tabs--scroll .tpm1-tabs__cont,.tpm1-tabs--warp .tpm1-tabs__cont {
    padding: 32px 0
}

.tpm1-tabs--scroll .tpm1-tabs__list,.tpm1-tabs--warp .tpm1-tabs__list {
    width: 100%;
    white-space: pre-wrap;
    padding: 0 18px;
    margin-top: -4px
}

.tpm1-tabs--scroll .tpm1-tabs__item,.tpm1-tabs--warp .tpm1-tabs__item {
    margin: 4px 0 0;
    width: 14.28571%;
    text-align: left
}

.tpm1-tabs--scroll .tpm1-tabs__item-cont,.tpm1-tabs--warp .tpm1-tabs__item-cont {
    padding: 13px 10px 13px 8px;
    width: auto;
    min-width: 0;
    color: #181818;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.tpm1-tabs--scroll .tpm1-tabs__item-cont:hover,.tpm1-tabs--warp .tpm1-tabs__item-cont:hover {
    color: #0052d9
}

.tpm1-tabs--scroll .tpm1-tabs__item-cont:before,.tpm1-tabs--warp .tpm1-tabs__item-cont:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    border: 0;
    background-color: #0052d9;
    width: 0;
    transition: height .15s ease-in-out,width .15s ease-in-out .15s
}

.tpm1-tabs--scroll .tpm1-tabs__item-icon,.tpm1-tabs--warp .tpm1-tabs__item-icon {
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    display: inline-block
}

.tpm1-tabs--scroll .tpm1-tabs__item.is-active .tpm1-tabs__item-cont,.tpm1-tabs--warp .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    color: #0052d9;
    font-weight: 400
}

.tpm1-tabs--scroll .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before,.tpm1-tabs--warp .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
    width: 100%;
    height: 4px;
    transition: width .3s ease-in-out
}

.tpm1-tabs--scroll .tpm1-tabs__panel,.tpm1-tabs--warp .tpm1-tabs__panel {
    max-width: 1180px;
    margin: 0 auto
}

.tpm1-tabs--scroll .tpm1-tabs__list {
    max-width: 1360px;
    min-width: auto;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0;
    text-align: left
}

.tpm1-tabs--scroll .tpm1-tabs__list-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tpm1-tabs--scroll .tpm1-tabs__bar {
    padding: 0 40px;
    max-width: 100%
}

.tpm1-tabs--scroll .tpm1-tabs__cont {
    padding: 32px 40px
}

.tpm1-tabs--scroll .tpm1-tabs__item-cont {
    padding: 14px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.tpm1-tabs--scroll .tpm1-tabs__item-icon {
    margin: 0 10px 0 0
}

.tpm1-tabs--scroll .tpm1-tabs__item.is-active .tpm1-tabs--scroll .tpm1-tabs__item__item-cont {
    font-weight: 400
}

.tpm1-tabs--scroll .tpm1-tabs__panel {
    max-width: 1360px
}

.tpm1-tabs--flow .tpm1-tabs__backward,.tpm1-tabs--flow .tpm1-tabs__forward,.tpm1-tabs--round .tpm1-tabs__backward,.tpm1-tabs--round .tpm1-tabs__forward {
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-image: linear-gradient(1turn,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px hsla(0,0%,100%,.8)
}

.tpm1-tabs--flow .tpm1-tabs__backward:before,.tpm1-tabs--flow .tpm1-tabs__forward:before,.tpm1-tabs--round .tpm1-tabs__backward:before,.tpm1-tabs--round .tpm1-tabs__forward:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tpm1-tabs--flow .tpm1-tabs__backward--disabled,.tpm1-tabs--flow .tpm1-tabs__forward--disabled,.tpm1-tabs--round .tpm1-tabs__backward--disabled,.tpm1-tabs--round .tpm1-tabs__forward--disabled {
    display: none
}

.tpm1-tabs--flow .tpm1-tabs__backward:before,.tpm1-tabs--round .tpm1-tabs__backward:before {
    background-image: url(images/tpm-tabs-icon--round-arrow-left_6fb.svg)
}

.tpm1-tabs--flow .tpm1-tabs__forward:before,.tpm1-tabs--round .tpm1-tabs__forward:before {
    background-image: url(images/tpm-tabs-icon--round-arrow-right_b47.svg)
}

.tpm1-tabs--flow .tpm1-tabs__bar-wrap,.tpm1-tabs--round .tpm1-tabs__bar-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 54px;
    position: relative
}

.tpm1-tabs--flow .tpm1-tabs__item-cont,.tpm1-tabs--round .tpm1-tabs__item-cont {
    padding: 16px 24px;
    min-width: auto
}

.tpm1-tabs--flow .tpm1-tabs__bar.is-scrolling .tpm1-tabs__list,.tpm1-tabs--round .tpm1-tabs__bar.is-scrolling .tpm1-tabs__list {
    padding: 0
}

.tpm1-tabs--flow .tpm1-tabs__item+.tpm1-tabs__item {
    position: relative;
    margin-left: 48px
}

.tpm1-tabs--flow .tpm1-tabs__item+.tpm1-tabs__item:before {
    content: "";
    width: 48px;
    border: 1px dashed #97a3b7;
    position: absolute;
    top: 50%;
    left: -48px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tpm1-tabs--flow .tpm1-tabs__item-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px
}

.tpm1-tabs--flow .tpm1-tabs__item-step {
    margin-right: 12px;
    width: 32px;
    height: 32px;
    background: linear-gradient(1turn,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 6.4px 6.4px 16px rgba(55,99,170,.1),-6.4px -6.4px 16px #fff;
    border-radius: 32px;
    color: #4b5b76;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px
}

.tpm1-tabs--flow .tpm1-tabs__item:hover .tpm1-tabs__item-step {
    background: linear-gradient(0deg,#bbd3fc,#bbd3fc),linear-gradient(0deg,#fff,#fff);
    box-shadow: 6px 6px 16px 0 rgba(55,99,170,.1);
    color: #266fe8
}

.tpm1-tabs--flow .tpm1-tabs__item.is-active .tpm1-tabs__item-step {
    background: #0052d9;
    box-shadow: 7.11111px 7.11111px 17.7778px rgba(55,99,170,.1),-7.11111px -7.11111px 17.7778px #fff;
    color: #fff
}

@media screen and (max-width: 1440px) {
    .tpm1-tabs--scroll .tpm1-tabs__bar {
        padding:0 20px
    }

    .tpm1-tabs--scroll .tpm1-tabs__cont {
        padding: 32px 20px
    }

    .tpm1-tabs--scroll .tpm1-tabs__list,.tpm1-tabs--scroll .tpm1-tabs__panel {
        max-width: 1300px
    }
}

@media screen and (max-width: 1359px) {
    .tpm1-tabs--scroll .tpm1-tabs__list,.tpm1-tabs--scroll .tpm1-tabs__panel {
        max-width:1160px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-collapse .tpm1-tabs--text {
        margin:-24px -16px -32px
    }

    .tpm1-tabs--text .tpm1-tabs__bar {
        height: 54px;
        background: #f3f5f8;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.1),inset -8px -8px 20px 0 #fff;
        overflow-x: auto
    }

    .tpm1-tabs--text .tpm1-tabs__bar .tpm1-tabs__backward,.tpm1-tabs--text .tpm1-tabs__bar .tpm1-tabs__forward {
        display: none
    }

    .tpm1-tabs--text .tpm1-tabs__bar .tpm1-tabs__list {
        padding: 0
    }

    .tpm1-tabs--text .tpm1-tabs__item-cont {
        padding: 16px;
        font-size: 14px;
        line-height: 22px
    }

    .tpm1-tabs--text .tpm1-tabs__cont {
        padding: 24px 16px 32px
    }

    .tpm1-tabs--scroll {
        position: relative
    }

    .tpm1-tabs--scroll .tpm1-tabs__item {
        margin: 0;
        width: auto
    }

    .tpm1-tabs--scroll .tpm1-tabs__item-icon {
        display: none
    }

    .tpm1-tabs--scroll .tpm1-tabs__item-cont {
        padding: 12px 8px
    }

    .tpm1-tabs--scroll .tpm1-tabs__item-cont:before {
        height: 0
    }

    .tpm1-tabs--scroll .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
        height: 2px;
        border-bottom-width: 2px
    }

    .tpm1-tabs--scroll .tpm1-tabs__bar {
        padding: 0;
        overflow: scroll
    }

    .tpm1-tabs--scroll .tpm1-tabs__bar::-webkit-scrollbar {
        display: none
    }

    .tpm1-tabs--scroll .tpm1-tabs__bar.is-scrolling .tpm1-tabs__list {
        padding: 0 40px 0 16px
    }

    .tpm1-tabs--scroll .tpm1-tabs__list {
        display: inline-block;
        max-width: none;
        box-sizing: border-box;
        margin-top: 0;
        width: auto;
        padding: 0 48px 0 8px;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        white-space: nowrap
    }

    .tpm1-tabs--scroll .tpm1-tabs__arrow-down {
        position: absolute;
        width: 40px;
        height: 46px;
        right: 0;
        top: 0;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        box-shadow: -4px 0 10px rgba(55,99,170,.1)
    }

    .tpm1-tabs--scroll .tpm1-tabs__arrow-down:after {
        width: 16px;
        height: 16px;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-image: url(images/tpm-tabs-icon-arrow-down_076.svg)
    }

    .tpm1-tabs--scroll .tpm1-tabs__arrow-down:hover {
        cursor: pointer
    }

    .tpm1-tabs--scroll .tpm1-tabs__arrow-down.is-show:after {
        background-image: url(images/tpm-tabs-icon-arrow-up-hover_0c2.svg)
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown {
        display: none;
        position: absolute;
        z-index: 10;
        width: 100%;
        top: 46px;
        left: 0;
        background: #fff;
        box-shadow: 0 4px 20px rgba(55,99,170,.1);
        padding: 16px
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown.is-show {
        display: block
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item {
        background: #f1f2f5;
        border-radius: 2px;
        width: calc(25% - 9px);
        margin: 12px 12px 0 0;
        height: 26px;
        padding: 0;
        text-align: center
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item:nth-child(4n) {
        margin-right: 0
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item:nth-child(-n+4) {
        margin-top: 0
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item-cont {
        font-size: 12px;
        line-height: 20px;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item-cont:before {
        display: none
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
        background-color: #0052d9;
        color: #fff
    }

    .tpm1-tabs--scroll .tpm1-tabs__cont {
        padding: 0;
        background: linear-gradient(0deg,#f9fbfd,#f9fbfd),#fff;
        box-shadow: inset 0 4px 10px rgba(55,99,170,.05)
    }

    .tpm1-tabs--flow .tpm1-tabs__arrow-down,.tpm1-tabs--flow .tpm1-tabs__dropdown,.tpm1-tabs--round .tpm1-tabs__arrow-down,.tpm1-tabs--round .tpm1-tabs__dropdown {
        display: none
    }

    .tpm1-tabs--flow .tpm1-tabs__bar,.tpm1-tabs--round .tpm1-tabs__bar {
        overflow: scroll
    }

    .tpm1-tabs--flow .tpm1-tabs__bar::-webkit-scrollbar,.tpm1-tabs--round .tpm1-tabs__bar::-webkit-scrollbar {
        display: none
    }

    .tpm1-tabs--flow .tpm1-tabs__list,.tpm1-tabs--round .tpm1-tabs__list {
        padding: 0 8px
    }

    .tpm1-tabs--flow .tpm1-tabs__item-cont,.tpm1-tabs--round .tpm1-tabs__item-cont {
        padding: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }

    .tpm1-tabs--flow .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before,.tpm1-tabs--round .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
        border-bottom: 2px solid #0052d9
    }

    .tpm1-tabs--flow .tpm1-tabs__item-step {
        width: 24px;
        height: 24px;
        line-height: 20px
    }

    .tpm1-tabs--flow .tpm1-tabs__item+.tpm1-tabs__item {
        margin-left: 24px
    }

    .tpm1-tabs--flow .tpm1-tabs__item+.tpm1-tabs__item:before {
        left: -24px;
        width: 24px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-tabs__list-mobile {
        position:relative;
        display: inline-block;
        min-width: 100%;
        font-size: 0;
        vertical-align: middle;
        list-style: none
    }

    .tpm1-tabs__item-cont {
        padding: 20px;
        cursor: default
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item {
        width: calc(33.33% - 8px)
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item:nth-child(4) {
        margin-top: 12px
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item:nth-child(4n) {
        margin-right: 12px
    }

    .tpm1-tabs--scroll .tpm1-tabs__dropdown .tpm1-tabs__item:nth-child(3n) {
        margin-right: 0
    }
}

.tpm1-expand-area__cnt {
    overflow: hidden;
    transition: height .3s linear
}

.tpm1-expand-area .is-open+.tpm1-expand-area__trigger:before {
    background: none
}

.tpm1-expand-area__trigger {
    padding-top: 64px;
    text-align: center;
    margin-top: -40px;
    position: relative;
    z-index: 2
}

.tpm1-expand-area__trigger:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,hsla(0,0%,93.3%,0),#f5f7fa 65%)
}

.tpm1-scene {
    -webkit-font-smoothing: antialiased
}

.tpm1-scene .tpm1-tabs--vertical .tpm1-tabs__cont {
    padding-bottom: 20px
}

.tpm1-scene .tpm1-tabs__cont {
    padding: 12px
}

.tpm1-scene .tpm1-tabs.is-full .tpm1-tabs__cont {
    padding: 40px
}

.tpm1-scene .tpm1-tabs.is-full .tpm1-tabs__cont .tp1-justify-grid {
    -ms-flex-align: start;
    align-items: flex-start
}

.tpm1-scene .tpm1-media .tpm1-media__object {
    width: 70%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm1-scene .tpm1-media .tpm1-media__content {
    padding: 20px 8px 0 20px
}

.tpm1-scene .tpm1-media.right-img .tpm1-media__object {
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 8px;
    width: 52.8%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0;
    margin-left: 60px;
    overflow: hidden
}

.tpm1-scene .tpm1-media.right-img .tpm1-media__content {
    padding: 0
}

.tpm1-scene .tpm1-logo-card {
    box-shadow: none
}

.tpm1-scene .tpm1-logo-card__wrap {
    padding: 0;
    margin: 12px 0 -12px
}

.tpm1-scene .tpm1-logo-card__list {
    padding: 0;
    margin: 0 -10px
}

.tpm1-scene .tpm1-logo-card__list li {
    margin: 0;
    padding: 0 10px 12px
}

.tpm1-scene .tpm1-logo-card__list li:before {
    display: none
}

.tpm1-scene .tpm1-sale-recommend {
    margin: 28px 0
}

.tpm1-scene-infrastructure .tpm1-media.right-img .tpm1-media__object {
    width: 68.47%;
    margin-left: 40px;
    overflow: hidden
}

.tpm1-scene-infrastructure .tpm1-media.right-img .tpm1-media__content {
    padding-top: 20px
}

.tpm1-scene-infrastructure .tpm1-group__tit {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 22px
}

.tpm1-scene-infrastructure .tpm1-list__item {
    padding-left: 0
}

.tpm1-scene-infrastructure .tpm1-list__item:before {
    display: none
}

.tpm1-scene-infrastructure .tpm1-list__item-tit {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    font-weight: 600
}

.tpm1-scene-infrastructure .tpm1-list__item-tit:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666;
    margin-right: 6px;
    vertical-align: middle
}

.tpm1-scene-infrastructure .tpm1-list__item-text {
    display: block;
    line-height: 22px
}

.tpm1-scene-infrastructure .tpm1-list .tpm1-list__item+.tpm1-list__item {
    margin-top: 24px
}

.tpm1-scene-introduction .tpm1-media .tpm1-media__object {
    width: 44.1%;
    overflow: hidden;
    padding: 12px 50px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px
}

.tpm1-scene-introduction .tpm1-media .tpm1-media__content {
    padding: 12px 0 0
}

.tpm1-scene-introduction .tpm1-media .tpm1-media__content+.tpm1-media__object,.tpm1-scene-introduction .tpm1-media .tpm1-media__object+.tpm1-media__content {
    margin-left: 40px
}

.tpm1-scene-introduction .tpm1-media.right-img .tpm1-media__object {
    width: 44.1%;
    padding: 12px 50px;
    border-radius: 4px
}

.tpm1-scene-introduction .tpm1-media.right-img .tpm1-media__content {
    padding: 12px 0 0
}

.tpm1-scene-introduction .tpm1-group__tit {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.tpm1-scene-introduction .tpm1-list__item {
    padding-left: 0
}

.tpm1-scene-introduction .tpm1-list__item:before {
    display: none
}

.tpm1-scene-introduction .tpm1-list__item-tit {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 500
}

.tpm1-scene-introduction .tpm1-list__item-tit:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666;
    margin-right: 6px;
    vertical-align: middle
}

.tpm1-scene-introduction .tpm1-list__item-text {
    display: block;
    line-height: 22px
}

.tpm1-scene-introduction .tpm1-list .tpm1-list__item+.tpm1-list__item {
    margin-top: 22px
}

@media screen and (max-width: 768px) {
    .tpm1-scene .tpm1-logo-card__wrap {
        margin-bottom:-8px
    }

    .tpm1-scene .tpm1-logo-card__list {
        margin: 0 -4px
    }

    .tpm1-scene .tpm1-logo-card__list li {
        padding: 0 4px 8px
    }

    .tpm1-scene .tpm1-media .tpm1-media__object {
        width: 100%
    }

    .tpm1-scene .tpm1-media .tpm1-media__content {
        padding: 0;
        margin-top: 24px
    }

    .tpm1-scene .tpm1-media.right-img {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .tpm1-scene .tpm1-media.right-img .tpm1-media__object {
        width: 100%;
        margin-left: 0
    }

    .tpm1-scene .tp1-justify-grid {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm1-scene .tpm1-sale-recommend {
        margin: 20px 0
    }

    .tpm1-scene-infrastructure .tpm1-media.right-img .tpm1-media__content {
        padding-top: 0
    }

    .tpm1-scene-introduction .tpm1-media.right-img {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpm1-scene-introduction .tpm1-media.right-img .tpm1-media__content {
        padding: 0;
        margin: 0 0 20px
    }

    .tpm1-scene-introduction .tpm1-media .tpm1-media__content+.tpm1-media__object,.tpm1-scene-introduction .tpm1-media .tpm1-media__object+.tpm1-media__content {
        margin-left: 0
    }

    .tpm1-scene-introduction .tpm1-list .tpm1-list__item+.tpm1-list__item {
        margin-top: 12px
    }
}

.solution-scene {
    background-color: #f5f7fa
}

.solution-scene .tpm1-tabs__cont {
    padding: 0;
    box-shadow: none
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__cont {
    padding: 32px;
    background-image: linear-gradient(180deg,#f3f5f8,#fff);
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11);
    border-width: 0
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__bar {
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.05);
    width: 218px;
    padding: 20px 0
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__item {
    margin-bottom: 0;
    padding-right: 0
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__item .tpm1-tabs__item-cont {
    padding: 16px 32px;
    box-sizing: border-box;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: #4c5b76;
    text-align: left;
    font-weight: 500;
    border-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (min-width: 769px) {
    .solution-scene .tpm1-tabs--vertical .tpm1-tabs__item .tpm1-tabs__item-cont {
        transition:color .3s ease-in-out
    }
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__item .tpm1-tabs__item-cont:hover {
    color: #0052d9
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__item .tpm1-tabs__item-cont:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-color: #0052d9;
    top: 8px;
    bottom: 8px;
    width: 0;
    height: 0;
    left: 0;
    right: auto
}

@media screen and (min-width: 769px) {
    .solution-scene .tpm1-tabs--vertical .tpm1-tabs__item .tpm1-tabs__item-cont:before {
        transition:width .15s ease-in-out,height .15s ease-in-out .15s
    }
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    font-weight: 600;
    border-width: 0;
    box-shadow: none;
    color: #0052d9
}

.solution-scene .tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
    width: 4px;
    height: 40px
}

@media screen and (min-width: 769px) {
    .solution-scene .tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
        transition:height .3s ease-in-out
    }
}

.solution-scene__item {
    padding: 22px 22px 22px 66px;
    display: block;
    position: relative;
    transition: all .2s linear;
    border: 2px solid transparent
}

.solution-scene__item:hover {
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    border-color: #fff
}

.solution-scene__item-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 24px;
    top: 22px
}

.solution-scene__item-tit {
    font-weight: 500;
    font-size: 20px;
    color: #18181a;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.solution-scene__item-desc {
    font-weight: 400;
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    margin-top: 12px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.tpm1-list-collapse__trigger {
    margin-top: 24px;
    text-align: center
}

.solution-menu-section {
    background-color: #f3f5f8
}

.solution-menu-section .tpm1-section__bd {
    background-color: #f3f5f8;
    position: relative;
    padding: 0 16px 32px;
    margin: 0 -16px -32px
}

.solution-menu+.solution-menu {
    margin-top: 24px
}

.solution-menu__hd {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    height: 48px;
    padding: 12px 16px;
    margin: 0 -16px 16px;
    box-sizing: border-box;
    background: #f3f5f8;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff
}

.solution-menu__panel {
    background: #fff;
    border: 1px solid #e5e8ed;
    box-shadow: 0 4px 8px 0 rgba(3,27,78,.12);
    border-radius: 3px
}

.solution-menu__panel+.solution-menu__panel {
    margin-top: 16px
}

.solution-menu__panel-hd {
    font-weight: 500;
    font-size: 16px;
    color: #495770;
    line-height: 26px;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e8ed
}

.solution-menu__panel-bd {
    padding: 18px 8px 6px
}

.solution-menu__panel-link {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    margin-bottom: 18px;
    padding: 0 8px;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top
}

.solution-menu__btn {
    position: absolute;
    top: 6px;
    right: 0;
    border-width: 0;
    box-shadow: none;
    font-weight: 500
}

.solution-menu__btn:hover {
    background-color: transparent
}

.solution-nav-top {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 56px;
    padding: 12px 16px;
    background: #f3f5f8;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
    box-sizing: border-box
}

.solution-nav-top__primary-tit {
    font-size: 16px;
    color: #000;
    line-height: 24px
}

.solution-nav-top__sub-tit {
    font-weight: 500;
    font-size: 16px;
    color: #495770;
    line-height: 24px
}

.solution-nav-top__sub-tit:before {
    content: "|";
    margin: 0 12px 0 8px;
    color: #000
}

.solution-nav-top__btn {
    position: absolute;
    top: 0;
    right: 0
}

.solution-nav-top__btn.tpm1-btn.size-xxl {
    min-width: 120px;
    padding: 0
}

.page-solution {
    -webkit-font-smoothing: antialiased
}

.page-solution button {
    font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif
}

.solution-hero {
    height: 500px
}

.solution-hero .tpm1-prod-hero__bg:after,.solution-hero .tpm1-prod-hero__bg:before {
    content: none
}

.solution-hero .tpm1-prod-hero__bg-inner {
    width: 2560px;
    height: 500px;
    left: 50%;
    /* background-image: url(images/solution-banner-new_a68.jpg); */
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-size: 100% 100%;
    background-position: 50%
}

.solution-hero .tpm1-prod-hero__tit {
    font-size: 42px;
    line-height: 54px
}

.solution-hero .tpm1-prod-hero__desc {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 769px) {
    .solution-case .tpm1-logo-card__wrap--fixcol {
        padding:0
    }

    .solution-case .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
        margin: 0 -6px
    }

    .solution-case .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list>li {
        width: 198.66667px
    }

    body {
        min-width: 1200px
    }

    .solution-hero .tpm1-prod-hero__bg:after,.solution-hero .tpm1-prod-hero__bg:before {
        width: 200px
    }

    .solution-hero .tpm1-prod-hero__bg:before {
        margin-right: 760px
    }

    .solution-hero .tpm1-prod-hero__bg:after {
        margin-left: 760px
    }
}

.solution-pc-hide {
    display: none!important
}

@media (max-width: 768px) {
    .solution-pad-block {
        display:block!important
    }

    .solution-pad-hide {
        display: none!important
    }

    .solution-hero {
        background-color: #eaf1f6;
        height: 436px
    }

    .solution-hero .tpm1-prod-hero__inner {
        padding-bottom: 50px;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .solution-hero .tpm1-prod-hero__content {
        padding: 0
    }

    .solution-hero .tpm1-prod-hero__tit {
        font-size: 24px;
        line-height: 32px
    }

    .solution-hero .tpm1-prod-hero__desc {
        font-size: 14px;
        line-height: 24px
    }

    .solution-hero .tpm1-prod-hero__bg-inner {
        top: 0;
        background-image: url(images/solution-banner-mobile_721.jpg)!important;
        width: 768px;
        height: 436px
    }

    .solution-hero .tpm1-prod-hero__btn {
        margin: 0 auto;
        width: 176px;
        -ms-flex: none;
        flex: none
    }
}

.solution-mask {
    opacity: .82;
    background: #000;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.solution-nav-dropdown {
    display: none;
    position: fixed;
    left: 0;
    top: 56px;
    z-index: 900;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    color: #666
}

.solution-nav-dropdown__hd {
    height: 42px;
    border-bottom: 1px solid #e3e8ed;
    padding: 9px 16px;
    box-sizing: border-box
}

.solution-nav-dropdown__hd-tit {
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.solution-nav-dropdown__hd-sub {
    font-weight: 500;
    font-size: 14px;
    color: #495770;
    line-height: 24px
}

.solution-nav-dropdown__hd-sub:before {
    content: "|";
    margin: 0 12px 0 8px;
    color: #666
}

.solution-nav-dropdown__btn-close {
    position: absolute;
    right: 16px;
    top: 13px;
    width: 16px;
    height: 16px;
    background-image: url(images/icon-close_b4f.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.solution-nav-dropdown__bd {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-height: calc(100vh - 42px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.solution-nav-dropdown__side {
    width: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f3f5f8
}

.solution-nav-dropdown__main {
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0
}

.solution-nav-dropdown__tab.on .solution-nav-dropdown__tab-link {
    position: relative
}

.solution-nav-dropdown__tab.on .solution-nav-dropdown__tab-link:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #0052d9
}

.solution-nav-dropdown__tab.active .solution-nav-dropdown__tab-link {
    color: #0052d9;
    position: relative;
    background-color: #fff
}

.solution-nav-dropdown__tab.active .solution-nav-dropdown__tab-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #0052d9
}

.solution-nav-dropdown__tab.active .solution-nav-dropdown__tab-link:after {
    display: none
}

.solution-nav-dropdown__tab-link {
    display: block;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.solution-nav-dropdown__tab-link--sub {
    font-size: 14px;
    color: #495770;
    line-height: 24px;
    padding: 8px 32px;
    display: block
}

.solution-nav-dropdown__tab--sub.active .solution-nav-dropdown__tab-link--sub {
    position: relative
}

.solution-nav-dropdown__tab--sub.active .solution-nav-dropdown__tab-link--sub:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #0052d9;
    border-radius: 50%
}

#FEFLOW {
    content: xlg202306051452
}