[class*=mt-],
[class^=mt-] {
    box-sizing: border-box
}

[class*=mt-]:focus,
[class^=mt-]:focus {
    outline: none
}

[class*=mt-]:active,
[class^=mt-]:active {
    -webkit-tap-highlight-color: transparent
}

body {
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    font-family: -apple-system, BlinkMacSystemFont, pingfang SC, Hiragina Sans GB, Helvetica Neue, Helvetica, microsoft yahei ui, microsoft yahei, simsun, arial, sans-serif
}

.mt-body {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1220px
}

a,
a:hover {
    text-decoration: none
}

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

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

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

@media (max-width:767px) {
    .mt-767-hide {
        display: none !important
    }

    .mt-767-block {
        display: block !important
    }

    .mt-767-inline-block {
        display: inline-block !important
    }
}

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

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

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

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

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

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

.text-blue {
    color: #429b2a
}

@font-face {
    font-family: TCloudNumber;
    src: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/media/TCloudNumberaa3.da38a41a.woff2) format("woff2"), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/media/TCloudNumber4df.0bad341d.woff) format("woff"), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/media/TCloudNumber05c.b7cec949.ttf) format("truetype"), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/TCloudNumber97f-5fb30aa14e36e7f9.svg#TCloudNumber) format("svg")
}

@font-face {
    font-family: Tencent-W7;
    src: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/media/TencentSans-W7508.d9daab5b.woff2) format("woff2"), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/media/TencentSans-W7baf.3aa7b670.woff) format("woff"), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/media/TencentSans-W7f01.6a79a5e8.ttf) format("truetype"), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/TencentSans-W7271-4fb2b4a9f7718e0f.svg) format("svg")
}

@media screen and (max-width:600px) {
    .mt-body {
        padding: 0 16px
    }
}

.mt-btn {
    display: inline-block;
    min-width: 110px;
    height: 40px;
    background: #429b2a;
    border-radius: 8px;
    padding: 0 10px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.mt-btn,
.mt-btn:hover {
    text-decoration: none
}

@media screen and (any-hover:hover) {
    .mt-btn:hover {
        background-color: #53d530
    }
}

.mt-btn:active {
    background-color: #53d530
}

.mt-btn:disabled {
    background: var(---Disabled, rgba(0, 113, 255, .3));
    box-shadow: 0 4px 20px 0 rgba(0, 105, 205, .1);
    pointer-events: none
}

.mt-btn.weak {
    background-color: #fff;
    color: #000
}

.mt-btn.outline-black {
    background-color: transparent;
    color: #000;
    border: 1px solid #000
}

@media screen and (any-hover:hover) {
    .mt-btn.outline-black:hover {
        color: #429b2a;
        border-color: #429b2a
    }
}

.mt-btn.outline-black:active {
    color: #198cff;
    border-color: #198cff
}

.mt-btn.outline-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

@media screen and (any-hover:hover) {
    .mt-btn.outline-white:hover {
        color: #429b2a;
        border-color: #429b2a
    }
}

.mt-btn.outline-white:active {
    color: #198cff;
    border-color: #198cff
}

.mt-btn.outline {
    background-color: transparent;
    color: #429b2a;
    border: 1px solid #429b2a
}

@media screen and (any-hover:hover) {
    .mt-btn.outline:hover {
        color: #198cff;
        border-color: #198cff
    }
}

.mt-btn.outline:active {
    color: #0054e6;
    border-color: #0054e6
}

.mt-btn.round {
    border-radius: 50px
}

.mt-btn.buy {
    background: linear-gradient(180deg, #ffc020 16.83%, #ff7222 87.44%);
    color: #fff;
    border: 0
}

@media screen and (any-hover:hover) {
    .mt-btn.buy:hover {
        background: linear-gradient(201.07deg, #ffd364 16.83%, #ffa564 87.44%)
    }
}

.mt-btn.buy:active {
    background: linear-gradient(201.07deg, #ffc020 16.83%, #ff7222 87.44%)
}

@media screen and (any-hover:hover) {
    .mt-btn.weak:hover {
        background: #53d530;
        color: #fff
    }
}

.mt-btn.round-outline {
    background-color: transparent;
    border-radius: 20px;
    border-color: #429b2a;
    color: #429b2a
}

@media screen and (any-hover:hover) {
    .mt-btn.round-outline:hover {
        background-color: #429b2a;
        color: #fff
    }
}

.mt-btn.round-weak {
    background-color: #fff;
    border-radius: 20px;
    color: #000
}

@media screen and (any-hover:hover) {
    .mt-btn.round-weak:hover {
        background-color: #429b2a;
        color: #fff
    }
}

.mt-btn.round-black {
    color: #fff;
    border-radius: 40px;
    background-color: #1c1c1c
}

@media screen and (any-hover:hover) {
    .mt-btn.round-black:hover {
        background-color: #3c3c3c
    }
}

.mt-btn.round-black:active,
.mt-btn.round-black:focus {
    background-color: #000
}

.mt-footer {
    background: #fafafc;
    padding: 40px 20px
}

.mt-footer-inner {
    margin: 0 auto;
    max-width: 1180px
}

.mt-footer-section {
    display: flex;
    align-items: flex-start;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.mt-footer-main {
    width: 1px;
    flex: 1
}

.mt-footer-menu {
    display: flex;
    align-items: flex-start
}

.mt-footer-menu-cell {
    width: 150px;
    padding-right: 10px
}

.mt-footer-menu-title {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #0f001a
}

.mt-footer-menu-links li {
    margin-bottom: 8px
}

.mt-footer-menu-links a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #616b90;
    text-decoration: none
}

.mt-footer-menu-links a:hover {
    color: #429b2a;
    text-decoration: none
}

.mt-footer-group-title {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 16px;
    color: #0f001a;
    font-weight: 400
}

.mt-footer-group.contacts {
    margin-right: 60px
}

.mt-footer-contacts {
    display: flex
}

.mt-footer-contact {
    margin-right: 15px
}

.mt-footer-contact:last-child {
    margin-right: 0
}

.mt-footer-contact .icon {
    display: block;
    background-repeat: no-repeat
}

.mt-footer-contact .icon.weibo {
    width: 20px;
    height: 17px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/weibo1a0-4b1f6d308ece1d62.svg)
}

.mt-footer-contact .icon.zhihu {
    width: 16px;
    height: 17px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/zhihuf5d-90b280c9e9a338b4.svg)
}

.mt-footer-contact .icon.bilibili {
    width: 17px;
    height: 17px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bilibili4ee-b698795371b6238a.svg)
}

.mt-footer-contact a:hover .icon.weibo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/weibo-hovera77-a8e27e438998d0bc.svg)
}

.mt-footer-contact a:hover .icon.zhihu {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/zhihu-hover3b1-07cb6512ccf52efe.svg)
}

.mt-footer-contact a:hover .icon.bilibili {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bilibili-hover5ac-019af605556d55ba.svg)
}

.mt-footer-group.qrcode {
    text-align: center
}

.mt-footer-qrcode {
    width: 80px;
    height: 80px
}

.mt-footer-qrcode img {
    display: block;
    width: 100%;
    height: 100%
}

.mt-footer-bar {
    position: relative
}

.mt-footer-links {
    margin-right: 30px;
    font-size: 12px;
    line-height: 18px;
    color: #616b90;
    display: flex;
    align-items: center
}

.mt-footer-split {
    display: block;
    width: 1px;
    height: 12px;
    background-color: #616b90;
    margin: 0 5px
}

.mt-footer-link {
    color: inherit;
    text-decoration: none
}

.mt-footer-link:hover {
    color: #429b2a;
    text-decoration: none
}

.mt-footer-copyright {
    margin-top: 8px;
    font-size: 12px;
    line-height: 24px;
    color: #616b90
}

.mt-footer-lang-wrap {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #565e66
}

.mt-footer-lang-title {
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    margin-right: 8px
}

.mt-footer-lang {
    position: relative
}

.mt-footer-lang-btn {
    border-width: 0;
    background-color: transparent;
    padding: 0 20px 0 0;
    position: relative;
    cursor: pointer;
    color: #565e66
}

.mt-footer-lang-btn:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    border-color: #565e66 transparent;
    border-style: solid;
    border-width: 4px 4px 0
}

.mt-footer-lang-dropdown {
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 10;
    margin-left: -78px;
    margin-bottom: 12px;
    width: 128px;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 8px;
    padding: 16px;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.mt-footer-lang.is-open .mt-footer-lang-dropdown {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.mt-footer-lang-item+.mt-footer-lang-item {
    margin-top: 16px
}

.mt-footer-lang-item a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #2d3033;
    text-align: center
}

.mt-footer-lang-item a:hover,
.mt-footer-lang-item.is-active a {
    color: #429b2a;
    text-decoration: none
}

.mt-m-footer {
    display: none
}

@media screen and (max-width:1000px) {
    .mt-footer {
        display: none
    }

    .mt-m-footer {
        display: block;
        text-align: center;
        padding: 40px 0;
        background: #fafafc
    }

    .mt-m-footer-qrcode-wrap {
        text-align: center;
        margin-bottom: 12px
    }

    .mt-m-footer-qrcode-title {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #0f001a
    }

    .mt-m-footer-qrcode {
        margin: 0 auto;
        width: 80px;
        height: 80px
    }

    .mt-m-footer-qrcode img {
        display: block;
        width: 100%;
        height: 100%
    }

    .mt-m-footer-links a {
        display: block;
        margin-bottom: 14px
    }

    .mt-m-footer-copyright,
    .mt-m-footer-links a {
        font-size: 12px;
        line-height: 14px;
        color: #4e5461
    }

    .mt-m-footer-copyright p {
        margin-bottom: 14px
    }

    .mt-m-footer-copyright p:last-child {
        margin-bottom: 0
    }
}

.mt-grid__layout {
    overflow: hidden
}

.mt-grid__row {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0
}

.mt-grid__row--start {
    justify-content: flex-start
}

.mt-grid__row--center {
    justify-content: center
}

.mt-grid__row--end {
    justify-content: flex-end
}

.mt-grid__row--space-between {
    justify-content: space-between
}

.mt-grid__row--space-around {
    justify-content: space-around
}

.mt-grid__row--top {
    align-items: flex-start
}

.mt-grid__row--middle {
    align-items: center
}

.mt-grid__row--bottom {
    align-items: flex-end
}

.mt-grid__row--split-line .mt-grid__col {
    position: relative
}

.mt-grid__row--split-line .mt-grid__col:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #999;
    content: ""
}

.mt-grid__col {
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1
}

.mt-grid__col--1-5 {
    width: 20%
}

.mt-grid__col--1-5,
.mt-grid__col--1-7 {
    display: block;
    flex: 0 0 auto;
    -webkit-box-flex: 0
}

.mt-grid__col--1-7 {
    width: 14.2857142857%
}

.mt-grid__col--1-9 {
    display: block;
    flex: 0 0 auto;
    width: 11.1111111111%;
    -webkit-box-flex: 0
}

.mt-grid__col--0 {
    display: none
}

.mt-grid__col--order-0 {
    order: 0
}

.mt-grid__col--1 {
    display: block;
    flex: 0 0 auto;
    width: 4.1666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-1 {
    order: 1
}

.mt-grid__col--2 {
    display: block;
    flex: 0 0 auto;
    width: 8.3333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-2 {
    order: 2
}

.mt-grid__col--3 {
    display: block;
    flex: 0 0 auto;
    width: 12.5%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-3 {
    order: 3
}

.mt-grid__col--4 {
    display: block;
    flex: 0 0 auto;
    width: 16.6666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-4 {
    order: 4
}

.mt-grid__col--5 {
    display: block;
    flex: 0 0 auto;
    width: 20.8333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-5 {
    order: 5
}

.mt-grid__col--6 {
    display: block;
    flex: 0 0 auto;
    width: 25%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-6 {
    order: 6
}

.mt-grid__col--7 {
    display: block;
    flex: 0 0 auto;
    width: 29.1666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-7 {
    order: 7
}

.mt-grid__col--8 {
    display: block;
    flex: 0 0 auto;
    width: 33.3333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-8 {
    order: 8
}

.mt-grid__col--9 {
    display: block;
    flex: 0 0 auto;
    width: 37.5%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-9 {
    order: 9
}

.mt-grid__col--10 {
    display: block;
    flex: 0 0 auto;
    width: 41.6666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-10 {
    order: 10
}

.mt-grid__col--11 {
    display: block;
    flex: 0 0 auto;
    width: 45.8333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-11 {
    order: 11
}

.mt-grid__col--12 {
    display: block;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-12 {
    order: 12
}

.mt-grid__col--13 {
    display: block;
    flex: 0 0 auto;
    width: 54.1666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-13 {
    order: 13
}

.mt-grid__col--14 {
    display: block;
    flex: 0 0 auto;
    width: 58.3333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-14 {
    order: 14
}

.mt-grid__col--15 {
    display: block;
    flex: 0 0 auto;
    width: 62.5%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-15 {
    order: 15
}

.mt-grid__col--16 {
    display: block;
    flex: 0 0 auto;
    width: 66.6666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-16 {
    order: 16
}

.mt-grid__col--17 {
    display: block;
    flex: 0 0 auto;
    width: 70.8333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-17 {
    order: 17
}

.mt-grid__col--18 {
    display: block;
    flex: 0 0 auto;
    width: 75%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-18 {
    order: 18
}

.mt-grid__col--19 {
    display: block;
    flex: 0 0 auto;
    width: 79.1666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-19 {
    order: 19
}

.mt-grid__col--20 {
    display: block;
    flex: 0 0 auto;
    width: 83.3333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-20 {
    order: 20
}

.mt-grid__col--21 {
    display: block;
    flex: 0 0 auto;
    width: 87.5%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-21 {
    order: 21
}

.mt-grid__col--22 {
    display: block;
    flex: 0 0 auto;
    width: 91.6666666667%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-22 {
    order: 22
}

.mt-grid__col--23 {
    display: block;
    flex: 0 0 auto;
    width: 95.8333333333%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-23 {
    order: 23
}

.mt-grid__col--24 {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    -webkit-box-flex: 0
}

.mt-grid__col--order-24 {
    order: 24
}

@media (max-width:1200px) {
    .mt-grid__col--pad-1-5 {
        width: 20%
    }

    .mt-grid__col--pad-1-5,
    .mt-grid__col--pad-1-7 {
        display: block;
        flex: 0 0 auto;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-1-7 {
        width: 14.2857142857%
    }

    .mt-grid__col--pad-1-9 {
        display: block;
        flex: 0 0 auto;
        width: 11.1111111111%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-0 {
        display: none
    }

    .mt-grid__col--pad-order-0 {
        order: 0
    }

    .mt-grid__col--pad-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-1 {
        order: 1
    }

    .mt-grid__col--pad-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-2 {
        order: 2
    }

    .mt-grid__col--pad-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-3 {
        order: 3
    }

    .mt-grid__col--pad-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-4 {
        order: 4
    }

    .mt-grid__col--pad-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-5 {
        order: 5
    }

    .mt-grid__col--pad-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-6 {
        order: 6
    }

    .mt-grid__col--pad-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-7 {
        order: 7
    }

    .mt-grid__col--pad-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-8 {
        order: 8
    }

    .mt-grid__col--pad-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-9 {
        order: 9
    }

    .mt-grid__col--pad-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-10 {
        order: 10
    }

    .mt-grid__col--pad-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-11 {
        order: 11
    }

    .mt-grid__col--pad-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-12 {
        order: 12
    }

    .mt-grid__col--pad-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-13 {
        order: 13
    }

    .mt-grid__col--pad-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-14 {
        order: 14
    }

    .mt-grid__col--pad-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-15 {
        order: 15
    }

    .mt-grid__col--pad-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-16 {
        order: 16
    }

    .mt-grid__col--pad-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-17 {
        order: 17
    }

    .mt-grid__col--pad-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-18 {
        order: 18
    }

    .mt-grid__col--pad-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-19 {
        order: 19
    }

    .mt-grid__col--pad-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-20 {
        order: 20
    }

    .mt-grid__col--pad-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-21 {
        order: 21
    }

    .mt-grid__col--pad-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-22 {
        order: 22
    }

    .mt-grid__col--pad-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-23 {
        order: 23
    }

    .mt-grid__col--pad-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--pad-order-24 {
        order: 24
    }
}

@media (max-width:600px) {
    .mt-grid__col--phone-1-5 {
        display: block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-1-7 {
        display: block;
        flex: 0 0 auto;
        width: 14.2857142857%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-1-9 {
        display: block;
        flex: 0 0 auto;
        width: 11.1111111111%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-0 {
        display: none
    }

    .mt-grid__col--phone-order-0 {
        order: 0
    }

    .mt-grid__col--phone-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-1 {
        order: 1
    }

    .mt-grid__col--phone-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-2 {
        order: 2
    }

    .mt-grid__col--phone-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-3 {
        order: 3
    }

    .mt-grid__col--phone-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-4 {
        order: 4
    }

    .mt-grid__col--phone-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-5 {
        order: 5
    }

    .mt-grid__col--phone-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-6 {
        order: 6
    }

    .mt-grid__col--phone-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-7 {
        order: 7
    }

    .mt-grid__col--phone-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-8 {
        order: 8
    }

    .mt-grid__col--phone-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-9 {
        order: 9
    }

    .mt-grid__col--phone-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-10 {
        order: 10
    }

    .mt-grid__col--phone-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-11 {
        order: 11
    }

    .mt-grid__col--phone-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-12 {
        order: 12
    }

    .mt-grid__col--phone-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-13 {
        order: 13
    }

    .mt-grid__col--phone-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-14 {
        order: 14
    }

    .mt-grid__col--phone-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-15 {
        order: 15
    }

    .mt-grid__col--phone-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-16 {
        order: 16
    }

    .mt-grid__col--phone-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-17 {
        order: 17
    }

    .mt-grid__col--phone-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-18 {
        order: 18
    }

    .mt-grid__col--phone-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-19 {
        order: 19
    }

    .mt-grid__col--phone-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-20 {
        order: 20
    }

    .mt-grid__col--phone-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-21 {
        order: 21
    }

    .mt-grid__col--phone-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-22 {
        order: 22
    }

    .mt-grid__col--phone-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-23 {
        order: 23
    }

    .mt-grid__col--phone-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .mt-grid__col--phone-order-24 {
        order: 24
    }
}

.mt-grid__row.mt-grid--gutter-0n {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.mt-grid__row.mt-grid--gutter-0n .mt-grid__col {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.mt-grid__row.mt-grid--gutter-1n {
    margin-right: -2px;
    margin-bottom: -4px;
    margin-left: -2px
}

.mt-grid__row.mt-grid--gutter-1n .mt-grid__col {
    margin-bottom: 4px;
    padding-right: 2px;
    padding-left: 2px
}

.mt-grid__row.mt-grid--gutter-2n {
    margin-right: -4px;
    margin-bottom: -8px;
    margin-left: -4px
}

.mt-grid__row.mt-grid--gutter-2n .mt-grid__col {
    margin-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px
}

.mt-grid__row.mt-grid--gutter-3n {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px
}

.mt-grid__row.mt-grid--gutter-3n .mt-grid__col {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px
}

.mt-grid__row.mt-grid--gutter-4n {
    margin-right: -8px;
    margin-bottom: -16px;
    margin-left: -8px
}

.mt-grid__row.mt-grid--gutter-4n .mt-grid__col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.mt-grid__row.mt-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px
}

.mt-grid__row.mt-grid--gutter-5n .mt-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.mt-grid__row.mt-grid--gutter-6n {
    margin-right: -12px;
    margin-bottom: -24px;
    margin-left: -12px
}

.mt-grid__row.mt-grid--gutter-6n .mt-grid__col {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

.mt-grid__row.mt-grid--gutter-7n {
    margin-right: -14px;
    margin-bottom: -28px;
    margin-left: -14px
}

.mt-grid__row.mt-grid--gutter-7n .mt-grid__col {
    margin-bottom: 28px;
    padding-right: 14px;
    padding-left: 14px
}

.mt-grid__row.mt-grid--gutter-8n {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px
}

.mt-grid__row.mt-grid--gutter-8n .mt-grid__col {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px
}

.mt-grid__row.mt-grid--gutter-9n {
    margin-right: -18px;
    margin-bottom: -36px;
    margin-left: -18px
}

.mt-grid__row.mt-grid--gutter-9n .mt-grid__col {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 18px
}

.mt-grid__row.mt-grid--gutter-10n {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px
}

.mt-grid__row.mt-grid--gutter-10n .mt-grid__col {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width:1200px) {
    .mt-grid__row.mt-grid--gutter-pad-0n {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .mt-grid__row.mt-grid--gutter-pad-0n .mt-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .mt-grid__row.mt-grid--gutter-pad-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .mt-grid__row.mt-grid--gutter-pad-1n .mt-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .mt-grid__row.mt-grid--gutter-pad-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .mt-grid__row.mt-grid--gutter-pad-2n .mt-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .mt-grid__row.mt-grid--gutter-pad-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .mt-grid__row.mt-grid--gutter-pad-3n .mt-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .mt-grid__row.mt-grid--gutter-pad-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .mt-grid__row.mt-grid--gutter-pad-4n .mt-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .mt-grid__row.mt-grid--gutter-pad-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .mt-grid__row.mt-grid--gutter-pad-5n .mt-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .mt-grid__row.mt-grid--gutter-pad-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .mt-grid__row.mt-grid--gutter-pad-6n .mt-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .mt-grid__row.mt-grid--gutter-pad-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .mt-grid__row.mt-grid--gutter-pad-7n .mt-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .mt-grid__row.mt-grid--gutter-pad-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .mt-grid__row.mt-grid--gutter-pad-8n .mt-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .mt-grid__row.mt-grid--gutter-pad-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .mt-grid__row.mt-grid--gutter-pad-9n .mt-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .mt-grid__row.mt-grid--gutter-pad-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .mt-grid__row.mt-grid--gutter-pad-10n .mt-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:600px) {
    .mt-grid__row.mt-grid--gutter-phone-0n {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .mt-grid__row.mt-grid--gutter-phone-0n .mt-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .mt-grid__row.mt-grid--gutter-phone-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .mt-grid__row.mt-grid--gutter-phone-1n .mt-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .mt-grid__row.mt-grid--gutter-phone-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .mt-grid__row.mt-grid--gutter-phone-2n .mt-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .mt-grid__row.mt-grid--gutter-phone-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .mt-grid__row.mt-grid--gutter-phone-3n .mt-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .mt-grid__row.mt-grid--gutter-phone-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .mt-grid__row.mt-grid--gutter-phone-4n .mt-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .mt-grid__row.mt-grid--gutter-phone-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .mt-grid__row.mt-grid--gutter-phone-5n .mt-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .mt-grid__row.mt-grid--gutter-phone-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .mt-grid__row.mt-grid--gutter-phone-6n .mt-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .mt-grid__row.mt-grid--gutter-phone-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .mt-grid__row.mt-grid--gutter-phone-7n .mt-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .mt-grid__row.mt-grid--gutter-phone-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .mt-grid__row.mt-grid--gutter-phone-8n .mt-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .mt-grid__row.mt-grid--gutter-phone-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .mt-grid__row.mt-grid--gutter-phone-9n .mt-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .mt-grid__row.mt-grid--gutter-phone-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .mt-grid__row.mt-grid--gutter-phone-10n .mt-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.mt-link {
    cursor: pointer
}

.mt-link,
.mt-link:hover {
    color: #53d530;
    text-decoration: none
}

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

.mt-link-arrow:after,
.mt-link-white-arrow:after {
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: -1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEwTDUuNSA1LjVMMSAxIiBzdHJva2U9IiMwMDZmZmYiLz4KPC9zdmc+Cg==);
    transition: transform .4s;
    content: "";
    background-repeat: no-repeat;
    background-size: contain
}

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

.mt-link-arrow:hover:after,
.mt-link-white-arrow:hover:after {
    transform: translateX(4px)
}

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

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

.mt-link-white-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEwTDUuNSA1LjVMMSAxIiBzdHJva2U9IiNmZmYiLz4KPC9zdmc+Cg==)
}

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

.mt-link-white-arrow:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEwTDUuNSA1LjVMMSAxIiBzdHJva2U9IiNmZmYiLz4KPC9zdmc+Cg==)
}

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

.mt-link-arrow-left:before,
.mt-link-white-arrow-left:before {
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-right: 6px;
    overflow: hidden;
    vertical-align: -1px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCA2IDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctbGVmdDwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJsaW5rLWFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMjUwMDAwLCA1LjUwMDAwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMy4yNTAwMDAsIC01LjUwMDAwMCkgdHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIHN0cm9rZT0iIzAwNmZmZiI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6EIiBwb2ludHM9IjAgOSA0LjUgNC41IDAgMCI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    transition: transform .4s;
    content: ""
}

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

.mt-link-arrow-left:hover:before,
.mt-link-white-arrow-left:hover:before {
    transform: translateX(-4px)
}

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

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

.mt-link-white-arrow-left:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCA2IDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctbGVmdDwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJsaW5rLWFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMjUwMDAwLCA1LjUwMDAwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMy4yNTAwMDAsIC01LjUwMDAwMCkgdHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIHN0cm9rZT0iI2ZmZiI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6EIiBwb2ludHM9IjAgOSA0LjUgNC41IDAgMCI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

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

.mt-link-white-arrow-left:hover:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCA2IDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctbGVmdDwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJsaW5rLWFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMjUwMDAwLCA1LjUwMDAwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMy4yNTAwMDAsIC01LjUwMDAwMCkgdHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIHN0cm9rZT0iI2ZmZiI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6EIiBwb2ludHM9IjAgOSA0LjUgNC41IDAgMCI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

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

.mt-link-arrow-top:after,
.mt-link-white-arrow-top:after {
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctdG9wPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxpbmstYXJyb3ctdG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI1MDAwMCwgMy41MDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuMjUwMDAwLCAtMy41MDAwMDApIHRyYW5zbGF0ZSgzLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjMDA2ZmZmIj4KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQiIHBvaW50cz0iMCA5IDQuNSA0LjUgMCAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    content: ""
}

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

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

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

.mt-link-white-arrow-top:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctdG9wPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxpbmstYXJyb3ctdG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI1MDAwMCwgMy41MDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuMjUwMDAwLCAtMy41MDAwMDApIHRyYW5zbGF0ZSgzLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjZmZmIj4KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQiIHBvaW50cz0iMCA5IDQuNSA0LjUgMCAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
}

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

.mt-link-white-arrow-top:hover:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctdG9wPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxpbmstYXJyb3ctdG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI1MDAwMCwgMy41MDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUuMjUwMDAwLCAtMy41MDAwMDApIHRyYW5zbGF0ZSgzLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjZmZmIj4KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQiIHBvaW50cz0iMCA5IDQuNSA0LjUgMCAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
}

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

.mt-link-arrow-bottom:after,
.mt-link-white-arrow-bottom:after {
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctYm90dG9tPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxpbmstYXJyb3ctYm90dG9tIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI1MDAwMCwgMy41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNS4yNTAwMDAsIC0zLjUwMDAwMCkgdHJhbnNsYXRlKDMuMDAwMDAwLCAtMS4wMDAwMDApIiBzdHJva2U9IiMwMDZmZmYiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDkgNC41IDQuNSAwIDAiPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    content: ""
}

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

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

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

.mt-link-white-arrow-bottom:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctYm90dG9tPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxpbmstYXJyb3ctYm90dG9tIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI1MDAwMCwgMy41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNS4yNTAwMDAsIC0zLjUwMDAwMCkgdHJhbnNsYXRlKDMuMDAwMDAwLCAtMS4wMDAwMDApIiBzdHJva2U9IiNmZmYiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDkgNC41IDQuNSAwIDAiPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

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

.mt-link-white-arrow-bottom:hover:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpbmstYXJyb3ctYm90dG9tPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxpbmstYXJyb3ctYm90dG9tIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjI1MDAwMCwgMy41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNS4yNTAwMDAsIC0zLjUwMDAwMCkgdHJhbnNsYXRlKDMuMDAwMDAwLCAtMS4wMDAwMDApIiBzdHJva2U9IiNmZmYiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDkgNC41IDQuNSAwIDAiPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

.mt-link-arrow-round:after {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    background-size: 100%;
    margin-left: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALLSURBVHgBxZm/ctNAEId/Jyo6Q0ujPAATDwUtCk8ALQ3O0DKxwgsQniC2oY/T0OYRrLRpUHpmbAparI4qvuzqdGNZliXd6WR/M/J/yZ/3Tqu9tYAtoQywwjEEAnrWp62XbUxC2yLdJO7hIcJIRLBAGH06lD2SGtJeYU6mKQvaItr3G8kumu7UTJDFJL7yI7hh2lS0XvBMcsQuYB6xOnj4LzAR11UfqhYcyku4i9ouRhiL811vlguqIb2hRwH2Q0wmJzTkSfENr/TjEjPsT47pZwHZYltQDWsf+yfIvnuDzSEO5YB+yRUOyQrn+C5G+ulaMJR+NrQ+DktCVkd6Pq6HeJWmEh+G9J4Cs880bek3X31Qz1uic26KiqCK3hwWDF4rMU38Fzj5QWH4j3YIPOMoqgiq6FlRjFj/hYpo60iuVP5VggJvYMn0TkUtjxNJQdf89I6rEnVyWKPnIYvlaT3clLw9CmWAlrAAiziP5AP6HlkewwGdSFKtyXPQhyOcS1LwnAoydZKG9FjQdZ1XKRma5Yueh45gydOf26+bDjMLJugA/zlw82n79fk/mJB0IshyPN/4Pg8P+fUdTFiwYAyHVMnxvDRC4g8n6ls4ok7O4ooSe3jiJoIdyPEZEqlyayiXaJFuOpHjZelYHKk0IzGGJbpQcCzHRHyjBD2MYMm7l53IIe08QAty/W8ZxWLidVRRT3VbZH0l8dKq2jgncsGqc1v024ncXEePKS47Q4rkJQ6JxCDfr9m8Fo9oPdrihGmNoHOh0Ewq780M5b5bH8wvSiuvii+WVzMC7+H4EljDjL7zLUpVqjij5Xi2uuoISccf09Ta2X6rrgcnIqQDnEK1b12zpGN/qZJjmraA/XRxL/AR7VFRQ9oCrk1rpk10LcqFu99wL5ndc1NoAu6oNhCzE8yj/oYIsmWrn2264FhCJf2Y9G5pIt3b/g3xCFKPBtOLl2G4AAAAAElFTkSuQmCC);
    transition: transform .4s;
    content: ""
}

.mt-link-arrow-round:hover:after {
    transform: translateX(4px)
}

.mt-nav__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    width: 100%;
    padding: 32px 0 23px
}

.mt-nav__dropdown:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mt-nav__dropdown-inner {
    padding-left: 238px;
    display: flex
}

.mt-nav__group {
    position: relative;
    box-sizing: border-box
}

.mt-nav__group+.mt-nav__group {
    margin-left: 24px;
    padding-left: 36px
}

.mt-nav__group+.mt-nav__group:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 16px;
    width: 1px;
    background: linear-gradient(0deg, #e6e6e6, hsla(0, 0%, 90%, 0))
}

.mt-nav__group-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #4e5461;
    margin-bottom: 12px
}

.mt-nav__group-menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px
}

.mt-nav__group-item {
    margin-right: 24px
}

.mt-nav__group-item a {
    display: block;
    padding: 12px 16px 12px 44px;
    position: relative
}

.mt-nav__group-item-icon {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 24px;
    height: 24px
}

.mt-nav__group-item-title {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #2d3033
}

.mt-nav__group-item-desc {
    font-size: 12px;
    line-height: 18px;
    color: #7e868f
}

.mt-nav__group-item a:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
    border-radius: 6px;
    text-decoration: none
}

@media screen and (max-width:1600px) {
    .mt-nav__dropdown {
        padding-left: 20px;
        padding-right: 20px
    }

    .mt-nav__dropdown-inner {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0
    }
}

.mt-nav__bubble {
    position: absolute;
    left: -40px;
    top: 100%;
    padding-top: 34px;
    transition: all .3s ease-in-out;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden
}

.mt-nav-bubble-wrap:hover .mt-nav__bubble {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.mt-nav__bubble-inner {
    position: relative;
    width: 230px;
    box-sizing: border-box;
    padding: 24px 24px 16px;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 8px
}

.mt-nav__bubble-user {
    position: relative;
    padding-left: 76px;
    padding-bottom: 20px;
    padding-top: 6px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ddd;
    min-height: 80px
}

.mt-nav__bubble-avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 70%, .5);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.mt-nav__bubble-avatar.is-company:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiMzOTQzNTYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjU1Njg2IDQuNTE3NzRMOC4wMDEzIDIuNjY2NVYxMS4xNTE0SDguODkwMTlWNC41MTc3NEwxMi40NDU3IDYuMDYwNDRWMTEuMTUxNEgxMy4zMzQ2VjExLjk5OThMMTIuNDQ1NyAxMS45OTk4SDguODkwMTlMOC4wMDEzIDExLjk5OThIMy41NTY4NkgyLjY2Nzk3VjExLjE1MTRIMy41NTY4NlY0LjUxNzc0WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzJfMTYyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzJfMTYyIiB4MT0iMi42Njc5NyIgeTE9IjIuNjY2NSIgeDI9IjIuNjY3OTciIHkyPSIxMS45OTk4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0UxRUJGNSIgc3RvcC1vcGFjaXR5PSIwLjg4Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.mt-nav__bubble-name {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #2d3033
}

.mt-nav__bubble-desc a,
.mt-nav__bubble-name {
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-nav__bubble-desc a {
    display: block;
    font-size: 12px;
    color: #006eff
}

.mt-nav__bubble-desc a:hover {
    text-decoration: none;
    color: #198cff
}

.mt-nav__bubble-desc a:active {
    color: #000
}

.mt-nav__bubble-tag {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    width: 52px;
    height: 18px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/tag-personcf6-12dcf3b43826baaf.png)
}

.mt-nav__bubble-menu+.mt-nav__bubble-menu {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ddd
}

.mt-nav__bubble-item {
    margin-bottom: 16px
}

.mt-nav__bubble-item:last-child {
    margin-bottom: 0
}

.mt-nav__bubble-item a {
    display: block;
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.mt-nav__bubble-item a:hover {
    color: #53d530;
    text-decoration: none
}

.mt-nav__bubble-icon {
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-settingecb-dc7f54aad4ea6ddc.svg)
}

.mt-nav__bubble-icon.user {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTAuNjY2NkMzIDEwLjExNDMgMy40NDc3MiA5LjY2NjYzIDQgOS42NjY2M0gxMS42NjY3QzEyLjIxOSA5LjY2NjYzIDEyLjY2NjcgMTAuMTE0MyAxMi42NjY3IDEwLjY2NjZWMTMuNUgzVjEwLjY2NjZaIiBzdHJva2U9IiM3RTg2OEYiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSI3LjgzMzMzIiBjeT0iNC4zMzMzMyIgcj0iMi4zMzMzMyIgc3Ryb2tlPSIjN0U4NjhGIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==)
}

.mt-nav__bubble-icon.account {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDYxNTUgMTAuNUgxMy42OTU1QzEzLjgxMTcgMTAuNSAxMy44NzIzIDEwLjYzODQgMTMuNzkzNSAxMC43MjM4TDExLjY5MjMgMTMiIHN0cm9rZT0iIzdFODY4RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEzLjUzODUgNS41SDIuMzA0NTJDMi4xODgyOSA1LjUgMi4xMjc3MSA1LjM2MTY0IDIuMjA2NTUgNS4yNzYyM0w0LjMwNzY4IDMiIHN0cm9rZT0iIzdFODY4RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==)
}

.mt-nav__bubble-icon.exit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkgzQzIuNDQ3NzIgMiAyIDIuNDQ3NzIgMiAzVjEzQzIgMTMuNTUyMyAyLjQ0NzcyIDE0IDMgMTRIOCIgc3Ryb2tlPSIjN0U4NjhGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuMjg1NiA0LjU3MTQxTDEzLjcxNDIgNy45OTk5OEwxMC4yODU2IDExLjQyODYiIHN0cm9rZT0iIzdFODY4RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYgOEgxMy4yODU3IiBzdHJva2U9IiM3RTg2OEYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-nav__bubble-item a:hover .mt-nav__bubble-icon {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-setting-hover2ae-a30e0e2d99d35d5d.svg)
}

.mt-nav__bubble-item a:hover .mt-nav__bubble-icon.user {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTAuNjY2NkMzIDEwLjExNDMgMy40NDc3MiA5LjY2NjYzIDQgOS42NjY2M0gxMS42NjY3QzEyLjIxOSA5LjY2NjYzIDEyLjY2NjcgMTAuMTE0MyAxMi42NjY3IDEwLjY2NjZWMTMuNUgzVjEwLjY2NjZaIiBzdHJva2U9IiMwMDZGRkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSI3LjgzMzMzIiBjeT0iNC4zMzMzMyIgcj0iMi4zMzMzMyIgc3Ryb2tlPSIjMDA2RkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==)
}

.mt-nav__bubble-item a:hover .mt-nav__bubble-icon.account {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDYxNTUgMTAuNUgxMy42OTU1QzEzLjgxMTcgMTAuNSAxMy44NzIzIDEwLjYzODQgMTMuNzkzNSAxMC43MjM4TDExLjY5MjMgMTMiIHN0cm9rZT0iIzAwNkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEzLjUzODUgNS41SDIuMzA0NTJDMi4xODgyOSA1LjUgMi4xMjc3MSA1LjM2MTY0IDIuMjA2NTUgNS4yNzYyM0w0LjMwNzY4IDMiIHN0cm9rZT0iIzAwNkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==)
}

.mt-nav__bubble-item a:hover .mt-nav__bubble-icon.exit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkgzQzIuNDQ3NzIgMiAyIDIuNDQ3NzIgMiAzVjEzQzIgMTMuNTUyMyAyLjQ0NzcyIDE0IDMgMTRIOCIgc3Ryb2tlPSIjMDA2RkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuMjg1NiA0LjU3MTQxTDEzLjcxNDIgNy45OTk5OEwxMC4yODU2IDExLjQyODYiIHN0cm9rZT0iIzAwNkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYgOEgxMy4yODU3IiBzdHJva2U9IiMwMDZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-nav {
    position: relative;
    height: 80px
}

.mt-nav:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: 0 15px 20px rgba(26, 91, 188, .06)
}

.mt-nav-inner {
    position: relative;
    height: 100%;
    padding: 0 20px;
    display: flex;
    margin: 0 auto;
    max-width: 1180px
}

.mt-nav.is-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    min-width: 1200px
}

.mt-nav.v2 {
    background-color: #f7f9fe
}

.mt-nav.v2:before {
    display: none
}

.mt-nav.v2 .mt-nav-inner {
    max-width: 1220px
}

.mt-nav-cloud {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0
}

.mt-nav-cloud:after {
    content: "";
    display: block;
    width: 94px;
    height: 24px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-cloud467-094526a7e592a76f.svg)
}

.mt-nav-divider {
    margin: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0
}

.mt-nav-divider:after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background-color: rgba(0, 0, 0, .1)
}

.mt-nav-logo {
    display: block;
    margin-right: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0
}

.mt-nav-logo:after {
    content: "";
    display: block;
    width: 140px;
    height: 24px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/logo49a-e4b0c159c3cba018.svg)
}

.mt-nav-menu {
    display: flex
}

.mt-nav-menu-item {
    margin-right: 40px
}

.mt-nav-menu-item.has-sub .mt-nav-menu-link:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 15px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMS41IDMuNzVMNiA4LjI1TDEwLjUgMy43NSIgc3Ryb2tlPSIjMUM2QUZGIi8+Cjwvc3ZnPgo=);
    opacity: 0;
    transition: all .3s ease-in-out
}

.mt-nav-menu-item.is-active .mt-nav-menu-link:before {
    opacity: 1
}

.mt-nav-menu-link {
    position: relative;
    display: block;
    padding: 29px 0;
    font-size: 14px;
    line-height: 22px;
    color: #2d3033;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.mt-nav-menu-item.is-active .mt-nav-menu-link,
.mt-nav-menu-link:hover {
    color: #429b2a;
    text-decoration: none
}

.mt-nav-extra {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 20px 20px 20px 0;
    display: flex
}

.mt-nav-link {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #2d3033
}

.mt-nav-link:hover {
    color: #429b2a;
    text-decoration: none
}

.mt-nav-bubble-wrap {
    position: relative;
    display: inline-block
}

.mt-nav-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.mt-nav-avatar-icon {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.mt-nav-extra .mt-nav-btn,
.mt-nav-extra .mt-nav-bubble-wrap,
.mt-nav-extra .mt-nav-link {
    margin-left: 40px
}

.mt-m-nav {
    display: none
}

@media screen and (max-width:1199px) {
    .mt-nav {
        display: none
    }

    .mt-m-nav {
        display: block;
        position: relative;
        height: 60px
    }

    .mt-m-nav:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 100%, .83);
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
        box-shadow: 0 15px 20px rgba(26, 91, 188, .06)
    }

    .mt-m-nav-inner {
        position: relative;
        height: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 16px
    }

    .mt-m-nav.is-fixed {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
        width: 100%
    }

    .mt-m-nav.v2 {
        background-color: #f7f9fe
    }

    .mt-m-nav.v2:before {
        display: none
    }

    .mt-m-nav-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0
    }

    .mt-m-nav-logo:before {
        content: "";
        display: block;
        width: 120px;
        height: 21px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/logo49a-e4b0c159c3cba018.svg);
        background-size: contain
    }

    .mt-m-nav-extra {
        display: flex
    }

    .mt-m-nav-btn {
        height: 60px;
        min-width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-width: 0;
        background-color: transparent;
        font-size: 0
    }

    .mt-m-nav-btn.menu:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNC41IiB5PSI0LjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxIiByeD0iMC41IiBmaWxsPSIjNEU1NDYxIiBzdHJva2U9IiM0RTU0NjEiLz4KPHJlY3QgeD0iNC41IiB5PSIxOC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMSIgcng9IjAuNSIgZmlsbD0iIzRFNTQ2MSIgc3Ryb2tlPSIjNEU1NDYxIi8+CjxyZWN0IHg9IjQuNSIgeT0iMTEuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEiIHJ4PSIwLjUiIGZpbGw9IiM0RTU0NjEiIHN0cm9rZT0iIzRFNTQ2MSIvPgo8L3N2Zz4K)
    }
}

.mt-tabs-bar {
    overflow-y: hidden;
    overflow-x: auto
}

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

.mt-tabs-item a {
    display: block;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    line-height: 24px;
    color: #1d1e21;
    cursor: pointer
}

.mt-tabs-item a:hover {
    text-decoration: none
}

.mt-tabs-item a:active {
    -webkit-tap-highlight-color: transparent
}

.mt-tabs-item.is-active a {
    color: #53d530;
    border-bottom-color: #53d530
}

.mt-tabs-panel {
    opacity: 0;
    height: 0;
    display: none
}

.mt-tabs-panel-inner {
    padding-top: 35px
}

.mt-tabs-panel.is-active {
    height: auto;
    opacity: 1;
    display: block
}

.mt-tabs.is-animate .mt-tabs-panel {
    transform: translateX(-20%);
    width: 0;
    display: block
}

.mt-tabs.is-animate .mt-tabs-panel.is-active {
    width: auto;
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    transform: translateX(0)
}

.mt-tabs.is-animate .mt-tabs-panel.is-active~.mt-tabs-panel {
    transform: translateX(20%)
}

.mt-tabs.normal .mt-tabs-hd {
    overflow-y: auto
}

.mt-tabs.normal .mt-tabs-list {
    justify-content: flex-start;
    gap: 64px;
    white-space: nowrap
}

.mt-tabs.normal .mt-tabs-item a {
    padding-bottom: 12px;
    border-bottom-width: 3px;
    font-size: 20px;
    line-height: 24px
}

@media (any-hover:hover) {
    .mt-tabs.normal .mt-tabs-item a:hover {
        color: #53d530
    }
}

.mt-tabs.round>.mt-tabs-hd {
    text-align: center
}

.mt-tabs.round>.mt-tabs-hd .mt-tabs-list {
    display: inline-flex;
    justify-content: stretch;
    background: hsla(0, 0%, 100%, .3);
    box-shadow: 0 6px 9px rgba(0, 103, 198, .08);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    border-radius: 18px;
    box-sizing: border-box
}

.mt-tabs.round>.mt-tabs-hd a {
    padding: 0 30px;
    border-bottom-width: 0;
    border-radius: 18px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    color: #000
}

.mt-tabs.round>.mt-tabs-hd .is-active a {
    background: #0b6cfe;
    color: #fff
}

.mt-tabs.round-single>.mt-tabs-hd {
    text-align: center
}

.mt-tabs.round-single>.mt-tabs-hd a {
    padding: 0 16px;
    border-bottom-width: 0;
    border-radius: 25px;
    height: 48px;
    font-size: 20px;
    line-height: 48px;
    color: #000;
    white-space: nowrap
}

.mt-tabs.round-single>.mt-tabs-hd .is-active a {
    color: #4267ff;
    font-weight: 600;
    background: #f0f3fa
}

.mt-tabs.round-single .mt-tabs-list {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mt-tabs.round-single .mt-tabs-panel-inner {
    padding-top: 64px
}

.mt-tabs.panel {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px
}

.mt-tabs.panel>.mt-tabs-hd {
    box-shadow: 0 4px 8px rgba(78, 106, 149, .05)
}

.mt-tabs.panel>.mt-tabs-hd a {
    padding: 25px 0 17px;
    font-size: 24px;
    line-height: 34px;
    color: #4e5461;
    font-weight: 600;
    border-bottom-width: 4px
}

.mt-tabs.panel>.mt-tabs-hd .is-active a {
    color: #53d530
}

.mt-tabs.btn>.mt-tabs-hd .mt-tabs-list {
    justify-content: space-between
}

.mt-tabs.btn>.mt-tabs-hd .mt-tabs-item {
    flex: 1;
    margin: 0 10px
}

.mt-tabs.btn>.mt-tabs-hd .mt-tabs-item:first-child {
    margin-left: 0
}

.mt-tabs.btn>.mt-tabs-hd .mt-tabs-item:last-child {
    margin-right: 0
}

.mt-tabs.btn>.mt-tabs-hd a {
    box-sizing: border-box;
    min-height: 112px;
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    transition: all .2s ease-in-out;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    border-bottom: 0
}

.mt-tabs.btn>.mt-tabs-hd a .sub {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4e5461;
    margin-top: 8px
}

.mt-tabs.btn>.mt-tabs-hd a:hover {
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3)
}

.mt-tabs.btn>.mt-tabs-hd .is-active a {
    background: #429b2a;
    box-shadow: 0 10px 20px #d0e5ff;
    color: #fff
}

.mt-tabs.btn>.mt-tabs-hd .is-active a .sub {
    color: #fff
}

.mt-tabs.btn .mt-tabs-panel-inner {
    padding-top: 72px
}

.mt-tabs.horizontal {
    background: #fff;
    box-shadow: 0 10px 30px #dbebfc;
    border-radius: 20px;
    display: flex;
    border-bottom: 0
}

.mt-tabs.horizontal .mt-tabs-hd {
    width: 394px;
    padding: 42px 36px 42px 40px;
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    -o-border-image: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent) 1 100%;
    border-image: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent) 1 100%
}

.mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item,
.mt-tabs.horizontal .mt-tabs-hd .mt-tabs-list {
    display: block
}

.mt-tabs.horizontal .mt-tabs-hd a {
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    font-size: 20px;
    line-height: 24px;
    padding: 24px 0 24px 32px;
    color: #4e5461;
    position: relative;
    border-radius: 20px;
    height: 72px
}

.mt-tabs.horizontal .mt-tabs-hd a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #429b2a
}

.mt-tabs.horizontal .mt-tabs-hd a:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    overflow: hidden;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxTDExLjUgOEw0LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLW9wYWNpdHk6MTsiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
    content: "";
    opacity: 0;
    vertical-align: -1px
}

.mt-tabs.horizontal .mt-tabs-hd a:hover {
    background: #429b2a;
    box-shadow: 0 10px 20px #d0e5ff;
    color: #fff
}

.mt-tabs.horizontal .mt-tabs-hd a:hover:after {
    opacity: 1
}

.mt-tabs.horizontal .mt-tabs-hd .is-active a {
    border-bottom: 0
}

.mt-tabs.horizontal .mt-tabs-bd {
    flex: 1;
    overflow: hidden
}

.mt-tabs.horizontal .mt-tabs-panel-inner {
    padding: 0
}

.mt-tabs.list {
    display: flex
}

.mt-tabs.list .mt-tabs-hd {
    flex: none;
    width: 200px
}

.mt-tabs.list .mt-tabs-hd+.mt-tabs-bd {
    margin-left: 94px
}

.mt-tabs.list .mt-tabs-bd {
    flex: 1;
    overflow: hidden
}

.mt-tabs.list .mt-tabs-list {
    flex-direction: column
}

.mt-tabs.list .mt-tabs-item {
    position: relative
}

.mt-tabs.list .mt-tabs-item a {
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    padding: 0 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 0;
    box-sizing: border-box;
    border-radius: 8px
}

@media screen and (any-hover:hover) {
    .mt-tabs.list .mt-tabs-item a:hover {
        background: #fff;
        box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
    }
}

.mt-tabs.list .mt-tabs-item.is-active a {
    font-weight: 500;
    color: #429b2a;
    border-bottom: 0;
    padding-right: 35px
}

.mt-tabs.list .mt-tabs-item.is-active:after {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgNEwxMCA4TDYgMTIiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mt-tabs.list .mt-tabs-panel-inner {
    padding-top: 0
}

.mt-tabs.markbook .mt-tabs-hd {
    text-align: center
}

.mt-tabs.markbook .mt-tabs-hd .mt-tabs-list {
    justify-content: center
}

.mt-tabs.markbook .mt-tabs-hd .mt-tabs-item {
    margin: 0 10px;
    width: 100%;
    max-width: 230px
}

.mt-tabs.markbook .mt-tabs-hd .mt-tabs-item:first-child {
    margin-left: 0
}

.mt-tabs.markbook .mt-tabs-hd .mt-tabs-item:last-child {
    margin-right: 0
}

.mt-tabs.markbook .mt-tabs-hd a {
    display: block;
    width: 100%;
    height: 64px;
    border-radius: 20px 20px 0 0;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 18px;
    line-height: 64px;
    color: #000
}

.mt-tabs.markbook .mt-tabs-hd .is-active {
    position: relative
}

.mt-tabs.markbook .mt-tabs-hd .is-active:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 9px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNy41IDcuNUwxNCAxIiBzdHJva2U9IiMwNDVBRkUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K)
}

.mt-tabs.markbook .mt-tabs-hd .is-active a {
    background: linear-gradient(180deg, #fff, #f5f9fd)
}

.mt-tabs.square>.mt-tabs-hd {
    text-align: center
}

.mt-tabs.square>.mt-tabs-hd .mt-tabs-list {
    display: inline-flex;
    justify-content: stretch;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 103, 198, .1);
    box-sizing: border-box;
    padding: 6px;
    gap: 16px
}

.mt-tabs.square>.mt-tabs-hd a {
    padding: 0 30px;
    border-bottom-width: 0;
    border-radius: 8px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    color: #000;
    min-width: 173px;
    box-sizing: border-box
}

.mt-tabs.square>.mt-tabs-hd .is-active a {
    background: #0b6cfe;
    color: #fff;
    font-weight: 500
}

.mt-tabs__swiper-tabs {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 103, 198, .1);
    position: relative;
    white-space: nowrap;
    padding: 6px 62px
}

.mt-tabs__swiper-tabs-content {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mt-tabs__swiper-tabs-content::-webkit-scrollbar {
    height: 0;
    background-color: transparent;
    display: none
}

.mt-tabs__swiper-tabs-content::-webkit-scrollbar-thumb,
.mt-tabs__swiper-tabs-content::-webkit-scrollbar-track {
    background-color: transparent
}

.mt-tabs__swiper-tab {
    position: relative;
    display: flex;
    transition: all .3s ease-in-out
}

.mt-tabs__swiper-tab-btn {
    position: absolute;
    height: 52px;
    width: 52px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    display: inline-flex;
    transform: translateY(-50%);
    top: 50%;
    z-index: 1
}

.mt-tabs__swiper-tab-btn.pre {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIiIHJ4PSIxMiIgcnk9IjEyIiB0cmFuc2Zvcm09Im1hdHJpeCgxIC04Ljc0MjI4ZS0wOCAtOC43NDIyOGUtMDggLTEgMCAyNCkiIGZpbGw9IiNGM0YzRjQiIHN0eWxlPSJmaWxsOiNGM0YzRjQ7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuOTUyOSAwLjk1MjkgMC45NTY5KTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik0xNC41IDE3TDkuNSAxMkwxNC41IDciIHN0cm9rZT0iIzI2MkE0NyIgc3R5bGU9InN0cm9rZTojMjYyQTQ3O3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuMTQ5MCAwLjE2NDcgMC4yNzg0KTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L3N2Zz4K);
    left: 6px
}

@media screen and (any-hover:hover) {
    .mt-tabs__swiper-tab-btn.pre:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIiIHJ4PSIxMiIgcnk9IjEyIiB0cmFuc2Zvcm09Im1hdHJpeCgxIC04Ljc0MjI4ZS0wOCAtOC43NDIyOGUtMDggLTEgMCAyNCkiIGZpbGw9IiNGM0YzRjQiIHN0eWxlPSJmaWxsOiNGM0YzRjQ7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuOTUyOSAwLjk1MjkgMC45NTY5KTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik0xNC41IDE3TDkuNSAxMkwxNC41IDciIHN0cm9rZT0iIzAwNjZGRiIgc3R5bGU9InN0cm9rZTojMDA2NkZGO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuMDAwMCAwLjQwMDAgMS4wMDAwKTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L3N2Zz4K)
    }
}

.mt-tabs__swiper-tab-btn.pre:active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIiIHJ4PSIxMiIgcnk9IjEyIiB0cmFuc2Zvcm09Im1hdHJpeCgxIC04Ljc0MjI4ZS0wOCAtOC43NDIyOGUtMDggLTEgMCAyNCkiIGZpbGw9IiMwMDY2RkYiIHN0eWxlPSJmaWxsOiMwMDY2RkY7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuMDAwMCAwLjQwMDAgMS4wMDAwKTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik0xNC41IDE3TDkuNSAxMkwxNC41IDciIHN0cm9rZT0id2hpdGUiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLW9wYWNpdHk6MTsiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.mt-tabs__swiper-tab-btn.pre.is-disabled {
    pointer-events: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIiIHJ4PSIxMiIgcnk9IjEyIiB0cmFuc2Zvcm09Im1hdHJpeCgxIC04Ljc0MjI4ZS0wOCAtOC43NDIyOGUtMDggLTEgMCAyNCkiIGZpbGw9IiNGM0YzRjQiIHN0eWxlPSJmaWxsOiNGM0YzRjQ7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuOTUyOSAwLjk1MjkgMC45NTY5KTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik0xNC41IDE3TDkuNSAxMkwxNC41IDciIHN0cm9rZT0iI0IwQjZDMyIgc3R5bGU9InN0cm9rZTojQjBCNkMzO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuNjkwMiAwLjcxMzcgMC43NjQ3KTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L3N2Zz4K)
}

.mt-tabs__swiper-tab-btn.next {
    right: 6px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIuNSIgcng9IjEyIiByeT0iMTIiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTIgMTIuNSkiIGZpbGw9IiNGM0YzRjQiIHN0eWxlPSJmaWxsOiNGM0YzRjQ7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuOTUyOSAwLjk1MjkgMC45NTY5KTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik05LjUgMTcuNUwxNC41IDEyLjVMOS41IDcuNSIgc3Ryb2tlPSIjMjYyQTQ3IiBzdHlsZT0ic3Ryb2tlOiMyNjJBNDc7c3Ryb2tlOmNvbG9yKGRpc3BsYXktcDMgMC4xNDkwIDAuMTY0NyAwLjI3ODQpO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPgo=)
}

@media screen and (any-hover:hover) {
    .mt-tabs__swiper-tab-btn.next:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIuNSIgcng9IjEyIiByeT0iMTIiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTIgMTIuNSkiIGZpbGw9IiNGM0YzRjQiIHN0eWxlPSJmaWxsOiNGM0YzRjQ7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuOTUyOSAwLjk1MjkgMC45NTY5KTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik05LjUgMTcuNUwxNC41IDEyLjVMOS41IDcuNSIgc3Ryb2tlPSIjMDA2NkZGIiBzdHlsZT0ic3Ryb2tlOiMwMDY2RkY7c3Ryb2tlOmNvbG9yKGRpc3BsYXktcDMgMC4wMDAwIDAuNDAwMCAxLjAwMDApO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPgo=)
    }
}

.mt-tabs__swiper-tab-btn.next:active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIuNSIgcng9IjEyIiByeT0iMTIiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTIgMTIuNSkiIGZpbGw9IiMwMDY2RkYiIHN0eWxlPSJmaWxsOiMwMDY2RkY7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuMDAwMCAwLjQwMDAgMS4wMDAwKTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik05LjUgMTcuNUwxNC41IDEyLjVMOS41IDcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L3N2Zz4K)
}

.mt-tabs__swiper-tab-btn.next.is-disabled {
    pointer-events: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYyNjM5MyI+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDM5NSIgY3g9IjEyIiBjeT0iMTIuNSIgcng9IjEyIiByeT0iMTIiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTIgMTIuNSkiIGZpbGw9IiNGM0YzRjQiIHN0eWxlPSJmaWxsOiNGM0YzRjQ7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuOTUyOSAwLjk1MjkgMC45NTY5KTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggaWQ9IlZlY3RvciA0OTMiIGQ9Ik05LjUgMTcuNUwxNC41IDEyLjVMOS41IDcuNSIgc3Ryb2tlPSIjQjBCNkMzIiBzdHlsZT0ic3Ryb2tlOiNCMEI2QzM7c3Ryb2tlOmNvbG9yKGRpc3BsYXktcDMgMC42OTAyIDAuNzEzNyAwLjc2NDcpO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPgo=)
}

.mt-tabs__swiper-tab-item {
    display: inline-flex;
    align-items: center;
    height: 52px;
    line-height: 52px;
    padding: 0 24px;
    font-size: 20px;
    color: #262a47;
    border-radius: 8px;
    cursor: pointer;
    position: relative
}

@media screen and (any-hover:hover) {
    .mt-tabs__swiper-tab-item:hover {
        color: #06f;
        z-index: 1
    }
}

.mt-tabs__swiper-tab-item.is-active {
    background-color: #429b2a;
    color: #fff;
    z-index: 1;
    font-weight: 500
}

.mt-tabs__swiper-tab-mask {
    position: absolute;
    width: 94px;
    top: 6px;
    bottom: 6px;
    pointer-events: none
}

.mt-tabs__swiper-tab-mask.pre {
    left: 58px;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 4.79%, #fff)
}

.mt-tabs__swiper-tab-mask.next {
    background: linear-gradient(270deg, #fff 4.79%, hsla(0, 0%, 100%, 0));
    right: 58px
}

.mt-tabs__swiper-body {
    position: relative;
    padding: 32px 40px 40px;
    margin: 0 -40px -40px;
    overflow: hidden
}

.mt-tabs__swiper-body__inner {
    position: relative
}

.mt-tabs__swiper-panel {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    pointer-events: none
}

.mt-tabs__swiper-panel.is-active {
    position: relative;
    top: 0;
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width:1921px) {
    .mt-tabs.list .mt-tabs-hd+.mt-tabs-bd {
        margin-left: 100px
    }
}

@media screen and (max-width:1920px) {
    .mt-tabs.round-single>.mt-tabs-hd a {
        height: 46px;
        font-size: 16px;
        line-height: 46px
    }
}

@media screen and (max-width:1200px) {
    .mt-tabs-panel-inner {
        padding-top: 20px
    }

    .mt-tabs.round>.mt-tabs-hd .mt-tabs-list {
        border-radius: 20px
    }

    .mt-tabs.round>.mt-tabs-hd a {
        padding: 0 20px
    }

    .mt-tabs.round-single>.mt-tabs-hd a {
        height: 44px;
        font-size: 14px;
        line-height: 44px
    }

    .mt-tabs.round-single .mt-tabs-panel-inner {
        padding-top: 40px
    }

    .mt-tabs.panel {
        border-radius: 16px
    }

    .mt-tabs.panel>.mt-tabs-hd .mt-tabs-item {
        display: inline-block
    }

    .mt-tabs.panel>.mt-tabs-hd a {
        padding: 10px 0;
        margin: 0 16px;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        border-bottom-width: 2px;
        white-space: nowrap
    }

    .mt-tabs.list .mt-tabs-hd+.mt-tabs-bd {
        margin-left: 67px
    }

    .mt-tabs.list .mt-tabs-item a {
        font-size: 16px;
        padding: 0 20px;
        height: 46px;
        line-height: 46px
    }

    .mt-tabs.list .mt-tabs-item.is-active a:after {
        right: 15px
    }

    .mt-tabs.square>.mt-tabs-hd a {
        height: 52px;
        font-size: 18px;
        line-height: 52px;
        min-width: 144px
    }

    .mt-tabs__swiper-tabs {
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 8px
    }

    .mt-tabs__swiper-tab-item {
        height: 36px;
        line-height: 36px;
        padding: 0 12px;
        font-size: 14px;
        border-radius: 4px
    }

    .mt-tabs__swiper-tab-btn {
        height: 36px;
        width: 36px;
        background-size: 70%
    }

    .mt-tabs__swiper-tab-btn.pre {
        left: 4px
    }

    .mt-tabs__swiper-tab-btn.next {
        right: 4px
    }

    .mt-tabs__swiper-tab-mask {
        width: 48px
    }

    .mt-tabs__swiper-tab-mask.pre {
        left: 40px
    }

    .mt-tabs__swiper-tab-mask.next {
        right: 40px
    }

    .mt-tabs__swiper-body {
        padding-top: 20px
    }
}

@media screen and (max-width:900px) {
    .mt-tabs.normal .mt-tabs-list {
        gap: 32px
    }

    .mt-tabs.normal .mt-tabs-item a {
        font-size: 16px;
        line-height: 150%;
        padding-bottom: 4px
    }

    .mt-tabs.list .mt-tabs-hd+.mt-tabs-bd {
        margin-left: 39px
    }

    .mt-tabs.markbook .mt-tabs-hd .mt-tabs-list {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .mt-tabs.markbook .mt-tabs-hd .mt-tabs-list::-webkit-scrollbar {
        height: 0;
        background-color: transparent;
        display: none
    }

    .mt-tabs.markbook .mt-tabs-hd .mt-tabs-list::-webkit-scrollbar-thumb,
    .mt-tabs.markbook .mt-tabs-hd .mt-tabs-list::-webkit-scrollbar-track {
        background-color: transparent
    }

    .mt-tabs.markbook .mt-tabs-hd .mt-tabs-item {
        margin: 0 2px;
        display: inline-block;
        width: auto
    }

    .mt-tabs.markbook .mt-tabs-hd a {
        height: 40px;
        border-radius: 16px 16px 0 0;
        font-size: 14px;
        line-height: 40px;
        padding: 0 16px;
        min-width: 130px;
        box-sizing: border-box;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), rgba(244, 248, 252, .4))
    }

    .mt-tabs.markbook .mt-tabs-hd .is-active:after {
        bottom: 0;
        width: 10px;
        height: 6px;
        background-size: contain
    }

    .mt-tabs.round-single>.mt-tabs-hd a {
        padding: 0 12px;
        white-space: nowrap
    }

    .mt-tabs.round-single .mt-tabs-list {
        overflow-x: auto
    }

    .mt-tabs.round-single .mt-tabs-list::-webkit-scrollbar-thumb {
        background-color: #d3d6db;
        border-radius: 3px
    }

    .mt-tabs.round-single .mt-tabs-list::-webkit-scrollbar {
        height: 4px;
        background-color: transparent
    }

    .mt-tabs.round-single .mt-tabs-list::-webkit-scrollbar-track {
        background-color: transparent
    }

    .mt-tabs.square>.mt-tabs-hd a {
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        min-width: 112px;
        padding: 0 24px
    }
}

@media screen and (max-width:600px) {
    .mt-tabs.list {
        flex-direction: column
    }

    .mt-tabs.list .mt-tabs-hd {
        width: 100%;
        height: 40px
    }

    .mt-tabs.list .mt-tabs-hd ::-webkit-scrollbar {
        height: 0
    }

    .mt-tabs.list .mt-tabs-hd+.mt-tabs-bd {
        margin-left: 0;
        margin-top: 20px
    }

    .mt-tabs.list .mt-tabs-list {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        text-align: center;
        font-size: 0
    }

    .mt-tabs.list .mt-tabs-list::-webkit-scrollbar {
        height: 0
    }

    .mt-tabs.list .mt-tabs-item {
        margin: 0 2px;
        display: inline-block
    }

    .mt-tabs.list .mt-tabs-item:first-child {
        margin-left: 0
    }

    .mt-tabs.list .mt-tabs-item:last-child {
        margin-right: 0
    }

    .mt-tabs.list .mt-tabs-item a {
        padding: 0 4px;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), rgba(244, 248, 252, .4));
        border-radius: 16px 16px 0 0;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #000;
        position: relative;
        min-width: 114px
    }

    .mt-tabs.list .mt-tabs-item.is-active a {
        background: linear-gradient(180deg, #fafcfe, #f5faff);
        font-size: 14px;
        color: #000;
        padding-right: 4px
    }

    .mt-tabs.list .mt-tabs-item.is-active:after {
        width: 12px;
        height: 8px;
        content: "";
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNiA2TDExIDEiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
    }

    .mt-tabs.square>.mt-tabs-hd .mt-tabs-list {
        padding: 4px
    }

    .mt-tabs.square>.mt-tabs-hd a {
        padding: 0 12px;
        height: 28px;
        line-height: 28px;
        white-space: nowrap;
        font-size: 12px;
        min-width: 72px
    }

    .mt-tabs__swiper-tabs {
        padding: 0 16px;
        box-shadow: none
    }

    .mt-tabs__swiper-tab-item {
        height: auto;
        line-height: 22px;
        padding: 10px 6px;
        font-size: 14px;
        border-radius: 4px;
        margin-right: 12px;
        border-radius: 0;
        position: relative
    }

    .mt-tabs__swiper-tab-item:last-child {
        margin-right: 0
    }

    .mt-tabs__swiper-tab-item.is-active {
        color: #429b2a;
        background-color: transparent
    }

    .mt-tabs__swiper-tab-item.is-active:after {
        content: "";
        position: absolute;
        left: -2px;
        right: -2px;
        bottom: 0;
        height: 2px;
        background: #429b2a
    }

    .mt-tabs__swiper-tab-btn {
        display: none
    }

    .mt-tabs__swiper-tab-mask {
        width: 30px
    }

    .mt-tabs__swiper-tab-mask.pre {
        left: 10px
    }

    .mt-tabs__swiper-tab-mask.next {
        right: 10px
    }

    .mt-tabs__swiper-body {
        padding: 20px;
        margin: 0 -20px -20px
    }
}

.mt-action-panel {
    padding: 64px 20px 72px;
    background-color: #c6edd3;
    background-size: 732px auto, 355px auto;
    background-repeat: no-repeat;
    background-position: left calc(50% + 450px) bottom, left calc(50% - 135px) top;
    background-image: url(bg.png)
}

.mt-action-panel-inner {
    margin: 0 auto;
    max-width: 1180px
}

.mt-action-panel-title {
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #000
}

.mt-action-panel-desc {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px;
    color: #565e66
}

.mt-action-panel-option {
    box-sizing: border-box;
    min-width: 200px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 8px;
    font-size: 24px;
    line-height: 32px;
    color: #262a47;
    cursor: pointer;
    transition: all .2s linear
}

.mt-action-panel-option:hover {
    background: #429b2a;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
}

.mt-action-panel-option a {
    display: block;
    padding: 12px 20px;
    color: inherit
}

.mt-action-panel-option a .num {
    font-family: TCloudNumber
}

.mt-action-panel-option a:hover {
    text-decoration: none
}

.mt-action-panel-option+.mt-action-panel-option {
    margin-left: 16px
}

.mt-action-panel .mt-btn {
    min-width: 200px;
    height: 56px;
    font-size: 24px
}

.mt-action-panel.with-btn {
    padding: 63px 20px
}

.mt-action-panel.with-btn .mt-action-panel-title {
    font-size: 36px;
    line-height: 65px;
    margin-bottom: 38px
}

.mt-action-panel.v2 {
    position: relative;
    padding: 70px 80px 0;
    height: 430px;
    box-sizing: border-box;
    margin-bottom: -122px;
    margin-top: 100px;
    background-color: #edf3ff;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-action-panel1f87-39777e0f08cdafc5.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 25px 25px 0 0
}

.mt-action-panel.v2 .mt-action-panel-inner {
    max-width: 1180px;
    position: relative
}

.mt-action-panel.v2 .mt-action-panel-inner:after {
    content: "";
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/person140c-44f46904ff61777a.png) no-repeat;
    background-size: 100% 100%
}

.mt-action-panel.v2 .mt-action-panel-title {
    line-height: 36px;
    margin-bottom: 24px
}

.mt-action-panel.v2 .mt-action-panel-desc {
    color: #4e5461;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 24px
}

.mt-action-panel.v2 .mt-action-panel-options {
    display: flex;
    align-items: center;
    gap: 24px
}

.mt-action-panel.v2 .mt-action-panel-option {
    border-radius: 100px;
    color: #4e5461;
    text-align: center;
    background: #fff;
    transition: all .18s ease-in-out;
    box-shadow: none;
    font-family: TCloudNumber;
    font-size: 20px;
    line-height: 1
}

.mt-action-panel.v2 .mt-action-panel-option a {
    padding-top: 25px;
    padding-bottom: 25px
}

.mt-action-panel.v2 .mt-action-panel-option:hover {
    border-color: #429b2a;
    color: #429b2a
}

.mt-action-panel.v2 .mt-action-panel-option+.mt-action-panel-option {
    margin-left: 0
}

.mt-action-panel.v2 .mt-action-panel-box {
    display: flex;
    align-items: center;
    gap: 24px
}

.mt-action-panel.v2 .mt-btn {
    border-radius: 40px;
    width: 200px;
    height: 70px;
    box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

@media screen and (max-width:1920px) {
    .mt-action-panel {
        padding: 64px 96px 72px
    }
}

@media screen and (max-width:1200px) {
    .mt-action-panel {
        padding: 32px 80px
    }

    .mt-action-panel-inner {
        max-width: 688px
    }

    .mt-action-panel-title {
        margin-bottom: 14px;
        line-height: 30px;
        font-size: 20px;
        font-weight: 400
    }

    .mt-action-panel-desc {
        margin-bottom: 26px;
        line-height: 22px;
        font-size: 14px
    }

    .mt-action-panel-option {
        width: 100%
    }

    .mt-action-panel-option a {
        line-height: 22px;
        font-size: 16px
    }

    .mt-action-panel-option+.mt-action-panel-option {
        margin-left: 0;
        margin-top: 16px
    }

    .mt-action-panel .mt-btn {
        height: 48px;
        font-size: 20px
    }

    .mt-action-panel.with-btn {
        background-color: #caedd4;
        background-size: 408px auto, 392px auto;
        background-repeat: no-repeat;
        background-position: bottom, left calc(50% - 180px) top -30px;
        background-image: url(bg.png);
        padding: 32px 20px 172px;
        text-align: center
    }

    .mt-action-panel.with-btn .mt-action-panel-title {
        max-width: 280px;
        margin: 0 auto 32px;
        font-size: 28px;
        line-height: 1.7;
        font-weight: 500
    }

    .mt-action-panel.v2 {
        padding: 80px 35px 100px;
        margin-top: 110px;
        height: auto;
        border-radius: 30px 30px 0 0;
        margin-bottom: -40px;
        border: 1px solid rgba(226, 235, 240, .57);
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-action-panel-pad7b4-69648c04925292f7.jpg);
        background-size: 1024px auto;
        background-position: top;
        background-color: #dce7ff
    }

    .mt-action-panel.v2:before {
        content: "";
        display: block;
        position: absolute;
        width: 120px;
        height: 120px;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/connect-persona5a-ee1b4c1de14e1b81.png) no-repeat;
        background-size: 100% 100%
    }

    .mt-action-panel.v2 .mt-action-panel-title {
        max-width: 100%;
        margin: 0 0 7px;
        font-size: 24px
    }

    .mt-action-panel.v2 .mt-action-panel-desc {
        margin-bottom: 32px;
        font-size: 12px;
        line-height: 20px
    }

    .mt-action-panel.v2 .mt-action-panel-box {
        justify-content: center;
        gap: 16px
    }

    .mt-action-panel.v2 .mt-action-panel-options {
        gap: 16px
    }

    .mt-action-panel.v2 .mt-action-panel-options:after {
        display: none
    }

    .mt-action-panel.v2 .mt-action-panel-option {
        width: 150px;
        margin-top: 0;
        min-width: auto;
        margin-left: 0
    }

    .mt-action-panel.v2 .mt-action-panel-option a {
        padding: 13px 0;
        line-height: 22px;
        font-size: 16px
    }

    .mt-action-panel.v2 .mt-action-panel-inner {
        max-width: 648px
    }

    .mt-action-panel.v2 .mt-action-panel-inner:after {
        display: none
    }

    .mt-action-panel.v2 .mt-btn {
        height: 48px;
        border-radius: 24px;
        box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1);
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        min-width: auto;
        width: 150px
    }
}

@media screen and (max-width:900px) {
    .mt-action-panel {
        padding: 32px 40px
    }
}

@media screen and (max-width:600px) {
    .mt-action-panel {
        background: #fff;
        text-align: center;
        padding: 32px 16px
    }

    .mt-action-panel-option {
        max-width: none;
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15)
    }

    .mt-action-panel-option:active,
    .mt-action-panel-option:hover {
        box-shadow: 0 18px 43px rgba(60, 100, 136, .3)
    }
}

@media screen and (max-width:767px) {
    .mt-action-panel.v2 {
        margin-top: 102px;
        padding: 80px 40px 82px;
        margin-bottom: -30px
    }

    .mt-action-panel.v2 .mt-action-panel-desc {
        margin-bottom: 26px
    }

    .mt-action-panel.v2 .mt-action-panel-box {
        flex-direction: column;
        gap: 27px
    }

    .mt-action-panel.v2 .mt-action-panel-options {
        flex-direction: column;
        width: 100%
    }

    .mt-action-panel.v2 .mt-action-panel-option {
        width: 245px
    }
}

.mt-case-card {
    cursor: pointer;
    transition: all .3s linear;
    display: block;
    background: hsla(0, 0%, 100%, .77);
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    box-sizing: border-box;
    position: relative;
    padding: 64px 24px 24px;
    min-height: 240px;
    height: 100%;
    overflow: hidden
}

.mt-case-card,
.mt-case-card:hover {
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    border-radius: 20px
}

.mt-case-card:hover {
    background: hsla(0, 0%, 100%, .4);
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-case-card__list {
    margin: 0 -10px
}

.mt-case-card__list>.mt-grid__col {
    padding: 0 10px
}

.mt-case-card__tag {
    position: absolute;
    left: 24px;
    top: 24px;
    padding: 0 8px;
    height: 24px;
    background: #ff9800;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.mt-case-card__object {
    padding-top: 57.1428571429%;
    background-size: 100% auto;
    background-position: top;
    position: relative;
    background-repeat: no-repeat
}

.mt-case-card__logo-wrap {
    margin: 12px auto 24px;
    max-width: 180px;
    width: 100%
}

.mt-case-card__logo {
    padding-top: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-case-card__logo-img {
    width: 120px;
    margin-bottom: 14px;
    height: 30px;
    display: flex;
    align-items: center
}

.mt-case-card__logo-img img {
    max-width: 100%;
    max-height: 100%
}

.mt-case-card__desc {
    font-size: 16px;
    line-height: 28px;
    color: #2d3033
}

.mt-case-card__slidebar .mt-case-card {
    width: 280px
}

.mt-case-card.with-img {
    padding: 0
}

.mt-case-card.with-img .mt-case-card__cnt {
    padding: 20px 24px 28px;
    position: relative
}

.mt-case-card.with-img .mt-case-card__share {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xIDEuNzVDMSAxLjMzNTc5IDEuMzM1NzkgMSAxLjc1IDFINS41QzUuNzc2MTQgMSA2IDEuMjIzODYgNiAxLjVWMkM2IDIuMjc2MTQgNS43NzYxNCAyLjUgNS41IDIuNUgyLjc1QzIuNjExOTMgMi41IDIuNSAyLjYxMTkzIDIuNSAyLjc1VjEwLjI1QzIuNSAxMi4wNDQ5IDQuMjA1MDcgMTMuNSA2IDEzLjVIMTMuMjVDMTMuMzg4MSAxMy41IDEzLjUgMTMuMzg4MSAxMy41IDEzLjI1VjEwLjVDMTMuNSAxMC4yMjM5IDEzLjcyMzkgMTAgMTQgMTBIMTQuNUMxNC43NzYxIDEwIDE1IDEwLjIyMzkgMTUgMTAuNVYxNC4yNUMxNSAxNC42NjQyIDE0LjY2NDIgMTUgMTQuMjUgMTVINkMzLjM3NjY1IDE1IDEgMTIuODczNCAxIDEwLjI1VjEuNzVaTTEyLjQzOTQgMi41SDkuNzVDOS40NzM4NiAyLjUgOS4yNSAyLjI3NjE0IDkuMjUgMlYxLjVDOS4yNSAxLjIyMzg2IDkuNDczODYgMSA5Ljc1IDFIMTQuMjVDMTQuNjY0MiAxIDE1IDEuMzM1NzkgMTUgMS43NVY2LjI1QzE1IDYuNTI2MTQgMTQuNzc2MSA2Ljc1IDE0LjUgNi43NUgxNEMxMy43MjM5IDYuNzUgMTMuNSA2LjUyNjE0IDEzLjUgNi4yNVYzLjU2MDcyTDguODgzOTQgOC4xNzY3OEM4LjY4ODY4IDguMzcyMDQgOC4zNzIxIDguMzcyMDQgOC4xNzY4MyA4LjE3Njc4TDcuODIzMjggNy44MjMyMkM3LjYyODAyIDcuNjI3OTYgNy42MjgwMiA3LjMxMTM4IDcuODIzMjggNy4xMTYxMkwxMi40Mzk0IDIuNVoiIGZpbGw9IiM0RTU0NjEiLz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.mt-case-card.with-img .mt-case-card__desc {
    color: var(--light-text-icon-light-grey-1, #4e5461);
    line-height: 24px
}

.mt-case-card.with-img:hover .mt-case-card__share {
    opacity: 1
}

.mt-case-card.type-video .mt-case-card__object:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn200-9f78f535bdf7a2f1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60px;
    transition: background-color .3s ease-in-out
}

.mt-case-card.type-video:hover .mt-case-card__object:before {
    background-color: rgba(0, 0, 0, .5)
}

@media screen and (max-width:1200px) and (min-width:1199px) {
    .mt-case-card__list .mt-grid__col {
        width: 50%
    }
}

@media screen and (max-width:1200px) {

    .mt-case-card,
    .mt-case-card__object:before {
        border-radius: 16px
    }

    .mt-case-card__logo-img {
        margin-bottom: 12px
    }

    .mt-case-card__tag {
        left: 16px;
        top: 16px
    }

    .mt-case-card.with-img .mt-case-card__object {
        border-radius: 16px
    }

    .mt-case-card.with-img .mt-case-card__cnt {
        padding: 20px 24px 24px
    }

    .mt-case-card.with-img .mt-case-card__desc {
        font-size: 20px;
        line-height: 36px
    }
}

.mt-case-swiper__hd {
    text-align: center;
    max-width: 920px;
    margin: 0 auto
}

.mt-case-swiper__bd {
    margin: -43px -61px -61px -43px;
    padding: 43px 61px 61px 43px;
    overflow: hidden
}

.mt-case-swiper__inner {
    display: inline-flex;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 50px;
    overflow: hidden
}

.mt-case-swiper__ctrl,
.mt-case-swiper__ctrls {
    display: flex;
    transition: all .3s ease-in-out
}

.mt-case-swiper__ctrl {
    margin: 0 6px;
    cursor: pointer;
    width: 128px;
    height: 56px;
    padding: 10px 14px;
    align-items: center;
    justify-content: center
}

.mt-case-swiper__ctrl img {
    max-width: 100%;
    max-height: 100%
}

.mt-case-swiper__ctrl.is-active {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 12px
}

.mt-case-swiper__label {
    height: 39px;
    position: absolute;
    left: 0;
    top: 0
}

.mt-case-swiper__img {
    height: 40px
}

.mt-case-swiper__btn {
    position: absolute;
    top: 0;
    height: 56px;
    width: 24px;
    border-width: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-color: #fff
}

.mt-case-swiper__btn:before {
    content: "";
    display: block;
    width: 9px;
    height: 14px
}

.mt-case-swiper__btn.prev {
    left: 0
}

.mt-case-swiper__btn.prev:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDEzTDIgN0w4IDEiIHN0cm9rZT0iI0EyQURCOCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-case-swiper__btn.prev:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDEzTDIgN0w4IDEiIHN0cm9rZT0iIzFhNTJmNiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-case-swiper__btn.next {
    right: 0
}

.mt-case-swiper__btn.next:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEzTDcgN0wxIDEiIHN0cm9rZT0iI0EyQURCOCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-case-swiper__btn.next:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEzTDcgN0wxIDEiIHN0cm9rZT0iIzFhNTJmNiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-case-swiper__list {
    position: relative
}

.mt-case-swiper__item {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out;
    transform: translateX(-50%)
}

.mt-case-swiper__item.is-active {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.mt-case-swiper__item.is-active~.mt-case-swiper__item {
    transform: translateX(50%)
}

.mt-case-swiper__item:hover {
    text-decoration: none
}

.mt-case-swiper__item:hover:before {
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-case-swiper__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .3);
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    border-radius: 20px;
    transition: all .3s linear
}

.mt-case-swiper__item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom 14px
}

.mt-case-swiper__item-inner {
    position: relative;
    height: 100%;
    display: flex
}

.mt-case-swiper__item-object {
    width: 580px;
    min-height: 340px;
    border-radius: 20px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden
}

.mt-case-swiper__item-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mt-case-swiper__item-main {
    flex: 1;
    width: 1px;
    box-sizing: border-box;
    padding: 24px 24px 68px;
    position: relative
}

.mt-case-swiper__item-tag {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
    padding: 0 8px;
    height: 24px;
    background: #ff9800;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.mt-case-swiper__item-tags-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-case-swiper__item-time {
    color: #7b818f;
    font-size: 16px;
    margin-bottom: 16px
}

.mt-case-swiper__item-title {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: #262a47
}

.mt-case-swiper__item-desc {
    font-size: 16px;
    line-height: 24px;
    color: #616b90
}

.mt-case-swiper__item-ft {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px 24px
}

.mt-case-swiper__item-link {
    color: #0052f6
}

.mt-compare-table {
    position: relative;
    z-index: 1;
    margin-top: 60px
}

.mt-compare-table-tr {
    display: flex;
    width: 100%;
    box-sizing: border-box
}

.mt-compare-table-td {
    width: 1px;
    flex: 1;
    margin: 0 2px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    background: rgba(0, 111, 255, .03)
}

.mt-compare-table-td,
.mt-compare-table-td .bubble-wrap {
    display: flex;
    align-items: center
}

.mt-compare-table-td .bubble-wrap .label {
    height: 16px;
    margin-left: 4px
}

.mt-compare-table-td .bubble-wrap .mt-buy-bubble {
    margin-left: 8px;
    cursor: pointer
}

.mt-compare-table-td:first-child {
    margin-left: 0;
    width: 24.2372881356%;
    flex: 0 1 auto
}

.mt-compare-table-td:last-child {
    margin-right: 0
}

.mt-compare-table-td.th {
    padding: 20px 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    align-items: flex-start;
    text-align: left;
    background: hsla(0, 0%, 100%, .6)
}

.mt-compare-table-td.th.is-new {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.mt-compare-table-td.th.is-new .label-wrap {
    display: flex;
    align-items: flex-start
}

.mt-compare-table-td.th.is-new .label-wrap .text {
    flex: 1
}

.mt-compare-table-td.th.is-new .label-wrap:after {
    content: "";
    display: inline-block;
    height: 12px;
    width: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgOEMwIDMuNTgxNzIgMy41ODE3MiAwIDggMEgyNEMyOC40MTgzIDAgMzIgMy41ODE3MiAzMiA4QzMyIDEyLjQxODMgMjguNDE4MyAxNiAyNCAxNkgxLjVDMC42NzE1NzMgMTYgMCAxNS4zMjg0IDAgMTQuNVY4WiIgZmlsbD0iI0ZGNkUxQSIvPgo8cGF0aCBkPSJNOS41OTIxMSA0LjI3SDExLjA1MjFWMTEuNUg5LjczNzExTDYuMzAyMTEgNi41MjVWMTEuNUg0Ljg0NzExVjQuMjdINi4yOTIxMUw5LjU5MjExIDkuMDU1VjQuMjdaTTEyLjY2OTQgMTEuNVY0LjI3SDE3LjYzNDRMMTcuNjI5NCA1LjVIMTQuMTM0NFY3LjI1NUgxNy4xNjk0VjguNDZIMTQuMTI0NFYxMC4yNTVMMTcuNjg0NCAxMC4yNlYxMS41SDEyLjY2OTRaTTI3Ljc3MDQgNC4yN0wyNS42MzU0IDExLjVIMjQuNDcwNEwyMy4xMTA0IDYuNzc1TDIxLjc0MDQgMTEuNUgyMC41OTU0TDE4LjQ2NTQgNC4yN0gxOS44OTU0TDIxLjI0MDQgOS4wNDVMMjIuNTg1NCA0LjI3SDIzLjY0MDRMMjUuMDAwNCA5LjA0NUwyNi4zNDU0IDQuMjdIMjcuNzcwNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    position: relative;
    top: 5px
}

.mt-compare-table-td.th.is-new .met-activity-tag {
    margin-left: 8px
}

.mt-compare-table-td.th.is-new .met-activity-tag .met-imgs-tag-common {
    max-height: 100%
}

.mt-compare-table-tr.hd .mt-compare-table-td {
    padding: 24px 32px;
    margin-bottom: 4px;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    background: rgba(0, 111, 255, .08)
}

.mt-compare-table-tr.hd .mt-compare-table-td:first-child {
    align-items: flex-start;
    justify-content: flex-start;
    background: hsla(0, 0%, 100%, .6)
}

.mt-compare-table-tr.hd .mt-compare-table-td .sub-title {
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.mt-compare-table-tr.hd .price-wrap {
    position: relative;
    min-height: 54px;
    margin-top: 20px;
    margin-bottom: 12px
}

.mt-compare-table-tr.hd .price-wrap .inner {
    display: flex;
    align-items: flex-end;
    white-space: nowrap
}

.mt-compare-table-tr.hd .price-wrap .currency {
    margin: 0 -4px
}

.mt-compare-table-tr.hd .price-wrap .currency,
.mt-compare-table-tr.hd .price-wrap .num {
    font-size: 28px;
    line-height: 1;
    font-family: TCloudNumber
}

.mt-compare-table-tr.hd .price-wrap .decimal-num {
    font-family: TCloudNumber;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: .72px;
    margin-left: 2px
}

.mt-compare-table-tr.hd .price-wrap .unit {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-left: 4px
}

.mt-compare-table-tr.hd .price-wrap.consult .inner {
    align-items: center;
    font-family: TCloudNumber;
    font-size: 18px;
    line-height: 28px
}

.mt-compare-table-tr.hd .price-wrap.consult .inner:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjY3NjUgMjcuNTg1QzIxLjQ2ODQgMjcuNTg1IDIwLjExMzMgMjcuMzU2NSAxOC42OTI5IDI2LjkxNTdDMTUuMjgwNiAyNS44NTQ0IDExLjkxNzMgMjMuNjM0IDkuMjIzNDcgMjAuNjYyNkM1LjE5MDgyIDE2LjIwNTUgMy4yNjQyOSAxMS43NjQ2IDMuNjM5OCA3LjgxMzYyQzMuNzU0MDggNi44MzQwMyA0LjA2NDI5IDUuNTkzMjEgNS41MzM2NyA0LjU5NzI5QzYuNjYwMjEgMy42ODMwMSA3Ljk1IDMuMTYwNTYgOC45NjIyNSAzLjE3Njg5QzEwLjAyMzUgMy4xOTMyMSAxMC4zODI3IDMuNTY4NzIgMTEuNDc2NSA1LjE1MjRDMTMuMTU4MiA3LjQ3MDc2IDEzLjI3MjQgOC42MTM2MiAxMy4yMDcxIDkuMjY2NjhDMTMuMDkyOSAxMC4zNDQyIDEyLjUwNTEgMTAuODE3NyAxMS45NjYzIDExLjI0MjJDMTEuODM1NyAxMS4zNDAyIDExLjcwNTEgMTEuNDU0NCAxMS41OTA4IDExLjU1MjRDMTAuOTM3OCAxMi4zODUgMTAuMTM3OCAxMy41NDQyIDEzLjU2NjMgMTcuMDg3MUMxNi40ODg4IDE5Ljg5NTMgMTguMDcyNCAyMC4yMzgxIDE4Ljc0MTggMjAuMTg5MUMxOS4yNjQzIDIwLjE1NjUgMTkuNDYwMiAxOS44Nzg5IDE5LjU0MTggMTkuNzgxTDE5LjU1ODIgMTkuNzY0NkMyMC42NTIgMTguMjI5OSAyMS4wMTEyIDE3Ljg1NDQgMjIuMDU2MSAxNy42OTEyQzIzLjA2ODQgMTcuNTI3OSAyMy41OTA4IDE3Ljg1NDQgMjUuNzQ1OSAxOS4yMDk1QzI3LjY4ODggMjAuNDM0IDI4LjU4NjcgMjEuMjUwNCAyOC4zOTA4IDIyLjU0MDFDMjguMzI1NSAyMy45NDQyIDI3LjI0OCAyNS44NTQ0IDI2LjAzOTggMjYuNzE5N0MyNS4yMDcxIDI3LjI5MTIgMjQuMDQ4IDI3LjU4NSAyMi42NzY1IDI3LjU4NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 4px
}

.mt-compare-table-tr.hd .price-wrap .price-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px
}

.mt-compare-table-tr.hd .mt-btn {
    min-width: 80px;
    height: 28px;
    border-radius: 14px;
    line-height: 26px;
    font-size: 14px;
    margin-top: 8px
}

.mt-compare-table-tr.sub-title {
    margin-top: 4px;
    margin-bottom: 0
}

.mt-compare-table-tr.sub-title .mt-compare-table-td.th {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000
}

.mt-compare-table-bd .mt-compare-table-tr:hover {
    position: relative
}

@media screen and (min-width:1201px) {
    .mt-compare-table-bd .mt-compare-table-tr:hover:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
        border-radius: 6px
    }

    .mt-compare-table-bd .mt-compare-table-tr:hover .mt-compare-table-td {
        position: relative;
        background: transparent
    }
}

.mt-compare-table-bd .mt-compare-table-tr:hover.sub-title:before {
    display: none
}

.mt-compare-table-bd .mt-compare-table-tr:hover.sub-title .mt-compare-table-td.th {
    background: hsla(0, 0%, 100%, .6)
}

.mt-compare-table-bd .mt-compare-table-tr:hover.sub-title .mt-compare-table-td {
    background: rgba(0, 111, 255, .03)
}

.mt-compare-table-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-size: 100%
}

.mt-compare-table-icon.checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTJMOC42ODk2NSAxOEwyMSA2IiBzdHJva2U9IiMwMDZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-compare-table-icon.disabled {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzEwNjYgNC4xODkzNEM1LjcyNDg3IDMuNjAzNTUgNC43NzUxMyAzLjYwMzU1IDQuMTg5MzQgNC4xODkzNEMzLjYwMzU1IDQuNzc1MTMgMy42MDM1NSA1LjcyNDg3IDQuMTg5MzQgNi4zMTA2Nkw2LjMxMDY2IDQuMTg5MzRaTTE3LjY4OTMgMTkuODEwN0MxOC4yNzUxIDIwLjM5NjQgMTkuMjI0OSAyMC4zOTY0IDE5LjgxMDcgMTkuODEwN0MyMC4zOTY0IDE5LjIyNDkgMjAuMzk2NCAxOC4yNzUxIDE5LjgxMDcgMTcuNjg5M0wxNy42ODkzIDE5LjgxMDdaTTQuMTg5MzQgNi4zMTA2NkwxNy42ODkzIDE5LjgxMDdMMTkuODEwNyAxNy42ODkzTDYuMzEwNjYgNC4xODkzNEw0LjE4OTM0IDYuMzEwNjZaIiBmaWxsPSIjQkNDMUNDIi8+CjxwYXRoIGQ9Ik0xOS44MTA3IDYuMzEwNjZDMjAuMzk2NCA1LjcyNDg3IDIwLjM5NjQgNC43NzUxMyAxOS44MTA3IDQuMTg5MzRDMTkuMjI0OSAzLjYwMzU1IDE4LjI3NTEgMy42MDM1NSAxNy42ODkzIDQuMTg5MzRMMTkuODEwNyA2LjMxMDY2Wk00LjE4OTM0IDE3LjY4OTNDMy42MDM1NSAxOC4yNzUxIDMuNjAzNTUgMTkuMjI0OSA0LjE4OTM0IDE5LjgxMDdDNC43NzUxMyAyMC4zOTY0IDUuNzI0ODcgMjAuMzk2NCA2LjMxMDY2IDE5LjgxMDdMNC4xODkzNCAxNy42ODkzWk0xNy42ODkzIDQuMTg5MzRMNC4xODkzNCAxNy42ODkzTDYuMzEwNjYgMTkuODEwN0wxOS44MTA3IDYuMzEwNjZMMTcuNjg5MyA0LjE4OTM0WiIgZmlsbD0iI0JDQzFDQyIvPgo8L3N2Zz4K)
}

.mt-compare-table-tr.sticky {
    display: none
}

.mt-compare-table-tr.is-sticky {
    display: flex;
    position: fixed;
    z-index: 300
}

.mt-compare-table-tr.is-sticky .mt-compare-table-td,
.mt-compare-table-tr.is-sticky .mt-compare-table-td:first-child {
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 103, 198, .1)
}

.mt-compare-table-tr.is-sticky .mt-btn.weak {
    border: 1px solid #53d530;
    color: #53d530;
    background: transparent
}

@media screen and (min-width:1201px) {
    .mt-compare-table-tr.is-sticky .mt-btn.weak:hover {
        background-color: #53d530;
        color: #fff
    }
}

@media screen and (max-width:1200px) {
    .mt-compare-table-tr.hd .price-wrap {
        min-height: 35px;
        margin-top: 8px;
        margin-bottom: 8px;
        text-align: center
    }

    .mt-compare-table-tr.hd .price-wrap .inner {
        justify-content: center
    }

    .mt-compare-table-tr.hd .price-wrap .currency {
        margin: 0
    }

    .mt-compare-table-tr.hd .price-wrap .currency,
    .mt-compare-table-tr.hd .price-wrap .decimal-num,
    .mt-compare-table-tr.hd .price-wrap .num {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }

    .mt-compare-table-tr.hd .price-wrap .decimal-num {
        letter-spacing: 0;
        margin-left: 0
    }

    .mt-compare-table-tr.hd .price-wrap .unit,
    .mt-compare-table-tr.hd .price-wrap.consult .inner {
        display: none
    }

    .mt-compare-table-tr.hd .price-wrap .price-text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 0
    }
}

@media screen and (max-width:600px) {
    .mt-compare-table {
        margin-top: 0
    }

    .mt-compare-table-td {
        margin: .5px;
        padding: 8px 6px;
        font-size: 10px;
        line-height: 15px
    }

    .mt-compare-table-td .bubble-wrap .label,
    .mt-compare-table-td .bubble-wrap .mt-buy-bubble {
        display: none
    }

    .mt-compare-table-td.th {
        padding: 8px 10px;
        font-size: 10px;
        line-height: 15px;
        align-items: center
    }

    .mt-compare-table-td.th.is-new .label-wrap:after {
        height: 12px;
        width: 20px;
        margin-left: 2px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNS41QzAgMi40NjI0MyAyLjQ2MjQzIDAgNS41IDBIMTQuNUMxNy41Mzc2IDAgMjAgMi40NjI0MyAyMCA1LjVWNi41QzIwIDkuNTM3NTcgMTcuNTM3NiAxMiAxNC41IDEySDAuOTE2NjY2QzAuNDEwNDA1IDEyIDAgMTEuNTg5NiAwIDExLjA4MzNWNS41WiIgZmlsbD0iI0ZGNkUxOSIvPgo8cGF0aCBkPSJNNS42ODk0OCAzLjQ2NzA4SDYuNzExNDhWOC41MjgwOEg1Ljc5MDk4TDMuMzg2NDggNS4wNDU1OFY4LjUyODA4SDIuMzY3OThWMy40NjcwOEgzLjM3OTQ4TDUuNjg5NDggNi44MTY1OFYzLjQ2NzA4Wk03LjQ5MzU2IDguNTI4MDhWMy40NjcwOEgxMC45NjkxTDEwLjk2NTYgNC4zMjgwOEg4LjUxOTA2VjUuNTU2NThIMTAuNjQzNlY2LjQwMDA4SDguNTEyMDZWNy42NTY1OEwxMS4wMDQxIDcuNjYwMDhWOC41MjgwOEg3LjQ5MzU2Wk0xOC4wNjQzIDMuNDY3MDhMMTYuNTY5OCA4LjUyODA4SDE1Ljc1NDNMMTQuODAyMyA1LjIyMDU4TDEzLjg0MzMgOC41MjgwOEgxMy4wNDE4TDExLjU1MDggMy40NjcwOEgxMi41NTE4TDEzLjQ5MzMgNi44MDk1OEwxNC40MzQ4IDMuNDY3MDhIMTUuMTczM0wxNi4xMjUzIDYuODA5NThMMTcuMDY2OCAzLjQ2NzA4SDE4LjA2NDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
        top: 2px
    }

    .mt-compare-table-td.th.is-new .met-activity-tag {
        height: 12px;
        margin-left: 4px
    }

    .mt-compare-table-tr.hd .mt-compare-table-td {
        padding: 8px;
        font-size: 12px;
        line-height: 15px
    }

    .mt-compare-table-tr.hd .mt-compare-table-td:first-child {
        justify-content: center;
        align-items: center
    }

    .mt-compare-table-icon {
        width: 16px;
        height: 16px
    }
}

.mt-download-card {
    height: 280px;
    box-shadow: 0 20px 30px #daeaff;
    border-radius: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    font-size: 0;
    width: 280px;
    max-width: 100%;
    display: inline-block;
    cursor: pointer
}

.mt-download-card,
.mt-download-card__extra {
    text-align: center;
    color: #fff;
    transition: all .3s ease-in-out
}

.mt-download-card__extra {
    padding: 12px 0 22px;
    opacity: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: scale(.55);
    border: 1px solid;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    -o-border-image: repeating-linear-gradient(90deg, rgba(235, 237, 242, 0), rgba(235, 237, 242, .2), rgba(235, 237, 242, 0)) 1;
    border-image: repeating-linear-gradient(90deg, rgba(235, 237, 242, 0), rgba(235, 237, 242, .2), rgba(235, 237, 242, 0)) 1;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px
}

.mt-download-card__extra:hover {
    font-weight: 500
}

.mt-download-card__tit {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 6px
}

.mt-download-card__time,
.mt-download-card__version {
    font-size: 14px;
    line-height: 24px
}

.mt-download-card__tag {
    display: inline-block;
    background: #0c6;
    border-radius: 20px 0 16px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    padding: 0 18px;
    position: absolute;
    left: 0;
    top: 0
}

.mt-download-card:before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download549-96009d46e946fdca.png);
    opacity: 1;
    transform: scale(1)
}

.mt-download-card:before,
.mt-download-card__icon {
    display: inline-block;
    transition: all .3s ease-in-out
}

.mt-download-card__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 42px;
    position: relative
}

.mt-download-card__icon-logo {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1
}

.mt-download-card__icon-download-qr,
.mt-download-card__icon-logo {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out
}

.mt-download-card__icon-download-qr {
    position: absolute;
    top: 0;
    opacity: 0;
    transform: scale(1.65)
}

.mt-download-card__icon-download-qr img {
    width: 100%
}

.mt-download-card__icon-download {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out;
    opacity: 0;
    transform: scale(1.44);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download549-96009d46e946fdca.png)
}

.mt-download-card__icon-download-m,
.mt-download-card__icon-download-qr-m {
    display: none
}

.mt-download-card.macos {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-macos39f-adec0cf1b6d6762d.png)
}

.mt-download-card.macos .mt-download-card__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-macos3d6-457a31937bba48ef.svg)
}

.mt-download-card.macos1 {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-macos1ad6-04a90a1a6f39f40c.png)
}

.mt-download-card.macos1 .mt-download-card__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-macos3d6-457a31937bba48ef.svg)
}

.mt-download-card.windows {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-winaf8-9820df85ed6b0660.png)
}

.mt-download-card.windows .mt-download-card__icon-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNy41NjQ5IDE2LjU3MjlMNjguOTkzMyAxMlYzOS40OTcyTDM3LjU2NDkgMzkuNzQ1OVYxNi41NzI5Wk0zNC43MDI4IDE2Ljk5MzJMMTEgMjAuMjExN0wxMS4wMjIgMzkuOTIxM0wzNC43MTMzIDM5Ljc4NjlMMzQuNzAyOCAxNi45OTMyWk0zNC43MTAzIDY1LjIyN0wzNC42OTIxIDQyLjQxNDJMMTEuMDE3IDQyLjI2MDdMMTEuMDE5IDYxLjk3OTlMMzQuNzEwMyA2NS4yMjdaTTY4Ljk5MzYgNzAuMDAxTDY5LjAwMDMgNDIuNjI4NkwzNy41MjExIDQyLjU3ODFMMzcuNTY1MSA2NS41Nzg3TDY4Ljk5MzYgNzAuMDAxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.mt-download-card.windows.with-extra .mt-download-card__extra:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download-m97a-d4b0ed0d67d50a31.png)
}

.mt-download-card.linux {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-linux78c-057f91b4445dbfb2.png)
}

.mt-download-card.linux .mt-download-card__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-linuxbdd-75699f60413f4460.svg)
}

.mt-download-card.outlook {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-outlook032-6b7d17a312f5634e.png)
}

.mt-download-card.outlook .mt-download-card__icon-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MC40Mjg3IDZDMzUuMzc5MyA2IDMxLjI4NiAxMC4wOTMyIDMxLjI4NTggMTUuMTQyNkgxOC45MDQ4QzE1LjY0MzcgMTUuMTQyNiAxMyAxNy43ODYyIDEzIDIxLjA0NzNWMzMuNDI4N0gxMy4wMDAxQzE4LjA0OTUgMzMuNDI4NyAyMi4xNDMgMzcuNTIyMSAyMi4xNDMgNDIuNTcxNkMyMi4xNDMgNDcuNjIxMSAxOC4wNDk1IDUxLjcxNDUgMTMuMDAwMSA1MS43MTQ1SDEzVjY0LjA5NTFDMTMgNjcuMzU2MyAxNS42NDM3IDY5Ljk5OTkgMTguOTA0OCA2OS45OTk5SDMxLjI4NThDMzEuMjg2MSA2NC45NTA3IDM1LjM3OTQgNjAuODU3NSA0MC40Mjg3IDYwLjg1NzVDNDUuNDc4IDYwLjg1NzUgNDkuNTcxMyA2NC45NTA3IDQ5LjU3MTYgNjkuOTk5OUg2MS45NTI2QzY1LjIxMzcgNjkuOTk5OSA2Ny44NTczIDY3LjM1NjMgNjcuODU3MyA2NC4wOTUxVjUxLjcxMzVDNzIuOTA2NyA1MS43MTM0IDc3LjAwMDEgNDcuNjIwMSA3Ny4wMDAxIDQyLjU3MDZDNzcuMDAwMSAzNy41MjEyIDcyLjkwNjcgMzMuNDI3OCA2Ny44NTczIDMzLjQyNzdWMjEuMDQ3M0M2Ny44NTczIDE3Ljc4NjIgNjUuMjEzNyAxNS4xNDI2IDYxLjk1MjYgMTUuMTQyNkg0OS41NzE2QzQ5LjU3MTQgMTAuMDkzMiA0NS40NzgxIDYgNDAuNDI4NyA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.mt-download-card.android {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-outlook032-6b7d17a312f5634e.png)
}

.mt-download-card.android .mt-download-card__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-androided8-fe5f561c50733ed7.svg)
}

.mt-download-card.android:before {
    width: 62px;
    height: 58px;
    right: 0;
    top: 0;
    transform-origin: right top;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/qr-corner654-c61a63dd736170ee.png)
}

.mt-download-card:hover {
    box-shadow: 0 20px 30px rgba(47, 112, 206, .3);
    padding-top: 35px
}

.mt-download-card:hover .mt-download-card__icon-logo,
.mt-download-card:hover:before {
    transform: scale(.55);
    opacity: 0
}

.mt-download-card:hover .mt-download-card__icon-download {
    opacity: 1;
    transform: scale(1)
}

.mt-download-card:hover .mt-download-card__icon-download-qr {
    opacity: 1;
    transform: scale(1.458)
}

.mt-download-card:hover .mt-download-card__extra {
    opacity: 1;
    transform: scale(1)
}

.mt-download-card:hover.with-extra .mt-download-card__icon {
    margin-bottom: 20px
}

.mt-download-card:hover.with-extra .mt-download-card__tit {
    margin-bottom: 4px
}

@media screen and (max-width:1199px) {
    .mt-download-card-list .mt-grid__col:nth-child(odd) {
        text-align: right
    }
}

@media screen and (max-width:600px) {
    .mt-download-card {
        width: 100%;
        max-width: 320px;
        height: 210px;
        background-size: 100% auto;
        background-position: top;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

    .mt-download-card-list .mt-grid__col,
    .mt-download-card-list .mt-grid__col:nth-child(odd) {
        text-align: center
    }

    .mt-download-card__tit {
        font-size: 22px;
        line-height: 31px
    }

    .mt-download-card__tag {
        margin: 8px auto 0;
        height: 22px;
        font-size: 12px;
        line-height: 18px;
        padding: 2px 22px
    }

    .mt-download-card:before {
        width: 32px;
        height: 32px
    }

    .mt-download-card__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 8px
    }

    .mt-download-card__icon-download-m {
        bottom: 20px;
        width: 64px;
        height: 64px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(1.44);
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download549-96009d46e946fdca.png)
    }

    .mt-download-card__icon-download-m,
    .mt-download-card__icon-download-qr-m {
        position: absolute;
        display: inline-block;
        transition: all .3s ease-in-out;
        opacity: 0
    }

    .mt-download-card__icon-download-qr-m {
        width: 140px;
        height: 140px;
        bottom: 14px;
        left: 50%;
        margin-left: -70px;
        transform: scale(1.2)
    }

    .mt-download-card__icon-download-qr-m img {
        width: 100%
    }

    .mt-download-card.macos {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-macos-mfa6-f2ed05e26734bcbd.png)
    }

    .mt-download-card.macos1 {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-macos1-m973-c175373ed721ab37.png)
    }

    .mt-download-card.windows {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-win-m243-d7c2d516b407f9fe.png)
    }

    .mt-download-card.linux {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-linux-m7a0-2fd5e4347d94e129.png)
    }

    .mt-download-card.android,
    .mt-download-card.outlook {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-outlook-mfe0-1af4dae9757f49f5.png)
    }

    .mt-download-card.android {
        display: block;
        padding-top: 30px
    }

    .mt-download-card.android:before {
        width: 48px;
        height: 44px
    }

    .mt-download-card:hover {
        padding-top: 0
    }

    .mt-download-card:hover.android {
        padding-top: 20px
    }

    .mt-download-card:hover.android .mt-download-card__icon,
    .mt-download-card:hover.with-extra .mt-download-card__icon-download-m {
        display: none
    }

    .mt-download-card:hover .mt-download-card__tag,
    .mt-download-card:hover .mt-download-card__time,
    .mt-download-card:hover .mt-download-card__version {
        opacity: 0;
        transition: all .3s ease-in-out
    }

    .mt-download-card:hover .mt-download-card__icon-logo {
        opacity: 1;
        transform: scale(1)
    }

    .mt-download-card:hover .mt-download-card__icon-download {
        opacity: 0
    }

    .mt-download-card:hover .mt-download-card__icon-download-m,
    .mt-download-card:hover .mt-download-card__icon-download-qr-m {
        opacity: 1;
        transform: scale(1)
    }
}

.mt-download-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 74px;
    height: 400px;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bannerPC20c-9fad32ecfb5594a2.png), linear-gradient(180deg, #daebff, #f9fcff);
    transition: height .3s ease-in-out
}

@media screen and (min-width:601px) {
    .mt-download-hero.beta {
        height: 580px
    }

    .mt-download-hero.beta .mt-download-hero__inner {
        padding-top: 176px
    }

    .mt-download-hero.beta .mt-download-hero__cnt {
        position: static;
        transform: translateY(0);
        padding-top: 0
    }

    .mt-download-hero__cnt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 80px
    }
}

.mt-download-hero__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1200px;
    box-sizing: border-box
}

.mt-download-hero__tit {
    font-weight: 500;
    font-size: 48px;
    line-height: 64px;
    color: #262a47
}

.mt-download-hero__desc,
.mt-download-hero__tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-download-hero__desc {
    font-size: 20px;
    line-height: 28px;
    color: #2d3033;
    margin-top: 24px
}

.mt-download-hero__btns {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%)
}

.mt-download-hero__btns .mt-btn {
    width: 280px;
    height: 88px;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    line-height: 20px
}

.mt-download-hero__btns .mt-btn:hover {
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3)
}

.mt-download-hero__btns .mt-btn.weak:hover {
    background: #fff;
    color: #53d530
}

.mt-download-hero__btn {
    display: inline-block
}

.mt-download-hero__btn+.mt-download-hero__btn {
    margin-left: 20px
}

.mt-download-hero__btn-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-bottom: 4px
}

@media screen and (max-width:1440px) and (min-width:601px) {
    .mt-download-hero:not(.beta) {
        height: 176px;
        background: none;
        margin-bottom: 14px
    }

    .mt-download-hero:not(.beta) .mt-download-hero__btns,
    .mt-download-hero:not(.beta) .mt-download-hero__desc,
    .mt-download-hero:not(.beta) .mt-download-hero__inner,
    .mt-download-hero:not(.beta) .mt-download-hero__tit {
        display: none
    }
}

@media screen and (max-width:1199px) and (min-width:601px) {
    .mt-download-hero:not(.beta) {
        height: 144px
    }
}

@media screen and (max-width:600px) {
    .mt-download-hero {
        height: auto;
        position: relative;
        background-size: auto 453px;
        margin-bottom: 0
    }

    .mt-download-hero:before {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        height: 633px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bannerMobile625-fb3cf6d5118a4caf.png), linear-gradient(180deg, #daebff, #f9fcff)
    }

    .mt-download-hero__inner {
        padding-top: 170px;
        text-align: center
    }

    .mt-download-hero__desc {
        margin-top: 18px
    }

    .mt-download-hero__btns {
        margin-top: 80px;
        border-bottom: 2px solid rgba(0, 111, 255, .2);
        display: inline-block;
        position: static;
        transform: none
    }

    .mt-download-hero__btns .mt-btn {
        width: 270px
    }

    .mt-download-hero__btn {
        padding-bottom: 40px;
        margin-bottom: -2px
    }

    .mt-download-hero__btn.is-active {
        border-bottom: 2px solid #53d530
    }

    .mt-download-hero__inner {
        padding-top: 96px
    }

    .mt-download-hero__tit {
        font-size: 24px;
        line-height: 34px;
        font-weight: 500
    }

    .mt-download-hero__desc {
        font-size: 14px;
        line-height: 20px;
        white-space: pre-wrap;
        max-width: 210px;
        margin: 10px auto 0
    }

    .mt-download-hero__btns {
        margin-top: 24px
    }

    .mt-download-hero__btns .mt-btn {
        width: 140px;
        height: 50px;
        border-radius: 10px
    }

    .mt-download-hero__btn {
        padding-bottom: 20px
    }

    .mt-download-hero__btn+.mt-download-hero__btn {
        margin-left: 10px
    }

    .mt-download-hero__btn-text {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 0
    }

    .mt-download-hero__btn-sub {
        display: none
    }

    .mt-download-hero+.mt-section {
        margin-top: 16px;
        position: relative;
        z-index: 1
    }
}

.mt-download-qr {
    display: flex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px -20px
}

.mt-download-qr__card {
    margin: 0 10px 20px;
    font-size: 0;
    width: 380px;
    height: 200px;
    background: #fff;
    box-shadow: 0 10px 30px #dbebfc;
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-default2f5-a6fde48ebbbefa92.png);
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.mt-download-qr__card-tit {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.45;
    margin-bottom: 6px;
    color: #000
}

.mt-download-qr__card-time,
.mt-download-qr__card-version {
    font-size: 14px;
    color: #616b90;
    line-height: 24px
}

.mt-download-qr__card:before {
    content: "";
    display: inline-block;
    width: 62px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/qr-cornercb2-81ada8d7d510cafb.png);
    transition: all .3s ease-in-out;
    transform-origin: right top
}

.mt-download-qr__card-icon {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-right: 24px;
    position: relative
}

.mt-download-qr__card-icon-logo {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1
}

.mt-download-qr__card-icon-logo,
.mt-download-qr__card-icon-qr {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out
}

.mt-download-qr__card-icon-qr {
    position: absolute;
    top: 0;
    opacity: 0;
    transform: scale(1.4)
}

.mt-download-qr__card-icon-qr img {
    width: 100%
}

.mt-download-qr__card.ios .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-ios1ed-9c2f0c5dbbdbb023.png)
}

.mt-download-qr__card.android .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-android259-fd8e1c40f2627964.png)
}

.mt-download-qr__card.wechat .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-wechat047-4578c8d8e2f72ede.png)
}

.mt-download-qr__card.without-qr {
    background-position: 0 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-downloadffd-77a9411b202628af.png)
}

.mt-download-qr__card.without-qr:before {
    display: none
}

.mt-download-qr__card.without-qr:hover .mt-download-qr__card-icon-logo {
    opacity: 1;
    transform: scale(1)
}

.mt-download-qr__card.ipad .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-ipad764-df35c2c08cb335b3.png)
}

.mt-download-qr__card.android-pad .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-android-pad3fb-ed136df9624778ca.png)
}

.mt-download-qr__card:hover {
    box-shadow: 0 20px 30px rgba(47, 112, 206, .3)
}

.mt-download-qr__card:hover .mt-download-qr__card-icon-logo,
.mt-download-qr__card:hover:before {
    opacity: 0;
    transform: scale(.55)
}

.mt-download-qr__card:hover .mt-download-qr__card-icon-qr {
    opacity: 1;
    transform: scale(1)
}

.mt-download-qr__card:hover.primary {
    padding-top: 80px
}

.mt-download-qr__card:hover.primary .mt-download-qr__card-icon-qr {
    transform: scale(1.53)
}

.mt-download-qr.mini .mt-download-qr__card {
    height: 150px;
    padding: 35px 24px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-minif55-21ffef1627a70d02.png)
}

.mt-download-qr.mini .mt-download-qr__card-icon {
    width: 80px;
    height: 80px;
    margin-right: 0;
    padding-left: 0;
    transition: all .3s ease-in-out
}

.mt-download-qr.mini .mt-download-qr__card-icon-qr {
    transform: scale(1.65)
}

.mt-download-qr.mini .mt-download-qr__card-tit {
    margin-left: 16px;
    margin-bottom: 0;
    padding-left: 0;
    transition: all .3s ease-in-out
}

.mt-download-qr.mini .mt-download-qr__card-cnt {
    flex: 1
}

.mt-download-qr.mini .mt-download-qr__card.without-qr .mt-download-qr__card-icon-qr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzOV8xMjgzIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI2IiB5PSI2IiB3aWR0aD0iNjgiIGhlaWdodD0iNjgiPgo8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzM5XzEyODMpIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSIjMjQ3RUNDIi8+CjwvZz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzOV8xMjgzKSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV8zMzlfMTI4MykiPgo8cGF0aCBkPSJNNDAgNDIuNzMzNkw0MCAyNy40MDAzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik00OCAzNS4yMjE5TDQxLjI3MjggNDEuOTQ5MUM0MC41Njk4IDQyLjY1MjEgMzkuNDMwMiA0Mi42NTIxIDM4LjcyNzIgNDEuOTQ5MUwzMiAzNS4yMjE5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik00OS43NzcyIDQ5SDMwLjIyMTciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMy4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMzOV8xMjgzIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQgMjEpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfMzM5XzEyODMiPgo8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNCAyMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
    transform: scale(1);
    background-size: contain
}

.mt-download-qr.mini .mt-download-qr__card.wechat .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-wechat-mini9cc-db30f746f457c578.svg)
}

.mt-download-qr.mini .mt-download-qr__card.outlook .mt-download-qr__card-icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-outlook-mini484-ab5232c69ea6f67b.svg)
}

.mt-download-qr.mini .mt-download-qr__card:hover:not(.without-qr) .mt-download-qr__card-tit {
    padding-left: 32px
}

.mt-download-qr.mini .mt-download-qr__card:hover:not(.without-qr) .mt-download-qr__card-icon {
    padding-left: 12px
}

.mt-download-qr.mini .mt-download-qr__card:hover:not(.without-qr) .mt-download-qr__card-icon-qr {
    transform: scale(1.475)
}

@media screen and (max-width:1199px) {
    .mt-download-qr__card {
        width: 45%;
        max-width: 380px
    }
}

@media screen and (max-width:600px) {
    .mt-download-qr {
        flex-direction: column;
        margin-bottom: 0
    }

    .mt-download-qr__card {
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
        height: 148px
    }

    .mt-download-qr__card:before {
        width: 36px;
        height: 33px
    }

    .mt-download-qr__card+.mt-download-qr__card {
        margin-top: 20px
    }

    .mt-download-qr__card-icon {
        width: 80px;
        height: 80px;
        margin-right: 44px
    }
}

@media screen and (max-width:1200px) {
    .mt-download-qr.mini .mt-download-qr__card {
        width: 330px;
        height: 130px;
        padding: 30px 20px
    }

    .mt-download-qr.mini .mt-download-qr__card-icon {
        width: 69px;
        height: 69px
    }

    .mt-download-qr.mini .mt-download-qr__card-tit {
        margin-left: 14px;
        font-size: 19px
    }

    .mt-download-qr.mini .mt-download-qr__card:before {
        width: 54.16px;
        height: 50.67px
    }
}

@media screen and (max-width:900px) {
    .mt-download-qr.mini .mt-download-qr__card-icon {
        width: 59px;
        height: 59px
    }
}

@media screen and (max-width:600px) {
    .mt-download-qr.mini .mt-download-qr__card {
        width: 100%;
        max-width: 327px;
        height: 150px;
        padding: 35px 24px
    }

    .mt-download-qr.mini .mt-download-qr__card-icon {
        width: 80px;
        height: 80px
    }

    .mt-download-qr.mini .mt-download-qr__card-tit {
        margin-left: 16px;
        font-size: 22px
    }

    .mt-download-qr.mini .mt-download-qr__card:before {
        width: 62px;
        height: 58px
    }
}

.mt-event-card {
    position: relative;
    display: block;
    height: 100%;
    cursor: pointer
}

.mt-event-card,
.mt-event-card:hover {
    text-decoration: none
}

.mt-event-card:hover:before {
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-event-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .4);
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    border-radius: 20px;
    transition: all .3s linear
}

.mt-event-card__inner {
    position: relative;
    height: 100%;
    box-sizing: border-box
}

.mt-event-card__object {
    padding-top: 55.2631578947%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 20px
}

.mt-event-card__bd {
    padding: 24px 24px 46px
}

.mt-event-card__tag {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
    padding: 0 8px;
    height: 24px;
    background: #ff9800;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.mt-event-card__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: #2d3033
}

@media screen and (max-width:1199px) {
    .mt-event-card__object {
        padding-top: 38.3233532934%;
        border-radius: 16px
    }

    .mt-event-card__bd {
        padding: 20px 24px 24px
    }

    .mt-event-card__tag {
        font-size: 12px;
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 0;
        position: relative;
        top: -3px
    }

    .mt-event-card__title {
        display: inline;
        font-size: 20px;
        line-height: 36px
    }
}

.mt-list-collapse__trigger {
    text-align: center;
    margin-top: 64px
}

.mt-list-collapse__trigger a {
    font-size: 16px;
    line-height: 32px;
    color: #53d530;
    text-decoration: none
}

.mt-list-collapse__trigger a:after {
    content: "";
    display: block;
    margin: 5px auto 0;
    width: 14px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMyAxTDcgN0wxIDEiIHN0cm9rZT0iIzAwNkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat
}

.mt-list-collapse__trigger a:hover:after {
    animation: collapseJump 1s linear infinite
}

.mt-list-collapse__trigger.is-open a:after {
    display: none
}

.mt-list-collapse__trigger.is-open a:before {
    content: "";
    display: block;
    margin: 0 auto 5px;
    width: 14px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNCA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPm9wZW4tY2FyZXQ8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ib3Blbi1jYXJldCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTUuMDAwMDAwKSB0cmFuc2xhdGUoMS4wMDAwMDAsIDIuMDAwMDAwKSIgc3Ryb2tlPSIjMDA2RkZGIiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6EIiBwb2ludHM9IjEyIDAgNiA2IDAgMCI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat
}

.mt-list-collapse__trigger.is-open a:hover:before {
    animation: collapseJump 1s linear infinite
}

.mt-loading-more {
    text-align: center;
    margin-top: 64px
}

.mt-loading-more.no-arrow a:after {
    display: none
}

.mt-loading-more a {
    font-size: 16px;
    line-height: 32px;
    color: #53d530;
    text-decoration: none
}

.mt-loading-more a:after {
    content: "";
    display: block;
    margin: 5px auto 0;
    width: 14px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMyAxTDcgN0wxIDEiIHN0cm9rZT0iIzAwNkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat
}

.mt-loading-more a:hover {
    text-decoration: none
}

.mt-loading-more a:hover:after {
    animation: collapseJump 1s linear infinite
}

.mt-loading-more.is-open a:after {
    display: none
}

.mt-loading-more.is-open a:before {
    content: "";
    display: block;
    margin: 0 auto 5px;
    width: 14px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNCA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPm9wZW4tY2FyZXQ8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ib3Blbi1jYXJldCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTUuMDAwMDAwKSB0cmFuc2xhdGUoMS4wMDAwMDAsIDIuMDAwMDAwKSIgc3Ryb2tlPSIjMDA2RkZGIiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6EIiBwb2ludHM9IjEyIDAgNiA2IDAgMCI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat
}

.mt-loading-more.is-open a:hover:before {
    animation: collapseJump 1s linear infinite
}

.mt-loading-more.layout-horizental a:after {
    display: inline-block;
    margin-left: 4px;
    margin-top: 0
}

.mt-loading-more.layout-horizental.is-open a:after {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNCA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPm9wZW4tY2FyZXQ8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ib3Blbi1jYXJldCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTUuMDAwMDAwKSB0cmFuc2xhdGUoMS4wMDAwMDAsIDIuMDAwMDAwKSIgc3Ryb2tlPSIjMDA2RkZGIiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6EIiBwb2ludHM9IjEyIDAgNiA2IDAgMCI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    position: relative;
    top: -1px
}

.mt-loading-more.layout-horizental.is-open a:before {
    display: none
}

@keyframes collapseJump {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(3px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-3px)
    }

    to {
        transform: translateY(0)
    }
}

@media screen and (max-width:600px) {
    .mt-loading-more {
        margin-top: 24px
    }
}

.mt-markdown {
    line-height: 30px;
    font-size: 18px;
    color: #4e5461;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word
}

.mt-markdown__hd {
    margin-bottom: 80px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e3e3e3
}

.mt-markdown__hd-title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 40px;
    line-height: 60px;
    color: #262a47
}

.mt-markdown__hd-infos {
    display: flex;
    flex-wrap: wrap
}

.mt-markdown__hd-tag {
    margin-right: 16px;
    padding: 0 8px;
    background: #53d530;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.mt-markdown__hd-info {
    margin-right: 16px;
    font-size: 16px;
    line-height: 22px;
    color: #7b818f
}

.mt-markdown a {
    color: #0052f6;
    text-decoration: none
}

.mt-markdown a:hover {
    text-decoration: underline
}

.mt-markdown a:not([href]) {
    color: inherit;
    text-decoration: none
}

.mt-markdown strong {
    font-weight: 700
}

.mt-markdown hr {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 1px;
    background-color: #666;
    border-width: 0;
    overflow: hidden;
    opacity: .24
}

.mt-markdown img {
    display: block;
    margin: 32px 0;
    max-width: 100%;
    border-width: 0;
    border-radius: 20px
}

.mt-markdown figure {
    margin: 24px 0;
    display: block
}

.mt-markdown figure img {
    margin: 0 auto;
    display: block
}

.mt-markdown .figure-desc {
    margin-top: 5px;
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
    color: #666
}

.mt-markdown h1,
.mt-markdown h2,
.mt-markdown h3,
.mt-markdown h4,
.mt-markdown h5,
.mt-markdown h6 {
    color: #000;
    font-weight: 700
}

.mt-markdown h1:first-child,
.mt-markdown h2:first-child,
.mt-markdown h3:first-child,
.mt-markdown h4:first-child,
.mt-markdown h5:first-child,
.mt-markdown h6:first-child {
    margin-top: 0
}

.mt-markdown h2 {
    margin-top: 40px;
    margin-bottom: 16px;
    line-height: 34px;
    font-size: 24px
}

.mt-markdown h3 {
    color: #333;
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 28px;
    font-size: 20px
}

.mt-markdown h4 {
    margin-top: 16px;
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 14px
}

.mt-markdown h2+h3,
.mt-markdown h2+h4,
.mt-markdown h3+h4 {
    margin-top: 12px
}

.mt-markdown p {
    margin-top: 0;
    margin-bottom: 24px
}

.mt-markdown ul {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0
}

.mt-markdown ul>li {
    position: relative;
    margin-bottom: 0;
    padding-left: 14px;
    list-style: none
}

.mt-markdown ul>li:before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #4e5461
}

.mt-markdown ol {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0 0 0 18px;
    list-style-type: decimal
}

.mt-markdown ol ol,
.mt-markdown ul ol {
    list-style-type: lower-roman
}

.mt-markdown ol ol ol,
.mt-markdown ol ul ol,
.mt-markdown ul ol ol,
.mt-markdown ul ul ol {
    list-style-type: lower-alpha
}

.mt-markdown ol>li {
    margin-bottom: 4px;
    list-style: inherit
}

.mt-markdown ol ol,
.mt-markdown ol ul,
.mt-markdown ul ol,
.mt-markdown ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.mt-markdown ol ul,
.mt-markdown ul ul {
    color: #666
}

.mt-markdown ol ul>li:before,
.mt-markdown ul ul>li:before {
    width: 7px;
    height: 7px;
    border: 1px solid #99a7b9;
    background-color: transparent
}

.mt-markdown table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 40px
}

.mt-markdown th {
    background-color: #f8faff;
    color: #4e5461;
    text-align: left;
    font-weight: 400;
    word-break: keep-all
}

.mt-markdown td,
.mt-markdown th {
    padding: 10px 16px;
    border: 1px solid #d3d6db
}

.mt-markdown-table-wrap {
    margin-top: 16px;
    margin-bottom: 40px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mt-markdown-table-wrap table {
    margin: 0
}

.mt-markdown code {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #f3f5f9;
    border-radius: 0;
    padding: 0 12px;
    color: #0abf5b;
    font-family: Consolas, Liberation Mono, Menlo, Courier, Microsoft Yahei, monospace;
    line-height: 20px
}

.mt-markdown em,
.mt-markdown i {
    font-style: italic;
    font-weight: inherit
}

.mt-markdown dd {
    margin-left: 0
}

.mt-markdown dl {
    margin-top: 0;
    margin-bottom: 24px;
    padding: 0
}

.mt-markdown dl dt {
    padding: 0;
    margin-top: 24px;
    font-size: 1em;
    font-style: italic;
    font-weight: 700
}

.mt-markdown dl dd {
    padding: 0 16px;
    margin-bottom: 24px
}

.mt-markdown blockquote {
    position: relative;
    margin: 0 0 40px;
    padding: 0 16px;
    color: #4e5461;
    font-size: 14px;
    line-height: 22px
}

.mt-markdown blockquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    background: #d9eaff
}

.mt-markdown blockquote>:first-child {
    margin-top: 0
}

.mt-markdown blockquote>:last-child {
    margin-bottom: 0
}

.mt-markdown pre {
    margin: 16px 0 40px;
    padding: 16px 20px;
    color: #4e5461;
    background-color: #f8faff;
    border-radius: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
    word-wrap: normal
}

.mt-markdown pre code {
    position: static;
    padding: 0;
    display: inline;
    vertical-align: baseline;
    color: inherit;
    background: transparent
}

.mt-markdown .download-detail {
    display: flex;
    padding: 14px 24px 14px 44px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #429b2a;
    cursor: pointer;
    background: #f6f8fb;
    border-radius: 8px;
    margin-top: 48px
}

.mt-markdown .download-detail:before {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download47c-455e200190136793.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.mt-markdown .download-detail .text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-markdown .download-detail .type {
    flex: none
}

.mt-markdown.v2 {
    font-size: 16px;
    line-height: 1.5;
    color: #4e5461
}

.mt-markdown.v2 h1 {
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 40px;
    line-height: 64px
}

.mt-markdown.v2 h2 {
    margin-top: 32px;
    margin-bottom: 16px
}

.mt-markdown.v2 h2:first-child {
    margin-top: 0
}

.mt-markdown.v2 h2.second {
    font-size: 20px;
    line-height: 28px
}

.mt-markdown.v2 p {
    margin-bottom: 16px
}

.mt-markdown.v2 ul {
    margin-bottom: 32px
}

.mt-markdown.v2 ul>li {
    margin-bottom: 16px
}

.mt-markdown.v2 ul>li:last-child {
    margin-bottom: 0
}

.mt-markdown.v2 ul>li:before {
    top: 11px
}

.mt-markdown.v2 img {
    border-radius: 16px;
    margin: 16px 0
}

.mt-markdown.v2 figure img {
    margin: 0 auto
}

.mt-markdown.v2 strong {
    color: #000
}

.mt-markdown.v2 h3,
.mt-markdown.v2 h4 {
    margin-bottom: 16px
}

.mt-markdown.v2 h2+h3,
.mt-markdown.v2 h2+h4,
.mt-markdown.v2 h3+h4 {
    margin-top: 16px
}

@media screen and (max-width:1200px) {
    .mt-markdown.v2 {
        font-size: 14px
    }

    .mt-markdown.v2 h1 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 24px
    }

    .mt-markdown.v2 h2 {
        margin-top: 24px;
        font-size: 20px;
        line-height: 28px
    }

    .mt-markdown.v2 h2.second {
        font-size: 18px;
        line-height: 25px
    }

    .mt-markdown.v2 ul {
        margin-bottom: 24px
    }

    .mt-markdown.v2 .download-detail {
        margin-top: 40px;
        padding-left: 36px;
        padding-right: 16px
    }

    .mt-markdown.v2 .download-detail:before {
        left: 16px
    }
}

@media screen and (max-width:900px) {
    .mt-markdown.v2 .download-detail {
        margin-top: 40px
    }
}

@media screen and (max-width:600px) {
    .mt-markdown {
        font-size: 14px;
        line-height: 24px
    }

    .mt-markdown__hd {
        margin-bottom: 30px;
        padding-bottom: 12px
    }

    .mt-markdown__hd-title {
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        color: #000
    }

    .mt-markdown__hd-tag {
        margin-right: 8px;
        padding: 0 6px;
        font-size: 12px;
        line-height: 20px;
        height: 20px
    }

    .mt-markdown__hd-info {
        font-size: 14px;
        line-height: 20px
    }

    .mt-markdown img {
        border-radius: 16px;
        margin: 16px auto
    }

    .mt-markdown h2 {
        margin-top: 32px;
        line-height: 28px;
        font-size: 20px
    }

    .mt-markdown h2,
    .mt-markdown p {
        margin-bottom: 16px
    }

    .mt-markdown blockquote {
        font-size: 12px;
        line-height: 22px
    }

    .mt-markdown ul>li:before {
        top: 10px
    }

    .mt-markdown.v2 {
        line-height: 22px
    }

    .mt-markdown.v2 h1 {
        font-size: 24px;
        line-height: 32px
    }

    .mt-markdown.v2 h2 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 12px
    }

    .mt-markdown.v2 h2.second {
        font-size: 16px;
        line-height: 22px
    }

    .mt-markdown.v2 p,
    .mt-markdown.v2 ul>li {
        margin-bottom: 12px
    }

    .mt-markdown.v2 ul>li:last-child {
        margin-bottom: 0
    }

    .mt-markdown.v2 ul>li:before {
        top: 9px
    }

    .mt-markdown.v2 .download-detail {
        margin-top: 32px
    }
}

.mt-msg {
    position: relative;
    z-index: 1;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #002f80;
    text-align: center;
    padding: 0 20px
}

.mt-msg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(217, 234, 255, .8);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.mt-msg__inner {
    padding: 13px 0;
    margin: 0 auto;
    max-width: 1180px
}

@media screen and (max-width:1199px) {
    .mt-msg {
        padding-left: 16px;
        padding-right: 16px
    }
}

.mt-rooms-model-card__panel {
    padding: 58px 0 70px
}

.mt-rooms-model-card__tit {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #262a47;
    text-align: center;
    margin-bottom: 55px
}

.mt-rooms-model-card__cnt {
    display: flex
}

.mt-rooms-model-card__details {
    flex: 1;
    padding: 30px 60px 0
}

.mt-rooms-model-card__details+.mt-rooms-model-card__details {
    border-left: 1px solid #e4e4e4
}

.mt-rooms-model-card__details+.mt-rooms-model-card__details .mt-rooms-model__img {
    height: 70px;
    margin-top: 7px
}

.mt-rooms-model-card__img {
    height: 100%;
    margin: auto
}

.mt-rooms-model-card__img-wrap {
    text-align: center;
    height: 84px
}

.mt-rooms-model-card__img-tit {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #53d530;
    display: block;
    text-align: center;
    margin-top: 43px;
    margin-bottom: 20px
}

.mt-rooms-model-card__list-tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 20px
}

.mt-rooms-model-card__list-item {
    font-size: 14px;
    line-height: 24px;
    color: #616b90;
    position: relative;
    padding-left: 16px;
    white-space: nowrap
}

.mt-rooms-model-card__list-item:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #53d530;
    position: absolute;
    top: 10px;
    left: 4px
}

.mt-rooms-model-card__close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgY2xhc3M9ImRlc2lnbi1pY29uZm9udCI+CiAgPHBhdGggZmlsbD0iIzQ5NTc3MCIgZD0iTTEyLjk0OTc0NzUgNC40NjQ0NjYwOUw5LjQxNDIxMzU2IDggMTIuOTQ5NzQ3NSAxMS41MzU1MzM5IDExLjUzNTUzMzkgMTIuOTQ5NzQ3NSA4IDkuNDE0MjEzNTYgNC40NjQ0NjYwOSAxMi45NDk3NDc1IDMuMDUwMjUyNTMgMTEuNTM1NTMzOSA2LjU4NTc4NjQ0IDggMy4wNTAyNTI1MyA0LjQ2NDQ2NjA5IDQuNDY0NDY2MDkgMy4wNTAyNTI1MyA4IDYuNTg1Nzg2NDQgMTEuNTM1NTMzOSAzLjA1MDI1MjUzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-rooms-card {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 440px;
    height: 100%;
    border: 1px solid #cad9ff;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 8px 65px 72px;
    font-size: 0;
    position: relative
}

.mt-rooms-card__img {
    width: 200px;
    height: 160px;
    margin: 0 auto 16px
}

.mt-rooms-card__img img {
    width: 100%
}

.mt-rooms-card__tit {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5;
    color: #000;
    text-align: center;
    margin-bottom: 16px
}

.mt-rooms-card__list-item {
    font-size: 14px;
    line-height: 24px;
    color: #565e66;
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px
}

.mt-rooms-card__list-item:last-child {
    margin-bottom: 0
}

.mt-rooms-card__list-item:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #53d530
}

.mt-rooms-card__text {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    color: #429b2a;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    bottom: 32px
}

@media screen and (max-width:1199px) {
    .mt-rooms-card {
        min-height: auto;
        display: flex;
        max-width: 730px;
        margin: 0 auto;
        padding: 30px 60px;
        align-items: center
    }

    .mt-rooms-card__img {
        margin-bottom: 0;
        margin-right: 60px
    }

    .mt-rooms-card__tit {
        text-align: left
    }

    .mt-rooms-card__cnt {
        flex: 1
    }

    .mt-rooms-card__text {
        position: static;
        margin-top: 20px;
        text-align: left
    }
}

@media screen and (max-width:600px) {
    .mt-rooms-card {
        flex-direction: column;
        max-width: 320px;
        margin: auto;
        padding: 32px 35px 40px
    }

    .mt-rooms-card-list {
        padding-bottom: 10px
    }

    .mt-rooms-card__img {
        margin: 0 auto 24px
    }

    .mt-rooms-card__tit {
        text-align: center
    }
}

.mt-rooms-download {
    display: flex
}

.mt-rooms-download__primary {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 730px;
    height: 566px;
    background: #fff;
    box-shadow: 0 20px 30px #daeaff;
    border-radius: 20px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-rooms1791-5cc7e68b13363794.png), linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 33.02%);
    color: #fff;
    padding: 50px 15px 0;
    font-size: 0;
    text-align: center;
    box-sizing: border-box
}

.mt-rooms-download__primary-tit {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px
}

.mt-rooms-download__primary-desc {
    font-size: 18px;
    line-height: 24px;
    margin-top: 14px
}

.mt-rooms-download__primary-cnt {
    margin-top: 54px;
    display: flex
}

.mt-rooms-download__primary-img-wrap {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    -o-border-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0)) 1 100%;
    border-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0)) 1 100%
}

.mt-rooms-download__primary-img-wrap img {
    max-height: 100%;
    max-width: 100%
}

.mt-rooms-download__primary-info-tit {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 16px
}

.mt-rooms-download__primary-win {
    flex: 1;
    text-align: center
}

.mt-rooms-download__primary .mt-btn {
    width: 220px;
    height: 58px;
    background: #53d530;
    border-radius: 10px;
    margin-bottom: 24px;
    margin-top: 42px;
    position: relative
}

.mt-rooms-download__primary .mt-btn .l {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    top: 19px
}

.mt-rooms-download__primary .mt-btn .l,
.mt-rooms-download__primary .mt-btn .sm {
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    transition: all .3s ease-in-out
}

.mt-rooms-download__primary .mt-btn .sm {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    line-height: 17px;
    bottom: 7px;
    opacity: 0;
    transform: scale(.6)
}

.mt-rooms-download__primary .mt-btn:hover {
    background: #53d530;
    box-shadow: 0 10px 20px #d0e5ff;
    font-size: 16px
}

.mt-rooms-download__primary .mt-btn:hover .l {
    font-size: 16px;
    top: 10px
}

.mt-rooms-download__primary .mt-btn:hover .sm {
    transform: scale(1);
    opacity: 1
}

.mt-rooms-download__primary-link {
    position: relative;
    text-align: center
}

.mt-rooms-download__primary-link .link {
    color: #53d530;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400
}

.mt-rooms-download__primary-link .version {
    color: hsla(212, 7%, 53%, .8);
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    margin-top: 4px;
    width: 100%;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 100%;
    opacity: 0;
    transform: scale(.6)
}

.mt-rooms-download__primary-link:hover .version {
    opacity: 1;
    transform: scale(1)
}

.mt-rooms-download__primary-time,
.mt-rooms-download__primary-version {
    font-size: 14px;
    line-height: 24px;
    color: #7e868f
}

.mt-rooms-download__primary-ios {
    flex: 1;
    text-align: center
}

.mt-rooms-download__primary-ios .mt-rooms-download__primary-img-wrap {
    border-right: 0
}

.mt-rooms-download__qr {
    margin-left: 20px;
    width: 430px;
    height: 566px;
    background: #fff;
    box-shadow: 0 20px 30px #daeaff;
    border-radius: 20px;
    padding: 50px 50px 0;
    text-align: center;
    box-sizing: border-box;
    font-size: 0
}

.mt-rooms-download__qr-tit {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.mt-rooms-download__qr-desc {
    font-size: 14px;
    line-height: 24px;
    color: #4e5461;
    max-width: 300px;
    margin: 14px auto 0
}

.mt-rooms-download__qr-img {
    margin-top: 28px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-rooms-download__qr-img img {
    height: 100%
}

.mt-rooms-download__qr-tip {
    font-size: 14px;
    line-height: 24px;
    color: #7e868f;
    margin-top: 32px;
    margin-bottom: 16px
}

.mt-rooms-download__qr-qrs {
    display: flex;
    justify-content: center
}

.mt-rooms-download__qr-qr+.mt-rooms-download__qr-qr {
    margin-left: 40px
}

.mt-rooms-download__qr-qr img {
    width: 110px;
    display: block;
    margin-bottom: 16px
}

.mt-rooms-download__qr-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000
}

@media screen and (max-width:1199px) {
    .mt-rooms-download {
        flex-direction: column;
        align-items: center
    }

    .mt-rooms-download__primary,
    .mt-rooms-download__qr {
        width: 100%;
        max-width: 730px
    }

    .mt-rooms-download__qr {
        margin-left: 0;
        margin-top: 40px
    }
}

@media screen and (max-width:600px) {
    .mt-rooms-download {
        max-width: 327px;
        margin: auto
    }

    .mt-rooms-download__primary {
        height: auto;
        padding: 20px 28px 32px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-rooms-m285-8f69a3df04df9714.png), linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 33.02%)
    }

    .mt-rooms-download__primary-tit {
        font-size: 16px;
        line-height: 22px
    }

    .mt-rooms-download__primary-desc {
        font-size: 12px;
        line-height: 16px;
        margin-top: 8px
    }

    .mt-rooms-download__primary-cnt {
        margin-top: 16px;
        flex-direction: column
    }

    .mt-rooms-download__primary-img-wrap {
        height: 100px;
        margin-bottom: 16px;
        border: 0
    }

    .mt-rooms-download__primary-info-tit {
        margin-top: 12px
    }

    .mt-rooms-download__primary .mt-btn {
        width: 200px;
        height: 48px;
        margin-bottom: 22px;
        margin-top: 24px
    }

    .mt-rooms-download__primary .mt-btn .l {
        font-size: 14px;
        top: 17px
    }

    .mt-rooms-download__primary .mt-btn .sm {
        bottom: 5px;
        color: #fff
    }

    .mt-rooms-download__primary .mt-btn:hover .l {
        font-size: 14px;
        top: 8px
    }

    .mt-rooms-download__primary-link .link {
        font-size: 14px;
        line-height: 20px
    }

    .mt-rooms-download__primary-link .version {
        line-height: 1
    }

    .mt-rooms-download__primary-time,
    .mt-rooms-download__primary-version {
        font-size: 12px;
        line-height: 16px
    }

    .mt-rooms-download__primary-win {
        padding-bottom: 32px;
        border: 1px solid;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        -o-border-image: repeating-linear-gradient(90deg, rgba(101, 123, 149, 0), rgba(101, 123, 149, .5), rgba(101, 123, 149, 0)) 1;
        border-image: repeating-linear-gradient(90deg, rgba(101, 123, 149, 0), rgba(101, 123, 149, .5), rgba(101, 123, 149, 0)) 1
    }

    .mt-rooms-download__primary-ios {
        padding-top: 24px
    }

    .mt-rooms-download__qr {
        height: auto;
        margin-top: 16px;
        padding: 50px 35px 25px
    }

    .mt-rooms-download__qr-tit {
        font-size: 16px;
        line-height: 22px
    }

    .mt-rooms-download__qr-desc {
        font-size: 12px;
        line-height: 20px;
        max-width: 255px;
        margin: 16px auto 0
    }

    .mt-rooms-download__qr-img {
        margin-top: 16px;
        height: 100px
    }

    .mt-rooms-download__qr-tip {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .mt-rooms-download__qr-qr+.mt-rooms-download__qr-qr {
        margin-left: 30px
    }

    .mt-rooms-download__qr-text {
        font-size: 16px
    }
}

.mt-section {
    padding: 64px 20px
}

.mt-section-inner {
    margin: 0 auto;
    max-width: 1180px
}

.mt-section-hd {
    margin-bottom: 48px;
    text-align: center
}

.mt-section-title {
    font-weight: 400;
    font-size: 44px;
    line-height: 56px;
    color: #262a47
}

.mt-section-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #7e868f;
    margin-top: 18px
}

.mt-section-desc.mobile {
    display: none
}

.mt-section-btns {
    margin-top: 40px
}

.mt-section-btns .mt-btn+.mt-btn {
    margin-left: 24px
}

.mt-section.bg-gray {
    background-color: #f8faff
}

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

.mt-section.is-full .mt-section-inner {
    max-width: none
}

@media screen and (max-width:600px) {
    .mt-section {
        padding: 24px 16px
    }

    .mt-section-hd {
        margin-bottom: 16px
    }

    .mt-section-title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500
    }

    .mt-section-desc {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 12px
    }

    .mt-section-desc.mobile {
        display: block
    }

    .mt-section-desc.mobile+.mt-section-desc {
        display: none
    }

    .mt-section-btns {
        margin-top: 24px
    }

    .mt-section-btns .mt-btn+.mt-btn {
        margin-left: 16px
    }
}

@media screen and (min-width:1921px) {
    .mt-section.v2 {
        padding: 72px 10px
    }

    .mt-section.v2 .mt-section-hd {
        margin-bottom: 64px
    }
}

@media screen and (max-width:1920px) {
    .mt-section.v2 {
        padding: 56px 96px
    }

    .mt-section.v2 .mt-section-hd {
        margin-bottom: 48px
    }

    .mt-section.v2 .mt-section-title {
        font-size: 40px;
        line-height: 1.5em
    }
}

@media screen and (max-width:1200px) {
    .mt-section.v2 {
        padding: 48px 80px
    }

    .mt-section.v2 .mt-section-inner {
        max-width: 864px
    }

    .mt-section.v2 .mt-section-hd {
        margin-bottom: 40px
    }

    .mt-section.v2 .mt-section-title {
        font-size: 36px
    }
}

@media screen and (max-width:900px) {
    .mt-section.v2 {
        padding: 40px
    }

    .mt-section.v2 .mt-section-inner {
        max-width: 688px
    }

    .mt-section.v2 .mt-section-hd {
        margin-bottom: 32px
    }

    .mt-section.v2 .mt-section-title {
        font-size: 32px
    }
}

@media screen and (max-width:600px) {
    .mt-section.v2 {
        padding: 32px 16px
    }

    .mt-section.v2 .mt-section-hd {
        margin-bottom: 24px
    }

    .mt-section.v2 .mt-section-title {
        font-size: 22px
    }

    .mt-section.v2 .mt-section-desc {
        margin-top: 4px
    }
}

.por-buy-card {
    display: flex;
    margin: 0 -10px
}

.por-buy-card-group {
    display: flex;
    width: 100%;
    justify-content: center
}

.por-buy-card-group.main {
    position: relative;
    flex: 3;
    width: 1px
}

.por-buy-card-group.main .por-buy-card-item {
    height: 100%
}

.por-buy-card-group.side {
    position: relative;
    flex: 1;
    width: 1px
}

.por-buy-card-group.side .por-buy-card-item {
    height: 100%
}

.por-buy-card-group .por-buy-card-item {
    margin: 0 10px;
    max-width: 380px;
    height: auto
}

.por-buy-card-item {
    position: relative;
    border-radius: 20px;
    flex: 1;
    width: 1px;
    cursor: pointer
}

.por-buy-card-item:only-child {
    width: auto
}

.por-buy-card-item:before {
    content: "";
    background: hsla(0, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    box-shadow: 0 18px 43px rgba(0, 103, 198, .15);
    transition: background .3s ease-in-out
}

.por-buy-card-item-bg,
.por-buy-card-item:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.por-buy-card-item-bg {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out
}

.por-buy-card-item-bg-item:first-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 343px;
    height: 542px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/topb80-7d07bf399b143e58.png);
    background-size: contain
}

.por-buy-card-item-bg-item:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 343px;
    height: 542px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/rightbdd-258201ad0b9e0a90.png);
    background-size: contain
}

.por-buy-card-item-bg-item:nth-child(3) {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 343px;
    height: 542px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bottom7c2-deb0693fffab584b.png);
    background-size: contain
}

.por-buy-card-item-inner {
    position: relative;
    padding: 40px 32px 32px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:601px) {
    .por-buy-card-item.single-card {
        max-width: 780px
    }

    .por-buy-card-item.single-card .por-buy-card-item-tag {
        left: -32px;
        top: -40px
    }

    .por-buy-card-item.single-card .por-buy-card-item-desc {
        margin-bottom: 0
    }

    .por-buy-card-item.single-card .por-buy-card-item-hd {
        position: relative;
        margin-bottom: 16px;
        z-index: 1
    }

    .por-buy-card-item.single-card .por-buy-card-item-hd-bg {
        border-radius: 20px 20px 0 0;
        z-index: -1;
        position: absolute;
        left: -32px;
        right: -32px;
        top: -40px;
        bottom: 0;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }

    .por-buy-card-item.single-card .por-buy-card-item-ft {
        text-align: center
    }

    .por-buy-card-item.single-card .por-buy-card-item-ft .mt-btn {
        max-width: 316px
    }
}

.por-buy-card-item-bd {
    flex: 1
}

.por-buy-card-item-tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 16px;
    height: 28px;
    background: linear-gradient(90deg, #ff801a, #ffb478 112.5%);
    border-radius: 20px 0 20px 0;
    font-size: 14px;
    line-height: 28px;
    color: #fff
}

.por-buy-card-item-price {
    margin-bottom: 12px;
    height: 72px;
    font-size: 16px;
    line-height: 72px;
    color: #000
}

.por-buy-card-item-price .currency {
    font-size: 40px;
    line-height: 60px
}

.por-buy-card-item-price .num {
    font-family: TCloudNumber;
    font-weight: 400;
    font-size: 48px;
    line-height: 72px;
    margin-right: 5px;
    letter-spacing: -2px
}

.por-buy-card-item-price.consult {
    margin-top: 17px;
    font-size: 24px;
    line-height: 26px;
    height: 55px
}

.por-buy-card-item-price.consult .sub {
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.por-buy-card-item-title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #262a47
}

.por-buy-card-item-desc {
    font-size: 14px;
    line-height: 22px;
    color: #616b90;
    min-height: 66px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e4f3
}

.por-buy-card-item-features li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 26px;
    font-size: 12px;
    line-height: 18px;
    color: #262a47
}

.por-buy-card-item-features li:last-child {
    margin-bottom: 0
}

.por-buy-card-item-features li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01IDlMNy44NDQ4MyAxMkwxMyA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.por-buy-card-item-features .mt-link {
    font-size: inherit;
    line-height: inherit;
    margin-left: 5px
}

.por-buy-card-item-group {
    display: none
}

.por-buy-card-item-group.pc {
    display: flex
}

.por-buy-card-item-group.pc>li {
    flex: 1;
    margin-right: 10px
}

.por-buy-card-item-group.pc>li:last-child {
    margin-right: 0
}

.por-buy-card-item-group.pc .por-buy-card-item-group-title {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #262a47
}

.por-buy-card-item-ft {
    box-sizing: border-box;
    padding-top: 40px
}

.por-buy-card-item-ft .mt-btn {
    min-width: 0;
    width: 100%;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
}

.por-buy-card-item.rooms .por-buy-card-item-tag {
    background: linear-gradient(90deg, #00cc8f, #00e8be 112.5%)
}

.por-buy-card-tabs {
    display: none
}

.por-buy-card-tabs.whole {
    display: block
}

@media screen and (max-width:1199px) {

    .por-buy-card,
    .por-buy-card-group {
        padding: 40px 16px 60px;
        margin: 0 -16px -60px;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .por-buy-card-group {
        justify-content: flex-start;
        width: auto
    }

    .por-buy-card-group:before {
        display: none
    }

    .por-buy-card-group.main {
        width: auto;
        flex: auto;
        overflow: visible
    }

    .por-buy-card-group.side {
        margin-left: 0;
        overflow: visible
    }

    .por-buy-card-group .por-buy-card-item-tag {
        display: block
    }

    .por-buy-card-item {
        width: 280px;
        box-sizing: border-box;
        height: 100%;
        margin-right: 20px;
        flex-shrink: 0;
        flex-basis: 280px
    }

    .por-buy-card-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 100%, .3);
        -webkit-backdrop-filter: blur(39px);
        backdrop-filter: blur(39px);
        border-radius: 20px;
        box-shadow: 0 18px 43px rgba(0, 103, 198, .15)
    }

    .por-buy-card-item:only-child {
        width: 280px
    }
}

@media screen and (max-width:600px) {
    .por-buy-card {
        display: none
    }

    .por-buy-card-tabs {
        display: block
    }

    .por-buy-card-item {
        box-sizing: border-box;
        height: auto;
        margin-right: 0;
        width: auto
    }

    .por-buy-card-item:only-child {
        width: auto
    }

    .por-buy-card-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 100%, .3);
        -webkit-backdrop-filter: blur(39px);
        backdrop-filter: blur(39px);
        border-radius: 20px;
        box-shadow: 0 18px 43px rgba(0, 103, 198, .15)
    }

    .por-buy-card-item-inner {
        min-height: 540px;
        padding: 40px 32px 32px
    }

    .por-buy-card-item.with-entry .por-buy-card-item-price {
        margin-bottom: 146px
    }

    .por-buy-card-item__guide {
        display: block;
        text-align: center;
        margin-top: 28px
    }

    .por-buy-card-item__guide .mt-link {
        font-size: 14px;
        line-height: 22px;
        text-align: center
    }

    .por-buy-card-item-price {
        margin-bottom: 96px;
        text-align: center;
        color: #ff801a
    }

    .por-buy-card-item-price.consult {
        color: #000
    }

    .por-buy-card-item-desc {
        min-height: 0;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #e0e4f3
    }

    .por-buy-card-item-features {
        display: none;
        margin-top: 0;
        padding-top: 0;
        border-top-width: 0
    }

    .por-buy-card-item-group {
        display: block
    }

    .por-buy-card-item-group.pc {
        display: none
    }

    .por-buy-card-item-group>li {
        margin-top: 24px
    }

    .por-buy-card-item-group>li:first-child {
        margin-top: 0
    }

    .por-buy-card-item-group-title {
        margin-top: 24px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #ff801a
    }

    .por-buy-card-item-group-title:first-child {
        margin-top: 0
    }

    .por-buy-card-item-group .por-buy-card-item-features {
        display: block
    }

    .por-buy-card-item-ft {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0 32px;
        top: 133px
    }
}

@media screen and (min-width:601px) {
    .por-buy-card-item {
        transition: transform .3s ease-in-out
    }
}

@media screen and (min-width:601px) and (any-hover:hover) {
    .por-buy-card-item:hover {
        transform: translate3d(0, -20px, 0)
    }
}

@media screen and (min-width:601px) {
    .por-buy-card-item__guide {
        height: 0;
        opacity: 0;
        transition: all .3s ease-in-out
    }

    .por-buy-card-item.with-entry .por-buy-card-item-ft {
        min-height: 118px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .por-buy-card-item.is-active:not(.single-card) {
        position: relative
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item__guide {
        height: 22px;
        opacity: 1;
        text-align: center;
        margin-top: 20px;
        margin-bottom: -8px
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item__guide .mt-link {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: #fff;
        opacity: .8
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item__guide .mt-link:hover {
        opacity: 1
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item__guide .mt-link:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgMTAuNUw4LjI1IDZMMy43NSAxLjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==);
        width: 12px;
        height: 12px;
        background-size: 100%
    }

    .por-buy-card-item.is-active:not(.single-card):before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        background: #429b2a;
        -webkit-backdrop-filter: blur(39px);
        backdrop-filter: blur(39px);
        box-shadow: 0 0 20px rgba(0, 117, 255, .4)
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-bg {
        opacity: 1;
        visibility: visible
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-inner {
        z-index: 1
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-desc,
    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-features li,
    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-price,
    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-price.consult .sub,
    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-title {
        color: #fff
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-desc {
        border-bottom-color: hsla(0, 0%, 100%, .4)
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-group.pc .por-buy-card-item-group-title {
        color: #fff
    }

    .por-buy-card-item.is-active:not(.single-card) .por-buy-card-item-features li:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNNSA5TDcuODQ0ODMgMTJMMTMgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
    }

    .por-buy-card-item.is-active:not(.single-card) .mt-btn {
        box-shadow: none
    }
}

@media screen and (min-width:601px) and (any-hover:hover) {
    .por-buy-card-item.is-active:not(.single-card) .mt-btn:hover {
        background-color: #fff;
        color: #429b2a
    }
}

.por-customer-card {
    position: relative;
    margin-bottom: 53px;
    background: hsla(0, 0%, 100%, .77);
    box-shadow: 0 6px 34px rgba(74, 130, 183, .1);
    border-radius: 20px;
    box-sizing: border-box;
    padding: 24px
}

.por-customer-card__tag {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
    padding: 0 8px;
    height: 24px;
    background: #ff9800;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.por-customer-card__object {
    margin: 0 auto 24px;
    max-width: 230px
}

.por-customer-card__logo {
    padding-top: 43.9655172414%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.por-customer-card__title {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #262a47
}

.por-customer-card__desc {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #616b90
}

.por-customer-card .mt-link-arrow {
    font-size: 16px;
    line-height: 32px
}

@media screen and (max-width:600px) {
    .por-customer-card {
        margin-bottom: 32px
    }

    .por-customer-card__desc,
    .por-customer-card__object {
        margin-bottom: 8px
    }
}

.mt-customer-comment {
    position: relative;
    margin-bottom: 53px;
    background: hsla(0, 0%, 100%, .77);
    box-shadow: 0 6px 34px rgba(74, 130, 183, .1);
    border-radius: 20px;
    box-sizing: border-box;
    padding: 20px 24px 24px
}

.mt-customer-comment__media {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.mt-customer-comment__object {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.mt-customer-comment__main {
    flex: 1;
    width: 1px;
    padding-left: 12px
}

.mt-customer-comment__name {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #0f001a
}

.mt-customer-comment__cnt,
.mt-customer-comment__desc {
    font-size: 14px;
    line-height: 24px;
    color: #616b90
}

.mt-customer-comment__cnt {
    position: relative;
    padding: 28px 0 0
}

.mt-customer-comment__cnt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjU1MzIgMTAuNDU3M0g4LjUxMDY0VjE5LjMxNDhIMFYxMS43MjI3QzAgNS44MTc2OCAyLjk3ODcyIDIuMDIxNjEgOC45MzYxNyAwLjMzNDQ3M1YzLjcwODc2QzUuNTMxOTEgNS4zOTU5IDQuMjU1MzIgNy41MDQ4MyA0LjI1NTMyIDEwLjQ1NzNaTTE1LjMxOTEgMTAuNDU3M0gxOS41NzQ1VjE5LjMxNDhIMTEuMDYzOFYxMS43MjI3QzExLjA2MzggNS44MTc2OCAxNC4wNDI2IDIuMDIxNjEgMjAgMC4zMzQ0NzNWMy43MDg3NkMxNi41OTU3IDUuMzk1OSAxNS4zMTkxIDcuNTA0ODMgMTUuMzE5MSAxMC40NTczWiIgZmlsbD0iI0Q0RDdFMSIvPgo8L3N2Zz4K)
}

.mt-customer-comment__cnt:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33px;
    height: 33px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1Ljk3ODcgMTcuMjg3M0gxOC45NTc0VjMyLjIwNTFIMzNWMTkuNDE4NEMzMyA5LjQ3MzE1IDI4LjA4NTEgMy4wNzk3OCAxOC4yNTUzIDAuMjM4MjgxVjUuOTIxMjhDMjMuODcyMyA4Ljc2Mjc4IDI1Ljk3ODcgMTIuMzE0NiAyNS45Nzg3IDE3LjI4NzNaTTcuNzIzNDEgMTcuMjg3M0gwLjcwMjEyOVYzMi4yMDUxSDE0Ljc0NDdWMTkuNDE4NEMxNC43NDQ3IDkuNDczMTUgOS44Mjk3OSAzLjA3OTc4IDAgMC4yMzgyODFWNS45MjEyOEM1LjYxNzAyIDguNzYyNzggNy43MjM0MSAxMi4zMTQ2IDcuNzIzNDEgMTcuMjg3M1oiIGZpbGw9IiNENEQ3RTEiIGZpbGwtb3BhY2l0eT0iMC40Ii8+Cjwvc3ZnPgo=)
}

.mt-customer-comment__links {
    margin-top: 8px
}

.mt-customer-comment .mt-link-arrow {
    font-size: 16px;
    line-height: 32px
}

.por-hero {
    padding-bottom: 64px;
    overflow: hidden
}

.por-hero-main {
    position: relative;
    height: 580px;
    background-color: #f8faff;
    padding: 0 20px;
    overflow: hidden
}

.por-hero-main:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 65px;
    margin-left: -206px;
    width: 1462px;
    height: 660px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg176-9a3b1de42ee16163.png);
    background-size: contain
}

.por-hero-main .por-hero-inner {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding-top: 80px;
    padding-right: 580px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.por-hero-inner {
    position: relative;
    max-width: 1180px;
    margin: 0 auto
}

.por-hero-title {
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    color: #2d3033;
    white-space: nowrap
}

.por-hero-desc {
    margin-top: 44px;
    font-size: 20px;
    line-height: 36px;
    color: #565e66;
    max-width: 540px
}

.por-hero-events {
    max-width: 1220px;
    padding: 0 20px;
    margin: -40px auto 0
}

@media screen and (max-width:1199px) {
    .por-hero-main {
        height: 360px;
        padding: 0 40px
    }

    .por-hero-main:before {
        top: 0;
        left: 33.8541666667%;
        height: 400px;
        margin-left: 0
    }

    .por-hero-main .por-hero-inner {
        padding-top: 56px;
        padding-right: 0
    }

    .por-hero-title {
        margin-top: -20px;
        font-weight: 400;
        font-size: 40px;
        line-height: 60px
    }

    .por-hero-desc {
        margin-top: 12px;
        font-size: 16px;
        line-height: 22px;
        color: #565e66;
        max-width: 360px
    }

    .por-hero .por-hero-events {
        display: none
    }
}

@media screen and (max-width:600px) {
    .por-hero {
        padding-bottom: 0
    }

    .por-hero-main {
        height: auto;
        background: linear-gradient(188.88deg, #cad8f9 8.51%, rgba(233, 239, 255, 0) 83.81%);
        background-color: #ecf2ff;
        padding: 0 16px
    }

    .por-hero-main:before {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-m-topd8a-2210c4ee3e00e0b6.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-m-bottomedb-9e5d4ea93ecbbfc7.png);
        background-position: right 36px, 100% 100%;
        background-repeat: no-repeat;
        background-size: 164px auto, 334px auto
    }

    .por-hero-main .por-hero-inner {
        padding: 93px 0 218px
    }

    .por-hero-title {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 28px
    }

    .por-hero-desc {
        margin-top: 0;
        font-size: 12px;
        line-height: 20px
    }
}

.mt-m-download {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 165px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    padding-bottom: 12px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-download99f-d0b8a9e970b79be3.png), linear-gradient(163.55deg, rgba(227, 239, 255, 0) 53.45%, #fff 82.52%)
}

.mt-m-download__tit {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #000
}

.mt-m-download__desc,
.mt-m-download__tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-m-download__desc {
    font-size: 12px;
    line-height: 18px;
    color: #2d3033;
    margin-top: 10px
}

.mt-m-download .mt-btn {
    width: 240px;
    height: 80px;
    box-shadow: 0 11.0769px 16.6154px rgba(0, 108, 248, .34);
    border-radius: 12px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    background: linear-gradient(180deg, rgba(27, 127, 255, 0), #6facff), #429b2a;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 48px auto 0;
    border: 0
}

.mt-m-download .mt-btn:before {
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    margin-right: 8px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: top
}

.mt-m-download .mt-btn.ios:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-ios3fb-60005c49962e5a88.png)
}

.mt-m-download .mt-btn.android:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-android65e-889bfe16b4c95047.png)
}

.mt-m-download .mt-btn.harmony:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-harmonyccf-5d1f117026d8eea6.png)
}

.mt-m-download__ft {
    margin-top: 60px
}

.mt-m-download__info {
    font-size: 12px;
    line-height: 24px;
    color: #7e868f
}

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

.mt-follows__title {
    display: inline;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7b818f
}

.mt-follows__list {
    margin-left: 20px;
    display: flex
}

.mt-follows__item {
    display: block;
    position: relative;
    margin-right: 26px
}

.mt-follows__item .icon {
    display: block;
    width: 24px;
    height: 24px
}

.mt-follows__item .icon.weibo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/weibo2f5-27029e7ec6645f38.svg)
}

.mt-follows__item:hover .icon.weibo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/weibo-hoverb33-2eb53783a9262a73.svg)
}

.mt-follows__item .icon.zhihu {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/zhihuf5a-ba263f5880c177b7.svg)
}

.mt-follows__item:hover .icon.zhihu {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/zhihu-hoverc29-d314ea96176efec3.svg)
}

.mt-follows__item .icon.bilibili {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bilibiliaaf-c2564d26ddc05a8b.svg)
}

.mt-follows__item:hover .icon.bilibili {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bilibili-hoverd69-8164fddb30c4f30f.svg)
}

.mt-follows__item .icon.wechat {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/wechat8a5-e30e6b27762a8ef2.svg)
}

.mt-follows__item:hover .icon.wechat {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/wechat-hover008-afbb45d075a401b1.svg)
}

.mt-follows__bubble {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -90px;
    margin-left: 10px;
    width: 180px;
    height: 180px;
    background: #fff;
    box-shadow: 0 18px 30px rgba(0, 70, 134, .51);
    border-radius: 20px;
    padding: 16px;
    transition: all .3s ease-in-out;
    transform: translateX(-10px);
    opacity: 0;
    visibility: hidden
}

.mt-follows__bubble img {
    display: block;
    width: 100%;
    height: 100%
}

.mt-follows__item:hover .mt-follows__bubble {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.mt-news-hero {
    height: 580px;
    padding: 0 20px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bgddc-65093ea5d791ac48.jpeg), linear-gradient(180deg, #daebff, #f9fcff);
    background-position: top, 0, 0;
    background-repeat: no-repeat;
    background-size: auto 100%, auto auto
}

.mt-news-hero__inner {
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
    padding-top: 180px
}

.mt-news-hero__title {
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    color: #2d3033;
    margin-bottom: 50px
}

.mt-news-hero .mt-rss-panel__cnt {
    text-align: left
}

.mt-news-hero .mt-rss-panel__cnt.is-success {
    text-align: center
}

.mt-news-hero .mt-rss-panel__result {
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.mt-news-hero .mt-follows {
    margin-top: 55px;
    display: inline-flex;
    vertical-align: top;
    max-width: 100%
}

@media screen and (max-width:1199px) {
    .mt-news-hero {
        height: auto
    }

    .mt-news-hero__inner {
        padding-top: 120px;
        padding-bottom: 40px
    }

    .mt-news-hero .mt-follows {
        margin-top: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-news-hero {
        height: auto;
        background: none;
        background-color: #f4f7fc
    }

    .mt-news-hero__inner {
        padding-top: 76px;
        padding-bottom: 20px
    }

    .mt-news-hero__title {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        color: #262a47
    }

    .mt-news-hero .mt-follows,
    .mt-news-hero .mt-rss-panel__cnt {
        display: none
    }
}

.mt-news-card {
    display: block;
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s linear;
    height: 100%
}

.mt-news-card__object {
    padding-top: 55.7894736842%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #616b90;
    position: relative
}

.mt-news-card__img-title {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    padding: 24px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.mt-news-card__img-date {
    border-radius: 0 0 12px 0;
    background: rgba(0, 0, 0, .4);
    padding: 5px 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: absolute;
    top: 0;
    left: 0
}

.mt-news-card__label-corner {
    height: 39px;
    position: absolute;
    left: 0;
    top: 0
}

.mt-news-card__body {
    padding: 24px 24px 32px
}

.mt-news-card__infos {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.mt-news-card__tags {
    display: inline-flex
}

.mt-news-card__tag {
    display: block;
    padding: 0 8px;
    height: 24px;
    background: #53d530;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.mt-news-card__tag+.mt-news-card__tag {
    margin-left: 10px
}

.mt-news-card__date {
    margin-left: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #7b818f
}

.mt-news-card__title {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000
}

.mt-news-card__label {
    background: #e7f0ff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #565e66;
    padding: 5px 8px;
    display: inline-block
}

.mt-news-card__label+.mt-news-card__label {
    margin-left: 8px
}

.mt-news-card__label-list {
    margin-bottom: 24px;
    white-space: nowrap
}

.mt-news-card__desc {
    font-size: 14px;
    line-height: 22px;
    color: #616b90
}

.mt-news-card__desc li+li {
    margin-top: 4px
}

.mt-news-card__link {
    vertical-align: top;
    display: inline-block;
    margin-top: 4px
}

.mt-news-card:hover {
    text-decoration: none;
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-news-card:hover .mt-news-card__link:after {
    transform: translateX(4px)
}

.mt-news-card.is-review .mt-news-card__tag {
    background: #ff9800
}

.mt-news-card.is-static {
    cursor: default;
    box-shadow: none
}

.mt-news-card.is-calendar .mt-news-card__object:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2)
}

.mt-news-card.is-calendar .mt-news-card__infos {
    margin-bottom: 0
}

.mt-news-card.is-calendar .mt-news-card__body {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mt-news-card__list.layout-horizontal {
    margin-top: 44px
}

.mt-news-card__list.layout-horizontal .mt-news-card {
    display: flex;
    flex-direction: row;
    height: auto;
    background: transparent;
    border-radius: 0;
    box-shadow: none
}

.mt-news-card__list.layout-horizontal .mt-news-card__object {
    width: 284px;
    height: 160px;
    padding-top: 0;
    border-radius: 16px
}

.mt-news-card__list.layout-horizontal .mt-news-card__body {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.mt-news-card__list.layout-horizontal .mt-news-card__title {
    margin-bottom: 8px;
    height: auto
}

.mt-news-card__list.layout-horizontal .mt-news-card__tag {
    padding: 0 6px;
    margin-left: 4px
}

.mt-news-card__list.layout-horizontal .mt-news-card__tag:first-child {
    margin-left: 0
}

.mt-news-card__list.layout-horizontal .mt-news-card__date {
    margin-left: 12px
}

.mt-news-card__list.layout-horizontal .mt-news-card__infos {
    order: 1;
    justify-content: flex-start;
    margin-bottom: 24px
}

.mt-news-card__list.layout-horizontal .mt-news-card__desc {
    order: 2
}

.mt-news-card__slidebar .mt-news-card {
    width: 350px
}

.mt-news-card__slidebar .mt-news-card__body {
    padding: 24px 24px 40px
}

@media screen and (max-width:900px) {
    .mt-news-card__label {
        font-size: 12px;
        padding: 3px 8px
    }

    .mt-news-card__label-list {
        margin-bottom: 16px
    }

    .mt-news-card__img-title {
        padding: 16px;
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width:600px) {
    .mt-news-card__body {
        padding: 16px 16px 24px
    }

    .mt-news-card_infos {
        margin-bottom: 16px
    }

    .mt-news-card__tag {
        height: 20px;
        padding: 0 6px;
        font-size: 12px;
        line-height: 20px
    }

    .mt-news-card__date {
        font-size: 14px;
        line-height: 20px;
        color: #7b818f
    }

    .mt-news-card__title {
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #000
    }

    .mt-news-card__desc {
        font-size: 12px;
        line-height: 17px;
        color: #616b90
    }
}

.mt-rss-panel {
    padding: 0 20px;
    height: 418px;
    background: #f8faff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bgd84-0604a9f2f98e8ed4.jpeg) 100% no-repeat;
    background-size: auto 100%
}

.mt-rss-panel__inner {
    margin: 0 auto;
    max-width: 1180px;
    padding-top: 96px
}

.mt-rss-panel__cnt {
    max-width: 680px
}

.mt-rss-panel__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #000
}

.mt-rss-panel__bar {
    margin-top: 40px;
    margin-bottom: 30px;
    display: flex
}

.mt-rss-panel__input {
    box-sizing: border-box;
    flex: 1;
    height: 56px;
    padding: 16px 18px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    border: 1px solid transparent;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff
}

.mt-rss-panel__input:focus {
    outline: none
}

.mt-rss-panel__input:-ms-input-placeholder {
    color: #bcc1cc;
    opacity: 1
}

.mt-rss-panel__input::-moz-placeholder {
    color: #bcc1cc;
    opacity: 1
}

.mt-rss-panel__input::placeholder {
    color: #bcc1cc;
    opacity: 1
}

.mt-rss-panel__input::input-placeholder,
.mt-rss-panel__input:input-placeholder {
    color: #bcc1cc
}

.mt-rss-panel__btn {
    margin-left: -6px;
    padding: 0 13px;
    border-width: 0;
    border-radius: 6px;
    height: 56px;
    font-size: 16px;
    line-height: 56px
}

.mt-rss-panel__btn .mobile {
    display: none
}

.mt-rss-panel__tip {
    font-size: 14px;
    line-height: 24px;
    color: #7b818f
}

.mt-rss-panel__br {
    display: block
}

.mt-rss-panel__result {
    margin-top: 44px;
    margin-bottom: 34px;
    position: relative;
    padding: 7px 0 7px 68px;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.mt-rss-panel__result:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat
}

.mt-rss-panel__cnt.is-success .mt-rss-panel__result:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMTgiIHN0cm9rZT0iIzAwQ0M2NiIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjxwYXRoIGQ9Ik0xNy43NjE3IDI1TDIyLjI2MTcgMzBMMzIuMjYxNyAyMCIgc3Ryb2tlPSIjMDBDQzY2IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-size: contain
}

.mt-rss-panel__cnt.is-error .mt-rss-panel__input {
    border-color: #ff3c33
}

.mt-rss-panel__cnt.is-error .mt-rss-panel__validate {
    color: #ff3c33;
    margin-bottom: 10px;
    margin-top: -24px;
    font-size: 14px;
    line-height: 24px;
    padding-left: 19px
}

@media screen and (max-width:1199px) {
    .mt-rss-panel {
        height: auto;
        min-height: 185px;
        background-image: none;
        background-color: #f4f7fc
    }

    .mt-rss-panel__inner {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .mt-rss-panel__title {
        text-align: center
    }

    .mt-rss-panel__cnt {
        margin: 0 auto
    }

    .mt-rss-panel__cnt.is-success {
        text-align: center
    }

    .mt-rss-panel__cnt.is-success .mt-rss-panel__result {
        display: inline-block;
        vertical-align: top
    }
}

@media screen and (max-width:600px) {
    .mt-rss-panel {
        height: auto;
        min-height: 185px;
        background-image: none;
        background-color: #f4f7fc
    }

    .mt-rss-panel__inner {
        padding-top: 30px
    }

    .mt-rss-panel__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #000;
        text-align: center
    }

    .mt-rss-panel__bar {
        margin-top: 17px;
        margin-bottom: 12px
    }

    .mt-rss-panel__input {
        height: 36px;
        padding: 9px 10px;
        line-height: 18px;
        font-size: 12px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .mt-rss-panel__btn {
        margin-left: -4px;
        border-radius: 4px;
        height: 36px;
        line-height: 36px;
        min-width: 76px
    }

    .mt-rss-panel__btn span {
        display: none
    }

    .mt-rss-panel__br,
    .mt-rss-panel__btn .mobile {
        display: inline
    }

    .mt-rss-panel__tip {
        font-size: 10px;
        line-height: 18px
    }

    .mt-rss-panel__cnt {
        max-width: none
    }

    .mt-rss-panel__cnt.is-success {
        text-align: center
    }

    .mt-rss-panel__result {
        display: inline-block;
        vertical-align: top;
        margin-top: 14px;
        margin-bottom: 15px;
        padding-left: 44px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 16px;
        line-height: 22px;
        color: #000
    }

    .mt-rss-panel__result:before {
        width: 36px;
        height: 36px
    }
}

.mt-slide-bar {
    overflow: hidden;
    padding: 50px 20px;
    margin: -50px 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mt-slide-bar__list {
    flex-wrap: nowrap
}

.mt-slide-bar .mt-grid__col {
    flex: auto
}

.mt-solution-hero {
    position: relative;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 580px;
    background-color: #d8e6f5
}

.mt-solution-hero__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.mt-solution-hero__bg img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.mt-solution-hero__bg-pc,
.mt-solution-hero__bg-phone {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%
}

.mt-solution-hero__bg-phone {
    display: none
}

.mt-solution-hero__inner {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 1180px;
    height: 100%;
    box-sizing: border-box
}

.mt-solution-hero__content {
    padding-top: 80px;
    max-width: 580px
}

.mt-solution-hero__tit {
    line-height: 60px;
    font-size: 48px;
    font-weight: 400;
    color: #2d3033
}

.mt-solution-hero__desc {
    margin-top: 24px;
    line-height: 36px;
    font-size: 20px;
    color: #565e66
}

.mt-solution-hero__btns {
    margin-top: 76px
}

.mt-solution-hero__btns .mt-btn {
    padding-left: 28px;
    padding-right: 28px;
    height: 48px;
    line-height: 46px;
    font-size: 16px
}

@media screen and (min-width:1200px) {
    .mt-solution-hero__bg-pc {
        position: relative;
        overflow: hidden
    }

    .mt-solution-hero__bg-pc:after,
    .mt-solution-hero__bg-pc:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 164px;
        box-sizing: border-box;
        pointer-events: none;
        z-index: 2
    }

    .mt-solution-hero__bg-pc:before {
        right: 50%;
        margin-right: 796px;
        background: linear-gradient(90deg, #d8e6f5, rgba(216, 230, 245, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8e6f5", endColorstr="#00d8e6f5", GradientType=1)
    }

    .mt-solution-hero__bg-pc:after {
        left: 50%;
        margin-left: 796px;
        background: linear-gradient(90deg, rgba(216, 230, 245, 0), #d8e6f5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d8e6f5", endColorstr="#d8e6f5", GradientType=1)
    }
}

@media screen and (max-width:1199px) {
    .mt-solution-hero {
        padding-top: 60px;
        min-height: 456px
    }

    .mt-solution-hero__content {
        max-width: 296px
    }

    .mt-solution-hero__tit {
        line-height: 36px;
        font-size: 28px
    }

    .mt-solution-hero__desc {
        margin-top: 16px;
        line-height: 20px;
        font-size: 12px
    }

    .mt-solution-hero__btns {
        margin-top: 32px
    }

    .mt-solution-hero__btns .mt-btn {
        padding-left: 10px;
        padding-right: 10px;
        height: 32px;
        line-height: 30px;
        font-size: 12px;
        border-radius: 6px
    }
}

@media screen and (max-width:600px) {
    .mt-solution-hero__content {
        padding-top: 36px
    }

    .mt-solution-hero__bg-pc {
        display: none
    }

    .mt-solution-hero__bg-phone {
        display: block
    }
}

.mt-scene-card__feature {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ebedf2;
    margin-left: -8px
}

.mt-scene-card__feature-item {
    display: flex;
    flex-flow: row nowrap
}

.mt-scene-card__feature-item+.mt-scene-card__feature-item {
    margin-top: 8px
}

.mt-scene-card__feature-object {
    margin-right: 12px;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-scene-card__feature-object .icon-default {
    display: block;
    margin-top: 7px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01IDlMNy44NDQ4MyAxMkwxMyA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-scene-card__feature-image {
    display: block;
    margin-top: 4px;
    width: 24px;
    height: 24px
}

.mt-scene-card__feature-main {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto
}

.mt-scene-card__feature-tit {
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #0f001a;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-scene-card__feature-desc {
    line-height: 18px;
    font-size: 12px;
    color: #565e66;
    height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-scene-card {
    display: block;
    padding: 24px 46px 40px 24px;
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, .65) 100.62%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#a6ffffff", GradientType=1);
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    border-radius: 16px;
    transition: all .3s linear
}

.mt-scene-card__inner {
    display: flex;
    flex-flow: row nowrap
}

.mt-scene-card__object {
    margin-right: 24px;
    width: 112px;
    height: 112px;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-scene-card__image {
    display: block;
    width: 100%;
    height: 100%
}

.mt-scene-card__main {
    min-width: 0;
    min-height: 0;
    flex: 1
}

.mt-scene-card__tit {
    margin-bottom: 8px;
    line-height: 36px;
    font-size: 24px;
    color: #0f001a;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-scene-card__tit:last-child {
    margin-bottom: 0
}

.mt-scene-card__desc {
    max-width: 344px;
    height: 72px;
    line-height: 24px;
    font-size: 14px;
    color: #565e66;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden
}

.mt-scene-card__detail {
    margin-top: 16px;
    line-height: 24px;
    font-size: 16px
}

.mt-scene-card__detail-label {
    margin-bottom: 8px;
    color: #429b2a;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-scene-card__detail-cont {
    color: #565e66;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:1200px) {
    .mt-scene-card.vertical {
        padding: 16px 24px 32px;
        height: 100%
    }

    .mt-scene-card.vertical .mt-scene-card__inner {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .mt-scene-card.vertical .mt-scene-card__object {
        margin-right: 0;
        margin-bottom: 4px
    }

    .mt-scene-card.vertical .mt-scene-card__desc,
    .mt-scene-card.vertical .mt-scene-card__tit {
        text-align: center;
        height: auto
    }

    a.mt-scene-card:hover {
        text-decoration: none;
        box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
    }
}

@media screen and (max-width:1199px) {
    .mt-scene-card {
        padding: 8px 44px 8px 12px
    }

    .mt-scene-card__object {
        margin-right: 12px;
        width: 80px;
        height: 80px
    }

    .mt-scene-card__tit {
        margin-bottom: 4px;
        line-height: 28px;
        font-size: 16px
    }

    .mt-scene-card__desc {
        height: 66px;
        line-height: 22px;
        font-size: 12px
    }

    .mt-scene-card__detail {
        margin-top: 8px;
        line-height: 22px;
        font-size: 12px
    }

    .mt-scene-card__detail-label {
        margin-bottom: 4px
    }

    .mt-scene-card__detail-cont {
        height: 44px
    }

    .mt-scene-card.vertical {
        height: 100%;
        padding: 8px 12px
    }

    .mt-scene-card.vertical .mt-scene-card__inner {
        align-items: center;
        justify-content: center
    }

    .mt-scene-card.vertical .mt-scene-card__desc {
        height: auto
    }
}

@media screen and (max-width:600px) {
    .mt-scene-card__inner {
        align-items: center
    }

    .mt-scene-card__tit {
        white-space: normal;
        overflow: visible;
        text-overflow: clip
    }

    .mt-scene-card__desc {
        height: auto;
        max-height: 66px
    }

    .mt-scene-card__detail-label {
        white-space: normal;
        overflow: visible;
        text-overflow: clip
    }

    .mt-scene-card__detail-cont {
        height: auto;
        max-height: 44px
    }
}

.mt-highlight-swiper__bar {
    margin-bottom: 80px
}

.mt-highlight-swiper__list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.mt-highlight-swiper__item {
    min-width: 0;
    min-height: 0;
    flex: 1
}

.mt-highlight-swiper__item+.mt-highlight-swiper__item {
    margin-left: 20px
}

.mt-highlight-swiper__btn {
    min-height: 112px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 26px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    transition: all .3s linear
}

.mt-highlight-swiper__btn:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 128px;
    height: 61px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mt-highlight-swiper__btn:hover {
    text-decoration: none;
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3)
}

.mt-highlight-swiper__item.is-active .mt-highlight-swiper__btn {
    color: #fff;
    background-color: #53d530
}

.mt-highlight-swiper__item.is-active .mt-highlight-swiper__btn .mt-highlight-swiper__desc {
    color: #fff
}

.mt-highlight-swiper--no1 .mt-highlight-swiper__btn:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/img-highlight-no13be-77d336eca14adfd7.png)
}

.mt-highlight-swiper--no2 .mt-highlight-swiper__btn:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/img-highlight-no2a39-96ac8b3720af3d12.png)
}

.mt-highlight-swiper--no3 .mt-highlight-swiper__btn:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/img-highlight-no3213-bfc0f0e8f9c274bf.png)
}

.mt-highlight-swiper__tit {
    line-height: 34px;
    font-size: 24px;
    font-weight: 600
}

.mt-highlight-swiper__desc,
.mt-highlight-swiper__tit {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-highlight-swiper__desc {
    margin-top: 4px;
    line-height: 22px;
    font-size: 16px;
    color: #4e5461
}

.mt-highlight-swiper__cont {
    position: relative;
    min-height: 260px
}

.mt-highlight-swiper__panel {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    -o-transform: translateX(-8px)
}

.mt-highlight-swiper__panel.is-active {
    transition: all .2s ease-out;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    z-index: 9
}

.mt-highlight-swiper__panel-inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.mt-highlight-swiper__panel-object {
    margin-right: 38px;
    width: 260px;
    height: 260px;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-highlight-swiper__panel-image {
    display: block;
    width: 100%;
    height: 100%
}

.mt-highlight-swiper__panel-main {
    min-width: 0;
    flex: 1 1 auto
}

.mt-highlight-swiper__panel-tit {
    line-height: 40px;
    font-size: 36px;
    color: #262a47;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-highlight-swiper__panel-desc {
    margin-top: 24px;
    height: 108px;
    line-height: 36px;
    font-size: 20px;
    color: #4e5461;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width:1199px) {
    .mt-highlight-swiper__bar {
        margin-bottom: 40px
    }

    .mt-highlight-swiper__item+.mt-highlight-swiper__item {
        margin-left: 16px
    }

    .mt-highlight-swiper__btn {
        padding: 8px 12px;
        min-height: unset;
        display: block
    }

    .mt-highlight-swiper__btn:before {
        width: 64px;
        height: 32px
    }

    .mt-highlight-swiper__tit {
        line-height: 28px;
        font-size: 16px
    }

    .mt-highlight-swiper__desc {
        line-height: 22px;
        font-size: 12px
    }

    .mt-highlight-swiper__cont {
        min-height: 120px
    }

    .mt-highlight-swiper__panel-object {
        width: 120px;
        height: 120px
    }

    .mt-highlight-swiper__panel-tit {
        line-height: 36px;
        font-size: 28px
    }

    .mt-highlight-swiper__panel-desc {
        margin-top: 16px;
        height: 60px;
        line-height: 20px;
        font-size: 12px
    }
}

.mt-collapse__panel {
    padding: 16px;
    border-bottom: 1px solid #ebeef2
}

.mt-collapse__panel-hd {
    position: relative;
    padding-right: 38px;
    display: flex;
    align-items: flex-start;
    cursor: pointer
}

.mt-collapse__panel-hd:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNUw4IDExTDE0IDUiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat
}

.mt-collapse__panel-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 12px
}

.mt-collapse__panel-title {
    flex: 1;
    width: 1px;
    padding: 3px 0;
    font-weight: 400;
    line-height: 26px;
    font-size: 16px;
    color: #0f001a
}

.mt-collapse__panel-bd {
    position: relative;
    z-index: 2;
    margin-top: 4px;
    padding-right: 38px;
    line-height: 22px;
    font-size: 12px;
    color: #565e66
}

.mt-collapse__panel.has-icon>.mt-collapse__panel-bd {
    padding-left: 44px
}

.mt-collapse__panel.is-open>.mt-collapse__panel-hd:after {
    transform: rotate(180deg);
    transition: all .3s ease-in-out
}

.mt-recommend-card {
    display: block;
    padding: 24px 28px 24px 24px;
    background-color: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    border-radius: 20px;
    cursor: pointer;
    transition: all .3s linear
}

.mt-recommend-card:hover {
    text-decoration: none;
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-recommend-card__inner {
    display: flex;
    flex-flow: row nowrap
}

.mt-recommend-card__object {
    margin-right: 16px;
    width: 32px;
    height: 32px;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-recommend-card__image {
    display: block;
    width: 100%;
    height: 100%
}

.mt-recommend-card__main {
    min-width: 0;
    min-height: 0;
    flex: 1
}

.mt-recommend-card__tit {
    margin-bottom: 8px;
    line-height: 36px;
    font-size: 24px;
    color: #0f001a;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-recommend-card__desc {
    height: 72px;
    line-height: 24px;
    font-size: 14px;
    color: #565e66;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width:1199px) {
    .mt-recommend-card {
        padding: 16px 20px 16px 16px
    }

    .mt-recommend-card__tit {
        line-height: 24px;
        font-size: 16px
    }

    .mt-recommend-card__desc {
        height: 66px;
        line-height: 22px;
        font-size: 12px;
        -webkit-line-clamp: 3
    }
}

.mt-highlight-card {
    position: relative;
    z-index: 1;
    display: block;
    padding: 12px 24px 36px 20px;
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    border-radius: 20px;
    cursor: pointer;
    transition: all .3s linear
}

.mt-highlight-card:hover {
    text-decoration: none;
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-highlight-card:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    right: 6px;
    bottom: 0;
    width: 128px;
    height: 61px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mt-highlight-card.mt-highlight-card--no1:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/img-highlight-no13be-77d336eca14adfd7.png)
}

.mt-highlight-card.mt-highlight-card--no2:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/img-highlight-no2a39-96ac8b3720af3d12.png)
}

.mt-highlight-card.mt-highlight-card--no3:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/img-highlight-no3213-bfc0f0e8f9c274bf.png)
}

.mt-highlight-card__tit {
    margin-bottom: 8px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-highlight-card__desc {
    height: 110px;
    line-height: 22px;
    font-size: 12px;
    color: #4e5461;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:600px) {
    .mt-highlight-card__tit {
        text-overflow: clip;
        overflow: visible;
        white-space: normal
    }

    .mt-highlight-card__desc {
        height: auto;
        max-height: 110px
    }
}

.mt-plan-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 580px;
    position: relative;
    overflow: hidden
}

.mt-plan-hero__list {
    height: 100%
}

.mt-plan-hero__pages {
    position: absolute;
    left: 50%;
    bottom: 60px;
    z-index: 2;
    width: 100%;
    max-width: 1220px;
    padding: 0 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center
}

.mt-plan-hero__pages li {
    margin-right: 16px;
    padding: 3px 0;
    cursor: pointer
}

.mt-plan-hero__pages li:before {
    content: "";
    display: block;
    height: 6px;
    width: 24px;
    background: #0583ff;
    opacity: .2;
    transition: all .3s ease-in-out
}

@media screen and (any-hover:hover) {
    .mt-plan-hero__pages li:hover:before {
        opacity: 1
    }
}

.mt-plan-hero__pages li.is-active:before {
    width: 48px;
    opacity: 1
}

.mt-plan-hero__item {
    position: relative;
    height: 100%;
    display: none;
    padding: 0 96px
}

.mt-plan-hero__item.is-active {
    display: block
}

.mt-plan-hero__item-link {
    z-index: 1
}

.mt-plan-hero__item-bg,
.mt-plan-hero__item-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mt-plan-hero__item-bg {
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden
}

.mt-plan-hero__item-bg img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.mt-plan-hero__item-bg.mobile {
    display: none
}

.mt-plan-hero__item-inner {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    padding-top: 170px
}

.mt-plan-hero__item-logo {
    display: block;
    height: 42px;
    margin-bottom: 12px
}

.mt-plan-hero__item-title {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 48px;
    line-height: 67px;
    color: #000
}

.mt-plan-hero__item-desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: var(--light_wm_color-text-primary, #000)
}

.mt-plan-hero__item-desc.mobile {
    display: none
}

.mt-plan-hero__item-desc--sub {
    color: var(--light_wm_color-text-secondary, #4e5461);
    font-size: 20px;
    line-height: 1.4;
    margin-top: 8px
}

.mt-plan-hero__item-btns {
    position: relative;
    z-index: 2;
    display: flex;
    margin-top: 32px
}

.mt-plan-hero__item .mt-btn {
    height: 44px;
    line-height: 1;
    font-size: 16px;
    width: 180px;
    min-width: 0;
    border-width: 0
}

@media screen and (max-width:1920px) {
    .mt-plan-hero {
        height: 480px
    }

    .mt-plan-hero__item-inner {
        padding-top: 138px
    }

    .mt-plan-hero__item-logo {
        height: 35px;
        margin-bottom: 8px
    }

    .mt-plan-hero__item-title {
        font-size: 40px;
        line-height: 1.4;
        margin-bottom: 20px
    }
}

@media screen and (max-width:1200px) {
    .mt-plan-hero {
        height: 320px
    }

    .mt-plan-hero__item {
        padding: 0 80px
    }

    .mt-plan-hero__item-inner {
        padding-top: 80px
    }

    .mt-plan-hero__item-title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 12px
    }

    .mt-plan-hero__item-logo {
        height: 28px
    }

    .mt-plan-hero__item-desc,
    .mt-plan-hero__item-desc--sub {
        font-size: 12px
    }

    .mt-plan-hero__item-btns {
        margin-top: 16px
    }

    .mt-plan-hero__item .mt-btn {
        width: 128px;
        height: 40px;
        font-size: 14px
    }
}

@media screen and (max-width:900px) {
    .mt-plan-hero__item {
        padding: 0 40px
    }

    .mt-plan-hero__item-title {
        font-size: 28px;
        line-height: 40px
    }

    .mt-plan-hero__item-desc--sub {
        margin-top: 4px
    }

    .mt-plan-hero__item-btns {
        margin-top: 24px
    }
}

@media screen and (max-width:600px) {
    .mt-plan-hero {
        height: 480px
    }

    .mt-plan-hero__pages {
        bottom: 28px;
        padding: 0 16px
    }

    .mt-plan-hero__pages li:before {
        width: 15px
    }

    .mt-plan-hero__pages li.is-active:before {
        width: 40px
    }

    .mt-plan-hero__item {
        padding: 0 24px
    }

    .mt-plan-hero__item-bg.pc {
        display: none
    }

    .mt-plan-hero__item-bg.mobile {
        display: block
    }

    .mt-plan-hero__item-inner {
        padding-top: 92px
    }

    .mt-plan-hero__item-logo {
        height: 18px;
        margin-bottom: 6px
    }

    .mt-plan-hero__item-title {
        font-size: 24px;
        line-height: 1.5;
        max-width: 270px
    }

    .mt-plan-hero__item-desc.pc {
        display: none
    }

    .mt-plan-hero__item-desc.mobile {
        display: block
    }

    .mt-plan-hero__item-btns {
        margin-top: 12px
    }

    .mt-plan-hero__item .mt-btn {
        height: 32px;
        width: 120px
    }
}

.mt-equity-card__item {
    position: relative;
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bgd29-8347debb8ab3ce0c.png) 100% 0 no-repeat, linear-gradient(179.99deg, #ebf4ff .01%, #f4f9ff 36.9%, #fff 99.99%);
    background-size: 580px auto, auto;
    box-shadow: 0 8px 23px rgba(0, 103, 198, .1);
    border-radius: 20px;
    height: 100%;
    padding: 32px 30px 30px
}

.mt-equity-card__item-title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #000;
    padding-bottom: 20px;
    margin-bottom: 32px
}

.mt-equity-card__item-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background: #53d530
}

.mt-equity-card__item-num {
    position: absolute;
    left: 100%;
    top: 0;
    font-size: 14px;
    line-height: 16px
}

.mt-equity-card__item-rights {
    margin-bottom: 28px
}

.mt-equity-card__item-rights li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.mt-equity-card__item-rights li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000
}

.mt-equity-card__item-tips {
    font-size: 16px;
    line-height: 24px;
    color: #7b818f
}

.mt-equity-card__item--bottom-tips .mt-equity-card__item-tips {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px
}

.mt-equity-card__item.v2 {
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img945-26db5ebb0113c1af.png) 100% 100% no-repeat, linear-gradient(218deg, #e4f0ff 8.72%, #f5faff 33.12%, #fff 102.81%), #fff;
    background-size: auto 254px, auto;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    padding: 40px 80px
}

.mt-equity-card__item.v2 .mt-equity-card__item-title {
    display: block;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center
}

.mt-equity-card__item.v2 .mt-equity-card__item-title:before {
    display: none
}

.mt-equity-card__item.v2 .mt-equity-card__item-sub {
    color: #000;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 4px;
    color: var(--Light_wm_color_text-tertiary, #7b818f);
    text-align: center
}

.mt-equity-card__item.v2 .mt-equity-card__item-rights-tit {
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 20px;
    font-weight: 400;
    line-height: normal
}

.mt-equity-card__item.v2 .mt-equity-card__item-rights {
    margin-bottom: 20px
}

.mt-equity-card__item.v2 .mt-equity-card__item-rights li {
    padding-left: 16px;
    margin-bottom: 12px;
    position: relative;
    color: var(--text-icon-grey-0, var(--Light_wm_color_text-primary, #000));
    font-size: 20px;
    line-height: 1.4
}

.mt-equity-card__item.v2 .mt-equity-card__item-rights li:before {
    top: 50%;
    width: 6px;
    height: 6px;
    content: "";
    display: inline-block;
    background-color: #7b818f;
    transform: translateY(-50%) rotate(45deg);
    border-radius: 0
}

.mt-equity-card__item.v2 .mt-equity-card__item-tips {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 20px;
    line-height: normal
}

@media screen and (max-width:1200px) {
    .mt-equity-card__item.v2 {
        background-size: auto 184px, auto;
        padding: 24px 48px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-title {
        font-size: 24px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-sub {
        font-size: 14px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights-tit {
        font-size: 14px;
        margin-top: 16px;
        margin-bottom: 16px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights {
        margin-bottom: 16px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights li {
        padding-left: 12px;
        font-size: 14px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights li:before {
        width: 4px;
        height: 4px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-tips {
        font-size: 14px
    }
}

@media screen and (max-width:900px) {
    .mt-equity-card__item.v2 {
        background-size: auto 146px, auto;
        padding: 24px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-title {
        font-size: 20px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights-tit {
        margin-top: 12px
    }
}

@media screen and (max-width:600px) {
    .mt-equity-card__item {
        padding: 30px 24px;
        background-size: 375px auto, auto
    }

    .mt-equity-card__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color: #000;
        margin-bottom: 20px
    }

    .mt-equity-card__item-title:before {
        width: 30px
    }

    .mt-equity-card__item-num {
        font-size: 12px;
        line-height: 14px
    }

    .mt-equity-card__item-rights {
        margin-bottom: 26px
    }

    .mt-equity-card__item-rights li {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 20px
    }

    .mt-equity-card__item-rights li:before {
        top: 7px
    }

    .mt-equity-card__item-tips {
        font-size: 14px;
        line-height: 22px
    }

    .mt-equity-card__item--bottom-tips .mt-equity-card__item-tips {
        position: static
    }

    .mt-equity-card__item.v2 {
        border-radius: 10px;
        background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img945-26db5ebb0113c1af.png) 100% 100% no-repeat, linear-gradient(180deg, #ddecff .03%, #fff 78.74%, #ddecff 157.45%), var(--Light_wm_color_text-senary, #fff);
        background-size: auto 76px, auto;
        padding: 32px 20px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights-tit {
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 12px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights {
        margin-bottom: 12px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-rights li {
        font-size: 12px;
        padding-left: 8px
    }

    .mt-equity-card__item.v2 .mt-equity-card__item-tips {
        font-size: 12px
    }
}

.mt-compare-card__item {
    position: relative;
    z-index: 1;
    height: 100%
}

.mt-compare-card__item-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 21px rgba(0, 103, 198, .1);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    border-radius: 20px
}

.mt-compare-card__item-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 30px
}

.mt-compare-card__item-main {
    flex: 1
}

.mt-compare-card__item-title {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #262a47
}

.mt-compare-card__item-desc {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e4f3;
    font-size: 16px;
    line-height: 22px;
    color: #616b90
}

.mt-compare-card__item-desc sup {
    vertical-align: top;
    font-size: 12px;
    line-height: 22px;
    position: relative;
    top: -6px;
    margin-left: 2px
}

.mt-compare-card__item-features {
    margin-bottom: 28px
}

.mt-compare-card__item-features li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #262a47
}

.mt-compare-card__item-features li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4wMDA5OCIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01LjAwMDk4IDlMNy44NDU4IDEyTDEzLjAwMSA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-size: contain
}

.mt-compare-card__item-features sup {
    vertical-align: top;
    font-size: 12px;
    line-height: 22px;
    position: relative;
    top: -6px;
    margin-left: 2px
}

.mt-compare-card__item-tips {
    font-size: 14px;
    line-height: 22px;
    color: #7b818f
}

@media screen and (any-hover:hover) {
    .mt-compare-card__item:hover .mt-compare-card__item-bg {
        background: #429b2a url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg078-66ec9143cd48da7f.jpeg) 100% 100% no-repeat;
        background-size: auto 402px;
        box-shadow: 0 9px 23px rgba(0, 103, 198, .25);
        -webkit-backdrop-filter: blur(39px);
        backdrop-filter: blur(39px);
        overflow: hidden
    }

    .mt-compare-card__item:hover .mt-compare-card__item-bg:before {
        content: "";
        position: absolute;
        left: -27px;
        top: -251px;
        width: 400px;
        height: 450px;
        background: linear-gradient(144.16deg, #37dbff 55.88%, rgba(55, 219, 255, .57) 102.09%);
        opacity: .7;
        filter: blur(90px);
        border-radius: 50%
    }

    .mt-compare-card__item:hover .mt-compare-card__item-features li,
    .mt-compare-card__item:hover .mt-compare-card__item-title {
        color: #fff
    }

    .mt-compare-card__item:hover .mt-compare-card__item-desc {
        color: #fff;
        border-bottom-color: hsla(0, 0%, 100%, .4)
    }

    .mt-compare-card__item:hover .mt-compare-card__item-features li:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNNSA5TDcuODQ0ODMgMTJMMTMgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
    }

    .mt-compare-card__item:hover .mt-compare-card__item-tips {
        color: #fff;
        opacity: .6
    }
}

@media screen and (max-width:600px) {
    .mt-compare-card__item-bg {
        border-radius: 10px
    }

    .mt-compare-card__item-inner {
        padding: 30px 24px
    }

    .mt-compare-card__item-title {
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color: #262a47
    }

    .mt-compare-card__item-desc {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #616b90
    }

    .mt-compare-card__item-desc sup {
        font-size: 10px
    }

    .mt-compare-card__item-features {
        margin-bottom: 20px
    }

    .mt-compare-card__item-features li {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 20px
    }

    .mt-compare-card__item-features li:before {
        top: 2px;
        width: 16px;
        height: 16px
    }

    .mt-compare-card__item-features sup {
        font-size: 10px
    }

    .mt-compare-card__item-tips {
        font-size: 12px;
        line-height: 24px;
        color: #7b818f
    }
}

.mt-step {
    counter-increment: tpmStepCount;
    position: relative;
    flex: 1;
    width: 1px;
    padding: 0 36px;
    text-align: center
}

.mt-step:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 40px;
    margin-left: -48px;
    width: 96px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA5NiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNjQuMDAxIiBjeT0iOCIgcj0iMiIgZmlsbD0iI0ZGODAxQSIvPgo8Y2lyY2xlIGN4PSIyMi4wMDEiIGN5PSI4IiByPSIyIiBmaWxsPSIjRkY4MDFBIi8+CjxjaXJjbGUgY3g9IjIuMDAwOTgiIGN5PSI4IiByPSIyIiBmaWxsPSIjRkY4MDFBIi8+CjxjaXJjbGUgY3g9Ijg0LjAwMSIgY3k9IjgiIHI9IjIiIGZpbGw9IiNGRjgwMUEiLz4KPGNpcmNsZSBjeD0iNzQuMDAxIiBjeT0iOCIgcj0iMiIgZmlsbD0iI0ZGODAxQSIvPgo8Y2lyY2xlIGN4PSIzMi4wMDEiIGN5PSI4IiByPSIyIiBmaWxsPSIjRkY4MDFBIi8+CjxjaXJjbGUgY3g9IjEyLjAwMSIgY3k9IjgiIHI9IjIiIGZpbGw9IiNGRjgwMUEiLz4KPGNpcmNsZSBjeD0iOTQuMDAxIiBjeT0iOCIgcj0iMiIgZmlsbD0iI0ZGODAxQSIvPgo8cGF0aCBkPSJNNDQuMDAxIDAuOTAwNTI1QzQ0LjAwMSAwLjA5OTg0NjIgNDQuOTg5MiAtMC4zMDExMzIgNDUuNTY3MiAwLjI2NTAzM0w1My43MzIzIDcuMzY0NTFDNTQuMDkwNiA3LjcxNTQ4IDU0LjA5MDYgOC4yODQ1MiA1My43MzIzIDguNjM1NUw0NS41NjcyIDE1LjczNUM0NC45ODkyIDE2LjMwMTEgNDQuMDAxIDE1LjkwMDIgNDQuMDAxIDE1LjA5OTVWMC45MDA1MjVaIiBmaWxsPSIjRkY4MDFBIi8+Cjwvc3ZnPgo=)
}

.mt-step:last-child:before {
    display: none
}

.mt-step__icon {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto 16px;
    width: 96px;
    height: 96px
}

.mt-step__title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.mt-step__desc {
    font-size: 16px;
    line-height: 24px;
    color: #7b818f
}

.mt-step__list {
    display: flex;
    margin: 0 -39px;
    counter-reset: tpmStepCount
}

@media screen and (max-width:1199px) {
    .mt-step {
        padding: 0 16px
    }

    .mt-step:before {
        top: 24px
    }

    .mt-step__icon {
        width: 64px;
        height: 64px
    }

    .mt-step__title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 28px
    }

    .mt-step__desc {
        margin: 0 auto;
        font-size: 14px;
        line-height: 24px
    }

    .mt-step__list {
        margin: 0 -10px
    }
}

@media screen and (max-width:600px) {
    .mt-step__list {
        position: relative;
        margin: -24px -18px;
        flex-wrap: wrap
    }

    .mt-step__list:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 18px;
        right: 18px;
        height: 1px;
        background: linear-gradient(90deg, rgba(235, 237, 242, 0), #ebedf2 50%, rgba(235, 237, 242, 0))
    }

    .mt-step__list:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 18px;
        bottom: 18px;
        width: 1px;
        background: linear-gradient(180deg, rgba(235, 237, 242, 0), #ebedf2 50%, rgba(235, 237, 242, 0))
    }

    .mt-step {
        width: 50%;
        flex-basis: auto;
        padding: 24px 18px
    }

    .mt-step:before {
        display: none
    }

    .mt-step__icon {
        margin-bottom: 8px;
        width: 58px;
        height: 58px
    }

    .mt-step__title {
        margin-bottom: 4px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000
    }

    .mt-step__title:before {
        content: "0" counter(tpmStepCount) "."
    }

    .mt-step__desc {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #7b818f
    }
}

.mt-plan-rooms__intro {
    margin-bottom: 40px;
    text-align: center;
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 20px;
    line-height: 1.5
}

.mt-plan-rooms__intro.mobile {
    display: none
}

.mt-plan-rooms__media {
    display: flex;
    align-items: center
}

.mt-plan-rooms__object {
    width: 66.186440678%;
    margin-left: 20px
}

.mt-plan-rooms__object img {
    display: block;
    width: 100%;
    background: #c4c4c4;
    border-radius: 10px
}

.mt-plan-rooms__features {
    flex: 1;
    width: 1px
}

.mt-plan-rooms__features>li {
    margin-bottom: 8px
}

.mt-plan-rooms__features>li:last-child {
    margin-bottom: 0
}

.mt-plan-rooms__feature {
    background: #fff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg66e-58d3d689a10288f3.jpeg) 0 no-repeat;
    background-size: auto 100%;
    box-shadow: -3px 4px 20px rgba(0, 103, 198, .13);
    border-radius: 10px;
    padding: 13px 20px 13px 58px
}

.mt-plan-rooms__feature-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.mt-plan-rooms__feature-desc {
    margin-top: 4px;
    font-size: 16px;
    line-height: 22px;
    color: #7b818f
}

@media screen and (any-hover:hover) {
    .mt-plan-rooms__feature:hover .mt-plan-rooms__feature-title {
        color: #53d530
    }
}

.mt-plan-rooms__img-wrap {
    box-shadow: 0 10px 32px rgba(0, 103, 198, .2);
    background: #c4c4c4;
    border-radius: 20px;
    overflow: hidden;
    font-size: 0
}

.mt-plan-rooms__img-wrap img,
.mt-plan-rooms__img-wrap video {
    width: 100%
}

.mt-plan-rooms .mt-tabs-list {
    border-bottom: 2px solid #d9eaff
}

.mt-plan-rooms .mt-tabs-item a {
    font-size: 24px;
    line-height: 34px;
    color: #000;
    border-bottom: 4px solid transparent;
    padding-bottom: 20px;
    margin-bottom: -2px
}

.mt-plan-rooms .mt-tabs-item.is-active a {
    color: #53d530;
    font-weight: 600;
    border-bottom-color: #53d530
}

.mt-plan-rooms .mt-tabs-panel-inner {
    padding-top: 50px
}

@media screen and (max-width:1199px) {
    .mt-plan-rooms__intro {
        margin-bottom: 32px;
        font-size: 14px
    }

    .mt-plan-rooms .mt-tabs-item a {
        font-size: 18px;
        line-height: normal;
        padding-bottom: 16px
    }

    .mt-plan-rooms .mt-tabs-panel-inner {
        padding-top: 32px
    }

    .mt-plan-rooms__media {
        display: block
    }

    .mt-plan-rooms__object {
        display: none
    }

    .mt-plan-rooms__features {
        width: auto;
        flex-basis: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0 -6px -12px
    }

    .mt-plan-rooms__features>li {
        width: 33.33%;
        padding: 0 6px 12px;
        box-sizing: border-box
    }

    .mt-plan-rooms__features>li:last-child {
        margin-bottom: 8px
    }

    .mt-plan-rooms__feature {
        padding: 12px 20px 12px 52px;
        height: 100%
    }

    .mt-plan-rooms__feature-title {
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        color: #000
    }

    .mt-plan-rooms__feature-desc {
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px;
        color: #7b818f
    }
}

@media screen and (max-width:900px) {
    .mt-plan-rooms__intro {
        margin-bottom: 24px
    }

    .mt-plan-rooms .mt-tabs-item a {
        font-size: 14px;
        padding-bottom: 10px;
        border-bottom-width: 2px
    }

    .mt-plan-rooms .mt-tabs-panel-inner {
        padding-top: 24px
    }
}

@media screen and (max-width:1000px) {
    .mt-plan-rooms__features>li {
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .mt-plan-rooms__intro {
        margin-bottom: 24px
    }

    .mt-plan-rooms__intro.pc {
        display: none
    }

    .mt-plan-rooms__intro.mobile {
        display: block
    }

    .mt-plan-rooms__features {
        display: block;
        margin: 0
    }

    .mt-plan-rooms__features>li {
        width: auto;
        padding: 0;
        margin-bottom: 12px
    }

    .mt-plan-rooms__img-wrap {
        box-shadow: 0 4px 16px rgba(0, 103, 198, .2);
        border-radius: 10px
    }

    .mt-plan-rooms .mt-tabs-list {
        border-bottom: 1px solid #d9eaff;
        justify-content: space-between
    }

    .mt-plan-rooms .mt-tabs-item a {
        font-size: 14px;
        line-height: 17px;
        border-bottom: 2px solid transparent;
        padding-bottom: 10px;
        margin-bottom: -1px
    }

    .mt-plan-rooms .mt-tabs-item.is-active a {
        font-weight: 500
    }

    .mt-plan-rooms .mt-tabs-panel-inner {
        padding-top: 24px
    }
}

.mt-plan-comments {
    padding: 0 20px;
    height: 404px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/left-bottomc4b-a25b5ab107d99943.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/left-top9fb-353c62fcda42c625.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/rightbe9-69251dda4d692ca5.png);
    background-color: #045bff;
    background-size: auto 316px, auto 404px, auto 404px;
    background-position: 0 100%, 0 0, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat
}

.mt-plan-comments__tit {
    display: none
}

.mt-plan-comments__inner {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    padding-top: 80px
}

.mt-plan-comments__item {
    position: relative;
    display: none
}

.mt-plan-comments__item.is-active {
    display: flex
}

.mt-plan-comments__item:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 54px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA3MiA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTU5NzMgMjMuNDY0M0gxNS4xNDA5TDAgNDguMDUzNkwxNC4wMTM0IDU0TDI5LjMxNTQgMjMuNDY0M0wzMy42NjQ0IDBIMTAuMzA4N0w1Ljk1OTczIDIzLjQ2NDNaTTQ4LjY0NDMgMEw0NC4yOTUzIDIzLjQ2NDNINTMuNDc2NUwzOC4zMzU2IDQ4LjA1MzZMNTIuMzQ5IDU0TDY3LjY1MSAyMy40NjQzTDcyIDBINDguNjQ0M1oiIGZpbGw9IiM0MDdERkYiLz4KPC9zdmc+Cg==)
}

.mt-plan-comments__item-object {
    width: 400px
}

.mt-plan-comments__item-object img {
    max-width: 300px;
    max-height: 90px
}

.mt-plan-comments__item-main {
    flex: 1;
    width: 1px
}

.mt-plan-comments__item-cnt {
    font-size: 24px;
    line-height: 48px;
    color: #fff
}

.mt-plan-comments__item-name {
    margin-top: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #fff
}

.mt-plan-comments__item-desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    opacity: .7
}

.mt-plan-comments__pages {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex
}

.mt-plan-comments__pages li {
    margin-right: 15px;
    cursor: pointer;
    padding: 0 3px
}

.mt-plan-comments__pages li:before {
    content: "";
    display: block;
    width: 20px;
    height: 6px;
    background: #fff;
    opacity: .2;
    transition: all .3s ease-in-out
}

.mt-plan-comments__pages li.is-active:before {
    width: 40px;
    opacity: 1
}

.mt-plan-comments__cards {
    display: flex;
    padding: 0 6px
}

.mt-plan-comments__cards>li {
    padding: 0 10px
}

.mt-plan-comments__card {
    height: 100%;
    background: linear-gradient(201.05deg, #eff6ff 7.8%, #fff 48.1%, #fff 86.11%);
    box-shadow: 1px 6px 23px rgba(0, 103, 198, .15);
    border-radius: 10px;
    padding: 20px 20px 30px;
    min-width: 294px
}

.mt-plan-comments__card-cnt {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
    color: #000
}

.mt-plan-comments__card-media {
    display: flex;
    align-items: center
}

.mt-plan-comments__card-object {
    margin-right: 8px;
    width: 44px;
    height: 44px;
    background: #fff;
    border: 1px solid #ebedf2;
    border-radius: 50%;
    overflow: hidden
}

.mt-plan-comments__card-object img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.mt-plan-comments__card-main {
    flex: 1;
    width: 1px
}

.mt-plan-comments__card-name {
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.mt-plan-comments__card-desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #7b818f;
    opacity: .7
}

@media screen and (max-width:1920px) {
    .mt-plan-comments {
        background-position: calc(50% - 596px) bottom, calc(50% - 216.75px) top, calc(50% + 852.5px) 50%
    }
}

@media screen and (max-width:1199px) {
    .mt-plan-comments {
        background: none;
        background-color: #fff;
        padding: 32px 0;
        overflow: hidden;
        height: auto
    }

    .mt-plan-comments__tit {
        display: block;
        font-size: 24px;
        line-height: 34px;
        color: #262a47;
        text-align: center;
        margin-bottom: 24px
    }

    .mt-plan-comments__inner {
        padding-top: 0
    }

    .mt-plan-comments__pages {
        position: static;
        margin-top: 32px;
        justify-content: center
    }

    .mt-plan-comments__pages li {
        margin-right: 6px
    }

    .mt-plan-comments__pages li:last-child {
        margin-right: 0
    }

    .mt-plan-comments__pages li:before {
        content: "";
        width: 11px;
        height: 6px;
        background: #53d530;
        opacity: .2
    }

    .mt-plan-comments__pages li.is-active:before {
        width: 22px;
        opacity: 1
    }

    .mt-plan-comments__cards {
        padding: 0 12px
    }

    .mt-plan-comments__cards>li {
        padding: 0 8px
    }
}

.mt-video-card .mt-grid__row {
    margin: 0 -22px -44px
}

.mt-video-card .mt-grid__col {
    padding: 0 22px 44px
}

.mt-video-card__item {
    cursor: pointer
}

.mt-video-card__item-img {
    position: relative;
    padding-top: 56.3186813187%;
    border-radius: 10px;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.mt-video-card__item-img:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 100%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
    bottom: 0;
    left: 0
}

.mt-video-card__item-duration {
    position: absolute;
    left: 16px;
    bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    z-index: 1
}

.mt-video-card__item-duration:before {
    content: "";
    display: block;
    width: 10px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTAuMjMzOFYxLjc2NjE5QzAgMC45ODg4OTYgMC44NDc5NzIgMC41MDg3ODMgMS41MTQ1IDAuOTA4Njk4TDguNTcwODQgNS4xNDI1MUM5LjIxODE4IDUuNTMwOTEgOS4yMTgxOCA2LjQ2OTA5IDguNTcwODQgNi44NTc0OUwxLjUxNDUgMTEuMDkxM0MwLjg0Nzk3MSAxMS40OTEyIDAgMTEuMDExMSAwIDEwLjIzMzhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    margin-right: 4px
}

.mt-video-card__item-title {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

@media screen and (max-width:1199px) {
    .mt-video-card .mt-grid__row {
        margin: 0 -10px -20px
    }

    .mt-video-card .mt-grid__col {
        padding: 0 10px 20px
    }

    .mt-video-card__item-title {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px
    }
}

@media screen and (max-width:600px) {
    .mt-video-card .mt-grid__row {
        margin: 0 -8px -16px
    }

    .mt-video-card .mt-grid__col {
        padding: 0 8px 16px
    }

    .mt-video-card__item-img {
        border-radius: 8px 8px 0 0
    }

    .mt-video-card__item-duration {
        justify-content: space-between;
        font-size: 10px;
        line-height: 14px;
        left: 12px;
        bottom: 4px;
        right: 12px
    }

    .mt-video-card__item-duration:before {
        width: 8px;
        height: 10px;
        background-size: 100%
    }
}

.mt-faq__item {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dbe4ee
}

.mt-faq__item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.mt-faq__item-hd {
    position: relative;
    cursor: pointer;
    padding: 0 34px 0 24px
}

.mt-faq__item-hd:before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #53d530
}

.mt-faq__item-hd:after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwNl81MTM1KSI+CjxwYXRoIGQ9Ik0xMC40MTM1IDE0LjQxMzVMMTUuMzYzMiAxOS4zNjMyQzE1Ljc1MzcgMTkuNzUzNyAxNi4zODY5IDE5Ljc1MzcgMTYuNzc3NCAxOS4zNjMyTDIxLjcyNzIgMTQuNDEzNSIgc3Ryb2tlPSIjNTY1RTY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMwNl81MTM1Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCAyNCkgcm90YXRlKC05MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
    background-size: contain
}

.mt-faq__item-title {
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 40px
}

@media screen and (any-hover:hover) {
    .mt-faq__item-hd:hover .mt-faq__item-title {
        color: #53d530
    }
}

.mt-faq__item-bd {
    padding: 16px 24px 0;
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    max-width: 900px
}

.mt-faq__item.is-open .mt-faq__item-hd:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwNl81MTQ1KSI+CjxwYXRoIGQ9Ik0xMC40MTM1IDE4LjU4NjVMMTUuMzYzMiAxMy42MzY4QzE1Ljc1MzcgMTMuMjQ2MyAxNi4zODY5IDEzLjI0NjMgMTYuNzc3NCAxMy42MzY4TDIxLjcyNzIgMTguNTg2NSIgc3Ryb2tlPSIjMDA1NEU2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMwNl81MTQ1Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTQuMzcxMTRlLTA4IDEgMSA0LjM3MTE0ZS0wOCA4IDkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.mt-faq__item.is-open .mt-faq__item-title {
    color: #53d530
}

@media screen and (max-width:1200px) {
    .mt-faq__item+.mt-faq__item__item {
        padding-top: 20px;
        margin-top: 20px
    }

    .mt-faq__item-hd:before {
        top: 8px
    }

    .mt-faq__item-hd:after {
        top: -4px
    }

    .mt-faq__item-bd {
        padding-top: 8px;
        font-size: 12px
    }

    .mt-faq__item-title {
        font-size: 16px;
        line-height: 24px
    }

    .mt-faq__item-bd,
    .mt-faq__item-hd {
        padding-right: 64px
    }
}

@media screen and (max-width:600px) {

    .mt-faq__item-bd,
    .mt-faq__item-hd {
        padding-right: 40px;
        padding-left: 14px
    }

    .mt-faq__item-hd:before {
        width: 6px;
        height: 6px;
        top: 9px
    }

    .mt-faq__item-hd:after {
        right: -8px;
        top: -3px
    }

    .mt-faq__item-title {
        font-size: 16px;
        line-height: 1.5
    }

    .mt-faq__item-bd {
        padding-top: 12px;
        font-size: 12px;
        line-height: 1.5
    }
}

.mt-contact-panel {
    position: relative;
    height: 290px;
    padding: 0 20px
}

.mt-contact-panel__bg {
    background: #429b2a url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/right-bottom391-2702e20ebe7b57fe.png) 100% no-repeat;
    background-size: auto 290px;
    box-shadow: 0 9px 23px rgba(0, 103, 198, .25);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    overflow: hidden
}

.mt-contact-panel__bg,
.mt-contact-panel__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mt-contact-panel__bg:before {
    background: linear-gradient(90deg, #0558e5 64.05%, rgba(5, 88, 229, 0) 104.93%)
}

.mt-contact-panel__bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/left-topb91-a27798d6f4e0df17.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/right-top2d1-6b4cefccbc2a40d6.png);
    background-size: auto 290px, auto 290px;
    background-position: 0 0, 100%;
    background-repeat: no-repeat
}

.mt-contact-panel__inner {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center
}

.mt-contact-panel__title {
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    color: #fff
}

.mt-contact-panel__desc {
    margin-top: 50px;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.mt-contact-panel__desc a {
    text-decoration: underline;
    color: #fff
}

.mt-contact-panel__desc p {
    margin-top: 20px
}

@media screen and (max-width:1199px) {
    .mt-contact-panel__bg {
        background: #0658e9 url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ipad-bg6ab-124e367814861bbf.jpeg) 50% no-repeat;
        background-size: auto 100%
    }

    .mt-contact-panel__bg:after,
    .mt-contact-panel__bg:before {
        display: none
    }
}

@media screen and (max-width:600px) {
    .mt-contact-panel {
        padding: 0 16px;
        height: auto
    }

    .mt-contact-panel__bg {
        background: #0658e9 url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mobile-bg925-bcf0a6b0d8c2c436.jpeg) 100% no-repeat;
        background-size: auto 100%
    }

    .mt-contact-panel__bg:after,
    .mt-contact-panel__bg:before {
        display: none
    }

    .mt-contact-panel__inner {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .mt-contact-panel__title {
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        color: #fff
    }

    .mt-contact-panel__desc {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .mt-contact-panel__desc p {
        margin-top: 16px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.mt-swiper {
    position: relative
}

.mt-swiper .swiper-container-fade {
    overflow: visible
}

.mt-swiper__pages {
    margin-top: 34px;
    text-align: center;
    font-size: 0
}

.mt-swiper .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    background: #d9d9d9;
    border-radius: 6px;
    width: 10px;
    height: 6px;
    cursor: pointer;
    opacity: 1;
    transition: all .3s ease-in-out
}

.mt-swiper .swiper-pagination-bullet:focus {
    outline: none
}

.mt-swiper .swiper-pagination-bullet:hover {
    background-color: #53d530
}

.mt-swiper .swiper-pagination-bullet-active {
    cursor: default;
    width: 31px;
    background-color: #53d530
}

.mt-swiper__btn {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -39px;
    width: 32px;
    height: 32px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    cursor: pointer;
    border-width: 0;
    padding: 0
}

.mt-swiper__btn-inner {
    display: block;
    width: 100%;
    height: 100%
}

.mt-swiper__btn--prev .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTUuNSIgc3Ryb2tlPSIjRDlEOUQ5Ii8+CjxwYXRoIGQ9Ik0xOC42OTIyIDguNjE1MjNMMTEuMzA3NiAxNS45OTk4TDE4LjY5MjIgMjMuMzg0NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-swiper__btn--prev.swiper-button-disabled .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTUuNSIgc3Ryb2tlPSIjRDlEOUQ5Ii8+CjxwYXRoIGQ9Ik0xOC42OTIyIDguNjE1MjNMMTEuMzA3NiAxNS45OTk4TDE4LjY5MjIgMjMuMzg0NSIgc3Ryb2tlPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K)
}

.mt-swiper__btn--prev:hover .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSIxNS41IiB0cmFuc2Zvcm09Im1hdHJpeCgxIC04Ljc0MjI4ZS0wOCAtOC43NDIyOGUtMDggLTEgMTYgMTYpIiBzdHJva2U9IiMwNDVBRkUiLz4KPHBhdGggZD0iTTE4LjY5MjIgMjMuMzg0OEwxMS4zMDc2IDE2LjAwMDJMMTguNjkyMiA4LjYxNTUzIiBzdHJva2U9IiMwNDVBRkUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=)
}

.mt-swiper__btn--next .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSIxNS41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNiAxNikiIHN0cm9rZT0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTMuMzA3OCA4LjYxNTIzTDIwLjY5MjQgMTUuOTk5OEwxMy4zMDc4IDIzLjM4NDUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=)
}

.mt-swiper__btn--next.swiper-button-disabled .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSIxNS41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNiAxNikiIHN0cm9rZT0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTMuMzA3OCA4LjYxNTIzTDIwLjY5MjQgMTUuOTk5OEwxMy4zMDc4IDIzLjM4NDUiIHN0cm9rZT0iI0Q5RDlEOSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-swiper__btn--next:hover .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTUuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAxNiAxNikiIHN0cm9rZT0iIzA0NUFGRSIvPgo8cGF0aCBkPSJNMTMuMzA3OCAyMy4zODQ4TDIwLjY5MjQgMTYuMDAwMkwxMy4zMDc4IDguNjE1NTMiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-swiper__btn--prev {
    right: 100%;
    margin-right: 20px
}

.mt-swiper__btn--next {
    left: 100%;
    margin-left: 20px
}

.mt-swiper__btn.swiper-button-disabled {
    cursor: default;
    pointer-events: none
}

.mt-logo {
    overflow: hidden
}

.mt-logo .mt-grid__row {
    margin: 0 -27px -20px
}

.mt-logo .mt-grid__col {
    padding: 0 27px 20px
}

.mt-logo__item {
    margin: 0 auto;
    max-width: 126px;
    text-align: center
}

.mt-logo__item-object {
    padding-top: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.mt-logo__item.is-render {
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-logo__item.type-rectangle {
    max-width: 210px
}

.mt-logo__item.type-rectangle .mt-logo__item-object {
    padding-top: 60%
}

.mt-logo__item.type-card {
    max-width: none;
    min-width: 140px;
    height: 80px;
    background: #fff;
    border-radius: 16px;
    filter: drop-shadow(0 15px 20px rgba(78, 106, 149, .06));
    overflow: hidden
}

.mt-logo__item.type-card .mt-logo__item-object {
    padding-top: 0;
    height: 100%
}

.mt-logo__item.is-render-hover {
    position: relative
}

.mt-logo__item.is-render-hover .mt-logo__item-render-hover {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all .3s ease-in-out
}

.mt-logo__item.is-render-hover .mt-logo__item-render-hover.is-clickable {
    cursor: pointer
}

.mt-logo__item.is-render-hover .mt-logo__item-render-hover .mt-link {
    font-size: 16px;
    line-height: 32px;
    color: #429b2a;
    display: inline-flex;
    align-items: center
}

.mt-logo__item.is-render-hover .mt-logo__item-render-hover .mt-link-arrow:after {
    margin-left: 0;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi4yMTQ4NCAxNEwxMS4yMTQ4IDlMNi4yMTQ4NCA0IiBzdHJva2U9IiMwNDVBRkUiIHN0eWxlPSJzdHJva2U6IzA0NUFGRTtzdHJva2U6Y29sb3IoZGlzcGxheS1wMyAwLjAxNTcgMC4zNTI5IDAuOTk2MSk7c3Ryb2tlLW9wYWNpdHk6MTsiIHN0cm9rZS13aWR0aD0iMS4yIi8+Cjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-logo__item.is-render-hover .mt-logo__item-render-hover .text-weak {
    font-size: 16px;
    line-height: 32px;
    color: #7b818f
}

.mt-logo__item.is-render-hover:hover .mt-logo__item-render-hover {
    opacity: 1
}

.mt-logo__group-title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #000
}

.mt-logo.is-auto .mt-grid__col {
    flex-grow: 0;
    flex-shrink: 0
}

.mt-logo.type-card {
    overflow: visible
}

.mt-logo.type-card .mt-grid__row {
    margin: 0 -10px -20px
}

.mt-logo.type-card .mt-grid__col {
    padding: 0 10px 20px
}

.mt-logo.type-card img {
    max-width: 100%;
    max-height: 100%
}

.mt-logo__swiper {
    margin: 0 auto;
    max-width: 1180px
}

.mt-logo__swiper .swiper-container {
    margin: 0 -30px -30px
}

.mt-logo__swiper .swiper-slide {
    padding: 0 30px 30px;
    box-sizing: border-box
}

@media screen and (max-width:1300px) {
    .mt-logo__swiper {
        padding-left: 60px;
        padding-right: 60px;
        max-width: none
    }

    .mt-logo__swiper .mt-swiper__btn--prev {
        right: auto;
        margin-right: 0;
        left: 20px
    }

    .mt-logo__swiper .mt-swiper__btn--next {
        left: auto;
        margin-left: 0;
        right: 20px
    }
}

@media screen and (max-width:1200px) {
    .mt-logo .mt-grid__row {
        margin: 0 -17px -20px
    }

    .mt-logo .mt-grid__col {
        padding: 0 17px 20px
    }

    .mt-logo__item {
        max-width: 110px
    }

    .mt-logo__item.type-rectangle {
        max-width: 220px
    }

    .mt-logo__group-title {
        margin-bottom: 20px;
        font-weight: 400;
        font-size: 32px;
        line-height: 44px;
        color: #000;
        text-align: center
    }

    .mt-logo__item.is-render-hover {
        position: relative
    }

    .mt-logo__item.is-render-hover .mt-logo__item-render-hover .mt-link {
        font-size: 14px;
        line-height: 24px
    }

    .mt-logo__item.is-render-hover .mt-logo__item-render-hover .mt-link-arrow:after {
        width: 12px;
        height: 12px
    }

    .mt-logo__item.is-render-hover .mt-logo__item-render-hover .text-weak {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:900px) {
    .mt-logo__item.type-card {
        min-width: 60px;
        height: 48px;
        border-radius: 8px
    }

    .mt-logo__swiper {
        padding-left: 20px;
        padding-right: 20px
    }

    .mt-logo__swiper .mt-swiper__btn--next,
    .mt-logo__swiper .mt-swiper__btn--prev {
        display: none
    }
}

@media screen and (max-width:600px) {
    .mt-logo .mt-grid__row {
        margin: 0 -10px -8px
    }

    .mt-logo .mt-grid__col {
        padding: 0 10px 8px
    }

    .mt-logo__item {
        max-width: 78px
    }

    .mt-logo__item.type-rectangle {
        max-width: 130px
    }

    .mt-logo__group-title {
        margin-bottom: 8px;
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        color: #000;
        text-align: center
    }

    .mt-logo.type-card {
        overflow: visible
    }

    .mt-logo.type-card .mt-grid__row {
        margin: 0 -4px -8px
    }

    .mt-logo.type-card .mt-grid__col {
        padding: 0 4px 8px
    }

    .mt-logo__item.is-render-hover .mt-logo__item-render-hover .mt-link,
    .mt-logo__item.is-render-hover .mt-logo__item-render-hover .text-weak {
        font-size: 12px;
        line-height: 20px
    }
}

.mt-toggle-ctrl {
    margin-top: 60px;
    text-align: center
}

.mt-toggle-ctrl__btn {
    width: 168px;
    height: 32px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.mt-toggle-ctrl__btn:after {
    content: "";
    display: block;
    margin-left: 6px;
    width: 14px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxNDQzIDEuNDE0NDRMNi4zNjQxOCA2LjM2NDE4QzYuNzU0NzEgNi43NTQ3MSA3LjM4Nzg3IDYuNzU0NzEgNy43Nzg0IDYuMzY0MThMMTIuNzI4MSAxLjQxNDQzIiBzdHJva2U9IiMwMDZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
    transition: transform .3s linear
}

@media screen and (min-width:601px) {
    .mt-toggle-ctrl__btn:hover:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxNDQzIDEuNDE0NDRMNi4zNjQxOCA2LjM2NDE4QzYuNzU0NzEgNi43NTQ3MSA3LjM4Nzg3IDYuNzU0NzEgNy43Nzg0IDYuMzY0MThMMTIuNzI4MSAxLjQxNDQzIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=)
    }
}

.mt-toggle-ctrl.is-show .mt-toggle-ctrl__btn:after {
    transform: rotate(180deg)
}

.mt-media {
    display: flex;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    align-items: flex-start
}

.mt-media__object {
    margin-right: 67px;
    width: 50%;
    flex-shrink: 0
}

.mt-media__object img {
    display: block;
    width: 100%;
    background: #c4c4c4;
    border-radius: 20px;
    filter: drop-shadow(0 11px 17px rgba(0, 103, 198, .2))
}

.mt-media.v-align-middle {
    align-items: center
}

@media screen and (max-width:1199px) {
    .mt-media__object {
        margin-right: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-media {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        font-size: 14px;
        line-height: 28px;
        color: #000;
        text-align: center
    }

    .mt-media__object {
        order: 2;
        width: auto;
        margin-right: 0;
        margin-top: 12px
    }

    .mt-media__object img {
        border-radius: 10px
    }

    .mt-media.v-align-middle {
        align-items: stretch
    }
}

.mt-text.theme-weak {
    color: #4e5461
}

.mt-text.theme-danger {
    color: #ff3c33
}

.mt-text.type-sup {
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    top: 3px
}

.mt-pad-download {
    width: 100%;
    max-width: 580px;
    min-height: 366px;
    background: #c4c4c4;
    background: #fff;
    box-shadow: 0 10px 30px #dbebfc;
    border-radius: 20px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 58px;
    margin: 0 auto
}

.mt-pad-download__tit {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-pad-download__desc {
    font-size: 14px;
    line-height: 24px;
    color: #616b90;
    max-width: 297px;
    margin: 12px auto 0
}

.mt-pad-download .mt-btn {
    width: 240px;
    height: 80px;
    box-shadow: 0 11.0769px 16px rgba(0, 108, 248, .1);
    border-radius: 12px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    background: linear-gradient(180deg, rgba(27, 127, 255, 0), #6facff), #429b2a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 46px auto 0;
    border: 0
}

.mt-pad-download .mt-btn:before {
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    margin-right: 8px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: top
}

.mt-pad-download .mt-btn.ios:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-ios3fb-60005c49962e5a88.png)
}

.mt-pad-download .mt-btn.android:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-android65e-889bfe16b4c95047.png)
}

.mt-pad-download .mt-btn.harmony:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-harmonyccf-5d1f117026d8eea6.png)
}

.mt-pad-download__img {
    width: 200px;
    margin-top: 36px
}

.mt-pad-download__img+.mt-btn {
    margin-top: 40px
}

.mt-pad-download.zooms {
    max-width: 730px;
    padding-top: 50px;
    padding-bottom: 50px
}

.mt-pad-download.zooms .mt-btn+.mt-btn {
    margin-top: 24px
}

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

.mt-pages__item {
    padding: 9px 13px;
    font-size: 14px;
    line-height: 20px;
    color: #4e5461;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-width: 0;
    background: transparent
}

@media screen and (any-hover:hover) {
    .mt-pages__item:hover {
        background: #fff;
        box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
        border-radius: 8px
    }
}

@media screen and (any-hover:none) {
    .mt-pages__item:active {
        background: #fff;
        box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
        border-radius: 8px
    }
}

.mt-pages__item.is-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.mt-pages__item.is-hide {
    opacity: 0;
    pointer-events: none
}

.mt-pages__item.prev:before {
    margin-right: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDFMMiA3TDggMTMiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-pages__item.next:after,
.mt-pages__item.prev:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 14px
}

.mt-pages__item.next:after {
    margin-left: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEzTDcgN0wxIDEiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-pages.border .mt-pages__item {
    border: 1px solid #b0b6c3;
    border-radius: 8px;
    padding: 8px 15px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.mt-pages.border .mt-pages__item:after,
.mt-pages.border .mt-pages__item:before {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    content: ""
}

@media screen and (any-hover:hover) {
    .mt-pages.border .mt-pages__item:hover {
        border-color: #429b2a;
        color: #429b2a;
        box-shadow: none
    }

    .mt-pages.border .mt-pages__item.prev:hover:before {
        display: none
    }

    .mt-pages.border .mt-pages__item.prev:hover:after {
        display: block
    }

    .mt-pages.border .mt-pages__item.next:hover:after {
        display: none
    }

    .mt-pages.border .mt-pages__item.next:hover:before {
        display: block
    }
}

@media screen and (any-hover:none) {
    .mt-pages.border .mt-pages__item:active {
        border-color: #429b2a;
        color: #429b2a;
        box-shadow: none
    }

    .mt-pages.border .mt-pages__item.prev:active:before {
        display: none
    }

    .mt-pages.border .mt-pages__item.prev:active:after {
        display: block
    }

    .mt-pages.border .mt-pages__item.next:active:after {
        display: none
    }

    .mt-pages.border .mt-pages__item.next:active:before {
        display: block
    }
}

.mt-pages.border .mt-pages__item.prev {
    margin-right: 8px;
    padding-left: 35px
}

.mt-pages.border .mt-pages__item.prev:after,
.mt-pages.border .mt-pages__item.prev:before {
    margin-right: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2NF8xMTI0MikiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNjY0XzExMjQyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy41NzYxMyA5LjEzMTk1QzIuOTkwMzUgOC41NDYxNiAyLjk5MDM1IDcuNTk2NDIgMy41NzYxMyA3LjAxMDYzTDguODc5NDMgMS43MDczM0M5LjI2OTk2IDEuMzE2OCA5LjkwMzEyIDEuMzE2OCAxMC4yOTM2IDEuNzA3MzNDMTAuNjg0MiAyLjA5Nzg1IDEwLjY4NDIgMi43MzEwMiAxMC4yOTM2IDMuMTIxNTRMNS4zNDM5IDguMDcxMjlMMTAuMjkzNiAxMy4wMjFDMTAuNjg0MiAxMy40MTE2IDEwLjY4NDIgMTQuMDQ0NyAxMC4yOTM2IDE0LjQzNTJDOS45MDMxMiAxNC44MjU4IDkuMjY5OTYgMTQuODI1OCA4Ljg3OTQzIDE0LjQzNTJMMy41NzYxMyA5LjEzMTk1WiIgZmlsbD0iIzRFNTQ2MSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjY0XzExMjQyIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzY2NF8xMTI0MiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
    left: 15px
}

.mt-pages.border .mt-pages__item.prev:after {
    display: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2NF8xMTI0MikiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNjY0XzExMjQyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy41NzYxMyA5LjEzMTk1QzIuOTkwMzUgOC41NDYxNiAyLjk5MDM1IDcuNTk2NDIgMy41NzYxMyA3LjAxMDYzTDguODc5NDMgMS43MDczM0M5LjI2OTk2IDEuMzE2OCA5LjkwMzEyIDEuMzE2OCAxMC4yOTM2IDEuNzA3MzNDMTAuNjg0MiAyLjA5Nzg1IDEwLjY4NDIgMi43MzEwMiAxMC4yOTM2IDMuMTIxNTRMNS4zNDM5IDguMDcxMjlMMTAuMjkzNiAxMy4wMjFDMTAuNjg0MiAxMy40MTE2IDEwLjY4NDIgMTQuMDQ0NyAxMC4yOTM2IDE0LjQzNTJDOS45MDMxMiAxNC44MjU4IDkuMjY5OTYgMTQuODI1OCA4Ljg3OTQzIDE0LjQzNTJMMy41NzYxMyA5LjEzMTk1WiIgZmlsbD0iIzA0NWFmZSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjY0XzExMjQyIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzY2NF8xMTI0MiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.mt-pages.border .mt-pages__item.next {
    margin-left: 8px;
    padding-right: 35px
}

.mt-pages.border .mt-pages__item.next:after,
.mt-pages.border .mt-pages__item.next:before {
    margin-left: 4px;
    right: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2NF8xMTI2OCkiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNjY0XzExMjY4KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNDIzOCA5LjEzMTk1QzEzLjAwOTYgOC41NDYxNiAxMy4wMDk2IDcuNTk2NDIgMTIuNDIzOCA3LjAxMDYzTDcuMTIwNTQgMS43MDczM0M2LjczMDAxIDEuMzE2OCA2LjA5Njg1IDEuMzE2OCA1LjcwNjMyIDEuNzA3MzNDNS4zMTU4IDIuMDk3ODUgNS4zMTU4IDIuNzMxMDIgNS43MDYzMiAzLjEyMTU0TDEwLjY1NjEgOC4wNzEyOUw1LjcwNjMyIDEzLjAyMUM1LjMxNTggMTMuNDExNiA1LjMxNTggMTQuMDQ0NyA1LjcwNjMyIDE0LjQzNTJDNi4wOTY4NSAxNC44MjU4IDYuNzMwMDEgMTQuODI1OCA3LjEyMDU0IDE0LjQzNTJMMTIuNDIzOCA5LjEzMTk1WiIgZmlsbD0iIzRFNTQ2MSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjY0XzExMjY4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYgMCkiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMV82NjRfMTEyNjgiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNiAxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-pages.border .mt-pages__item.next:before {
    display: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2NF8xMTI2OCkiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNjY0XzExMjY4KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNDIzOCA5LjEzMTk1QzEzLjAwOTYgOC41NDYxNiAxMy4wMDk2IDcuNTk2NDIgMTIuNDIzOCA3LjAxMDYzTDcuMTIwNTQgMS43MDczM0M2LjczMDAxIDEuMzE2OCA2LjA5Njg1IDEuMzE2OCA1LjcwNjMyIDEuNzA3MzNDNS4zMTU4IDIuMDk3ODUgNS4zMTU4IDIuNzMxMDIgNS43MDYzMiAzLjEyMTU0TDEwLjY1NjEgOC4wNzEyOUw1LjcwNjMyIDEzLjAyMUM1LjMxNTggMTMuNDExNiA1LjMxNTggMTQuMDQ0NyA1LjcwNjMyIDE0LjQzNTJDNi4wOTY4NSAxNC44MjU4IDYuNzMwMDEgMTQuODI1OCA3LjEyMDU0IDE0LjQzNTJMMTIuNDIzOCA5LjEzMTk1WiIgZmlsbD0iIzA0NWFmZSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjY0XzExMjY4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYgMCkiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMV82NjRfMTEyNjgiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNiAxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-webinar-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 580px;
    position: relative;
    padding: 0 10px;
    background-size: auto 100%;
    background-position: top;
    background-color: #d1e0fb;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bannerPCea4-9c1bc78178a135ce.jpg)
}

.mt-webinar-hero,
.mt-webinar-hero__play {
    box-sizing: border-box;
    background-repeat: no-repeat
}

.mt-webinar-hero__play {
    position: absolute;
    top: 280px;
    left: calc(50% + 195px);
    width: 100px;
    height: 100px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn200-9f78f535bdf7a2f1.png);
    background-size: 75px;
    background-position: 50%;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.mt-webinar-hero__play:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid hsla(0, 0%, 100%, .2);
    animation: identifier 1s linear infinite alternate
}

.mt-webinar-hero__play:hover {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn-hoverc5c-7474c003278c40af.png)
}

.mt-webinar-hero__play:hover:before {
    border-color: #0351fe
}

.mt-webinar-hero__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-top: 166px;
    max-width: 1200px;
    box-sizing: border-box
}

.mt-webinar-hero__tit-icon {
    width: 480px;
    max-width: 100%
}

.mt-webinar-hero__tit-icon .icon-tit {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 10%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/tit9aa-2760252a8d1d8a3c.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mt-webinar-hero__desc {
    font-size: 20px;
    line-height: 36px;
    max-width: 580px;
    color: #565e66;
    margin-top: 30px
}

.mt-webinar-hero__btns {
    margin-top: 76px
}

.mt-webinar-hero__btns .mt-btn {
    width: 184px;
    height: 48px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    box-shadow: none
}

.mt-webinar-hero__btns .mt-btn+.mt-btn {
    margin-left: 24px
}

@media screen and (max-width:1920px) {
    .mt-webinar-hero {
        padding: 0 96px
    }
}

@media screen and (max-width:1200px) {
    .mt-webinar-hero {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bannerPadc5b-39bed4c57d2bb9fb.jpg);
        height: 360px;
        padding: 0 80px
    }

    .mt-webinar-hero__inner {
        padding-top: 104px;
        max-width: 688px
    }

    .mt-webinar-hero__tit-icon {
        width: 360px
    }

    .mt-webinar-hero__desc {
        font-size: 14px;
        line-height: 24px;
        max-width: 360px;
        margin-top: 20px
    }

    .mt-webinar-hero__play {
        top: 155px;
        left: calc(50% + 135px)
    }

    .mt-webinar-hero__btns {
        margin-top: 40px
    }

    .mt-webinar-hero__btns .mt-btn {
        width: 128px;
        height: 32px
    }
}

@media screen and (max-width:900px) {
    .mt-webinar-hero {
        padding: 0 40px
    }
}

@media screen and (max-width:600px) {
    .mt-webinar-hero {
        background-size: auto 100%;
        height: 455px;
        padding: 0 32px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bannerMobilebfb-519efb852e2729d6.jpg);
        background-position: center bottom -40px
    }

    .mt-webinar-hero__play {
        top: auto;
        bottom: 56px;
        left: calc(50% - 50px)
    }

    .mt-webinar-hero__inner {
        padding-top: 96px
    }

    .mt-webinar-hero__tit-icon {
        width: 240px
    }

    .mt-webinar-hero__desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 24px
    }

    .mt-webinar-hero__btns {
        margin-top: 32px
    }

    .mt-webinar-hero__btns .mt-btn {
        width: 45%;
        max-width: 128px;
        font-size: 12px;
        line-height: 22px
    }
}

@keyframes show {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

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

.mt-feature-media.is-animate {
    animation-name: show;
    animation-duration: 1.5s;
    animation-direction: forwards
}

.mt-feature-media.mt-media {
    align-items: center;
    position: relative
}

.mt-feature-media__wrap+.mt-feature-media__wrap {
    margin-top: 128px
}

.mt-feature-media__tit {
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #262a47;
    white-space: nowrap
}

.mt-feature-media__tit .free-label {
    display: inline-block;
    width: 50px;
    height: 34px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/free-labeldf6-acc696e3292a76cb.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 14px;
    left: 12px;
    background-position: 50%;
    background-size: cover
}

.mt-feature-media__desc {
    margin-top: 24px;
    font-size: 20px;
    line-height: 36px;
    color: #565e66
}

.mt-feature-media__desc .paragraph+.paragraph {
    margin-top: 24px
}

.mt-feature-media__link-mobile {
    display: none
}

.mt-feature-media__video-cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    padding-left: 50px;
    flex-direction: column;
    justify-content: center;
    transition: box-shadow .3s cubic-bezier(.3, 0, 0, 1)
}

.mt-feature-media__video-cover:hover {
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15)
}

.mt-feature-media__video-cover .play-btn {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDI0QzAgMTAuNzQ1MSAxMC43NDUxIDAgMjQgMEMzNy4yNTQ5IDAgNDggMTAuNzQ1MSA0OCAyNEM0OCAzNy4yNTQ5IDM3LjI1NDkgNDggMjQgNDhDMTAuNzQ1MSA0OCAwIDM3LjI1NDkgMCAyNFpNMjIuMTI1NSAzMi42MjY5TDMyLjIyNjYgMjUuOTYwMkwzMi4yMjcxIDI1Ljk2MTRDMzIuNDIyNCAyNS44MzI2IDMyLjU4MjYgMjUuNjU3MyAzMi42OTM1IDI1LjQ1MTNDMzIuODA0NCAyNS4yNDUzIDMyLjg2MjQgMjUuMDE1MSAzMi44NjI0IDI0Ljc4MTFDMzIuODYyNCAyNC41NDcyIDMyLjgwNDQgMjQuMzE2OSAzMi42OTM1IDI0LjExMDlDMzIuNTgyNiAyMy45MDQ5IDMyLjQyMjQgMjMuNzI5NyAzMi4yMjcxIDIzLjYwMDhMMjIuMTI2MSAxNi45MzQxQzIxLjkxMjkgMTYuNzkzNCAyMS42NjU2IDE2LjcxMzIgMjEuNDEwNSAxNi43MDE3QzIxLjE1NTQgMTYuNjkwMyAyMC45MDE5IDE2Ljc0ODIgMjAuNjc3IDE2Ljg2OTJDMjAuNDUyMiAxNi45OTAzIDIwLjI2NDIgMTcuMTY5OSAyMC4xMzMzIDE3LjM4OTJDMjAuMDAyMyAxNy42MDg0IDE5LjkzMzEgMTcuODU5IDE5LjkzMzEgMTguMTE0NFYzMS40NDY2QzE5LjkzMzIgMzEuNzAxOSAyMC4wMDI0IDMxLjk1MjQgMjAuMTMzMyAzMi4xNzE2QzIwLjI2NDMgMzIuMzkwNyAyMC40NTIxIDMyLjU3MDMgMjAuNjc2OSAzMi42OTE0QzIwLjkwMTcgMzIuODEyNCAyMS4xNTUxIDMyLjg3MDMgMjEuNDEwMSAzMi44NTg5QzIxLjY2NTIgMzIuODQ3NiAyMS45MTI0IDMyLjc2NzQgMjIuMTI1NSAzMi42MjY5WiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4K);
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.mt-feature-media__video-cover-tit {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 12px
}

.mt-feature-media__video-cover-duration {
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 50px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.mt-feature-media__text.display-inline {
    display: inline
}

.mt-feature-media__text.theme-primary {
    color: #53d530;
    font-weight: 600
}

.mt-feature-media__text.type-weak {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #565e66
}

.mt-feature-media .mt-link {
    font-size: 16px;
    line-height: 24px;
    margin-top: 35px;
    display: inline-block
}

.mt-feature-media .mt-media__object {
    margin-right: 0;
    width: 49.1525423729%;
    position: relative
}

.mt-feature-media .mt-media__object img {
    background: transparent;
    filter: none;
    max-width: unset;
    width: 113.8%;
    margin-left: -6.8%;
    margin-top: -4%;
    margin-bottom: -8.3%
}

.mt-feature-media .mt-media__cnt {
    flex: 1
}

.mt-feature-media .mt-media__cnt+.mt-media__object,
.mt-feature-media .mt-media__object+.mt-media__cnt {
    margin-left: 10.1694915254%
}

.mt-feature-media__model .mt-model__panel {
    padding: 40px;
    max-width: 960px;
    background: #f7fafd
}

.mt-feature-media__model .mt-compare-table {
    margin-top: 0
}

.mt-feature-media__model .mt-compare-table .mt-btn {
    display: none
}

.mt-feature-media__model .mt-compare-table-td {
    padding: 12px 17px;
    margin: .5px 4px;
    width: calc(25% - 6px);
    font-size: 12px
}

.mt-feature-media__model .mt-compare-table-td:first-child {
    align-items: flex-start;
    padding-left: 24px;
    margin-left: 0;
    font-size: 14px;
    background-color: #fff
}

.mt-feature-media__model .mt-compare-table-td:last-child {
    margin-right: 0
}

.mt-feature-media__model .mt-compare-table-tr.hd .mt-compare-table-td {
    padding: 0 0 24px;
    background: transparent;
    text-align: center;
    font-size: 20px
}

.mt-feature-media__model .mt-compare-table-tr.hd .mt-compare-table-td:first-child {
    justify-content: center;
    align-items: center
}

.mt-feature-media__tit+.mt-feature-media__feature {
    margin-top: 24px
}

.mt-feature-media__feature {
    text-align: left
}

.mt-feature-media__feature-desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #565e66
}

.mt-feature-media__feature-cnt {
    flex: 1
}

.mt-feature-media__feature-tit {
    font-size: 24px;
    line-height: 36px;
    color: #262a47;
    display: flex
}

.mt-feature-media__feature-tit .label {
    height: 34px;
    margin-left: 8px;
    margin-top: 4px
}

.mt-feature-media__feature-tit+.mt-feature-media__feature-desc {
    font-size: 16px;
    line-height: 30px
}

.mt-feature-media__feature-icon {
    width: 32px;
    height: 32px;
    margin-right: 16px;
    margin-top: 2px
}

.mt-feature-media__feature-order {
    width: 26px;
    height: 26px;
    background: #429b2a;
    border-radius: 50%;
    font-family: TCloudNumber;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    margin-right: 18px;
    position: relative;
    top: 2px
}

.mt-feature-media__feature-item {
    margin-bottom: 24px;
    display: flex
}

.mt-feature-media__feature-item:last-child {
    margin-bottom: 0
}

.mt-feature-media__feature-item.icon-diamond {
    padding-left: 32px;
    position: relative
}

.mt-feature-media__feature-item.icon-diamond:before {
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjguMDA3MSIgaGVpZ2h0PSI4LjAwNzEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA5MjcyIDAuNzA0OTM0IC0wLjcwOTI3MiAwLjcwNDkzNCA2LjE3OTIgMC4wMTI1MTIyKSIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    position: absolute;
    top: 10px;
    left: 6px
}

@media screen and (max-width:1920px) {
    .mt-feature-media__wrap+.mt-feature-media__wrap {
        margin-top: 96px
    }

    .mt-feature-media__video-cover {
        padding-left: 44px
    }

    .mt-feature-media__video-cover .play-btn {
        width: 44px;
        height: 44px
    }

    .mt-feature-media__video-cover-tit {
        font-size: 28px
    }

    .mt-feature-media__video-cover-duration {
        bottom: 26px;
        left: 44px
    }
}

@media screen and (max-width:1200px) {
    .mt-feature-media__wrap+.mt-feature-media__wrap {
        margin-top: 80px
    }

    .mt-feature-media__tit {
        font-size: 20px;
        line-height: 28px
    }

    .mt-feature-media__desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 21px
    }

    .mt-feature-media__desc .paragraph+.paragraph {
        margin-top: 12px
    }

    .mt-feature-media .mt-link {
        font-size: 14px;
        line-height: 14px;
        margin-top: 20px;
        display: inline-block
    }

    .mt-feature-media .mt-media__object {
        width: 49.2610837438%
    }

    .mt-feature-media .mt-media__cnt+.mt-media__object,
    .mt-feature-media .mt-media__object+.mt-media__cnt {
        margin-left: 7.4074074074%
    }

    .mt-feature-media__feature-tit {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .mt-feature-media__feature-tit .label {
        height: 22px;
        margin-left: 4px;
        margin-top: 6px
    }

    .mt-feature-media__feature-order {
        width: 20px;
        height: 20px;
        font-size: 15px;
        line-height: 20px;
        margin-right: 10px
    }

    .mt-feature-media__feature-desc {
        font-size: 16px;
        line-height: 1.5
    }

    .mt-feature-media__feature-tit+.mt-feature-media__feature-desc {
        font-size: 12px;
        line-height: 1.5
    }

    .mt-feature-media__feature-icon {
        width: 24px;
        height: 24px;
        margin-right: 12px
    }

    .mt-feature-media__feature-item {
        margin-bottom: 16px
    }

    .mt-feature-media__feature-item.icon-diamond {
        padding-left: 24px
    }

    .mt-feature-media__feature-item.icon-diamond:before {
        top: 8px;
        left: 0
    }

    .mt-feature-media__video-cover {
        padding-left: 26px
    }

    .mt-feature-media__video-cover .play-btn {
        width: 25px;
        height: 25px
    }

    .mt-feature-media__video-cover-tit {
        font-size: 18px;
        margin-top: 6px
    }

    .mt-feature-media__video-cover-duration {
        left: 26px;
        bottom: 14px
    }
}

@media screen and (max-width:900px) {
    .mt-feature-media__wrap+.mt-feature-media__wrap {
        margin-top: 64px
    }

    .mt-feature-media .mt-media__object {
        width: 51.3392857143%
    }

    .mt-feature-media .mt-media__cnt+.mt-media__object,
    .mt-feature-media .mt-media__object+.mt-media__cnt {
        margin-left: 3.488372093%
    }

    .mt-feature-media__feature-tit {
        line-height: 22px
    }

    .mt-feature-media__feature-tit+.mt-feature-media__feature-desc {
        max-width: 240px
    }
}

@media screen and (max-width:600px) {
    .mt-feature-media__list {
        padding: 0 16px
    }

    .mt-feature-media__wrap+.mt-feature-media__wrap {
        margin-top: 48px
    }

    .mt-feature-media .mt-media__cnt {
        width: 100%
    }

    .mt-feature-media .mt-media__cnt+.mt-media__object,
    .mt-feature-media .mt-media__object+.mt-media__cnt {
        margin-left: 0
    }

    .mt-feature-media__tit {
        font-size: 16px
    }

    .mt-feature-media__tit .free-label {
        width: 31px;
        height: 21px;
        top: 8px;
        left: 8px
    }

    .mt-feature-media__desc {
        font-size: 12px;
        line-height: 22px;
        max-width: 310px;
        margin: 4px auto 0
    }

    .mt-feature-media__desc .paragraph+.paragraph {
        margin-top: 8px
    }

    .mt-feature-media .mt-media__object {
        width: 100%;
        margin-top: 24px
    }

    .mt-feature-media .mt-media__object img {
        margin-top: -4.3%;
        margin-bottom: -8.5%
    }

    .mt-feature-media .mt-media__object .mt-link {
        font-size: 12px;
        line-height: 24px;
        margin-top: 24px
    }

    .mt-feature-media__link-mobile {
        display: block
    }

    .mt-feature-media__link-pc {
        display: none
    }

    .mt-feature-media__model.mt-model {
        background: none
    }

    .mt-feature-media__model .mt-model__panel {
        bottom: 0;
        top: auto;
        left: 0;
        transform: translate(0);
        padding: 28px 16px 48px;
        box-shadow: 0 -18px 43px rgba(74, 130, 183, .15);
        border-radius: 20px 20px 0 0
    }

    .mt-feature-media__model .mt-compare-table-td {
        padding: 5px 8px;
        margin: .5px 2px;
        width: 22%;
        font-size: 10px
    }

    .mt-feature-media__model .mt-compare-table-td:first-child {
        padding-left: 8px;
        font-size: 12px;
        line-height: 22px;
        white-space: nowrap;
        width: 34%
    }

    .mt-feature-media__model .mt-compare-table-tr.hd .mt-compare-table-td {
        padding: 0 0 12px;
        font-size: 14px;
        line-height: 32px
    }

    .mt-feature-media__feature-desc {
        font-size: 14px;
        line-height: 22px
    }

    .mt-feature-media__feature-item.icon-diamond:before {
        left: 0;
        top: 5px
    }

    .mt-feature-media__feature-tit {
        font-size: 16px;
        line-height: 28px
    }

    .mt-feature-media__feature-tit+.mt-feature-media__feature-desc {
        max-width: 100%;
        line-height: 22px
    }

    .mt-feature-media__feature-icon {
        margin-right: 8px
    }

    .mt-feature-media__video-cover {
        padding-left: 28px;
        text-align: left
    }

    .mt-feature-media__video-cover .play-btn {
        width: 27px;
        height: 27px
    }

    .mt-feature-media__video-cover-duration {
        left: 28px;
        bottom: 16px
    }
}

.mt-product-card .mt-grid__col {
    font-size: 0
}

.mt-product-card__item {
    overflow: hidden;
    width: 100%;
    height: 500px;
    position: relative;
    display: inline-block;
    padding-top: 130%;
    background-size: 100% auto;
    background-position: top;
    background-color: #fff;
    transition: all .3s ease-in-out;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    border-radius: 20px
}

.mt-product-card__item:hover {
    text-decoration: none;
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33)
}

.mt-product-card__item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: top;
    border-radius: 20px;
    background-repeat: no-repeat
}

.mt-product-card__item-bg.mobile {
    display: none
}

.mt-product-card__item-main {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 100%;
    background: #fff;
    padding: 20px 15px
}

.mt-product-card__item-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    color: #0f001a;
    white-space: nowrap
}

.mt-product-card__item-desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    color: #565e66
}

.mt-product-card__item .mt-link {
    margin-top: 8px;
    font-size: 16px;
    color:#457b36;
    display: inline-block;
    line-height: 26px
}
.mt-product-card__item .mt-desc {
    margin-top: 10px;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    color:#999;
}
.mt-product-card__item.tit-img .mt-product-card__item-title {
    height: 26px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-product-card__item.tit-img .mt-product-card__item-title:after {
    content: "";
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/room-titleebc-76d2ccd6256b16b5.svg);
    font-size: 0
}

.mt-product-card__item.webinar .mt-product-card__item-title:after {
    width: 202px;
    height: 21px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/webinar-titledf2-fa3dea01fc3e7753.png)
}

.mt-product-card__item.rooms .mt-product-card__item-title:after {
    width: 181px;
    height: 21px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/room-title468-6ea08d53f90c7ee2.png)
}

@media screen and (max-width:1200px) {
    .mt-product-card__item {
        width: 100%;
        height: 80px;
        padding: 16px 20px 16px 24px;
        border-radius: 13px
    }

    .mt-product-card__item-bg {
        left: auto;
        right: 0;
        height: 80px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 0;
        border-radius: 13px
    }

    .mt-product-card__item-bg.pc {
        display: none
    }

    .mt-product-card__item-bg.mobile {
        display: block
    }

    .mt-product-card__item-main {
        text-align: left;
        background-color: transparent;
        padding: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .mt-product-card__item-title {
        font-size: 16px;
        line-height: 24px
    }

    .mt-product-card__item .mt-link,
    .mt-product-card__item-desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
        white-space: nowrap
    }

    .mt-product-card__item.tit-img .mt-product-card__item-title {
        height: 22px;
        text-align: left;
        justify-content: flex-start
    }

    .mt-product-card__item.rooms .mt-product-card__item-title:after {
        width: 120px;
        height: 15px
    }

    .mt-product-card__item.webinar .mt-product-card__item-title:after {
        width: 144px;
        height: 15px
    }
}

@media screen and (max-width:1200px) and (min-width:1199px) {
    .mt-product-card .mt-grid__col {
        width: 50%
    }
}

.mt-download-action {
    padding: 0 20px;
    height: 350px;
    background: #0558e5 url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-left6ab-a59e87fe2d351c6e.png) no-repeat;
    background-position: right calc(50% + 850px) bottom;
    background-size: auto 100%
}

.mt-download-action__inner {
    margin: 0 auto;
    max-width: 1180px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-download-action__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 64px;
    color: #fff
}

.mt-download-action__title span {
    display: block
}

.mt-download-action__items {
    flex: 1;
    max-width: 680px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.mt-download-action__items>li {
    margin-left: 24px
}

.mt-download-action__items>li:first-child {
    margin-left: 0
}

.mt-download-action__items-wrap+.mt-download-action__items-wrap {
    margin-left: 80px
}

.mt-download-action__items-group {
    display: flex
}

.mt-download-action__items-tit {
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 40px
}

.mt-download-action__btn {
    display: none
}

.mt-download-action__item {
    cursor: pointer
}

.mt-download-action__item:hover .mt-download-action__item-icon {
    background-color: hsla(0, 0%, 100%, .5);
    border-color: transparent
}

.mt-download-action__item-icon-wrap {
    width: 80px;
    height: 80px;
    position: relative
}

.mt-download-action__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    transition: all .3s ease-in-out;
    opacity: 1
}

.mt-download-action__item-icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out
}

.mt-download-action__item-icon.windows:before {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC45OTIyIDI5Ljg5MjFMNTEuOTk3IDI3Ljk5OTlWMzkuMzc4TDM4Ljk5MjIgMzkuNDgwOVYyOS44OTIxWk0zNy44MDggMzAuMDY2NEwyOCAzMS4zOTgyTDI4LjAwOTEgMzkuNTUzOEwzNy44MTI0IDM5LjQ5ODJMMzcuODA4IDMwLjA2NjRaTTM3LjgxMTEgNTAuMDI0N0wzNy44MDM2IDQwLjU4NUwyOC4wMDcxIDQwLjUyMTVMMjguMDA3OSA0OC42ODExTDM3LjgxMTEgNTAuMDI0N1pNNTEuOTk3MiA1MS45OTk3TDUyIDQwLjY3MzJMMzguOTc0MiA0MC42NTIzTDM4Ljk5MjQgNTAuMTY5OEw1MS45OTcyIDUxLjk5OTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

.mt-download-action__item-icon.ios:before {
    width: 80px;
    height: 80px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ios488-aeac05b0b5df6e29.svg)
}

.mt-download-action__item-icon.android:before {
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Mi40IDI5LjcyNjdMNTAuOCAyOC4xOTE5TDQ2LjIgMzIuNjA0NEM0NC40IDMxLjY0NTIgNDIuMiAzMS4wNjk2IDQwIDMxLjA2OTZDMzcuOCAzMS4wNjk2IDM1LjYgMzEuNjQ1MiAzMy44IDMyLjQxMjZMMjkuMiAyOEwyNy42IDI5LjcyNjdMMzEuOCAzMy43NTU2QzI4LjIgMzYuMDU3OCAyNiA0MC4wODY3IDI2IDQ0LjQ5OTNWNDYuNDE3OEg1NFY0NC40OTkzQzU0IDQwLjA4NjcgNTEuOCAzNi4wNTc4IDQ4LjIgMzMuNzU1Nkw1Mi40IDI5LjcyNjdaTTM0LjAwMDUgNDIuNTgwN0MzMi44MDA1IDQyLjU4MDcgMzIuMDAwNSA0MS44MTMzIDMyLjAwMDUgNDAuNjYyMkMzMi4wMDA1IDM5LjUxMSAzMi44MDA1IDM4Ljc0MzYgMzQuMDAwNSAzOC43NDM2QzM1LjIwMDUgMzguNzQzNiAzNi4wMDA1IDM5LjUxMSAzNi4wMDA1IDQwLjY2MjJDMzYuMDAwNSA0MS44MTMzIDM1LjIwMDUgNDIuNTgwNyAzNC4wMDA1IDQyLjU4MDdaTTQ2LjAwMTIgNDIuNTgwN0M0NC44MDEyIDQyLjU4MDcgNDQuMDAxMiA0MS44MTMzIDQ0LjAwMTIgNDAuNjYyMkM0NC4wMDEyIDM5LjUxMSA0NC44MDEyIDM4Ljc0MzYgNDYuMDAxMiAzOC43NDM2QzQ3LjIwMTIgMzguNzQzNiA0OC4wMDEyIDM5LjUxMSA0OC4wMDEyIDQwLjY2MjJDNDguMDAxMiA0MS44MTMzIDQ3LjIwMTIgNDIuNTgwNyA0Ni4wMDEyIDQyLjU4MDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

.mt-download-action__item-icon.mac-os:before {
    width: 80px;
    height: 80px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mac-os62f-f400b8e110414003.svg)
}

.mt-download-action__item-icon.linux:before {
    width: 80px;
    height: 80px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/linux387-5fa2f417e1f93d21.svg)
}

.mt-download-action__item-icon.outlook:before {
    width: 80px;
    height: 80px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/outlook4c1-80c162aa7606f169.svg)
}

.mt-download-action__item-icon.wechat:before {
    width: 80px;
    height: 80px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/wechatd05-71facf82044cb1f1.svg)
}

.mt-download-action__item-qr {
    background: #fff;
    border-radius: 8px;
    padding: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: all .15s ease-in-out;
    opacity: 0;
    transform: scale(1)
}

.mt-download-action__item-qr img {
    width: 100%
}

.mt-download-action__item-title {
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #fff
}

.mt-download-action__items-wrap.qr .mt-download-action__item:hover .mt-download-action__item-icon {
    opacity: 0;
    transform: scale(.55)
}

.mt-download-action__items-wrap.qr .mt-download-action__item:hover .mt-download-action__item-qr {
    opacity: 1;
    transform: scale(1.2)
}

.mt-download-action-model.mt-model .mt-model__panel {
    width: 600px;
    height: auto;
    padding: 40px
}

.mt-download-action-model.mt-model .mt-model__bd {
    overflow: visible
}

.mt-download-action-model__tit {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #0d1a4d;
    text-align: center
}

.mt-download-action-model__btn-wrap {
    text-align: center;
    display: inline-block
}

.mt-download-action-model__btn-wrap+.mt-download-action-model__btn-wrap {
    margin-left: 20px
}

.mt-download-action-model__btns {
    margin-top: 24px;
    text-align: center;
    white-space: nowrap
}

.mt-download-action-model__btns .mt-btn {
    width: 160px;
    height: 40px
}

.is-single .mt-download-action-model__info {
    font-size: 12px;
    line-height: 17px;
    color: #0d1a4d;
    margin-top: 24px
}

.mt-download-action-model__info {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
    color: #7b818f
}

.mt-download-action-model .mt-media {
    border-top: 1px solid #e7e7e7;
    margin-top: 24px;
    padding-top: 24px;
    align-items: flex-end
}

.mt-download-action-model .mt-media__object {
    margin-right: 0;
    margin-left: 10px;
    width: 230px;
    height: 130px
}

.mt-download-action-model .mt-media__object img {
    border-radius: 0;
    filter: none;
    background-color: transparent
}

.mt-download-action-model .mt-media__object img.is-hidden {
    display: none
}

.mt-download-action-model__list-tit {
    font-size: 18px;
    line-height: 20px;
    color: #0d1a4d
}

.mt-download-action-model__list {
    margin-top: 16px
}

.mt-download-action-model__item {
    padding-left: 12px;
    height: 40px;
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    color: #0d1a4d;
    display: flex;
    align-items: center;
    cursor: pointer
}

.mt-download-action-model__item.is-hover,
.mt-download-action-model__item:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
    border-radius: 4px
}

.mt-download-action-model__item+.mt-download-action-model__item {
    margin-top: 8px
}

.mt-download-action-model__item-index {
    width: 14px;
    height: 14px;
    background: #429b2a;
    margin-right: 8px;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

@media screen and (max-width:1199px) {
    .mt-download-action {
        height: 150px;
        padding: 32px;
        background-position: right calc(50% + 350px) bottom
    }

    .mt-download-action__inner {
        flex-direction: column
    }

    .mt-download-action__title {
        font-weight: 400;
        font-size: 24px;
        line-height: 36px
    }

    .mt-download-action__title span {
        display: inline-block
    }

    .mt-download-action__title span+span {
        margin-left: 8px
    }

    .mt-download-action__items-group {
        display: none
    }

    .mt-download-action__btn {
        display: block
    }

    .mt-download-action .mt-btn {
        width: 128px;
        height: 32px;
        font-size: 14px;
        line-height: 22px;
        color: #429b2a
    }
}

@media screen and (max-width:600px) {
    .mt-download-action {
        height: 180px;
        padding: 32px 0 40px;
        background-position: right calc(50% + 200px) bottom
    }

    .mt-download-action__title {
        text-align: center;
        font-size: 20px;
        line-height: 30px
    }

    .mt-download-action__title span {
        display: block
    }

    .mt-download-action__title span+span {
        margin-left: 0
    }
}

.mt-download-action-2024 {
    padding: 0 80px;
    box-sizing: border-box;
    border-radius: 60px 60px 0 0;
    background: #f9fafc;
    position: relative;
    z-index: 1
}

.mt-download-action-2024__inner {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e1e3;
    padding-bottom: 40px;
    max-width: 1180px;
    padding-top: 75px
}

.mt-download-action-2024__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 64px;
    color: #000
}

.mt-download-action-2024__title span {
    display: block
}

.mt-download-action-2024__items {
    flex: 1;
    max-width: 680px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px
}

.mt-download-action-2024__items-group {
    display: flex;
    gap: 80px
}

.mt-download-action-2024__item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mt-download-action-2024__item-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.mt-download-action-2024__item-icon,
.mt-download-action-2024__item-logo {
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all .3s ease-in-out
}

.mt-download-action-2024__item-icon {
    opacity: 1
}

.mt-download-action-2024__item-logo,
.mt-download-action-2024__item-qr {
    position: absolute;
    opacity: 0;
    transform: scale(1)
}

.mt-download-action-2024__item-qr {
    background: #fff;
    border-radius: 8px;
    padding: 8px;
    overflow: hidden;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: all .15s ease-in-out
}

.mt-download-action-2024__item-qr img {
    width: 100%
}

.mt-download-action-2024__item-title {
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #4e5461;
    white-space: nowrap
}

.mt-download-action-2024__item:hover .mt-download-action-2024__item-icon {
    opacity: 0
}

.mt-download-action-2024__item:hover .mt-download-action-2024__item-icon-wrap {
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15)
}

.mt-download-action-2024__item:hover .mt-download-action-2024__item-logo {
    opacity: 1;
    transform: scale(1.2)
}

.mt-download-action-2024__item.qr:hover .mt-download-action-2024__item-icon {
    opacity: 0;
    transform: scale(.55)
}

.mt-download-action-2024__item.qr:hover .mt-download-action-2024__item-icon-wrap {
    box-shadow: none;
    overflow: unset
}

.mt-download-action-2024__item.qr:hover .mt-download-action-2024__item-qr {
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15)
}

.mt-download-action-2024-model.mt-model .mt-model__panel {
    width: 600px;
    height: auto;
    padding: 40px
}

.mt-download-action-2024-model.mt-model .mt-model__bd {
    overflow: visible
}

.mt-download-action-2024-model__tit {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #0d1a4d;
    text-align: center
}

.mt-download-action-2024-model__item {
    padding-left: 12px;
    height: 40px;
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    color: #0d1a4d;
    display: flex;
    align-items: center;
    cursor: pointer
}

.mt-download-action-2024-model__item.is-hover,
.mt-download-action-2024-model__item:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
    border-radius: 4px
}

.mt-download-action-2024-model__item+.mt-download-action-2024-model__item {
    margin-top: 8px
}

.mt-download-action-2024-model__item-index {
    width: 14px;
    height: 14px;
    background: #429b2a;
    margin-right: 8px;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

@media screen and (max-width:1300px) {
    .mt-download-action-2024__items-group {
        gap: 44px
    }
}

@media screen and (max-width:1200px) {
    .mt-download-action-2024 {
        padding: 0 35px;
        border-radius: 40px 40px 0 0
    }

    .mt-download-action-2024__inner {
        max-width: 698px;
        padding-top: 60px;
        flex-direction: column
    }

    .mt-download-action-2024__title {
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 40px
    }

    .mt-download-action-2024__title span {
        display: inline-block
    }

    .mt-download-action-2024__items-group {
        width: 100%
    }

    .mt-download-action-2024__items {
        gap: 12px
    }
}

@media screen and (max-width:767px) {
    .mt-download-action-2024 {
        border-radius: 30px 30px 0 0
    }

    .mt-download-action-2024__items-group {
        display: none
    }

    .mt-download-action-2024__inner {
        border-bottom: 0;
        padding-top: 50px
    }

    .mt-download-action-2024__title {
        display: flex;
        margin-bottom: 12px;
        font-size: 24px;
        font-weight: 600;
        line-height: 25px;
        position: relative
    }

    .mt-download-action-2024__title span+span {
        margin-left: 0
    }

    .mt-download-action-2024__title:before {
        content: "";
        display: block;
        position: absolute;
        width: 9px;
        height: 10px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy40NDY2IDIuNTExMzRMNC4wMjEwOSAwLjU5NjM3OEM0LjE2MzYyIDAuMTIxMjc2IDQuODM2MzggMC4xMjEyNzYgNC45Nzg5MSAwLjU5NjM3N0w1LjU1MzQgMi41MTEzNEM1LjU5ODQ5IDIuNjYxNjMgNS43MTE1MSAyLjc4MjA0IDUuODU4NjYgMi44MzY1NEw3LjczNDA0IDMuNTMxMTNDOC4xNjkxNiAzLjY5MjI4IDguMTY5MTYgNC4zMDc3MiA3LjczNDA0IDQuNDY4ODdMNS44NTg2NiA1LjE2MzQ2QzUuNzExNTEgNS4yMTc5NiA1LjU5ODQ5IDUuMzM4MzcgNS41NTM0IDUuNDg4NjZMNC45Nzg5MSA3LjQwMzYyQzQuODM2MzggNy44Nzg3MiA0LjE2MzYyIDcuODc4NzIgNC4wMjEwOSA3LjQwMzYyTDMuNDQ2NiA1LjQ4ODY2QzMuNDAxNTEgNS4zMzgzNyAzLjI4ODQ5IDUuMjE3OTYgMy4xNDEzNCA1LjE2MzQ2TDEuMjY1OTYgNC40Njg4N0MwLjgzMDgzNyA0LjMwNzcyIDAuODMwODM3IDMuNjkyMjggMS4yNjU5NiAzLjUzMTEzTDMuMTQxMzQgMi44MzY1NEMzLjI4ODQ5IDIuNzgyMDQgMy40MDE1MSAyLjY2MTYzIDMuNDQ2NiAyLjUxMTM0WiIgZmlsbD0iI0JCNzdGRiIvPgo8L3N2Zz4K);
        background-size: cover;
        left: -16px
    }

    .mt-download-action-2024__title:after {
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODIwNzQgNC4wMTYyM0w1LjkxOTUxIDAuNzE5OUM2LjA3MTQ2IDAuMjY0MDUyIDYuNzE2MjQgMC4yNjQwNTEgNi44NjgxOSAwLjcxOTg5OUw3Ljk2Njk3IDQuMDE2MjNDOC4wMTY3NCA0LjE2NTUzIDguMTMzODkgNC4yODI2OSA4LjI4MzIgNC4zMzI0NUwxMS41Nzk1IDUuNDMxMjNDMTIuMDM1NCA1LjU4MzE4IDEyLjAzNTQgNi4yMjc5NiAxMS41Nzk1IDYuMzc5OTFMOC4yODMyIDcuNDc4NjlDOC4xMzM4OSA3LjUyODQ2IDguMDE2NzQgNy42NDU2MSA3Ljk2Njk3IDcuNzk0OTJMNi44NjgxOSAxMS4wOTEyQzYuNzE2MjQgMTEuNTQ3MSA2LjA3MTQ2IDExLjU0NzEgNS45MTk1MSAxMS4wOTEyTDQuODIwNzQgNy43OTQ5MkM0Ljc3MDk3IDcuNjQ1NjEgNC42NTM4MSA3LjUyODQ2IDQuNTA0NTEgNy40Nzg2OUwxLjIwODE4IDYuMzc5OTFDMC43NTIzMzMgNi4yMjc5NiAwLjc1MjMzMiA1LjU4MzE4IDEuMjA4MTggNS40MzEyM0w0LjUwNDUxIDQuMzMyNDVDNC42NTM4MSA0LjI4MjY5IDQuNzcwOTcgNC4xNjU1MyA0LjgyMDc0IDQuMDE2MjNaIiBmaWxsPSIjQkI3N0ZGIi8+Cjwvc3ZnPgo=);
        background-size: cover;
        right: -20px;
        bottom: 2px
    }

    .mt-download-action-2024__desc {
        color: #4e5461;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 24px
    }

    .mt-download-action-2024__btn.mt-btn {
        width: 140px;
        height: 48px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 30px;
        display: flex !important;
        align-items: center;
        justify-content: center
    }

    .mt-download-action-2024__btn.mt-btn:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNNS40ODk2NSA5LjIyNUw4Ljk3NzE1IDEyLjgyNUwxMi40NjQ2IDkuMjI1IiBzdHJva2U9IiMwMDY2RkYiIHN0eWxlPSJzdHJva2U6IzAwNjZGRjtzdHJva2U6Y29sb3IoZGlzcGxheS1wMyAwLjAwMDAgMC40MDAwIDEuMDAwMCk7c3Ryb2tlLW9wYWNpdHk6MTsiIHN0cm9rZS13aWR0aD0iMS44Ii8+CjxwYXRoIGQ9Ik05IDQuNjEyNVYxMi4zNzUiIHN0cm9rZT0iIzAwNjZGRiIgc3R5bGU9InN0cm9rZTojMDA2NkZGO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuMDAwMCAwLjQwMDAgMS4wMDAwKTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjgiLz4KPC9zdmc+Cg==);
        background-size: contain;
        margin-right: 6px
    }
}

.mt-operation-card__obj {
    padding-top: 73.69%;
    text-align: center;
    position: relative
}

.mt-operation-card__img {
    top: -3.5%;
    left: 0;
    width: 100%;
    position: absolute
}

.mt-operation-card__tit {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 48px;
    color: #262a47;
    margin-top: 40px
}

@media screen and (max-width:1199px) {
    .mt-operation-card__tit {
        margin-top: 24px;
        font-size: 14px;
        line-height: 28px
    }
}

@media screen and (max-width:600px) {
    .mt-operation-card {
        margin-top: 6px
    }

    .mt-operation-card__list {
        margin: 0 16px
    }

    .mt-operation-card__list .mt-tabs-list {
        max-width: 240px;
        margin: 0 auto
    }
}

.mt-model {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    display: none
}

.mt-model.is-open {
    display: block
}

.mt-model.show-bottom .mt-model__panel {
    top: auto;
    bottom: 0;
    transform: translate(-50%);
    border-radius: 20px 20px 0 0;
    padding: 0
}

.mt-model__panel {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 770px;
    height: 725px;
    max-height: calc(100% - 160px);
    background: #fff;
    border-radius: 20px;
    overflow-y: auto
}

.mt-model .mt-model__bd {
    overflow-y: auto;
    height: 100%
}

.mt-model__close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url(https://cdn.meeting.tencent.com/pro/YTE0ZDFkYjItOTI4Yy00ZjNhLWI3NGEtZjdkNmYzMGZmYTA3);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-download-confirm-model.mt-model .mt-model__panel {
    width: 600px;
    height: auto;
    padding: 40px 40px 46px
}

.mt-download-confirm-model.mt-model .mt-model__bd {
    overflow: visible
}

.mt-rooms-model.mt-model .mt-model__panel {
    height: auto
}

.mt-business-buy-model.mt-model .mt-model__panel {
    width: 288px;
    height: auto;
    padding: 40px 24px 28px
}

.mt-business-buy-model.mt-model .mt-model__close {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjIiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iIzJEMkQyRCIvPgo8cGF0aCBkPSJNOCA4TDE2LjUgMTYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNi41IDhMOCAxNi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
    background-size: contain;
    top: 10px;
    right: 10px
}

.mt-business-buy-model.mt-model .mt-model__close:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjMiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iIzJEMkQyRCIvPgo8cGF0aCBkPSJNOCA4TDE2LjUgMTYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNi41IDhMOCAxNi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==)
}

.mt-commercial-model .mt-model__panel {
    width: auto;
    height: auto;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-commerciald48-628c56c3b7880d12.png), linear-gradient(180deg, #dfecfe, rgba(223, 236, 255, 0));
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 130px
}

.mt-commercial-model .mt-business-model-card {
    padding: 32px 26px
}

.mt-commercial-model .mt-business-model-card__obj {
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    filter: drop-shadow(0 3.7px 17.2px rgba(185, 197, 214, .4))
}

.mt-commercial-model .mt-business-model-card__subtitle {
    color: #010101;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 0
}

.mt-commercial-model .mt-business-model-card__desc {
    color: #010101;
    font-size: 16px;
    line-height: 26px;
    margin-top: 8px
}

.mt-commercial-model .mt-business-model-card__btns {
    margin: 12px auto 0;
    width: auto;
    min-width: 152px;
    flex-direction: row;
    max-width: 100%
}

.mt-commercial-model .mt-business-model-card__btns .mt-btn+.mt-btn {
    margin-left: 12px
}

.mt-commercial-model .mt-business-model-card__btn {
    border-radius: 8px;
    margin-bottom: 0;
    font-size: 16px;
    min-width: 128px
}

.mt-commercial-model .mt-business-model-card__tip {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    text-align: center
}

.mt-commercial-model .mt-business-model-card__tip .mt-link {
    font-size: 12px;
    font-weight: 500
}

.mt-commercial-model--meeting .mt-model__panel {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-commercial296d-04cbd6f1402a146c.png), linear-gradient(180deg, #dfecfe -9.63%, rgba(223, 236, 255, 0) 71.7%);
    background-size: auto 150px
}

.mt-commercial-model--meeting .mt-business-model-card {
    padding: 36px 40px 18px
}

.mt-commercial-model--meeting .mt-business-model-card__obj {
    width: 84px;
    height: 84px
}

.mt-commercial-model--meeting .mt-business-model-card__subtitle {
    color: var(--text-icon-grey-0, var(--Light_wm_color_text-primary, #000))
}

.mt-commercial-model--meeting .mt-business-model-card__desc {
    color: #4e5461;
    line-height: 22px
}

.mt-commercial-model--meeting .mt-business-model-card__btns {
    margin: 24px auto 0
}

.mt-commercial-model--meeting .mt-business-model-card__btns .mt-btn.outline-black {
    border-color: #4e5461
}

.mt-commercial-model--meeting .mt-business-model-card__btns .mt-btn.outline-black:hover {
    border-color: #429b2a
}

.mt-commercial-model--meeting .mt-business-model-card__tip {
    position: static;
    color: var(---, #7e868f);
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-commercial-model--meeting .mt-business-model-card__tip .mt-link {
    color: var(---Normal, #429b2a);
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-left: 4px;
    display: inline-flex;
    align-items: center
}

.mt-commercial-model--meeting .mt-business-model-card__tip .mt-link:before {
    content: "";
    display: inline-block;
    width: 14px;
    margin-right: 4px;
    height: 14px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-linkea9-b6efe2f35a703d4d.svg)
}

.mt-commercial-model--2025 .mt-model__panel {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-commercial37e9-f9c3394298329289.jpg), linear-gradient(180deg, #dfecfe -9.63%, rgba(223, 236, 255, 0) 71.7%);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    width: 416px;
    max-width: 90%;
    border-radius: 24px;
    height: auto;
    box-sizing: border-box
}

.mt-commercial-model--2025 .mt-business-model-card {
    padding: 32px
}

.mt-commercial-model--2025 .mt-business-model-card__obj {
    width: 94px;
    height: 94px
}

.mt-commercial-model--2025 .mt-business-model-card__subtitle {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 0
}

.mt-commercial-model--2025 .mt-business-model-card__desc {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 16px;
    line-height: 1.75;
    text-align: left;
    max-width: 272px;
    margin: 16px auto 0
}

.mt-commercial-model--2025 .mt-business-model-card__btns {
    margin: 24px auto 0;
    max-width: 100%
}

.mt-commercial-model--2025 .mt-business-model-card__btns .mt-btn {
    height: 48px;
    font-size: 16px;
    font-weight: 500
}

.mt-purchase-model .mt-model__panel {
    width: 350px;
    height: auto
}

.mt-enterprise-model .mt-model__panel {
    width: 240px;
    height: auto;
    padding: 32px 0 24px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-enterprise877-3ea964c6c0204c4a.jpg);
    background-position: bottom;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.mt-enterprise-model__qr-wrap {
    width: 136px;
    height: 136px;
    margin: 0 auto
}

.mt-enterprise-model__qr-wrap img {
    height: 100%
}

.mt-enterprise-model__qr-text {
    margin-top: 12px;
    color: var(--Light_wm_color_text-primary, #000);
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.mt-participate-flow-model .mt-model__panel {
    width: 400px;
    height: 360px;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-participate08f-96fdd6c9aa79b559.jpg);
    background-size: cover
}

.mt-participate-flow-model .mt-model__bd {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.mt-participate-flow-model__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
    padding-bottom: 20px;
    flex-shrink: 0
}

.mt-participate-flow-model__body {
    padding-right: 16px;
    flex-grow: 1;
    min-height: 0;
    overflow: auto
}

.mt-participate-flow-model__body::-webkit-scrollbar {
    width: 3px;
    height: 60px
}

.mt-participate-flow-model__body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #b0b6c3
}

.mt-participate-flow-model__footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 22px;
    flex-shrink: 0;
    position: relative
}

.mt-participate-flow-model__footer:before {
    position: absolute;
    top: -14px;
    height: 14px;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .8))
}

.mt-participate-flow-model__footer .mt-btn {
    height: 32px;
    line-height: 30px;
    min-width: 88px
}

@media screen and (max-width:600px) {
    .mt-model__panel {
        height: auto;
        max-height: calc(100% - 72px)
    }

    .mt-commercial-model--meeting .mt-business-model-card {
        padding: 36px 24px 18px;
        min-width: 312px
    }

    .mt-commercial-model--meeting .mt-business-model-card__btns .mt-btn {
        width: 108px;
        min-width: 108px
    }

    .mt-participate-flow-model .mt-model__panel {
        max-width: 295px;
        height: 540px;
        border-radius: 20px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-participate-pc1ef-f11f57580c9c6e55.jpg)
    }

    .mt-participate-flow-model .mt-model__bd {
        padding: 32px 24px 26px;
        overflow: hidden
    }

    .mt-participate-flow-model .mt-model__close {
        width: 20px;
        height: 20px;
        top: 24px;
        right: 12px;
        background-size: 20px
    }

    .mt-participate-flow-model__body {
        padding: 0
    }

    .mt-participate-flow-model__title {
        text-align: center;
        font-size: 20px;
        line-height: normal;
        padding-bottom: 32px
    }

    .mt-participate-flow-model__footer {
        display: flex;
        justify-content: center;
        padding-top: 32px
    }

    .mt-participate-flow-model__footer .mt-btn {
        padding: 8px 24px;
        height: 38px;
        line-height: 22px;
        min-width: 231px
    }

    .mt-download-confirm-model.mt-model .mt-model__panel {
        width: 100%;
        max-width: 315px;
        padding: 28px 20px 24px
    }

    .mt-download-confirm-model.mt-model .mt-model__close {
        right: 16px;
        top: 16px;
        width: 20px;
        height: 20px
    }
}

.mt-service-card {
    height: 100%;
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 16px;
    padding: 28px 32px 70px;
    display: inline-block;
    position: relative;
    max-width: 280px;
    width: 100%;
    text-align: left;
    transition: transform .3s ease-in-out
}

@media screen and (min-width:601px) and (any-hover:hover) {
    .mt-service-card:hover {
        transform: translate3d(0, -20px, 0)
    }
}

.mt-service-card__img {
    height: 112px;
    margin: 0 auto;
    display: block
}

.mt-service-card__tit {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #0f001a;
    margin-top: 16px
}

.mt-service-card .mt-list {
    margin-top: 16px
}

.mt-service-card .mt-list__item {
    padding-left: 26px
}

.mt-service-card .mt-list__item:before {
    top: 0
}

.mt-service-card .mt-list__item-text {
    font-size: 12px;
    line-height: 18px
}

.mt-service-card .mt-link {
    position: absolute;
    bottom: 36px;
    font-size: 12px;
    color: #429b2a
}

@media screen and (max-width:600px) {
    .mt-service-card {
        text-align: center;
        padding: 16px 0 24px;
        width: 100%
    }

    .mt-service-card__img {
        height: 72px
    }

    .mt-service-card__tit {
        font-size: 16px;
        margin-top: 0
    }

    .mt-service-card__desc {
        color: var(--Light_wm_color_text-secondary, #4e5461);
        font-size: 14px;
        line-height: 22px;
        margin-top: 4px
    }

    .mt-service-card .mt-list {
        display: none
    }

    .mt-service-card .mt-link {
        position: static;
        font-size: 14px
    }
}

.mt-list__item {
    position: relative;
    padding-left: 30px
}

.mt-list__item:before {
    content: "";
    height: 18px;
    width: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01IDlMNy44NDQ4MyAxMkwxMyA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: absolute;
    left: 0;
    top: 9px
}

.mt-list__item+.mt-list__item {
    margin-top: 16px
}

.mt-list__item-cnt {
    font-size: 0
}

.mt-list__item-text {
    font-size: 20px;
    line-height: 36px;
    color: #4e5461;
    display: block
}

.mt-list__item-text span {
    display: block
}

.mt-list__item-text span+span {
    margin-top: 16px
}

.mt-list__item-tit {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #0f001a
}

.mt-list__item-tit+.mt-list__item-text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 4px
}

@media screen and (max-width:1199px) {
    .mt-list__item:first-child .mt-list__item-tit {
        margin-top: 0
    }

    .mt-list__item+.mt-list__item {
        margin-top: 4px
    }

    .mt-list__item-text {
        font-size: 14px;
        line-height: 24px;
        padding: 6px 0
    }

    .mt-list__item-text span+span {
        margin-top: 8px
    }

    .mt-list__item-tit {
        margin-top: 12px;
        font-size: 16px
    }

    .mt-list__item-tit+.mt-list__item-text {
        margin-top: 0;
        padding: 0
    }
}

.mt-com-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 580px;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px
}

.mt-com-hero.is-change-video-play .mt-com-hero__bg-video {
    z-index: 1
}

.mt-com-hero.is-change-video-play .mt-com-hero__bg img {
    z-index: 2
}

.mt-com-hero.is-change-video-play .mt-com-hero__cnt {
    position: relative;
    z-index: 2
}

.mt-com-hero__bg-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mt-com-hero__bg-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mt-com-hero__bg-video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/video-btn-playd32-500b94d6297af36a.png);
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: 50%;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.mt-com-hero__bg-video-btn:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .2);
    animation: identifier 1s linear infinite alternate
}

.mt-com-hero__bg-video-btn.is-pause {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/video-btn-pauseea8-8033e63fdd8843bb.png);
    display: none
}

@media screen and (any-hover:hover) {
    .mt-com-hero__bg-video:hover .mt-com-hero__bg-video-btn {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/video-btn-play-hover19e-cb3b9b3dec3b4088.png);
        display: block
    }

    .mt-com-hero__bg-video:hover .mt-com-hero__bg-video-btn.is-pause {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/video-btn-pause-hover09a-a4824efdf1fdd4fb.png)
    }

    .mt-com-hero__bg-video:hover .mt-com-hero__bg-video-btn:before {
        border-color: #429b2a
    }
}

.mt-com-hero__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top;
    overflow: hidden
}

.mt-com-hero__bg img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: unset
}

.mt-com-hero__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    max-width: 1180px;
    box-sizing: border-box;
    padding-top: 194px
}

.mt-com-hero__tit {
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    color: #2d3033
}

.mt-com-hero__desc {
    font-size: 20px;
    line-height: 36px;
    max-width: 580px;
    color: #565e66;
    margin-top: 24px
}

.mt-com-hero__btns {
    margin-top: 76px
}

.mt-com-hero__btns .mt-btn {
    width: 200px;
    height: 48px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    box-shadow: none
}

.mt-com-hero__btns .mt-btn+.mt-btn {
    margin-left: 16px
}

.mt-com-hero.v2 .mt-com-hero__inner {
    padding-top: 176px
}

.mt-com-hero.v2 .mt-com-hero__tit {
    font-size: 50px;
    line-height: 1.286;
    font-weight: 500
}
.mt-com-hero.v2 .mt-com-hero__tit2 {
    font-size: 40px;
    line-height: 1.286;
    font-weight: 500
}
.mt-com-hero.v2 .mt-com-hero__desc {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 16px
}

.mt-com-hero.v2 .mt-com-hero__btns {
    margin-top: 72px
}

.mt-com-hero.v2 .mt-com-hero__btns .mt-btn {
    width: 184px;
    height: 44px
}

.mt-com-hero__video {
    box-sizing: border-box;
    padding-top: 60.677%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    cursor: pointer
}

.mt-com-hero__video-wrap {
    width: 40.2542372881%;
    height: 290px;
    position: absolute;
    right: 32px;
    top: 187px;
    z-index: 1
}

.mt-com-hero__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn200-9f78f535bdf7a2f1.png);
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: 50%;
    box-sizing: border-box;
    transition: all .3s ease-in-out
}

.mt-com-hero__video-play:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .2);
    animation: identifier 1s linear infinite alternate
}

.mt-com-hero__video:hover .mt-com-hero__video-play {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn-hoverc5c-7474c003278c40af.png)
}

.mt-com-hero__video:hover .mt-com-hero__video-play:before {
    border-color: #429b2a
}

.mt-com-hero .line-gradient__blue {
    background: linear-gradient(90deg, #429b2a, #55c6f9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400
}

.mt-hero-swiper {
    overflow: hidden
}

.mt-hero-swiper .mt-swiper__pages {
    position: absolute;
    bottom: 80px;
    z-index: 1;
    left: 96px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    padding-left: calc(50% - 686px);
    max-width: calc(100% - 192px)
}

.mt-hero-swiper .mt-swiper__pages .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    margin: 0 2px;
    background: rgba(0, 0, 0, .1)
}

.mt-hero-swiper .mt-swiper__pages .swiper-pagination-bullet:first-child {
    margin-left: 0
}

.mt-hero-swiper .mt-swiper__pages .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff
}

.mt-hero-swiper .mt-swiper__btn {
    display: none
}

.mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__inner {
    padding-top: 160px
}

.mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__tit {
    font-size: 48px;
    line-height: 60px;
    font-weight: 400
}

.mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__desc {
    line-height: 1.8;
    margin-top: 24px
}

.mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__btns {
    margin-top: 44px
}

@media screen and (max-width:1199px) {
    .mt-com-hero {
        height: 360px;
        padding: 0 40px
    }

    .mt-com-hero.is-change-video-play .mt-com-hero__inner {
        z-index: 2
    }

    .mt-com-hero__inner {
        max-width: 768px;
        padding-top: 104px
    }

    .mt-com-hero__tit {
        font-size: 40px;
        line-height: 60px
    }

    .mt-com-hero__desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px
    }

    .mt-com-hero__btns {
        margin-top: 32px
    }

    .mt-com-hero__btns .mt-btn {
        width: 45%;
        max-width: 142px;
        font-size: 14px;
        line-height: 22px;
        height: 32px;
        padding: 0
    }
}

@media screen and (max-width:600px) {
    .mt-com-hero {
        height: 380px;
        padding: 0 32px
    }

    .mt-com-hero__inner {
        padding-top: 88px
    }

    .mt-com-hero__tit {
        font-size: 28px;
        line-height: 42px
    }

    .mt-com-hero__desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .mt-com-hero__btns {
        margin-top: 32px
    }

    .mt-com-hero__btns .mt-btn {
        width: 45%;
        max-width: 142px;
        font-size: 14px;
        line-height: 22px;
        height: 32px;
        padding: 0
    }
}

@media screen and (max-width:1920px) {
    .mt-com-hero__video-wrap {
        top: 120px
    }

    .mt-com-hero.v2 {
        height: 480px;
        padding: 0 96px
    }

    .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 120px
    }

    .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 48px;
        line-height: 1.5
    }

    .mt-hero-swiper .mt-swiper__pages {
        bottom: 64px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 136px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 44px;
        line-height: 1.5
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__desc {
        line-height: 1.5;
        margin-top: 16px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__btns {
        margin-top: 24px
    }
}

@media screen and (max-width:1200px) {
    .mt-com-hero__video-wrap {
        width: 36%;
        max-height: 200px;
        top: 92px
    }

    .mt-com-hero__video-play {
        width: 60px;
        height: 60px
    }

    .mt-com-hero.v2 {
        height: 320px;
        padding: 0 80px
    }

    .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 92px;
        max-width: 864px
    }

    .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 40px
    }

    .mt-com-hero.v2 .mt-com-hero__desc {
        font-size: 12px;
        margin-top: 8px;
        max-width: 360px
    }

    .mt-com-hero.v2 .mt-com-hero__btns {
        margin-top: 26px
    }

    .mt-com-hero.v2 .mt-com-hero__btns .mt-btn {
        width: 128px;
        height: 40px
    }

    .mt-hero-swiper .mt-swiper__pages {
        bottom: 32px;
        left: 80px;
        padding-left: calc(50% - 512px);
        max-width: calc(100% - 160px)
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 88px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 40px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__desc {
        margin-top: 8px;
        font-size: 12px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__btns {
        margin-top: 16px
    }
}

@media screen and (max-width:900px) {
    .mt-com-hero__video-wrap {
        top: 105px;
        right: 0;
        width: 38%
    }

    .mt-com-hero.v2 {
        padding: 0 40px
    }

    .mt-com-hero.v2 .mt-com-hero__inner {
        max-width: 688px
    }

    .mt-hero-swiper .mt-swiper__pages {
        left: 40px;
        padding-left: calc(50% - 384px);
        max-width: calc(100% - 80px)
    }
}

@media screen and (max-width:767px) {
    .mt-com-hero.is-phone-point-wider .mt-com-hero__video-wrap {
        position: static;
        width: 100%;
        max-width: 314px;
        margin: 32px auto 0
    }

    .mt-com-hero.is-phone-point-wider.v2 {
        height: 456px;
        padding: 0 32px
    }

    .mt-com-hero.is-phone-point-wider.v2 .mt-com-hero__inner {
        padding-top: 92px
    }

    .mt-com-hero.is-phone-point-wider.v2 .mt-com-hero__tit {
        font-size: 24px;
        line-height: 1.75
    }

    .mt-com-hero.is-phone-point-wider.v2 .mt-com-hero__desc {
        font-size: 12px;
        margin-top: 4px
    }

    .mt-com-hero.is-phone-point-wider.v2 .mt-com-hero__btns {
        margin-top: 24px;
        white-space: nowrap
    }

    .mt-com-hero.is-phone-point-wider.v2 .mt-com-hero__btns .mt-btn+.mt-btn {
        margin-left: 24px
    }

    .mt-hero-swiper .mt-swiper__pages {
        bottom: 24px;
        left: 32px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 98px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 28px;
        line-height: 1
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-com-hero__video-wrap {
        position: static;
        width: 100%;
        max-width: 314px;
        margin: 32px auto 0
    }

    .mt-com-hero.v2 {
        height: 456px;
        padding: 0 32px
    }

    .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 92px
    }

    .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 24px;
        line-height: 1.75
    }

    .mt-com-hero.v2 .mt-com-hero__desc {
        font-size: 12px;
        margin-top: 4px
    }

    .mt-com-hero.v2 .mt-com-hero__btns {
        margin-top: 24px;
        white-space: nowrap
    }

    .mt-com-hero.v2 .mt-com-hero__btns .mt-btn+.mt-btn {
        margin-left: 24px
    }

    .mt-hero-swiper .mt-swiper__pages {
        bottom: 24px;
        left: 32px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__inner {
        padding-top: 98px
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__tit {
        font-size: 28px;
        line-height: 1
    }

    .mt-hero-swiper .mt-com-hero.v2 .mt-com-hero__desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 20px
    }
}

.mt-anchor-bar {
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
    height: 80px;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    width: 100%
}

.mt-anchor-bar.is-fixed {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 999;
    width: 100%
}

.mt-anchor-bar.is-sticky {
    position: sticky;
    top: 80px;
    z-index: 999
}

.mt-anchor-bar__inner {
    width: 100%;
    max-width: 1180px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%
}

.mt-anchor-bar__list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    max-width: 100%
}

.mt-anchor-bar__item {
    position: relative;
    padding: 0 50px;
    height: 100%
}

.mt-anchor-bar__item:after {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: transparent
}

.mt-anchor-bar__item-link {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mt-anchor-bar__item-tit {
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    font-weight: 500
}

.mt-anchor-bar__item-sub {
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px
}

.mt-anchor-bar__item.is-active .mt-anchor-bar__item-link,
.mt-anchor-bar__item:hover .mt-anchor-bar__item-link {
    color: #53d530;
    font-weight: 500;
    opacity: 1
}

.mt-anchor-bar__item:hover {
    cursor: pointer
}

.mt-anchor-bar__item.is-active:after {
    background-color: #53d530
}

@media screen and (max-width:1199px) {

    .mt-anchor-bar.is-fixed,
    .mt-anchor-bar.is-sticky {
        top: 60px
    }

    .mt-anchor-bar__item {
        padding: 0 20px
    }

    .mt-anchor-bar__item-tit {
        font-size: 18px;
        line-height: 25px
    }
}

@media screen and (max-width:600px) {
    .mt-anchor-bar {
        height: 50px
    }

    .mt-anchor-bar__item {
        padding: 0 20px
    }

    .mt-anchor-bar__item-tit {
        font-size: 15px;
        line-height: 21px
    }

    .mt-anchor-bar__item-sub {
        display: none
    }
}

.mt-service-form__wrap.is-card {
    padding: 24px;
    border-radius: 16px;
    background: #fff
}

.mt-service-form__wrap.is-card.width-large .mt-service-form__bd {
    max-width: 100%
}

.mt-service-form__wrap.is-card .mt-service-form__tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    text-align: left
}

.mt-service-form__wrap.is-card .mt-service-form__info {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    margin-top: 6px;
    margin-bottom: 16px;
    color: #989898
}

.mt-service-form__wrap.is-card .mt-service-form__info:before {
    display: none
}

.mt-service-form__wrap.is-card .mt-service-form__bd {
    max-width: 100%
}

.mt-service-form__wrap.is-card .tea-input,
.mt-service-form__wrap.is-card .tea-input-group,
.mt-service-form__wrap.is-card .tea-textarea-group {
    border-color: #ebedf2;
    box-shadow: none
}

.mt-service-form__wrap.is-card .tea-input,
.mt-service-form__wrap.is-card .tea-textarea {
    padding-left: 12px;
    padding-right: 12px
}

@media screen and (max-width:1200px) {
    .mt-service-form__wrap.is-card {
        padding: 24px
    }

    .mt-service-form__wrap.is-card .mt-service-form__tit {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (max-width:900px) {
    .mt-service-form__wrap.is-card .mt-grid__col--12 {
        width: 100%
    }
}

@media screen and (min-width:601px) {
    .mt-service-form__wrap.is-card .tea-form .tea-form__controls {
        padding-bottom: 24px
    }

    .mt-service-form__wrap.is-card .tea-form>.tea-form__item:last-child .tea-form__controls {
        padding-bottom: 0
    }

    .mt-service-form__wrap.is-card .tea-form--vertical .tea-form__label {
        margin-bottom: 8px
    }

    .mt-service-form__wrap.is-card .mt-service-form__footer {
        margin-top: 16px
    }
}

@media screen and (max-width:600px) {
    .mt-service-form__wrap.is-card {
        padding: 0;
        border-radius: 0;
        background: transparent
    }

    .mt-service-form__wrap.is-card .mt-service-form__tit {
        font-size: 16px;
        line-height: 24px
    }

    .mt-service-form__wrap.is-card .mt-service-form__info {
        margin-top: 8px;
        margin-bottom: 32px
    }

    .mt-service-form__wrap.is-card .mt-service-form__footer .tea-btn {
        height: 48px
    }
}

.mt-service-form__feedback {
    text-align: center
}

.mt-service-form__feedback-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center
}

.mt-service-form__feedback-title:before {
    flex: none;
    margin-right: 4px;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjg1NTYgMjMuMTQ0NUMxNy42NTQ2IDIzLjE0NDUgMjIuMzU1NiAxOC40NDM1IDIyLjM1NTYgMTIuNjQ0NUMyMi4zNTU2IDYuODQ1NTQgMTcuNjU0NiAyLjE0NDUzIDExLjg1NTYgMi4xNDQ1M0M2LjA1NjYgMi4xNDQ1MyAxLjM1NTU5IDYuODQ1NTQgMS4zNTU1OSAxMi42NDQ1QzEuMzU1NTkgMTguNDQzNSA2LjA1NjYgMjMuMTQ0NSAxMS44NTU2IDIzLjE0NDVaTTE2LjcxOTUgMTEuNjA3NkMxNy4zMDUzIDExLjAyMTggMTcuMzA1MyAxMC4wNzIgMTYuNzE5NSA5LjQ4NjI1QzE2LjEzMzcgOC45MDA0NiAxNS4xODQgOC45MDA0NiAxNC41OTgyIDkuNDg2MjVMMTAuNDY2NiAxMy42MTc5TDkuMTYxODggMTIuMTY4M0M4LjYwNzY5IDExLjU1MjUgNy42NTkyNiAxMS41MDI2IDcuMDQzNDkgMTIuMDU2OEM2LjQyNzczIDEyLjYxMSA2LjM3NzgxIDEzLjU1OTQgNi45MzIgMTQuMTc1Mkw5LjI5NDMyIDE2LjhDOS41Njk2MSAxNy4xMDU4IDkuOTU4NDcgMTcuMjg1MiAxMC4zNjk4IDE3LjI5NkMxMC43ODEyIDE3LjMwNjggMTEuMTc4OSAxNy4xNDgyIDExLjQ2OTkgMTYuODU3MkwxNi43MTk1IDExLjYwNzZaIiBmaWxsPSIjMDBDQzY2IiBzdHlsZT0iZmlsbDojMDBDQzY2O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjAwMDAgMC44MDAwIDAuNDAwMCk7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mt-service-form__feedback-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4e5461;
    margin-top: 12px
}

.mt-service-form__feedback-btns {
    margin-top: 20px
}

.mt-service-form__feedback-btns .mt-btn {
    height: 44px;
    line-height: 42px;
    min-width: 284px;
    font-size: 16px
}

.mt-service-form {
    font-size: 0;
    width: 100%;
    max-width: 520px;
    margin: 0 auto
}

.mt-service-form__wrap {
    padding: 0 32px
}

.mt-service-form__wrap.width-large .mt-service-form__bd {
    max-width: 800px
}

.mt-service-form__tit {
    font-weight: 400;
    font-size: 44px;
    line-height: 56px;
    color: #262a47;
    text-align: center
}

.mt-service-form__tit.is-mt {
    margin-bottom: 50px
}

.mt-service-form__info {
    font-size: 14px;
    line-height: 22px;
    color: #4e5461;
    margin-top: 16px;
    text-align: center;
    margin-bottom: 48px;
    position: relative
}

.mt-service-form__info:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    position: relative;
    top: 3px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEzQzUuMjQzIDEzIDMgMTAuNzU3IDMgOEMzIDUuMjQzIDUuMjQzIDMgOCAzQzEwLjc1NyAzIDEzIDUuMjQzIDEzIDhDMTMgMTAuNzU3IDEwLjc1NyAxMyA4IDEzWk04IDFDNC4xMzQgMSAxIDQuMTM0IDEgOEMxIDExLjg2NiA0LjEzNCAxNSA4IDE1QzExLjg2NiAxNSAxNSAxMS44NjYgMTUgOEMxNSA0LjEzNCAxMS44NjYgMSA4IDFaTTkgOVY0SDdWOUg5Wk05IDEwVjEySDdWMTBIOVoiIGZpbGw9IiNGRjgwMUEiLz4KPC9zdmc+Cg==)
}

.mt-service-form__success {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    padding-top: 348px;
    padding-bottom: 40px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-successdad-bf43d3445778b41a.png);
    background-size: 580px auto;
    background-repeat: no-repeat;
    background-position: top
}

.mt-service-form__success-text {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #4e5461;
    max-width: 250px;
    margin: 0 auto
}

.mt-service-form__success-links {
    margin-top: 74px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-service-form__success-links .mt-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 136px;
    height: 48px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 40px;
    padding: 4px 0
}

.mt-service-form__success-links .mt-link:before {
    content: "";
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    margin-right: 4px
}

.mt-service-form__success-links .mt-link+.mt-link {
    margin-left: 16px
}

.mt-service-form__success-links .mt-link.home:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEzMjM1XzM1MTgxKSI+CjxwYXRoIGQ9Ik0xMS42NDY0IDMuMDc2MjFDMTEuODQxNyAyLjg4MDk1IDEyLjE1ODMgMi44ODA5NSAxMi4zNTM2IDMuMDc2MjFMMjIuMTA0NCAxMi44MjdDMjIuNDIwMyAxMy4xNDMgMjIuMTk0OCAxMy42ODMxIDIxLjc0OCAxMy42ODA2TDEyLjA2MjUgMTMuNjI1MUwyLjM1NzQ1IDEzLjU2OTRDMS45MTMzOSAxMy41NjY5IDEuNjkyNzYgMTMuMDI5OSAyLjAwNjc2IDEyLjcxNTlMMTEuNjQ2NCAzLjA3NjIxWiIgZmlsbD0iIzFDNkFGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5IDEyLjVINVYyMC41SDExVjE1LjVIMTZWMjAuNUgxOVYxMi41WiIgZmlsbD0iIzFDNkFGRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEzMjM1XzM1MTgxIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.mt-service-form__success-links .mt-link.support:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyMS41QzE2Ljk3MDYgMjEuNSAyMSAxNy40NzA2IDIxIDEyLjVDMjEgNy41Mjk0NCAxNi45NzA2IDMuNSAxMiAzLjVDNy4wMjk0NCAzLjUgMyA3LjUyOTQ0IDMgMTIuNUMzIDE3LjQ3MDYgNy4wMjk0NCAyMS41IDEyIDIxLjVaTTEwLjk5OTMgMTcuNUgxM1YxNS41SDEwLjk5OTNWMTcuNVpNMTMgMTQuMjk4NEMxMyAxMy42NzcyIDEzLjAzNTkgMTMuMjAzOSAxMy42NzQ1IDEyLjYwNTVDMTQuNzAwNCAxMS42NTQ4IDE1IDExLjAyNDggMTUgMTAuMDk1NkMxNSA4Ljk5Njc1IDE0LjMxNzQgNy41MTAwNSAxMi4wODY5IDcuNTAwMDRDOS43NTYzNiA3LjQ5MDA0IDkuMDYyMTEgOS4xODAxMiA5IDEwLjI2NTVIMTAuNzI3MUMxMC44MjU5IDkuNDc2NTkgMTEuMTc0NCA4Ljg4OTUyIDEyLjA1MzEgOC44ODk1MkMxMi44NzA1IDguODg5NTIgMTMuMjIwNyA5LjQ0NjE0IDEzLjIyMDcgMTAuMDQwMkMxMy4yMjA3IDEwLjU3MTUgMTMuMDU4MSAxMS4wNDMxIDEyLjM5NDIgMTEuNjQyOEMxMS4zMjQ3IDEyLjYwMzMgMTAuOTk5MyAxMy4zMDU5IDEwLjk5OTMgMTQuMTkyOVYxNC40MzgxSDEzVjE0LjI5ODRaIiBmaWxsPSIjMUM2QUZGIi8+Cjwvc3ZnPgo=)
}

.mt-service-form__success-links .mt-link.case:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCA0LjVIMTQuODI5M0MxNC40MTc1IDMuMzM0ODEgMTMuMzA2MiAyLjUgMTIgMi41QzEwLjY5MzggMi41IDkuNTgyNTQgMy4zMzQ4MSA5LjE3MDcxIDQuNUg2QzQuODk1NDMgNC41IDQgNS4zOTU0MyA0IDYuNVYxOS41QzQgMjAuNjA0NiA0Ljg5NTQzIDIxLjUgNiAyMS41SDE4QzE5LjEwNDYgMjEuNSAyMCAyMC42MDQ2IDIwIDE5LjVWNi41QzIwIDUuMzk1NDMgMTkuMTA0NiA0LjUgMTggNC41Wk03IDkuNUM3IDguOTQ3NzIgNy40NDc3MiA4LjUgOCA4LjVIMTJIMTZDMTYuNTUyMyA4LjUgMTcgOC45NDc3MiAxNyA5LjVDMTcgMTAuMDUyMyAxNi41NTIzIDEwLjUgMTYgMTAuNUg4QzcuNDQ3NzIgMTAuNSA3IDEwLjA1MjMgNyA5LjVaTTcgMTMuNUM3IDEyLjk0NzcgNy40NDc3MiAxMi41IDggMTIuNUgxNEMxNC41NTIzIDEyLjUgMTUgMTIuOTQ3NyAxNSAxMy41QzE1IDE0LjA1MjMgMTQuNTUyMyAxNC41IDE0IDE0LjVIOEM3LjQ0NzcyIDE0LjUgNyAxNC4wNTIzIDcgMTMuNVpNMTIgNi41QzEyLjU1MjMgNi41IDEzIDYuMDUyMjggMTMgNS41QzEzIDQuOTQ3NzIgMTIuNTUyMyA0LjUgMTIgNC41QzExLjQ0NzcgNC41IDExIDQuOTQ3NzIgMTEgNS41QzExIDYuMDUyMjggMTEuNDQ3NyA2LjUgMTIgNi41WiIgZmlsbD0iIzFDNkFGRiIvPgo8L3N2Zz4K)
}

.mt-service-form__success-links .mt-link:hover {
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
    background: #fff
}

.mt-service-form__success-btns {
    margin-top: 40px;
    text-align: center
}

.mt-service-form__success-btns .mt-btn {
    margin: 0 auto
}

.mt-service-form__success-btns .mt-btn.btn-download {
    width: 152px;
    height: 48px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-service-form__success-btns .mt-btn.btn-download:before {
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: 24px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41MDUyIDE3LjQyOTRDMTIuMjQ1IDE3Ljc1MDQgMTEuNzU0OSAxNy43NTA0IDExLjQ5NDYgMTcuNDI5NEw2LjkzNjA4IDExLjgxOUM2LjcwNjIgMTEuNTM0OSA2LjkwNzg5IDExLjExMiA3LjI3MjIzIDExLjExMkg5LjcwOTgyVjMuOTMzNzNDOS43MDk4MiAzLjY5NTE4IDkuOTA1IDMuNSAxMC4xNDM2IDMuNUgxMy44MzAzQzE0LjA2ODkgMy41IDE0LjI2NCAzLjY5NTE4IDE0LjI2NCAzLjkzMzczVjExLjExMkgxNi43Mjc2QzE3LjA5MiAxMS4xMTIgMTcuMjkzNyAxMS41MzQ5IDE3LjA2MzggMTEuODE5TDEyLjUwNTIgMTcuNDI5NFpNMy40MzM3MyAxOS41NDgySDIwLjU2NjNDMjAuODA0OCAxOS41NDgyIDIxIDE5Ljc0MzMgMjEgMTkuOTgxOVYyMS4wNjYyQzIxIDIxLjMwNDggMjAuODA0OCAyMS41IDIwLjU2NjMgMjEuNUgzLjQzMzczQzMuMTk1MTggMjEuNSAzIDIxLjMwNDggMyAyMS4wNjYyVjE5Ljk4MTlDMyAxOS43NDMzIDMuMTk1MTggMTkuNTQ4MiAzLjQzMzczIDE5LjU0ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px
}

.mt-service-form__label {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 12px
}

.mt-service-form__label .tips {
    display: none;
    font-size: 12px;
    line-height: 18px;
    color: #ff3c33;
    margin-left: 12px
}

.mt-service-form input:not([type=checkbox]) {
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 10px 16px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    outline: none
}

.mt-service-form input:not([type=checkbox]):active,
.mt-service-form input:not([type=checkbox]):focus {
    border-color: #429b2a
}

.mt-service-form__item+.mt-service-form__item {
    margin-top: 24px
}

.mt-service-form__item.is-error input {
    border-color: #ff3c33
}

.mt-service-form__item.is-error .mt-service-form__label .tips {
    display: inline-block
}

.mt-service-form__check-wrap {
    margin: 0 -10px -12px;
    display: flex;
    flex-wrap: wrap
}

.mt-service-form__check-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 8px;
    width: 250px;
    height: 40px;
    margin: 0 10px 12px
}

.mt-service-form__check-item.is-checked {
    color: #429b2a
}

.mt-service-form__check-item input {
    border-radius: 50%
}

.mt-service-form__check-item.is-simple {
    width: auto;
    box-shadow: none;
    background: transparent;
    padding: 0;
    height: auto;
    margin-right: 32px
}

.mt-service-form__check-item.is-simple input {
    margin-right: 8px
}

.mt-service-form__cascade {
    position: relative
}

.mt-service-form__cascade:after {
    display: inline-block;
    width: 14px;
    height: 9px;
    right: 14px;
    top: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjExMTMzIDFMNy4xMTEzMyA3TDEzLjExMTMgMSIgc3Ryb2tlPSIjNEU1NDYxIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K)
}

.mt-service-form__cascade:after,
.mt-service-form__cascade:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer
}

.mt-service-form__cascade:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    right: 43px;
    top: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM0wxMyAxM00xMyAzTDMgMTMiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
    display: none
}

.mt-service-form__cascade-lists {
    top: 49px;
    width: 100%;
    position: absolute;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    display: none;
    border: .5px solid #d3d6db;
    z-index: 10
}

.mt-service-form__cascade-lists:before {
    content: "";
    display: inline-block;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 50%;
    position: absolute;
    background-color: #d3d6db
}

.mt-service-form__cascade-lists.default:before {
    display: none
}

.mt-service-form__cascade-list {
    box-sizing: border-box;
    height: 172px;
    padding-left: 8px;
    flex: 1;
    margin: 8px 6px 12px 0;
    overflow-y: auto
}

.mt-service-form__cascade-list::-webkit-scrollbar-thumb {
    background-color: #d3d6db;
    border-radius: 3px
}

.mt-service-form__cascade-list::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.mt-service-form__cascade-list::-webkit-scrollbar-track {
    background-color: transparent
}

.mt-service-form__cascade-list-item {
    padding: 9px 12px;
    height: 40px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
    position: relative
}

.mt-service-form__cascade-list-item+.mt-service-form__cascade-list-item {
    margin-top: 4px
}

.mt-service-form__cascade-list-item.is-active {
    color: #0054e6;
    font-weight: 500
}

.mt-service-form__cascade-list.parent .mt-service-form__cascade-list-item:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 12px;
    top: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzA3MzMgMTIuOTQ5N0M1LjMxNjggMTMuMzQwMyA1LjMxNjggMTMuOTczNCA1LjcwNzMzIDE0LjM2NEM2LjA5Nzg1IDE0Ljc1NDUgNi43MzEwMiAxNC43NTQ1IDcuMTIxNTQgMTQuMzY0TDUuNzA3MzMgMTIuOTQ5N1pNNy4xMjE1NCAxLjYzNjA0QzYuNzMxMDIgMS4yNDU1MSA2LjA5Nzg1IDEuMjQ1NTEgNS43MDczMyAxLjYzNjA0QzUuMzE2OCAyLjAyNjU2IDUuMzE2OCAyLjY1OTczIDUuNzA3MzMgMy4wNTAyNUw3LjEyMTU0IDEuNjM2MDRaTTEwLjY1NzEgOEw1LjcwNzMzIDEyLjk0OTdMNy4xMjE1NCAxNC4zNjRMMTIuMDcxMyA5LjQxNDIxTDEwLjY1NzEgOFpNNS43MDczMyAzLjA1MDI1TDEwLjY1NzEgOEwxMi4wNzEzIDYuNTg1NzlMNy4xMjE1NCAxLjYzNjA0TDUuNzA3MzMgMy4wNTAyNVpNMTIuMDcxMyA5LjQxNDIxQzEyLjg1MjMgOC42MzMxNyAxMi44NTIzIDcuMzY2ODQgMTIuMDcxMyA2LjU4NTc5TDEwLjY1NzEgOEwxMi4wNzEzIDkuNDE0MjFaIiBmaWxsPSIjN0I4MThGIi8+Cjwvc3ZnPgo=)
}

input:focus+.mt-service-form__cascade-lists {
    display: flex
}

.mt-service-form__cascade.is-open:before {
    display: inline-block
}

.mt-service-form__cascade.is-open .mt-service-form__cascade-lists {
    display: flex
}

.mt-service-form .agreement {
    padding-left: 24px;
    position: relative
}

.mt-service-form .agreement .mt-service-form__label {
    font-size: 12px;
    line-height: 18px;
    color: #7b818f;
    margin-bottom: 0
}

.mt-service-form .agreement input {
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 2px
}

.mt-service-form .mt-btn {
    height: 48px;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    margin-top: 75px
}

.mt-service-form__btn--wrap {
    margin-top: 28px;
    display: flex
}

.mt-service-form__btn.mt-btn {
    margin-top: 0;
    flex: 1
}

.mt-service-form__btn+.mt-service-form__btn {
    margin-left: 20px
}

.mt-service-form__bd {
    width: 100%;
    max-width: 520px;
    margin: 0 auto
}

.mt-service-form__checkbox-block.tea-form-check-group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px -12px
}

.mt-service-form__checkbox-block.tea-form-check-group.full .tea-form-check {
    width: 100%
}

.mt-service-form__checkbox-block.tea-form-check-group.with-img .tea-form-check {
    height: auto;
    display: block
}

.mt-service-form__checkbox-block.tea-form-check-group.with-img .tea-form-check .img-wrap {
    padding-top: 56.1797752809%;
    position: relative;
    margin-bottom: 8px;
    border-radius: 6px;
    background: #f5f7fa;
    overflow: hidden
}

.mt-service-form__checkbox-block.tea-form-check-group.with-img .tea-form-check .img-wrap img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mt-service-form__checkbox-block.tea-form-check-group.with-img .tea-form-check .tea-checkbox {
    position: absolute;
    bottom: 12px;
    right: 12px;
    top: auto;
    left: auto
}

.mt-service-form__checkbox-block.tea-form-check-group .tea-form-check {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 8px;
    width: calc(50% - 20px);
    height: 40px;
    margin: 0 10px 12px
}

.mt-service-form__checkbox-block.tea-form-check-group .tea-checkbox {
    border-radius: 50%;
    position: relative;
    order: 2
}

.mt-service-form__checkbox-block.tea-form-check-group input:checked+.tea-form-check__label {
    color: #429b2a
}

.mt-service-form__checkbox-block.tea-form-check-group.list3 .tea-form-check {
    width: calc(33.33333% - 20px)
}

.mt-service-form__dropdown {
    background: #fff;
    border: .5px solid #d3d6db;
    border-radius: 6px
}

.mt-service-form__dropdown::-webkit-scrollbar-thumb {
    background-color: #d3d6db;
    border-radius: 3px
}

.mt-service-form__dropdown::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.mt-service-form__dropdown::-webkit-scrollbar-track {
    background-color: transparent
}

.mt-service-form__dropdown .tea-list {
    padding: 8px 6px 12px 8px
}

.mt-service-form__dropdown .tea-list--option>li {
    padding: 9px 12px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    cursor: pointer;
    position: relative
}

.mt-service-form__dropdown .tea-list--option>li.is-selected {
    color: #fff
}

.mt-service-form__form.tea-form--vertical,
.mt-service-form__form.tea-form--vertical .tea-form__item {
    display: block
}

.mt-service-form__form.tea-form--vertical .tea-form__label {
    margin-bottom: 12px;
    padding-right: 0
}

.mt-service-form__form.tea-form--vertical .tea-form__label:empty {
    display: none
}

.mt-service-form__form.tea-form--vertical .tea-form__label .mt-text {
    font-size: 12px;
    line-height: 18px;
    color: #ff3c33;
    margin-left: 12px
}

.mt-service-form__form.tea-form--vertical .tea-form__label label {
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.mt-service-form__form.tea-form .tea-form__controls {
    padding-bottom: 32px;
    padding-right: 0
}

.mt-service-form__form.tea-form .tea-form__controls>.tea-icon {
    display: none
}

.mt-service-form__form .tea-dropdown__header {
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    font-weight: 400;
    color: #000;
    padding: 10px 16px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid transparent;
    outline: none
}

.mt-service-form__form .is-expanded>.tea-dropdown__header {
    border-color: #429b2a
}

.mt-service-form__form .tea-dropdown__value {
    font-size: 14px;
    line-height: 22px
}

.mt-service-form__form .tea-icon-arrowdown {
    content: "";
    display: inline-block;
    width: 14px;
    height: 9px;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -4px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjExMTMzIDFMNy4xMTEzMyA3TDEzLjExMTMgMSIgc3Ryb2tlPSIjNEU1NDYxIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K)
}

.mt-service-form__form .tea-input {
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    padding: 10px 16px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid transparent;
    outline: none
}

.mt-service-form__form .tea-input:active,
.mt-service-form__form .tea-input:focus {
    border-color: #429b2a
}

.mt-service-form__form .tea-input-group {
    display: flex;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    border: 1px solid transparent
}

.mt-service-form__form .tea-input-group .tea-input {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-width: 0;
    height: 42px
}

.mt-service-form__form .tea-input-group__addon {
    display: block
}

.mt-service-form__form .tea-input-group__addon:last-child {
    padding-right: 12px
}

.mt-service-form__form .tea-input-group__addon:first-child .tea-input-group__text {
    padding-right: 0
}

.mt-service-form__form .tea-input-group__addon .tea-btn {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.mt-service-form__form .tea-input-group__text {
    height: 100%;
    font-size: 14px;
    line-height: 42px;
    border-width: 0;
    background: transparent
}

.mt-service-form__form .tea-textarea {
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    padding: 10px 16px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    outline: none
}

.mt-service-form__form .tea-textarea:active,
.mt-service-form__form .tea-textarea:focus {
    border-color: #429b2a
}

.mt-service-form__form .tea-textarea-group {
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    border: 1px solid transparent
}

.mt-service-form__form .tea-textarea-group .tea-textarea {
    border-width: 0;
    box-shadow: none;
    background: transparent
}

.mt-service-form__form .tea-textarea-group:focus-within {
    border-color: #429b2a
}

.mt-service-form__form .tea-radio,
.mt-service-form__form input[type=radio] {
    width: 16px;
    height: 16px;
    border-color: #979797
}

.mt-service-form__form .tea-form-check {
    padding-left: 24px;
    min-height: 20px
}

.mt-service-form__form .tea-form-check__label {
    font-size: 14px;
    line-height: 20px
}

.mt-service-form__form .tea-form-check .tea-checkbox,
.mt-service-form__form .tea-form-check .tea-radio-wrap {
    top: 2px
}

.mt-service-form__form .tea-radio-wrap:hover .tea-radio,
.mt-service-form__form .tea-radio:checked,
.mt-service-form__form .tea-radio:focus,
.mt-service-form__form .tea-radio:hover,
.mt-service-form__form input[type=radio]:checked,
.mt-service-form__form input[type=radio]:focus,
.mt-service-form__form input[type=radio]:hover {
    border-color: #429b2a
}

.mt-service-form__form .tea-radio+.tea-radio__dot,
.mt-service-form__form input[type=radio]+.tea-radio__dot {
    margin: -4px 0 0 -5px;
    width: 10px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy44OTk5NSA1LjEwMDFMMS43OTk5NSAzLjAwMDFDMS40MTMzNSAyLjYxMzUgMC43ODY1NTEgMi42MTM1IDAuMzk5OTUxIDMuMDAwMUMwLjAxMzM1MTggMy4zODY3IDAuMDEzMzUyIDQuMDEzNSAwLjM5OTk1MiA0LjQwMDFMMy42OTk5NSA3LjcwMDFDMy44MTA0MSA3LjgxMDU1IDMuOTg5NDkgNy44MTA1NSA0LjA5OTk1IDcuNzAwMUw5LjU5OTk1IDIuMjAwMUM5Ljk4NjU1IDEuODEzNSA5Ljk4NjU1IDEuMTg2NyA5LjU5OTk1IDAuODAwMDk3QzkuMjEzMzUgMC40MTM0OTggOC41ODY1NSAwLjQxMzQ5OCA4LjE5OTk1IDAuODAwMDk4TDMuODk5OTUgNS4xMDAxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    opacity: 0
}

.mt-service-form__form .tea-radio:checked+.tea-radio__dot,
.mt-service-form__form input[type=radio]:checked+.tea-radio__dot {
    background-color: transparent;
    opacity: 1
}

.mt-service-form__form .tea-radio-wrap:hover .tea-radio[disabled],
.mt-service-form__form .tea-radio[disabled],
.mt-service-form__form .tea-radio[disabled]:focus,
.mt-service-form__form .tea-radio[disabled]:hover,
.mt-service-form__form input[type=radio][disabled],
.mt-service-form__form input[type=radio][disabled]:focus,
.mt-service-form__form input[type=radio][disabled]:hover {
    border-color: hsla(0, 0%, 59%, .2);
    background: hsla(0, 0%, 59%, .1)
}

.mt-service-form__form .tea-radio[disabled]:checked+.tea-radio__dot,
.mt-service-form__form input[type=radio][disabled]:checked+.tea-radio__dot {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy45MDAyIDUuMTAwMUwxLjgwMDE5IDMuMDAwMUMxLjQxMzYgMi42MTM1IDAuNzg2Nzk1IDIuNjEzNSAwLjQwMDE5NSAzLjAwMDFDMC4wMTM1OTU5IDMuMzg2NyAwLjAxMzU5NjEgNC4wMTM1IDAuNDAwMTk2IDQuNDAwMUwzLjcwMDIgNy43MDAxQzMuODEwNjUgNy44MTA1NSAzLjk4OTc0IDcuODEwNTUgNC4xMDAyIDcuNzAwMUw5LjYwMDE5IDIuMjAwMUM5Ljk4Njc5IDEuODEzNSA5Ljk4Njc5IDEuMTg2NyA5LjYwMDE5IDAuODAwMDk3QzkuMjEzNiAwLjQxMzQ5OCA4LjU4Njc5IDAuNDEzNDk4IDguMjAwMiAwLjgwMDA5OEwzLjkwMDIgNS4xMDAxWiIgZmlsbD0iI0IwQjZDMyIvPgo8L3N2Zz4K)
}

.mt-service-form__form .tea-checkbox,
.mt-service-form__form input[type=checkbox] {
    border-radius: 4px
}

.mt-service-form__form .tea-switch__toggle {
    background-color: #d3d6db
}

.mt-service-form__form .tea-switch.is-checked .tea-switch__toggle,
.mt-service-form__form .tea-switch__input:checked+.tea-switch__toggle {
    background-color: #53d530
}

.mt-service-form__form .tea-switch.is-checked.is-disabled .tea-switch__toggle,
.mt-service-form__form .tea-switch__input:checked:disabled+.tea-switch__toggle {
    background-color: rgba(0, 110, 255, .5)
}

.mt-service-form__form .is-error .mt-service-form__checkbox-block.tea-form-check-group .tea-checkbox,
.mt-service-form__form .is-error .tea-dropdown__header,
.mt-service-form__form .is-error .tea-input,
.mt-service-form__form .is-error .tea-input-group,
.mt-service-form__form .is-error .tea-textarea,
.mt-service-form__form .is-error .tea-textarea-group {
    border-color: #f64041
}

.mt-service-form__agreement {
    margin-top: 24px;
    padding-left: 24px;
    position: relative
}

.mt-service-form__agreement-bd {
    font-size: 12px;
    line-height: 18px;
    color: #7b818f;
    margin-bottom: 0
}

.mt-service-form__agreement .tea-form-check {
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 4px
}

.mt-service-form__agreement .tea-checkbox,
.mt-service-form__agreement input[type=checkbox] {
    border-radius: 4px
}

.mt-service-form__agreement.is-error .tea-checkbox,
.mt-service-form__agreement.is-error input[type=checkbox] {
    border-color: #f64041
}

.mt-service-form__footer {
    margin-top: 62px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-service-form__footer .mt-btn,
.mt-service-form__footer .tea-btn {
    height: 44px;
    min-width: 216px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 6px;
    margin-left: 20px
}

.mt-service-form__footer .mt-btn:first-child,
.mt-service-form__footer .tea-btn:first-child {
    margin-left: 0
}

.mt-commercial-form-wrap {
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 -2px 7px #e2e6ed
}

.mt-commercial-form-wrap .mt-section {
    padding-top: 0;
    padding-bottom: 0
}

.mt-commercial-form-wrap .mt-section-bd {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-commercial-form-wrap .tea-form__item {
    display: flex;
    align-items: center
}

.mt-commercial-form-wrap .tea-form {
    flex: 1
}

.mt-commercial-form-wrap .tea-form .tea-form__label {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin-right: 32px;
    padding: 0;
    width: auto
}

.mt-commercial-form-wrap .tea-form .tea-form__controls {
    padding: 0
}

.mt-commercial-form-wrap .tea-segment {
    padding-left: 0;
    margin-bottom: 0
}

.mt-commercial-form-wrap .tea-segment .tea-btn .tea-badge {
    height: 16px;
    right: 0;
    top: 0;
    padding: 0 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 0 7px 0 8px;
    background: linear-gradient(76deg, #ff473f, #ff9831)
}

.mt-commercial-form-wrap .tea-segment .tea-btn.is-selected,
.mt-commercial-form-wrap .tea-segment .tea-btn.is-selected:hover {
    border-color: #006eff
}

.mt-commercial-form-wrap .tea-segment .tea-btn {
    width: 94px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e4e9f0;
    margin-left: 0;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 0
}

.mt-commercial-form-wrap .tea-segment .tea-btn+.tea-btn {
    margin-left: 10px
}

.mt-commercial-form-wrap .mt-service-form__footer {
    margin-top: 0
}

.mt-commercial-form-wrap .mt-service-form__footer .mt-commercial-form__btns {
    display: flex;
    margin-left: 20px
}

.mt-commercial-form-wrap .mt-service-form__footer .mt-btn {
    width: 120px;
    min-width: 0;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    position: relative
}

.mt-commercial-form-wrap .mt-service-form__footer .mt-btn.outline-black {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-commercial-form-wrap .mt-service-form__footer .mt-btn.outline-black:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-right: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzNzdfMjY5MjQpIj4KPHBhdGggZD0iTTIuNSAzLjc1SDQuNzU3N0M1LjI1NTM2IDMuNzUgNS42NzcyOCA0LjExNTkzIDUuNzQ3NjUgNC42MDg1OEw2Ljc1MjM1IDExLjY0MTRDNi44MjI3MiAxMi4xMzQxIDcuMjQ0NjUgMTIuNSA3Ljc0MjMgMTIuNUgxNC4xNTI5QzE0LjY0MTcgMTIuNSAxNS4wNTg5IDEyLjE0NjYgMTUuMTM5MyAxMS42NjQ0TDE2LjA1NTkgNi4xNjQ0QzE2LjE1NzUgNS41NTQ4NyAxNS42ODc1IDUgMTUuMDY5NSA1SDExLjI1IiBzdHJva2U9IiM0RTU0NjEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjcuNSIgY3k9IjE2LjI1IiByPSIwLjc1IiBmaWxsPSIjNEU1NDYxIiBzdHJva2U9IiM0RTU0NjEiLz4KPGNpcmNsZSBjeD0iMTMuNzUiIGN5PSIxNi4yNSIgcj0iMC43NSIgZmlsbD0iIzRFNTQ2MSIgc3Ryb2tlPSIjNEU1NDYxIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTM3N18yNjkyNCI+CjxyZWN0IHdpZHRoPSIxNy41IiBoZWlnaHQ9IjE3LjUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxOC43NSAxLjI1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-commercial-form-wrap .mt-service-form__footer .mt-btn.outline-black:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzNzdfMjY5MjQpIj4KPHBhdGggZD0iTTIuNSAzLjc1SDQuNzU3N0M1LjI1NTM2IDMuNzUgNS42NzcyOCA0LjExNTkzIDUuNzQ3NjUgNC42MDg1OEw2Ljc1MjM1IDExLjY0MTRDNi44MjI3MiAxMi4xMzQxIDcuMjQ0NjUgMTIuNSA3Ljc0MjMgMTIuNUgxNC4xNTI5QzE0LjY0MTcgMTIuNSAxNS4wNTg5IDEyLjE0NjYgMTUuMTM5MyAxMS42NjQ0TDE2LjA1NTkgNi4xNjQ0QzE2LjE1NzUgNS41NTQ4NyAxNS42ODc1IDUgMTUuMDY5NSA1SDExLjI1IiBzdHJva2U9IiMwNDVhZmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjcuNSIgY3k9IjE2LjI1IiByPSIwLjc1IiBmaWxsPSIjMDQ1YWZlIiBzdHJva2U9IiMwNDVhZmUiLz4KPGNpcmNsZSBjeD0iMTMuNzUiIGN5PSIxNi4yNSIgcj0iMC43NSIgZmlsbD0iIzA0NWFmZSIgc3Ryb2tlPSIjMDQ1YWZlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTM3N18yNjkyNCI+CjxyZWN0IHdpZHRoPSIxNy41IiBoZWlnaHQ9IjE3LjUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxOC43NSAxLjI1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-commercial-form-wrap .mt-service-form__footer .mt-btn .number-label {
    background-color: #ff7200;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    color: var(--text-icon-gray-7, #fff);
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    right: -8px;
    top: -8px
}

.mt-commercial-form-wrap .mt-service-form__agreement {
    margin-top: 12px
}

.mt-commercial-form-wrap .mt-service-form__agreement-bd {
    font-size: 14px;
    line-height: 22px
}

.mt-commercial-form-wrap .mt-service-form__agreement .mt-link {
    color: #5e74c4
}

.mt-commercial-form-wrap .mt-commercial-form__text {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end
}

.mt-commercial-form-wrap .mt-commercial-form__text .price-wrap {
    display: flex;
    align-items: center
}

.mt-commercial-form-wrap .mt-commercial-form__text .origin {
    color: var(--text-icon-grey-3, #b0b6c3);
    font-size: 14px;
    font-weight: 400;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.mt-commercial-form-wrap .mt-commercial-form__text .price {
    color: #ff7200;
    font-weight: 500;
    margin-left: 12px;
    line-height: 30px
}

.mt-commercial-form-wrap .mt-commercial-form__text .price .num {
    font-size: 22px;
    vertical-align: -1px
}

@media screen and (max-width:1200px) {
    .mt-commercial-form-wrap .mt-service-form__agreement-bd {
        font-size: 12px;
        line-height: 20px
    }

    .mt-commercial-form-wrap .mt-service-form__footer {
        align-items: flex-end;
        flex-direction: column;
        margin-left: 40px
    }

    .mt-commercial-form-wrap .mt-commercial-form__btns {
        display: flex;
        margin-top: 12px
    }
}

@media screen and (max-width:900px) {
    .mt-commercial-form-wrap .tea-segment .tea-btn {
        width: 84px;
        height: 36px
    }
}

@media screen and (max-width:600px) {
    .mt-service-form {
        background: transparent;
        border-radius: 0;
        padding: 0
    }

    .mt-service-form__wrap {
        padding: 24px;
        background: #f7fafd
    }

    .mt-service-form__wrap.no-data {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100vh - 60px)
    }

    .mt-service-form__success {
        padding: 194px 32px 32px;
        background-size: 300px auto
    }

    .mt-service-form__success-text {
        font-size: 16px;
        line-height: 24px
    }

    .mt-service-form__success-links {
        flex-direction: column
    }

    .mt-service-form__success-links .mt-link {
        width: 172px;
        height: 40px;
        font-size: 16px;
        background-color: #fff
    }

    .mt-service-form__success-links .mt-link+.mt-link {
        margin-left: 0;
        margin-top: 24px
    }

    .mt-service-form__success-btns .mt-btn.btn-download {
        width: 188px;
        height: 40px
    }

    .mt-service-form__tit {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        text-align: left
    }

    .mt-service-form__tit.is-mt {
        margin-bottom: 24px
    }

    .mt-service-form__info {
        font-size: 12px;
        line-height: 22px;
        color: #7b818f;
        text-align: left;
        margin-bottom: 24px;
        margin-top: 8px
    }

    .mt-service-form__label .tips {
        margin-left: 8px
    }

    .mt-service-form input:not([type=checkbox]) {
        font-size: 16px;
        line-height: 22px;
        padding: 12px
    }

    .mt-service-form__check-wrap {
        margin: 0 0 -12px
    }

    .mt-service-form__check-item {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        height: 48px;
        margin: 0 0 12px
    }

    .mt-service-form__cascade:after {
        top: 19px
    }

    .mt-service-form__cascade:before {
        top: 16px
    }

    .mt-service-form__cascade-list {
        height: 216px
    }

    .mt-service-form .mt-btn {
        margin-top: 28px
    }

    .mt-service-form__btn.mt-btn {
        margin-top: 0
    }

    .mt-service-form__bd {
        max-width: none
    }

    .mt-service-form__checkbox-block.tea-form-check-group {
        display: block;
        margin: 0 0 -12px
    }

    .mt-service-form__checkbox-block.tea-form-check-group .tea-form-check,
    .mt-service-form__checkbox-block.tea-form-check-group.list3 .tea-form-check {
        width: auto;
        margin: 0 0 12px
    }

    .mt-service-form__agreement {
        margin-top: 32px
    }

    .mt-service-form__footer {
        margin-top: 48px
    }

    .mt-service-form__footer .mt-btn,
    .mt-service-form__footer .tea-btn {
        min-width: 0;
        flex: 1
    }
}

.mt-buy-bubble {
    font-size: 0;
    display: inline-block;
    line-height: 0
}

.mt-buy-bubble .info-icon {
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEzLjhDMTEuMjAzMyAxMy44IDEzLjggMTEuMjAzMyAxMy44IDhDMTMuOCA0Ljc5Njc1IDExLjIwMzMgMi4yIDggMi4yQzQuNzk2NzUgMi4yIDIuMiA0Ljc5Njc1IDIuMiA4QzIuMiAxMS4yMDMzIDQuNzk2NzUgMTMuOCA4IDEzLjhaTTE1IDhDMTUgMTEuODY2IDExLjg2NiAxNSA4IDE1QzQuMTM0MDEgMTUgMSAxMS44NjYgMSA4QzEgNC4xMzQwMSA0LjEzNDAxIDEgOCAxQzExLjg2NiAxIDE1IDQuMTM0MDEgMTUgOFpNOC43NSA0Ljc1QzguNzUgNS4xNjQyMSA4LjQxNDIxIDUuNSA4IDUuNUM3LjU4NTc5IDUuNSA3LjI1IDUuMTY0MjEgNy4yNSA0Ljc1QzcuMjUgNC4zMzU3OSA3LjU4NTc5IDQgOCA0QzguNDE0MjEgNCA4Ljc1IDQuMzM1NzkgOC43NSA0Ljc1Wk04IDdDNy41ODU3OSA3IDcuMjUgNy4zMzU3OSA3LjI1IDcuNzVWMTEuMjVDNy4yNSAxMS42NjQyIDcuNTg1NzkgMTIgOCAxMkM4LjQxNDIxIDEyIDguNzUgMTEuNjY0MiA4Ljc1IDExLjI1VjcuNzVDOC43NSA3LjMzNTc5IDguNDE0MjEgNyA4IDdaIiBmaWxsPSIjNEU1NDYxIi8+Cjwvc3ZnPgo=);
    position: relative;
    z-index: 1
}

.mt-buy-bubble .tea-icon-new-info {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDIuNjI1QzkuNDEyMzggMi42MjUgMTEuMzc1IDQuNTg3NjMgMTEuMzc1IDdDMTEuMzc1IDkuNDEyMzcgOS40MTIzOCAxMS4zNzUgNyAxMS4zNzVDNC41ODc2MyAxMS4zNzUgMi42MjUgOS40MTIzNyAyLjYyNSA3QzIuNjI1IDQuNTg3NjIgNC41ODc2MyAyLjYyNSA3IDIuNjI1Wk03IDEzLjEyNUMxMC4zODI4IDEzLjEyNSAxMy4xMjUgMTAuMzgyOCAxMy4xMjUgN0MxMy4xMjUgMy42MTcyNSAxMC4zODI4IDAuODc1IDcgMC44NzQ5OTlDMy42MTcyNSAwLjg3NDk5OSAwLjg3NTAwMSAzLjYxNzI1IDAuODc1MDAxIDdDMC44NzUgMTAuMzgyNyAzLjYxNzI1IDEzLjEyNSA3IDEzLjEyNVpNNi4xMjUgNi4xMjVMNi4xMjUgMTAuNUw3Ljg3NSAxMC41TDcuODc1IDYuMTI1TDYuMTI1IDYuMTI1Wk02LjEyNSA1LjI1TDYuMTI1IDMuNUw3Ljg3NSAzLjVMNy44NzUgNS4yNUw2LjEyNSA1LjI1WiIgZmlsbD0iIzdCODE4RiIvPgo8L3N2Zz4K)
}

.mt-buy-bubble .tea-icon-new-info-white {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDIuNjI1QzkuNDEyMzggMi42MjUgMTEuMzc1IDQuNTg3NjMgMTEuMzc1IDdDMTEuMzc1IDkuNDEyMzcgOS40MTIzOCAxMS4zNzUgNyAxMS4zNzVDNC41ODc2MyAxMS4zNzUgMi42MjUgOS40MTIzNyAyLjYyNSA3QzIuNjI1IDQuNTg3NjIgNC41ODc2MyAyLjYyNSA3IDIuNjI1Wk03IDEzLjEyNUMxMC4zODI4IDEzLjEyNSAxMy4xMjUgMTAuMzgyOCAxMy4xMjUgN0MxMy4xMjUgMy42MTcyNSAxMC4zODI4IDAuODc1IDcgMC44NzQ5OTlDMy42MTcyNSAwLjg3NDk5OSAwLjg3NTAwMSAzLjYxNzI1IDAuODc1MDAxIDdDMC44NzUgMTAuMzgyNyAzLjYxNzI1IDEzLjEyNSA3IDEzLjEyNVpNNi4xMjUgNi4xMjVMNi4xMjUgMTAuNUw3Ljg3NSAxMC41TDcuODc1IDYuMTI1TDYuMTI1IDYuMTI1Wk02LjEyNSA1LjI1TDYuMTI1IDMuNUw3Ljg3NSAzLjVMNy44NzUgNS4yNUw2LjEyNSA1LjI1WiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K)
}

.mt-buy-bubble-feat__overlay {
    border-radius: 0 40px 40px 40px
}

.mt-buy-bubble-feat__overlay .met-bubble,
.mt-buy-bubble-feat__overlay .tea-bubble {
    width: 100%;
    height: 100%;
    max-width: unset;
    overflow: hidden;
    border-radius: 0 40px 40px 40px;
    box-shadow: 0 10px 40px rgba(150, 163, 191, .3)
}

.mt-buy-bubble-feat__overlay .met-bubble__inner,
.mt-buy-bubble-feat__overlay .tea-bubble__inner {
    min-width: 300px;
    padding: 24px;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/list-bgeee-8f6602bf726910c2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 0;
    border-radius: 0
}

.mt-buy-bubble-feat__overlay .met-bubble__inner:after,
.mt-buy-bubble-feat__overlay .met-bubble__inner:before,
.mt-buy-bubble-feat__overlay .tea-bubble__inner:after,
.mt-buy-bubble-feat__overlay .tea-bubble__inner:before {
    display: none
}

.mt-buy-bubble__overlay {
    border-radius: 0 20px 20px 20px;
    overflow: hidden;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15)
}

.mt-buy-bubble__overlay.with-table .mt-buy-bubble__list {
    max-width: unset
}

.mt-buy-bubble__overlay.with-table .mt-buy-bubble__list-item {
    display: flex
}

.mt-buy-bubble__overlay.with-table .mt-buy-bubble__list-item .label {
    box-sizing: border-box;
    width: 108px;
    display: inline-block;
    padding-right: 12px
}

.mt-buy-bubble__overlay.with-table .mt-buy-bubble__list-item .icon {
    margin-left: 6px;
    vertical-align: -3px
}

.mt-buy-bubble__overlay.with-table .mt-buy-bubble__list-item .content {
    flex: 1;
    font-weight: 500
}

.mt-buy-bubble__overlay.with-table .mt-buy-bubble__list-item .desc {
    font-weight: 400;
    color: #7e868f;
    margin-top: 4px
}

.mt-buy-bubble__overlay .met-bubble,
.mt-buy-bubble__overlay .tea-bubble {
    width: 100%;
    height: 100%;
    max-width: unset
}

.mt-buy-bubble__overlay .met-bubble__inner,
.mt-buy-bubble__overlay .tea-bubble__inner {
    padding: 20px 32px;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/list-bgeee-8f6602bf726910c2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 0
}

.mt-buy-bubble__overlay .met-bubble__inner:after,
.mt-buy-bubble__overlay .met-bubble__inner:before,
.mt-buy-bubble__overlay .tea-bubble__inner:after,
.mt-buy-bubble__overlay .tea-bubble__inner:before {
    display: none
}

.mt-buy-bubble__cnt .mt-link {
    display: inline-block
}

.mt-buy-bubble__list {
    padding-left: 12px;
    margin: -12px 0 -12px -12px;
    max-width: 248px
}

.mt-buy-bubble__list-item {
    padding: 12px 0;
    box-sizing: border-box;
    position: relative;
    font-size: 12px;
    line-height: 17px;
    color: #4e5461
}

.mt-buy-bubble__list-item:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #0664f9;
    position: absolute;
    left: -12px;
    top: 18px
}

.mt-buy-bubble__list-item+.mt-buy-bubble__list-item {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mt-buy-bubble__wrap {
    padding: 12px 0
}

.mt-buy-bubble__desc {
    font-size: 14px;
    line-height: 24px;
    color: #4e5461;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
    max-width: 370px
}

.mt-buy-bubble__desc+img {
    margin-top: 27px
}

.mt-buy-bubble__img {
    max-width: 370px;
    max-height: 220px;
    margin: 0 auto;
    display: block
}

@media screen and (max-width:600px) {

    .mt-buy-bubble-feat__overlay .met-bubble,
    .mt-buy-bubble-feat__overlay .tea-bubble {
        border-radius: 24px;
        overflow: unset
    }

    .mt-buy-bubble-feat__overlay .met-bubble__inner,
    .mt-buy-bubble-feat__overlay .tea-bubble__inner {
        min-width: 250px;
        border-radius: 24px
    }

    .mt-buy-bubble-feat__overlay .met-bubble__inner:after,
    .mt-buy-bubble-feat__overlay .met-bubble__inner:before,
    .mt-buy-bubble-feat__overlay .tea-bubble__inner:after,
    .mt-buy-bubble-feat__overlay .tea-bubble__inner:before {
        display: block
    }
}

html.rooms-root {
    font-size: 20px
}

body {
    font-size: 14px
}

@media screen and (min-width:1920px) {
    html.rooms-root {
        font-size: 1.0416666667vw
    }
}

@media screen and (max-width:1700px) {
    html.rooms-root {
        font-size: 1.1764705882vw
    }
}

.mt-rooms-hero {
    height: 100vh;
    max-height: 51vw;
    background: #fff;
    position: relative;
    z-index: 1
}

.mt-rooms-hero__video-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.mt-rooms-hero__video-wrap video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mt-rooms-hero__video-wrap.scale {
    width: 580px;
    height: 350px;
    bottom: -524px;
    right: calc(50% + 10px);
    top: auto;
    left: auto;
    transform-origin: center
}

.mt-rooms-hero__cnt {
    box-sizing: border-box;
    padding-left: 6rem;
    padding-right: 1rem;
    left: 0;
    position: absolute;
    width: 39.53%;
    height: 15rem;
    top: 50%;
    transform: translateY(-50%)
}

.mt-rooms-hero__tit {
    position: absolute;
    top: 0;
    font-size: 0;
    opacity: 1;
    width: 24.1rem;
    transition: all .4s ease-in-out
}

.mt-rooms-hero__tit img {
    width: 100%
}

.mt-rooms-hero__desc {
    transition: all .4s ease-in-out;
    transition-delay: .1s;
    font-size: 1rem;
    line-height: 2rem;
    color: #4e5461;
    position: absolute;
    top: 4.4rem;
    opacity: 1
}

.mt-rooms-hero .mt-btn {
    border-radius: .4rem;
    height: 2.5rem;
    min-width: 9rem;
    font-size: .8rem;
    line-height: 2.4rem
}

.mt-rooms-hero__btns {
    position: absolute;
    transition: all .4s ease-in-out;
    transition-delay: .3s;
    opacity: 1;
    top: 12.4rem;
    text-align: center;
    display: flex
}

.mt-rooms-hero__btns .btn-play {
    margin-left: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-rooms-hero .btn-play:before {
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: .7rem;
    height: .8rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjM4MTggNy4xMzQwNEMxNC4wNDg1IDcuNTE4OTQgMTQuMDQ4NSA4LjQ4MTE5IDEzLjM4MTggOC44NjYwOUwyLjIzODY4IDE1LjI5OTZDMS41NzIwMSAxNS42ODQ1IDAuNzM4Njc3IDE1LjIwMzQgMC43Mzg2NzcgMTQuNDMzNkwwLjczODY3OCAxLjU2NjU2QzAuNzM4Njc4IDAuNzk2NzU2IDEuNTcyMDEgMC4zMTU2MyAyLjIzODY4IDAuNzAwNTNMMTMuMzgxOCA3LjEzNDA0WiIgZmlsbD0iIzFEMUUxRiIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: .3rem;
    background-position: 50%
}

.mt-rooms-hero .btn-play:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjM4MTggNy4xMzQwNEMxNC4wNDg1IDcuNTE4OTQgMTQuMDQ4NSA4LjQ4MTE5IDEzLjM4MTggOC44NjYwOUwyLjIzODY4IDE1LjI5OTZDMS41NzIwMSAxNS42ODQ1IDAuNzM4Njc3IDE1LjIwMzQgMC43Mzg2NzcgMTQuNDMzNkwwLjczODY3OCAxLjU2NjU2QzAuNzM4Njc4IDAuNzk2NzU2IDEuNTcyMDEgMC4zMTU2MyAyLjIzODY4IDAuNzAwNTNMMTMuMzgxOCA3LjEzNDA0WiIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K)
}

.mt-rooms-hero .btn-play.right-bottom {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    transition-delay: .8s
}

.mt-rooms-hero__mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/pc-mask-left244-8596bfe8e64c6f42.png);
    background-position: 0;
    background-size: 39.53% auto;
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .4s ease-in-out;
    transition-delay: .4s
}

@media screen and (max-width:1700px) {
    .mt-rooms-hero__cnt {
        padding-left: 4.5rem
    }
}

@media screen and (max-width:600px) {
    .mt-rooms-hero {
        height: 456px;
        max-height: 100%;
        position: static;
        margin-top: 0;
        background-color: #f5faff;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: top;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/banner-mobile344-ab27370abd3d3707.png)
    }

    .mt-rooms-hero__mask,
    .mt-rooms-hero__video-wrap {
        display: none
    }

    .mt-rooms-hero__cnt {
        padding-left: 0;
        padding-right: 0;
        position: static;
        width: 100%;
        height: auto;
        transform: translateY(0)
    }

    .mt-rooms-hero__cnt-inner {
        width: 100%;
        padding: 88px 32px 0;
        display: block
    }

    .mt-rooms-hero__tit {
        position: static;
        text-align: left;
        width: 244px
    }

    .mt-rooms-hero__tit img {
        max-width: 245px
    }

    .mt-rooms-hero__desc {
        font-size: 12px;
        line-height: 20px;
        color: #565e66;
        position: static;
        text-align: left;
        margin-top: 16px
    }

    .mt-rooms-hero .mt-btn {
        border-radius: 8px;
        height: 32px;
        min-width: 128px;
        font-size: 12px;
        line-height: 22px
    }

    .mt-rooms-hero .btn-play {
        margin-left: 24px
    }

    .mt-rooms-hero .btn-play.right-bottom,
    .mt-rooms-hero .btn-play:before {
        display: none
    }

    .mt-rooms-hero__btns {
        margin-top: 32px;
        position: static;
        text-align: left
    }

    .mt-rooms-hero__btns .btn-play {
        margin-left: 24px
    }
}

.mt-inside-advantage-item {
    -webkit-font-smoothing: antialiased;
    height: 465px;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 16px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/Vectora76-007c24573f39be83.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff
}

.mt-inside-advantage-item__inner {
    display: flex;
    height: 100%
}

.mt-inside-advantage-item__object {
    border-radius: 20px;
    width: 70.04%;
    overflow: hidden;
    font-size: 0;
    line-height: 1
}

.mt-inside-advantage-item__object video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mt-inside-advantage-item__video-wrap {
    width: 100%;
    height: 100%;
    position: relative
}

.mt-inside-advantage-item__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn1f9-ad6dec94b384ac4e.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    cursor: pointer;
    opacity: .85;
    z-index: 1
}

.mt-inside-advantage-item__video-play:hover {
    opacity: 1
}

.mt-inside-advantage-item__main {
    flex: 1;
    padding: 32px
}

.mt-inside-advantage-item__num {
    display: block;
    width: 79px;
    height: 57px;
    margin-bottom: 24px
}

.mt-inside-advantage-item__num img {
    height: 100%
}

.mt-inside-advantage-item__desc {
    font-size: 18px;
    line-height: 30px;
    color: #484848
}

@media screen and (max-width:1199px) {
    .mt-inside-advantage .mt-collapse__panel {
        background: linear-gradient(76.61deg, #fff -10.86%, hsla(0, 0%, 100%, .65) 100.62%);
        box-shadow: 0 16.4032px 39.1855px rgba(74, 130, 183, .15);
        border-radius: 16px;
        border-bottom: 0;
        margin-bottom: 20px;
        padding: 16px 16px 20px
    }

    .mt-inside-advantage .mt-collapse__panel:last-child {
        margin-bottom: 0
    }

    .mt-inside-advantage .mt-collapse__panel-hd {
        padding-right: 20px
    }

    .mt-inside-advantage .mt-collapse__panel-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #0f001a;
        padding: 0
    }

    .mt-inside-advantage .mt-collapse__panel-bd {
        margin-top: 16px;
        padding-right: 0
    }

    .mt-inside-advantage-item {
        height: auto;
        box-shadow: none;
        border-radius: 0;
        background: none
    }

    .mt-inside-advantage-item__inner {
        flex-direction: column
    }

    .mt-inside-advantage-item__object {
        border-radius: 8px;
        width: 100%
    }

    .mt-inside-advantage-item__main {
        padding: 16px 0 0
    }

    .mt-inside-advantage-item__num {
        display: none
    }

    .mt-inside-advantage-item__desc {
        font-size: 12px;
        line-height: 22px;
        color: #565e66
    }
}

.mt-inside-scene .mt-tabs.horizontal .mt-tabs-panel {
    height: 100%
}

.mt-inside-scene .mt-tabs.horizontal .mt-tabs-panel-inner {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 48px
}

.mt-inside-scene .mt-tabs.horizontal .mt-tabs-panel-inner img {
    width: 100%
}

.mt-inside-scene__video-cover {
    border-radius: 20px;
    width: 100%;
    padding-top: 56.231884058%;
    overflow: hidden;
    font-size: 0;
    line-height: 1;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: rgba(0, 0, 0, .8);
    cursor: pointer
}

.mt-inside-scene__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 128px;
    height: 129px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOSIgdmlld0JveD0iMCAwIDEyOCAxMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OC40NTkzIDQ0LjM0OUM0OC40NTkzIDQyLjQwNDcgNTAuNTgxMyA0MS4yMDQ2IDUyLjI0NzYgNDIuMjA2Nkw4NS44OTgxIDYyLjQ0MTdDODcuMTkwNSA2My4yMTg5IDg3LjE5MDUgNjUuMDkyNSA4NS44OTgxIDY1Ljg2OTdMNTIuMjQ3NiA4Ni4xMDQzQzUwLjU4MTMgODcuMTA2MiA0OC40NTkzIDg1LjkwNjEgNDguNDU5MyA4My45NjE4TDQ4LjQ1OTMgNDQuMzQ5WiIgZmlsbD0id2hpdGUiLz4KPGNpcmNsZSBjeD0iNjQiIGN5PSI2NC4xNzQ5IiByPSI2My40ODM0IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    z-index: 1
}

.mt-inside-scene__title {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 32px
}

.mt-inside-scene__desc {
    color: #484848;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 16px;
    min-height: 90px
}

@media screen and (max-width:1200px) {
    .mt-inside-scene__cnt {
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 10px 30px 0 #dbebfc;
        padding: 48px
    }

    .mt-inside-scene__desc {
        min-height: 0;
        color: var(--Light_wm_color_text-secondary, #4e5461);
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width:900px) {
    .mt-inside-scene__cnt {
        padding: 32px
    }
}

@media screen and (max-width:600px) {
    .mt-inside-scene .mt-collapse__panel {
        background: linear-gradient(76.61deg, #fff -10.86%, hsla(0, 0%, 100%, .65) 100.62%);
        box-shadow: 0 16.4032px 39.1855px rgba(74, 130, 183, .15);
        border-radius: 16px;
        border-bottom: 0;
        margin-bottom: 20px;
        padding: 16px
    }

    .mt-inside-scene .mt-collapse__panel:last-child {
        margin-bottom: 0
    }

    .mt-inside-scene .mt-collapse__panel-hd {
        padding-right: 20px
    }

    .mt-inside-scene .mt-collapse__panel-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #0f001a;
        padding: 0
    }

    .mt-inside-scene .mt-collapse__panel-bd {
        margin-top: 16px;
        padding-right: 0
    }

    .mt-inside-scene__video-cover {
        border-radius: 8px;
        padding-top: 58.064516129%
    }

    .mt-inside-scene__video-play {
        width: 45px;
        height: 45px
    }

    .mt-inside-scene__title {
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px
    }

    .mt-inside-scene__cnt {
        padding: 0;
        box-shadow: none
    }

    .mt-inside-scene__desc {
        font-size: 12px;
        line-height: 22px;
        min-height: 66px
    }
}

.mt-inside-card-item {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px
}

.mt-inside-card-item+.mt-inside-card-item {
    margin-top: 20px
}

.mt-inside-card-item__inner {
    display: flex
}

.mt-inside-card-item__side {
    width: 430px;
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    -o-border-image: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent) 1 100%;
    border-image: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent) 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mt-inside-card-item__main {
    flex: 1;
    width: 1px
}

.mt-inside-card-item__logo {
    height: 100px;
    width: 324px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-inside-card-item__logo img {
    max-width: 100%;
    max-height: 100%
}

.mt-inside-card-item__tit {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/text-bg90e-031f4fe4314a6f02.png);
    width: 230px;
    height: 41px;
    background-size: contain;
    background-repeat: no-repeat;
    font-weight: 500;
    font-size: 16px;
    line-height: 41px;
    text-align: center;
    color: #4e5461;
    margin-top: 27px
}

.mt-inside-card-item__imgs {
    padding: 24px 24px 38px;
    display: flex;
    justify-content: center
}

.mt-inside-card-item__imgs-item+.mt-inside-card-item__imgs-item {
    margin-left: 24px
}

.mt-inside-card-item__text {
    margin-top: 4px;
    font-size: 16px;
    text-align: center;
    color: var(--Light_wm_color_text-secondary, #4e5461);
    line-height: 24px
}

.mt-inside-card-item__img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.mt-inside-card-item__img img {
    max-width: 100%;
    max-height: 100%
}

@media screen and (min-width:601px) {
    .mt-inside-card__list.is-vertical .mt-inside-card-item__imgs-item+.mt-inside-card-item__imgs-item {
        margin-left: 16px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item {
        height: 100%
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__inner {
        flex-direction: column;
        align-items: center
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__logo {
        height: 64px;
        width: 100%
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__side {
        padding: 24px 16px 12px;
        width: 100%;
        border: 0
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__main {
        width: 100%
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__text {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 8px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__text span {
        display: block
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__text span+.mt-inside-card__list.is-vertical .mt-inside-card-item__text span {
        margin-top: 8px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__imgs {
        padding: 0 16px 24px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__imgs-item {
        flex: 1
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__img {
        height: 84px;
        max-height: 128px
    }
}

@media screen and (max-width:1200px) {
    .mt-inside-card-item__inner {
        flex-direction: column;
        align-items: center
    }

    .mt-inside-card-item__side {
        padding: 32px 0 24px;
        width: 100%;
        border: 0
    }

    .mt-inside-card-item__main {
        width: 100%
    }

    .mt-inside-card-item__tit {
        width: 143px;
        height: 26px;
        font-size: 12px;
        line-height: 26px;
        margin-top: 14px
    }

    .mt-inside-card-item__imgs {
        padding: 0 32px 32px
    }

    .mt-inside-card-item__img {
        height: 230px
    }
}

@media screen and (max-width:1200px) and (min-width:601px) {
    .mt-inside-card__list.is-vertical .mt-inside-card-item__imgs-item+.mt-inside-card-item__imgs-item {
        margin-left: 8px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__logo {
        height: 46px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__side {
        padding: 16px 12px 4px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__imgs {
        padding: 0 12px 16px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__img {
        height: 60px;
        max-height: 94px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__text,
    .mt-inside-card__list.is-vertical .mt-inside-card-item__text span+.mt-inside-card__list.is-vertical .mt-inside-card-item__text span {
        margin-top: 6px
    }
}

@media screen and (max-width:900px) and (min-width:601px) {
    .mt-inside-card__list.is-vertical .mt-inside-card-item__logo {
        height: 36px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__side {
        padding: 12px 10px 6px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__imgs {
        padding: 0 10px 12px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__img {
        height: 48px;
        max-height: 84px
    }

    .mt-inside-card__list.is-vertical .mt-inside-card-item__text {
        font-size: 12px;
        line-height: normal
    }
}

@media screen and (max-width:600px) {
    .mt-inside-card-item__side {
        padding: 32px 0 12px
    }

    .mt-inside-card-item__logo {
        height: 64px;
        width: 207px
    }

    .mt-inside-card-item__imgs {
        padding: 0 16px 32px
    }

    .mt-inside-card-item__imgs-item {
        flex: 1
    }

    .mt-inside-card-item__imgs-item+.mt-inside-card-item__imgs-item {
        margin-left: 16px
    }

    .mt-inside-card-item__text {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px
    }

    .mt-inside-card-item__img {
        height: 84px
    }
}

.mt-steps-card {
    padding: 32px;
    background: #fff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg433-5e33beba63418202.svg) 100% 0 no-repeat;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    min-height: 250px;
    overflow: hidden
}

.mt-steps-card__list {
    display: flex;
    margin: 0 -20px
}

.mt-steps-card__item {
    flex: 1;
    padding: 12px 20px;
    position: relative
}

.mt-steps-card__item:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 25px;
    width: 40px;
    height: 40px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTIgMTAuNUwyMC4zNDg1IDE5LjMxMjNDMjAuNzEzOCAxOS42OTggMjAuNzEzOCAyMC4zMDIgMjAuMzQ4NSAyMC42ODc3TDEyIDI5LjUiIHN0cm9rZT0iIzk2QjBEQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIxIDEwLjVMMjkuMzQ4NSAxOS4zMTIzQzI5LjcxMzggMTkuNjk4IDI5LjcxMzggMjAuMzAyIDI5LjM0ODUgMjAuNjg3N0wyMSAyOS41IiBzdHJva2U9IiM5NkIwREMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==) no-repeat
}

.mt-steps-card__item:last-child:before {
    display: none
}

.mt-steps-card__item-title {
    margin-bottom: 18px;
    padding-left: 27px;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #429b2a
}

.mt-steps-card__item-text {
    position: relative;
    top: -4px
}

.mt-steps-card__item-order {
    margin-right: 10px;
    font-family: TCloudNumber;
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    color: #429b2a
}

.mt-steps-card__item-list .mt-list__item:before {
    top: 3px
}

.mt-steps-card__item-list .mt-list__item-cnt,
.mt-steps-card__item-list .mt-list__item-text {
    font-size: 14px;
    line-height: 24px;
    color: #4e5461
}

.mt-steps-card--less .mt-steps-card__list {
    margin: 0 -40px
}

.mt-steps-card--less .mt-steps-card__item {
    padding: 12px 40px
}

.mt-steps-card--less .mt-steps-card__item:before {
    right: 0;
    top: 24px;
    bottom: 0;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, #cbd7ee, rgba(203, 215, 238, 0))
}

.mt-steps-card--less .mt-steps-card__item-list {
    max-width: 440px
}

.mt-operate-panel {
    width: 1180px;
    height: 680px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bge8e-b2ec0951fb95b5a5.png);
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .1);
    -webkit-font-smoothing: antialiased
}

.mt-operate-panel.is-mobile {
    border-radius: 0;
    box-shadow: none
}

.mt-operate-panel__hd {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px
}

.mt-operate-panel__logo {
    width: 176px;
    height: 30px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/logo275-de10d9b7123acbcb.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.mt-operate-panel__login {
    cursor: pointer
}

.mt-operate-panel__login-text {
    font-size: 16px;
    line-height: 22px;
    color: #53d530;
    padding: 12px 0 12px 12px;
    display: inline-block
}

.mt-operate-panel__login-avatar {
    width: 40px;
    height: 40px
}

.mt-operate-panel__bd {
    display: flex;
    padding: 0 32px 32px;
    height: 600px;
    align-items: center
}

.mt-operate-panel__img {
    width: 660px;
    height: 100%;
    display: flex;
    align-items: center
}

.mt-operate-panel__img.mobile {
    display: none
}

.mt-operate-panel__img img {
    display: block;
    width: 100%
}

.mt-operate-panel__cnt {
    flex: 1;
    text-align: center;
    padding-right: 24px
}

.mt-operate-panel__tit {
    font-weight: 700;
    font-size: 48px;
    line-height: 69px;
    text-align: center;
    color: #29314d;
    font-family: Tencent-W7
}

.mt-operate-panel__desc {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    padding: 4px 0;
    margin-top: 24px;
    color: #565e66
}

.mt-operate-panel__desc-item {
    display: inline-block
}

.mt-operate-panel__desc-item+.mt-operate-panel__desc-item {
    padding-left: 8px;
    margin-left: 8px;
    border-width: 1px;
    border-style: solid;
    border-right: 0;
    -o-border-image: linear-gradient(180deg, #e7efff, #cfdefc) 1 100%;
    border-image: linear-gradient(180deg, #e7efff, #cfdefc) 1 100%
}

.mt-operate-panel .mt-btn {
    background: linear-gradient(221.63deg, #0499fd 2.35%, #004dff 87.06%);
    border-radius: 60px;
    width: 250px;
    height: 56px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    display: block;
    margin: 64px auto 0
}

.mt-operate-panel .mt-btn:hover {
    background: linear-gradient(225.63deg, #1a8cff 20.32%, #015dff 119.76%)
}

.mt-operate-panel .mt-link {
    display: inline-block;
    margin: 54px auto 0;
    font-size: 20px;
    line-height: 28px;
    color: #004dff
}

.mt-operate-panel .mt-link:hover {
    color: #198cff
}

@media screen and (max-width:1199px) {
    .mt-operate-panel {
        max-width: 375px;
        max-height: 660px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-mb86-bfe7a7c30d72b72c.png);
        background-position: top
    }

    .mt-operate-panel.is-mobile {
        position: relative;
        max-height: 100%;
        max-width: 100%;
        width: 768px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .mt-operate-panel.is-mobile .mt-operate-panel__hd {
        position: absolute;
        top: 0;
        width: 100%
    }

    .mt-operate-panel__hd {
        height: 44px;
        padding: 0 16px
    }

    .mt-operate-panel__logo {
        width: 88px;
        height: 15px
    }

    .mt-operate-panel__login-text {
        font-size: 14px;
        line-height: 20px
    }

    .mt-operate-panel__login-avatar {
        width: 28px;
        height: 28px
    }

    .mt-operate-panel__bd {
        padding: 18px 0 0;
        height: auto
    }

    .mt-operate-panel__cnt {
        padding-right: 0
    }

    .mt-operate-panel__tit {
        font-size: 36px;
        line-height: 53px
    }

    .mt-operate-panel__desc {
        font-size: 16px;
        line-height: 16px;
        padding: 3px 0;
        margin-top: 18px
    }

    .mt-operate-panel__img {
        margin-top: 24px;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center
    }

    .mt-operate-panel__img.pc {
        display: none
    }

    .mt-operate-panel__img.mobile {
        display: flex
    }

    .mt-operate-panel .mt-btn {
        border-radius: 33.5px;
        width: 220px;
        height: 44px;
        font-size: 16px;
        line-height: 22px;
        margin: 16px auto 0
    }

    .mt-operate-panel .mt-link {
        margin: 32px auto 0;
        font-size: 16px;
        line-height: 22px
    }
}

.mt-service-bubble.tea-bubble {
    max-width: 224px
}

.mt-service-bubble.tea-bubble .tea-bubble__inner {
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    line-height: 22px;
    color: #000
}

.mt-service-bubble.tea-bubble .tea-bubble__inner .mt-service-bubble__cnt {
    display: flex;
    align-items: center
}

.mt-service-bubble.tea-bubble .tea-bubble__inner .mt-service-bubble__icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-serviceed9-87a0f3db5beb6f3d.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 8px
}

.mt-service-bubble.tea-bubble .tea-bubble__inner .mt-service-bubble__text {
    flex: 1
}

.mt-buy-card-pro .show-title {
    color: #262a47;
    text-align: center;
    font-size: 44px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 52px
}

.mt-buy-card-pro-group {
    display: flex;
    width: 100%;
    justify-content: center
}

@media screen and (min-width:1201px) {
    .mt-buy-card-pro-group.is-multiple .mt-buy-card-pro-item {
        max-width: 380px
    }
}

.mt-buy-card-pro-group .mt-buy-card-pro-item {
    margin: 0 10px;
    max-width: 480px;
    height: auto
}

.mt-buy-card-pro-group .mt-buy-card-pro-item.size-l {
    max-width: 580px
}

@media screen and (min-width:901px) {
    .mt-buy-card-pro-group.with-price-info.is-multiple .mt-buy-card-pro-item-desc {
        margin-bottom: 8px
    }

    .mt-buy-card-pro-group.with-price-info.is-multiple .mt-buy-card-pro-item-price {
        height: 60px
    }

    .mt-buy-card-pro-group.with-price-info.is-multiple .mt-buy-card-pro-item-price .price-info {
        top: 2px
    }
}

.mt-buy-card-pro-group.without-desc .mt-buy-card-pro-item-desc {
    display: none
}

.mt-buy-card-pro-group.with-price-text .mt-buy-card-pro-item .mt-buy-card-pro-item-hd {
    padding-bottom: 48px
}

.mt-buy-card-pro-item {
    position: relative;
    border-radius: 20px;
    flex: 1;
    width: 1px;
    cursor: pointer;
    box-sizing: border-box
}

.mt-buy-card-pro-item:first-child {
    margin-left: 0
}

.mt-buy-card-pro-item:last-child {
    margin-right: 0
}

.mt-buy-card-pro-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
    border-radius: 20px;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    transition: all .3s ease-in-out
}

.mt-buy-card-pro-item:hover:before {
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), 0 15px 20px rgba(78, 106, 149, .06)
}

.mt-buy-card-pro-item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    transition: opacity .3s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat
}

.mt-buy-card-pro-item-inner {
    position: relative;
    padding: 32px 40px 40px;
    box-sizing: border-box;
    height: 100%
}

.mt-buy-card-pro-item-hd {
    margin-bottom: 32px;
    position: relative
}

.mt-buy-card-pro-item.with-price-info .mt-buy-card-pro-item-price .inner {
    margin-right: 16px
}

.mt-buy-card-pro-item-price {
    margin-bottom: 24px;
    flex-wrap: wrap;
    color: #ff7200;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 48px
}

.mt-buy-card-pro-item-price .inner {
    line-height: 48px;
    font-size: 32px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    align-self: flex-start
}

.mt-buy-card-pro-item-price .inner span+span {
    margin-left: 4px
}

.mt-buy-card-pro-item-price .currency {
    font-size: 30px;
    margin-left: -6px
}

.mt-buy-card-pro-item-price .after-currency {
    font-family: TCloudNumber;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    position: relative;
    top: 5px
}

.mt-buy-card-pro-item-price .num {
    font-family: TCloudNumber;
    font-weight: 400;
    font-size: 40px
}

.mt-buy-card-pro-item-price .slash {
    position: relative;
    top: -3px;
    margin-right: -4px
}

.mt-buy-card-pro-item-price.consult {
    color: #4e5461
}

.mt-buy-card-pro-item-price.consult .inner {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    height: 48px
}

.mt-buy-card-pro-item-price.consult .inner:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/audio16b-1de0f26ceb6f2c1b.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 8px
}

.mt-buy-card-pro-item-price .original {
    font-size: 18px;
    line-height: 22px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #565e66;
    margin-left: 12px;
    align-self: flex-end;
    position: relative;
    bottom: 6px
}

.mt-buy-card-pro-item-price .price-info {
    color: #ff7200;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    top: 7px
}

.mt-buy-card-pro-item-title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #2d3033;
    display: flex;
    align-items: center
}

.mt-buy-card-pro-item-title .label {
    height: 24px;
    margin-left: 12px
}

.mt-buy-card-pro-item-desc {
    font-size: 14px;
    line-height: 22px;
    color: #565e66;
    min-height: 44px;
    margin-bottom: 12px;
    max-width: 316px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-buy-card-pro-item-features .mt-link.more-info {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    margin-left: 0
}

.mt-buy-card-pro-item-features .mt-link.more-info a {
    margin-left: 0
}

.mt-buy-card-pro-item-features li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    line-height: 18px;
    color: #2d3033
}

.mt-buy-card-pro-item-features li.is-new .met-activity-tag {
    margin-left: 8px;
    vertical-align: -1px
}

.mt-buy-card-pro-item-features li .mt-buy-bubble {
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -1px
}

.mt-buy-card-pro-item-features li:last-child {
    margin-bottom: 0
}

.mt-buy-card-pro-item-features li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01IDlMNy44NDQ4MyAxMkwxMyA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-buy-card-pro-item-features .mt-link {
    font-size: inherit;
    line-height: inherit;
    margin-left: 5px
}

.mt-buy-card-pro-item-group {
    display: none
}

.mt-buy-card-pro-item-group.pc {
    display: flex
}

.mt-buy-card-pro-item-group.pc>li {
    flex: 1;
    margin-right: 10px
}

.mt-buy-card-pro-item-group.pc>li:last-child {
    margin-right: 0
}

.mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-group-title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #2d3033
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc {
    flex-direction: column
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc>li {
    margin-right: 0;
    margin-bottom: 32px
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc>li:last-child {
    margin-bottom: 0
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-group-title {
    margin-bottom: 24px
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-features.features-column-3 {
    display: flex;
    flex-wrap: wrap
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-features.features-column-3 li {
    box-sizing: border-box;
    width: 33.3%
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-features.features-column-2 {
    display: flex;
    flex-wrap: wrap
}

.mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-features.features-column-2 li {
    box-sizing: border-box;
    width: 50%
}

.mt-buy-card-pro-item .mt-btn {
    min-width: 0;
    width: 100%;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
}

.mt-buy-card-pro-item-btns .mt-btn+.mt-btn {
    margin-left: 20px
}

@media screen and (min-width:601px) {
    .mt-buy-card-pro-item.desc-line-1 .mt-buy-card-pro-item-desc {
        height: 22px;
        min-height: 22px;
        white-space: nowrap;
        display: block;
        max-width: 100%
    }

    .mt-buy-card-pro-item.single-card {
        max-width: 980px
    }

    .mt-buy-card-pro-item.single-card .mt-btn {
        width: 40%;
        max-width: 216px
    }

    .mt-buy-card-pro-item.single-card .mt-btn+.mt-btn {
        margin-left: 20px;
        max-width: 200px
    }

    .mt-buy-card-pro-item.single-card .mt-buy-card-pro-item-inner {
        padding: 32px 40px 48px
    }

    .mt-buy-card-pro-item.single-card .mt-buy-card-pro-item-hd {
        position: relative;
        z-index: 1;
        padding-bottom: 36px
    }

    .mt-buy-card-pro-item.single-card .mt-buy-card-pro-item-hd-bg {
        border-radius: 20px 20px 0 0;
        z-index: -1;
        position: absolute;
        left: -40px;
        right: -40px;
        top: -32px;
        bottom: 0;
        background-size: cover;
        background-position: 100% 0;
        background-repeat: no-repeat
    }
}

.mt-buy-card-pro-item__entry {
    position: absolute;
    right: -3px;
    top: 25px;
    z-index: 1
}

.mt-buy-card-pro-item__entry:after {
    right: 1px;
    bottom: -2px;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transform: rotate(45deg);
    border: 2px solid transparent;
    border-right-color: #3641c6
}

.mt-buy-card-pro-item__entry .mt-link {
    padding: 1px 10px 0 14px;
    height: 32px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: #fff2d6;
    font-family: Tencent-W7;
    background-image: linear-gradient(97.6deg, #4e5bff 59.82%, #ffe8b6 172.05%);
    border-radius: 47px 4px 0 47px
}

.mt-buy-card-pro-item__entry .mt-link:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMyAzTDcuODY0ODYgOEwzIDEzIiBzdHJva2U9IiNGRkYyRDYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS43NTY4NCA0LjI1TDEzLjAwMDEgOEw5Ljc1Njg0IDExLjc1IiBzdHJva2U9IiNGRkYyRDYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
    width: 16px;
    height: 16px;
    vertical-align: -4px;
    background-size: 100%;
    margin-left: 4px
}

.mt-buy-card-pro-item__corner {
    position: absolute;
    right: 0;
    top: 0
}

.mt-buy-card-pro-item__corner img {
    height: 28px
}

.mt-buy-card-pro-item__corner .text {
    padding: 3px 21px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    background-color: #ff801a;
    border-radius: 0 20px 0 20px;
    display: inline-block
}

.mt-buy-card-pro-item__more {
    position: absolute;
    bottom: -29px;
    text-align: center;
    left: 0;
    right: 0
}

.mt-buy-card-pro-item.btn-bottom {
    box-shadow: 0 20px 60px 0 rgba(185, 210, 255, .42)
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-title {
    align-items: flex-end
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-inner {
    padding: 32px;
    font-weight: 400;
    display: flex;
    flex-direction: column
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-desc {
    max-width: unset
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-bd {
    flex: 1
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-ft {
    margin-top: 32px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price {
    margin-bottom: 0;
    margin-top: 18px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price.consult .inner {
    height: 72px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .currency {
    font-size: 42px;
    line-height: 60px;
    margin-left: -8px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .num {
    font-size: 48px;
    line-height: 72px;
    margin-left: 0
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .slash,
.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .unit {
    font-size: 14px;
    line-height: 14px;
    position: relative;
    top: 11px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .slash {
    top: 10px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .price-info {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    border-radius: 100px;
    border: .5px solid var(--Light_wm_color_text-disabled, #b0b6c3);
    background: rgba(176, 182, 195, .1);
    padding: 3px 6px;
    display: inline-flex;
    position: relative;
    top: 11px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .price-text {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 14px;
    line-height: 1;
    position: absolute;
    bottom: -10px
}

.mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-hd {
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e4f3
}

.mt-buy-card-pro-item.btn-bottom .sub-text {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 14px;
    line-height: 1;
    margin-left: 10px;
    position: relative;
    bottom: 2px
}

.mt-buy-card-pro-item.btn-bottom .mt-btn {
    height: 54px;
    font-size: 16px
}

.mt-buy-card-pro-item.btn-bottom .mt-btn.outline-black:not(:hover) {
    border: 1px solid var(--Light_wm_color_outline-primary, #b0b6c3)
}

.mt-buy-card-pro__info {
    text-align: center;
    margin-top: -16px;
    margin-bottom: 28px
}

.mt-buy-card-pro__info-text {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    line-height: 20px;
    color: #2d3033
}

.mt-buy-card-pro__info-text:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjU4MTk0IDAgMCAzLjU4MTA1IDAgNy45OTk0M0MwIDEyLjQxNzggMy41ODE5NCAxNiA4IDE2QzEyLjQxODEgMTYgMTYgMTIuNDE3OCAxNiA3Ljk5OTQzQzE1Ljk5ODkgMy41ODEwNSAxMi40MTgxIDAgOCAwWiIgZmlsbD0iIzAwNkZGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgN0w3IDdMNyAxMkw5IDEyTDkgN1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA0TDcgNEw3IDZMOSA2TDkgNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

@media screen and (min-width:601px) {
    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd {
        position: relative;
        z-index: 1
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd+.mt-tabs-bd {
        position: relative;
        z-index: 0
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd .mt-tabs-list {
        border-radius: 25px;
        background-color: #fff;
        padding: 0;
        box-shadow: 0 0 60px rgba(78, 106, 149, .16);
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd .mt-tabs-item.is-active a {
        font-weight: 500
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd a {
        border-radius: 25px;
        font-size: 20px;
        height: 48px;
        line-height: 48px;
        min-width: 164px;
        box-sizing: border-box
    }

    .mt-buy-card-pro .mt-tabs.round .mt-tabs-panel-inner {
        padding-top: 72px
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-bd {
        position: relative
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-bd:before {
        content: "";
        display: inline-block;
        opacity: .5;
        background: linear-gradient(0deg, #bed4e8 -18.42%, #ebf3fa 50%);
        z-index: -1;
        width: 100%;
        height: 410px;
        position: absolute;
        top: -410px
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-list {
        width: 100%;
        max-width: 980px;
        margin: 0 auto
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-panel-inner {
        padding-top: 48px
    }

    .mt-buy-card-pro .mt-tabs-panel-inner {
        transition: all .3s ease-in-out;
        transform-origin: bottom;
        transform: translateY(30px);
        opacity: .6
    }

    .mt-buy-card-pro .mt-tabs-panel.is-active {
        z-index: 1;
        position: relative
    }

    .mt-buy-card-pro .mt-tabs-panel.is-active .mt-tabs-panel-inner {
        transform: translateY(0);
        opacity: 1;
        height: auto
    }

    .mt-buy-card-pro .mt-tabs-panel.is-active .tabs-2 .mt-tabs-panel-inner {
        transform: translateY(30px);
        opacity: .6
    }

    .mt-buy-card-pro .mt-tabs-panel.is-active .tabs-2 .mt-tabs-panel.is-active .mt-tabs-panel-inner {
        transform: translateY(0);
        opacity: 1
    }

    .mt-buy-card-pro-item {
        transition: transform .3s ease-in-out
    }
}

@media screen and (max-width:1200px) {
    .mt-buy-card-pro .show-title {
        font-size: 36px;
        margin-bottom: 40px
    }
}

@media screen and (max-width:1200px) and (min-width:901px) {
    .mt-buy-card-pro-group.with-price-info .mt-buy-card-pro-item-desc {
        margin-bottom: 8px
    }

    .mt-buy-card-pro-group.with-price-info .mt-buy-card-pro-item-price {
        height: 60px
    }

    .mt-buy-card-pro-group.with-price-info .mt-buy-card-pro-item-price .price-info {
        top: 2px
    }

    .mt-buy-card-pro-group.is-multiple {
        flex-wrap: wrap;
        margin-bottom: -32px;
        justify-content: flex-start
    }

    .mt-buy-card-pro-group.is-multiple .mt-buy-card-pro-item {
        width: calc(50% - 20px);
        flex: unset;
        margin: 0 10px 32px;
        max-width: 422px
    }
}

@media screen and (max-width:1200px) {
    .mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-features.features-column-2 li {
        width: 100%
    }

    .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .price-info {
        top: 11px
    }
}

@media screen and (max-width:900px) {
    .mt-buy-card-pro .show-title {
        font-size: 32px;
        margin-bottom: 32px
    }

    .mt-buy-card-pro-group {
        flex-direction: column;
        align-items: center
    }

    .mt-buy-card-pro-group .mt-buy-card-pro-item {
        width: 100%;
        margin: 0
    }

    .mt-buy-card-pro-group .mt-buy-card-pro-item.size-l {
        max-width: 480px
    }

    .mt-buy-card-pro-group .mt-buy-card-pro-item+.mt-buy-card-pro-item {
        margin-top: 20px
    }

    .mt-buy-card-pro-item-desc {
        min-height: 0
    }

    .mt-buy-card-pro-item.vertical-features .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-features.features-column-3 li {
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .mt-buy-card-pro .show-title {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 32px
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd {
        position: relative;
        z-index: 1
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd+.mt-tabs-bd {
        position: relative;
        z-index: 0
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd .mt-tabs-list {
        background-color: #fff;
        padding: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: 0 0 60px rgba(78, 106, 149, .16)
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd .mt-tabs-item.is-active a {
        font-weight: 500
    }

    .mt-buy-card-pro .mt-tabs.round>.mt-tabs-hd a {
        font-size: 16px;
        min-width: 108px;
        box-sizing: border-box
    }

    .mt-buy-card-pro .mt-tabs.round .mt-tabs-panel-inner {
        padding-top: 40px
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-bd {
        position: relative
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-bd:before {
        content: "";
        display: inline-block;
        background: linear-gradient(0deg, #bed4e8 -18.42%, rgba(235, 243, 250, 0) 50%);
        z-index: -1;
        width: 100%;
        height: 270px;
        position: absolute;
        top: -270px
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-list {
        margin: 0 -16px
    }

    .mt-buy-card-pro .mt-tabs.markbook .mt-tabs-panel-inner {
        padding-top: 20px
    }

    .mt-buy-card-pro-tabs {
        display: block
    }

    .mt-buy-card-pro-item-inner {
        padding: 32px 32px 40px
    }

    .mt-buy-card-pro-item__entry .mt-link {
        font-size: 12px
    }

    .mt-buy-card-pro-item-features {
        display: none;
        margin-top: 0;
        padding-top: 0;
        border-top-width: 0
    }

    .mt-buy-card-pro-item-features li {
        margin-bottom: 16px;
        font-size: 12px
    }

    .mt-buy-card-pro-item-group {
        display: block
    }

    .mt-buy-card-pro-item-group.pc {
        display: none
    }

    .mt-buy-card-pro-item-group>li {
        margin-top: 24px
    }

    .mt-buy-card-pro-item-group>li:first-child {
        margin-top: 0
    }

    .mt-buy-card-pro-item-group-title {
        margin-top: 24px;
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #2d3033
    }

    .mt-buy-card-pro-item-group-title:first-child {
        margin-top: 0
    }

    .mt-buy-card-pro-item-group .mt-buy-card-pro-item-features {
        display: block
    }

    .mt-buy-card-pro-item-btns .mt-btn {
        width: calc(50% - 6px)
    }

    .mt-buy-card-pro-item-btns .mt-btn+.mt-btn {
        margin-left: 12px
    }

    .mt-buy-card-pro-item.single-card .mt-btn {
        max-width: 100%
    }

    .mt-buy-card-pro__info {
        margin-top: 4px;
        margin-bottom: 24px
    }

    .mt-buy-card-pro__info-text {
        font-size: 12px;
        line-height: 18px;
        padding-left: 20px
    }

    .mt-buy-card-pro__info-text:before {
        top: 1px
    }

    .mt-buy-card-pro .mt-tabs.text .mt-tabs-list {
        justify-content: center;
        gap: 20px
    }

    .mt-buy-card-pro .mt-tabs.text .mt-tabs-item.is-active a {
        font-weight: 500;
        color: #53d530;
        border-bottom-color: #53d530
    }

    .mt-buy-card-pro .mt-tabs.text .mt-tabs-item a {
        padding-bottom: 6px;
        color: var(--Light_wm_color_text-primary, #000);
        font-size: 12px;
        line-height: 17px;
        white-space: nowrap
    }

    .mt-buy-card-pro .mt-tabs.text .mt-tabs-bd .mt-tabs-panel .mt-tabs-panel-inner {
        padding-top: 0
    }

    .mt-buy-card-pro .slider-wrap {
        display: block;
        margin-bottom: -20px;
        margin-left: -16px;
        margin-right: -16px;
        width: auto
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom {
        padding: 14px 8px 20px;
        box-shadow: none;
        border-radius: 0;
        max-width: unset
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom:before {
        display: none
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-inner {
        border-radius: 20px;
        box-shadow: 0 4px 20px 0 rgba(4, 90, 254, .1);
        background-color: #fff;
        padding: 24px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item__corner {
        right: 8px;
        top: 14px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-title {
        font-size: 20px;
        line-height: 1
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-desc {
        font-size: 12px;
        line-height: 20px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-ft {
        margin-top: 20px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price {
        margin-top: 10px;
        min-height: 32px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .inner {
        margin-right: 8px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price.consult .inner {
        height: 32px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .currency {
        font-size: 28px;
        line-height: 32px;
        margin-left: -7px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .num {
        font-size: 32px;
        line-height: 1
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .slash,
    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .unit {
        font-size: 12px;
        line-height: 22px;
        top: 5px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .slash {
        top: 4px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .price-info {
        font-size: 10px;
        line-height: 1;
        top: 6px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-price .price-text {
        font-size: 12px;
        bottom: -15px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-hd {
        padding-bottom: 12px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-features li {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 14px;
        padding-left: 22px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-features li:before {
        width: 14px;
        height: 14px;
        background-size: contain
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-buy-card-pro-item-group.pc .mt-buy-card-pro-item-group-title {
        font-size: 14px;
        margin-bottom: 12px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .sub-text {
        font-size: 12px;
        margin-left: 8px
    }

    .mt-buy-card-pro .slider-wrap .mt-buy-card-pro-item.btn-bottom .mt-btn {
        height: 44px;
        font-size: 14px
    }

    .mt-buy-card-pro .slider-wrap.with-price-text .mt-buy-card-pro-item .mt-buy-card-pro-item-hd {
        padding-bottom: 32px
    }
}

@media screen and (max-width:360px) {
    .mt-buy-card-pro .mt-tabs.text .mt-tabs-list {
        gap: 12px
    }
}

.mt-home-banner {
    position: relative;
    height: 100vh;
    display: flex;
    overflow: hidden;
    min-height: 1069px;
    z-index: 1
}

.mt-home-banner__inner {
    max-width: 1180px;
    margin: 0 auto;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 30px;
    text-align: center
}

.mt-home-banner__cnt {
    padding-top: calc(12vh - 40px);
    text-align: center
}

.mt-home-banner__tit {
    font-weight: 400;
    font-size: 72px;
    color: #fff;
    line-height: 108px;
    height: 108px
}

.mt-home-banner__desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-top: 8px;
    color: #fff;
    min-height: 40px
}

.mt-home-banner__desc.mobile {
    display: none;
    margin-top: 8px
}

.mt-home-banner__desc.mobile p {
    font-size: 14px;
    line-height: 20px
}

.mt-home-banner__desc p+p {
    margin-top: 8px
}

.mt-home-banner__btns {
    margin-top: 40px
}

.mt-home-banner__btns .mt-btn {
    margin-right: 24px;
    height: 50px;
    min-width: 152px;
    line-height: 48px;
    font-weight: 400;
    font-size: 16px
}

.mt-home-banner__btns .mt-btn:last-child {
    margin-right: 0
}

@media screen and (any-hover:hover) {

    .mt-home-banner__btns .mt-btn:active,
    .mt-home-banner__btns .mt-btn:hover {
        color: #198cff;
        background-color: #fff
    }
}

.mt-home-banner__btns .btn-free {
    color: #429b2a
}

.mt-home-banner__btns .btn-connect {
    color: #fff;
    border-color: #fff
}

.mt-home-banner__bg {
    display: none
}

.mt-home-banner__obj {
    display: none;
    margin-top: 70px
}

.mt-home-banner__img {
    background-image: url(https://cdn.meeting.tencent.com/pro/NTI1MmQ4OTgtYzRmYi00YWVjLWJmOWQtNDZkYjIzNGQxOTgw.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 30.15%;
    margin: 0 auto
}

.mt-home-banner__btns--outer {
    position: fixed;
    left: 0;
    top: 0;
    transform: translateY(434px);
    z-index: 90;
    width: 100%;
    text-align: center
}

.mt-home-banner__arrow {
    position: absolute;
    left: 50%;
    bottom: 10px
}

.mt-home-banner__arrow:after,
.mt-home-banner__arrow:before {
    content: "";
    display: block;
    width: 28px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAfCAYAAACyLw6QAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFvSURBVHgB1djNTcNAEIbhHdNG6AGOCHGIQLRBqARTCdAGwsoBWRyhBpI2WOMPYhSZeLI/MxP7PUXr7M+j9cnObbWs1ydu4j33DEX3o6pXpXfN+/JtfeMmWlV/Lo5aQ/W6Krsx+n3wM3DXDRYFLeZnsyc3oYBrOQ9/A97dX14cl4TXEjfXnzAl5D/cpi9Hp8X8fPbhXHPbf+h98ziF13UI17QXdN3aaN8fx3yTHO5qc2YKmTBGZAgOUejEMSFDcYhiFhgDMgaHKHahQyJjcWgQyC14CGQKDrFAbmFLZCoO7QVyG1ggc3AoCMhtpInMxaFgILehBlICh6KA3MaSSCkcigZyB5BASuJQEpA7SA5SGoeSgdyBUpAaOJQFRBJILRzKBqIcpCYOiQBRClIbh8SAKAZpgUOiQBSCtMIhcSDikN57ssIhFSAaQu5KC4fUgCgEqYlDqkDEIbVxSB2IdiEtcMgEiLaRVjjzgHwx/lr+DUmbOcjGrPs+AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: contain;
    opacity: 0;
    animation: mt-home-banner__arrow 1.8s cubic-bezier(.33, 0, .67, 1) infinite
}

.mt-home-banner__arrow:before {
    animation-delay: 267ms;
    margin-bottom: -16px
}

.mt-home-banner.hide-arrow .mt-home-banner__arrow {
    display: none
}

@keyframes mt-home-banner__arrow {
    0% {
        transform: translateY(-46px) scale(.5);
        opacity: 0
    }

    48.1666666667% {
        transform: translateY(-46px) scale(.5);
        opacity: 0
    }

    88.8888888889% {
        transform: translateY(0) scale(1);
        opacity: 1
    }

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

@media (min-width:1200px) and (max-height:900px),
screen and (min-width:1200px) and (max-width:1920px) {
    .mt-home-banner__tit {
        font-size: 60px;
        line-height: 90px;
        height: 90px
    }

    .mt-home-banner__desc {
        margin-top: 8px;
        font-size: 16px;
        line-height: 20px
    }

    .mt-home-banner__btns {
        margin-top: 40px
    }

    .mt-home-banner__btns--outer {
        transform: translateY(366px)
    }
}

@media screen and (max-width:1199px) {
    .mt-home-banner {
        height: auto;
        min-height: auto;
        position: relative;
        background: #f7fbff
    }

    .mt-home-banner__inner {
        position: relative;
        padding: 80px 40px
    }

    .mt-home-banner__cnt {
        padding-top: 0
    }

    .mt-home-banner__tit {
        font-size: 36px;
        line-height: 1.5;
        height: auto
    }

    .mt-home-banner__desc {
        display: none;
        max-width: 320px;
        margin: 8px auto 0;
        font-size: 14px;
        line-height: 1.5
    }

    .mt-home-banner__desc.mobile {
        display: block
    }

    .mt-home-banner__btns {
        margin-top: 25px
    }

    .mt-home-banner__btns .mt-btn {
        height: 32px;
        line-height: 30px;
        font-size: 12px;
        min-width: 96px
    }

    .mt-home-banner__bg {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%
    }

    .mt-home-banner__bg--item {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute
    }

    .mt-home-banner__bg .item-1 {
        background-image: url(https://cdn.meeting.tencent.com/pro/ZjIyMjE2ZjgtZWQyYi00OTlhLWJiODctMzAzN2I5NTg4MmQ5);
        height: 570px;
        width: 100%;
        background-size: 1200px auto;
        background-position: bottom
    }

    .mt-home-banner__bg .item-2 {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg21e2-3dd8719930faefea.png);
        width: 130px;
        height: 118px;
        top: 42%;
        right: 50%;
        margin-right: 300px;
        background-position: center bottom 36%
    }

    .mt-home-banner__bg .item-3 {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg3575-39e12ee3774b0f5c.png);
        width: 75px;
        height: 97px;
        top: 60%;
        left: 50%;
        margin-left: 400px
    }

    .mt-home-banner__obj {
        display: block
    }

    .mt-home-banner__img {
        padding-top: 0;
        height: 330px;
        background-size: auto 100%;
        background-position: bottom
    }

    .mt-home-banner__arrow {
        display: none
    }
}

@media screen and (max-width:900px) {
    .mt-home-banner {
        background: #f7fbff
    }

    .mt-home-banner__bg .item-1 {
        height: 440px;
        top: 0;
        width: 100%;
        background-size: 900px auto;
        background-position: 50%
    }

    .mt-home-banner__bg .item-2 {
        left: auto;
        right: 50%;
        margin-right: 190px
    }

    .mt-home-banner__bg .item-3 {
        left: 50%;
        right: auto;
        margin-left: 270px
    }

    .mt-home-banner__desc {
        display: none;
        max-width: 340px;
        margin: 8px auto 0;
        font-size: 14px
    }

    .mt-home-banner__desc.mobile {
        display: block
    }

    .mt-home-banner__img {
        padding-top: 0;
        height: 246px;
        background-position: 50%;
        background-size: auto 100%
    }
}

@media screen and (max-width:600px) {
    .mt-home-banner__inner {
        padding: 117px 0 25px
    }

    .mt-home-banner__tit {
        font-size: 28px;
        line-height: 42px;
        height: auto
    }

    .mt-home-banner__btns {
        margin-top: 32px
    }

    .mt-home-banner__btns .mt-btn:active {
        color: #fff;
        border-color: #fff
    }

    .mt-home-banner__desc {
        max-width: 295px
    }

    .mt-home-banner__obj {
        margin-top: 64px
    }

    .mt-home-banner__img {
        padding-top: 48.8%;
        background-size: auto 100%;
        background-position: 50%;
        height: 0
    }

    .mt-home-banner__bg .item-1 {
        height: 410px;
        top: -10px;
        width: 100%;
        background-size: auto 103%
    }

    .mt-home-banner__bg .item-2 {
        bottom: 100px;
        left: -80px;
        top: auto
    }

    .mt-home-banner__bg .item-3 {
        left: auto;
        top: auto;
        bottom: 160px;
        right: -55px
    }
}

.mt-home-card {
    max-width: 540px
}

.mt-home-card__lists {
    display: flex;
    flex-direction: column
}

.mt-home-card__inner {
    padding: 32px 0 32px 32px;
    cursor: pointer;
    transition: all .3s linear;
    width: 100%;
    border-radius: 20px
}

@media screen and (any-hover:hover) {
    .mt-home-card:hover .mt-home-card__tit {
        color: #429b2a
    }

    .mt-home-card:hover .mt-home-card__opers .oper-btn:after {
        transform: translateX(4px)
    }
}

.mt-home-card__tit {
    font-weight: 400;
    font-size: 36px;
    line-height: 36px;
    color: #262a47;
    margin-bottom: 24px;
    position: relative
}

.mt-home-card__tit:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #429b2a;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: -26px;
    margin-top: -4px;
    opacity: 1
}

.mt-home-card__desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #616b90;
    margin-bottom: 12px;
    white-space: normal
}

.mt-home-card__opers .oper-btn {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    display: inline-flex;
    align-items: center
}

.mt-home-card__opers .oper-btn:after {
    transition: opacity .3s, transform .4s;
    background-size: contain;
    width: 10px;
    height: 16px
}

@media (min-width:1200px) and (max-height:900px),
screen and (min-width:1200px) and (max-width:1920px) {
    .mt-home-card {
        max-width: 500px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-card__inner {
        padding: 15px 0 15px 24px;
        border-radius: 10px
    }

    .mt-home-card__tit {
        font-size: 18px;
        line-height: 28px;
        color: #0f001a;
        margin-bottom: 4px
    }

    .mt-home-card__tit:before {
        left: -20px
    }

    .mt-home-card__desc {
        margin-bottom: 4px
    }

    .mt-home-card .oper-btn,
    .mt-home-card__desc {
        line-height: 22px;
        font-size: 14px
    }

    .mt-home-card .oper-btn:after {
        width: 7px;
        height: 11px
    }

    .mt-home-card__lists .mt-home-card:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .mt-home-card {
        width: 50%;
        margin-bottom: 0;
        margin-right: 10px
    }

    .mt-home-card__lists {
        flex-direction: row
    }

    .mt-home-card__lists .mt-home-card:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:600px) {
    .mt-home-card {
        width: 100%;
        margin-right: 0
    }

    .mt-home-card__lists {
        flex-direction: column
    }

    .mt-home-card__lists .mt-home-card:last-child {
        margin-bottom: 0
    }
}

.mt-home-container {
    position: relative;
    min-height: 880px;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-home-container__inner {
    padding: 80px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 1650px
}

.mt-home-container__inner.right {
    justify-content: flex-end
}

.mt-home-container__inner.right .mt-home-container__con {
    margin-right: 50px;
    margin-left: 0
}

.mt-home-container__inner.right .mt-home-container__cards {
    order: 1
}

.mt-home-container__con {
    display: flex;
    flex-direction: column;
    margin-left: 28px;
    z-index: 10
}

.mt-home-container__tit {
    font-weight: 400;
    font-size: 60px;
    line-height: 1.5;
    color: #262a47;
    margin-bottom: 40px
}

.mt-home-container__cards {
    flex: 1
}

.mt-home-container__img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 61.111%;
    height: 0;
    display: none
}

@media screen and (max-width:1920px) {
    .mt-home-container__inner {
        max-width: 1440px
    }

    .mt-home-container__con {
        margin-left: 48px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-container {
        height: auto;
        min-height: auto
    }

    .mt-home-container__inner {
        padding-top: 80px;
        padding-bottom: 80px;
        max-width: 1000px
    }

    .mt-home-container__inner.right .mt-home-container__con {
        margin-right: 30px;
        margin-left: 0;
        order: 2
    }

    .mt-home-container__inner.right .mt-home-container__obj {
        width: 60%
    }

    .mt-home-container__tit {
        font-size: 36px;
        width: 100%;
        margin-bottom: 10px;
        white-space: nowrap
    }

    .mt-home-container__img {
        display: block
    }

    .mt-home-container__con {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        flex: 1
    }

    .mt-home-container__obj {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .mt-home-container__inner.right .mt-home-container__tit {
        text-align: center
    }

    .mt-home-container__inner.right .mt-home-container__con {
        margin-right: 0
    }

    .mt-home-container__inner.right .mt-home-container__cards {
        order: 0
    }

    .mt-home-container__inner.right .mt-home-container__img {
        background-size: cover
    }

    .mt-home-container__inner.right .mt-home-container__obj {
        display: none
    }

    .mt-home-container__inner {
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .mt-home-container__con {
        flex-direction: column
    }

    .mt-home-container__cards,
    .mt-home-container__con {
        margin-left: 0;
        width: 100%
    }

    .mt-home-container__obj {
        width: 100%;
        max-width: 400px;
        margin: 24px auto 0
    }

    .mt-home-container__tit {
        text-align: center;
        margin-bottom: 24px
    }
}

@media screen and (max-width:600px) {
    .mt-home-container__inner {
        padding: 32px 24px;
        flex-direction: column;
        align-items: start
    }

    .mt-home-container__con {
        margin-left: 0;
        align-items: flex-start
    }

    .mt-home-container__tit {
        margin-bottom: 10px;
        font-size: 20px
    }

    .mt-home-container__img {
        display: block
    }

    .mt-home-container__cards {
        width: 100%
    }
}

.mt-home-intro {
    position: relative;
    overflow: hidden
}

.mt-home-intro__ball-left {
    position: absolute;
    left: -106px;
    top: -136px;
    width: 491px;
    height: 491px;
    background-image: url(https://cdn.meeting.tencent.com/pro/NDg1ZGY1MDMtODFlYy00NjlkLTkxMGQtOTZkOTkwYmYwYjQ1.png);
    background-size: contain
}

.mt-home-intro__ball-right {
    position: absolute;
    right: -149px;
    top: 160px;
    width: 250px;
    height: 250px;
    background-image: url(https://cdn.meeting.tencent.com/pro/ZGU5YzFhNTgtYjg4OC00MTgzLTliM2UtMmVkMTc3NGNkMGRj.png);
    background-size: contain
}

@media screen and (max-width:1920px) {
    .mt-home-intro__ball-left {
        left: auto;
        right: 50%;
        margin-right: 600px
    }

    .mt-home-intro__ball-right {
        left: 50%;
        right: auto;
        margin-left: 800px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-intro:before {
        width: 195px;
        height: 154px;
        background-image: url(https://cdn.meeting.tencent.com/pro/OGEwMTE4ZWEtMDNlMy00ZjJiLWIwODgtNjliMDE0ZjIwMDc5.png);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
        pointer-events: none
    }

    .mt-home-intro__bg {
        display: none
    }
}

@media screen and (max-width:768px) {
    .mt-home-intro {
        background: linear-gradient(180deg, rgba(238, 245, 253, 0) 15.91%, rgba(229, 238, 251, .5))
    }

    .mt-home-intro:before {
        display: none
    }
}

@media screen and (max-width:600px) {
    .mt-home-intro .mt-home-container__inner {
        padding-top: 74px
    }
}

.mt-home-rooms {
    position: relative;
    height: auto
}

.mt-home-rooms .mt-home-container__inner {
    position: relative;
    z-index: 3
}

.mt-home-rooms__obj {
    display: none;
    width: 100%
}

.mt-home-rooms__img {
    padding-top: 68.8%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.mt-home-rooms__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ebf3fe
}

.mt-home-rooms__bg-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -440px;
    margin-left: -720px;
    width: 1440px;
    height: 880px
}

.mt-home-rooms__bg-tv {
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/tv292-60341ab55856359a.png) 50% no-repeat;
    background-size: contain
}

.mt-home-rooms__bg-tv,
.mt-home-rooms__bg-webinar {
    position: absolute;
    left: 71px;
    top: 105px;
    width: 402px;
    height: 297px
}

.mt-home-rooms__bg-webinar {
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/webinardbf-b11114a7afd0e024.png) 50% no-repeat;
    background-size: contain
}

.mt-home-rooms__bg-meeting {
    position: absolute;
    left: 100px;
    top: 234px;
    width: 1177px;
    height: 675px;
    background: url(https://cdn.meeting.tencent.com/pro/ZTI1ZGM0ZjktOTEyZi00YmE5LTk4NTYtNWE0OGY2OTY1NWRl) 50% no-repeat;
    background-size: contain
}

.mt-home-rooms__bg-rect {
    top: 50%;
    margin-top: -100vh;
    height: 200vh;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgxNSIgaGVpZ2h0PSIxMzA2IiB2aWV3Qm94PSIwIDAgMTgxNSAxMzA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNTA5LjM4OCAwLjM4NzMwNUwxODE0LjE2IDAuMzg3NzcyTDUwOS4zODggMTMwNS4xNkwxMDIuMzY2IDg5OC4xNDFDLTMzLjE0NTcgNzYyLjYzIC0zMy4xNDU4IDU0Mi45MjEgMTAyLjM2NiA0MDcuNDA5TDUwOS4zODggMC4zODczMDVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTA1XzEwNTc1KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEwNV8xMDU3NSIgeDE9IjEzNzgiIHkxPSIxNjM3IiB4Mj0iMTkyMy41NiIgeTI9IjM3MC44NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjAxNTYyNSIgc3RvcC1jb2xvcj0iI0QwREZGQyIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMC4zNzU4MTMiIHN0b3AtY29sb3I9IiNERUU5RkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTVFRUZGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) calc(50% + 108px) calc(50% - 86px) no-repeat
}

.mt-home-rooms__bg-rect,
.mt-home-rooms__bg-rect-right {
    position: absolute;
    left: 50%;
    margin-left: -100vw;
    width: 200vw
}

.mt-home-rooms__bg-rect-right {
    top: 100%;
    margin-top: 130px;
    z-index: 2;
    height: 100%
}

.mt-home-rooms__bg-rect-right:after {
    position: relative;
    left: 50%;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #ebf3fe;
    transform: translateX(-300px) rotate(-45deg);
    transform-origin: top left
}

.mt-home-rooms__bg-ball {
    position: absolute;
    right: -350px;
    top: 200px;
    z-index: 2;
    width: 729px;
    height: 732px;
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ball2cb-6775a57cad3d72a4.svg) 50% no-repeat;
    background-size: contain
}

@media (min-width:1200px) and (max-height:900px),
screen and (min-width:1200px) and (max-width:1920px) {
    .mt-home-rooms__bg-inner {
        transform: scale(.8);
        transform-origin: 200px center
    }

    .mt-home-rooms__bg-ball {
        right: auto;
        left: 50%;
        margin-left: 600px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-rooms {
        position: relative;
        background: #f3f9ff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img-ipad766-57d36cd135872016.jpg) calc(50% - 200px) 50% no-repeat;
        background-size: auto 100%
    }

    .mt-home-rooms:after {
        position: absolute;
        content: "";
        width: 340px;
        height: 314px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/circle-ipada02-70d986c684e25ea9.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        top: 130px;
        right: -180px;
        pointer-events: none
    }

    .mt-home-rooms__bg {
        display: none
    }

    .mt-home-rooms .mt-home-container__inner.right .mt-home-container__obj {
        width: 56%
    }
}

@media screen and (max-width:768px) {
    .mt-home-rooms {
        background: #f3f9ff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img-ipad766-57d36cd135872016.jpg) bottom no-repeat;
        background-size: 600px auto;
        flex-direction: column
    }

    .mt-home-rooms:after {
        top: 200px;
        right: auto;
        left: 50%;
        margin-left: 150px
    }

    .mt-home-rooms .mt-home-container__inner {
        padding-bottom: 420px
    }
}

@media screen and (max-width:600px) {
    .mt-home-rooms {
        background: #f3f9ff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img-phone947-545b7acb9032a76b.jpg) bottom no-repeat;
        background-size: 600px auto
    }

    .mt-home-rooms:after {
        top: 190px;
        right: -160px;
        left: auto;
        margin-left: 0
    }

    .mt-home-rooms .mt-home-container__inner {
        position: relative;
        padding-bottom: 260px
    }
}

.mt-home-open {
    position: relative;
    height: auto
}

.mt-home-open__ball {
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -450px;
    margin-right: 600px;
    width: 370px;
    height: 387px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/circle-pc-left066-62706ebfa3b41435.png);
    background-size: contain
}

@media (min-width:1200px) and (max-height:900px),
screen and (min-width:1200px) and (max-width:1920px) {
    .mt-home-open__ball {
        margin-top: -400px;
        margin-right: 450px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-open {
        position: relative
    }

    .mt-home-open:before {
        width: 250px;
        height: 250px;
        position: absolute;
        content: "";
        background-position: 50%;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/circle-pcde9-b97425ea51fddda5.png);
        background-repeat: no-repeat;
        background-size: contain;
        left: -34px;
        top: -6px
    }

    .mt-home-open__ball {
        display: none
    }

    .mt-home-open .mt-home-container__obj {
        position: relative
    }

    .mt-home-open .mt-home-container__obj:before {
        width: 179px;
        height: 179px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/circle1509-0a4ae30ecc241afd.png);
        top: -18px;
        right: 42px
    }

    .mt-home-open .mt-home-container__obj:after,
    .mt-home-open .mt-home-container__obj:before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        z-index: -1
    }

    .mt-home-open .mt-home-container__obj:after {
        width: 82px;
        height: 82px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/circle2a4d-7a71298a4c3c363d.png);
        bottom: 0;
        left: 12px
    }
}

@media screen and (max-width:768px) {
    .mt-home-open {
        background: linear-gradient(180deg, rgba(238, 245, 253, 0) 15.91%, rgba(229, 238, 251, .5))
    }

    .mt-home-open:before {
        display: none
    }
}

.mt-home-reason {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-color: #f1f7ff;
    height: 100vh;
    max-height: 880px
}

.mt-home-reason__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-imgf81-aec6578447f66df0.jpg);
    background-repeat: no-repeat;
    background-position: calc(50% - 570px) calc(100% + 250px);
    background-size: auto 1200px
}

.mt-home-reason__bg:before {
    position: absolute;
    content: "";
    top: -70px;
    right: -350px;
    width: 667px;
    height: 674px;
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/decorate-pc-righte01-449b9a714567dfa2.png) 50% no-repeat;
    background-size: auto 100%
}

.mt-home-reason__inner {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
    opacity: 0;
    transform: translateY(90px);
    transition: all .5s linear 0s
}

.mt-home-reason__hd {
    margin-bottom: 64px
}

.mt-home-reason__title {
    font-size: 48px;
    line-height: 1.5;
    color: #262a47;
    text-align: center;
    font-weight: 400
}

.mt-home-reason__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-top: 260px
}

.mt-home-reason__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-home-reason__item-icon {
    display: block;
    width: 220px;
    height: 220px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 8px;
    background-size: contain
}

.mt-home-reason__item-icon.icon-safe {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-safe930-d34f71d84d4b0057.svg)
}

.mt-home-reason__item-icon.icon-smooth {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-smooth84b-c594a3cd4c999b19.svg)
}

.mt-home-reason__item-icon.icon-mode {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-modea14-ae4de2bdb8fc8329.svg)
}

.mt-home-reason__item-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: #262a47;
    margin-bottom: 24px
}

.mt-home-reason__item-desc {
    font-size: 20px;
    line-height: 30px;
    color: #616b90;
    max-width: 350px
}

.mt-home-reason__item:nth-child(2) {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.mt-home-reason.show .mt-home-reason__inner {
    opacity: 1;
    transform: translateY(0)
}

@media (min-width:1200px) and (max-height:900px),
screen and (min-width:1200px) and (max-width:1920px) {
    .mt-home-reason {
        max-height: 680px
    }

    .mt-home-reason__bg {
        background-size: auto 900px;
        background-position: calc(50% - 450px) calc(50% + 100px)
    }

    .mt-home-reason__bg:before {
        right: auto;
        left: 50%;
        margin-left: 650px
    }

    .mt-home-reason__list {
        padding-top: 160px
    }

    .mt-home-reason__inner {
        padding-left: 40px;
        padding-right: 40px
    }

    .mt-home-reason__title {
        font-size: 40px;
        line-height: 60px
    }

    .mt-home-reason__item-icon {
        width: 160px;
        height: 160px
    }

    .mt-home-reason__item-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px
    }

    .mt-home-reason__item-desc {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-reason {
        padding: 48px 0;
        height: auto;
        max-height: none
    }

    .mt-home-reason__bg {
        background-position: calc(50% - 150px) calc(100% + 120px);
        background-size: auto 480px
    }

    .mt-home-reason__bg:before {
        display: none
    }

    .mt-home-reason__inner {
        width: 100%
    }

    .mt-home-reason__hd {
        margin-bottom: 30px
    }

    .mt-home-reason__title {
        font-size: 36px;
        line-height: 1.5;
        color: #262a47
    }

    .mt-home-reason__list {
        padding-top: 0;
        justify-content: space-around
    }

    .mt-home-reason__item {
        margin: 0 auto;
        flex-direction: column;
        max-width: 33.3333333333%
    }

    .mt-home-reason__item-icon {
        width: 97px;
        height: 96px;
        margin-right: 0;
        margin-bottom: 8px
    }

    .mt-home-reason__item-icon.icon-safe {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-safe-m78b-7c746f7be2d0bbf9.svg)
    }

    .mt-home-reason__item-icon.icon-smooth {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-smooth-mf70-c28e9fe035653103.svg)
    }

    .mt-home-reason__item-icon.icon-mode {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-mode-mdde-8dd7b7986d327cb0.svg)
    }

    .mt-home-reason__item-title {
        text-align: center;
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 28px;
        color: #0f001a
    }

    .mt-home-reason__item-desc {
        font-size: 14px;
        line-height: 22px;
        color: #565e66;
        text-align: center;
        max-width: 230px
    }

    .mt-home-reason__item:nth-child(2) {
        position: relative;
        top: unset;
        left: unset;
        transform: unset
    }
}

@media screen and (max-width:900px) {
    .mt-home-reason {
        padding: 40px 0
    }

    .mt-home-reason__hd {
        margin-bottom: 22px
    }

    .mt-home-reason__title {
        font-size: 32px
    }
}

@media screen and (max-width:650px) {
    .mt-home-reason {
        background-image: none;
        background-color: #fff
    }

    .mt-home-reason__bg {
        display: none
    }

    .mt-home-reason:after {
        content: "";
        position: absolute;
        left: 0;
        top: 13px;
        width: 135px;
        height: 312px;
        background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/decorate-left470-5adc5dc53ad5d2aa.png) 50% no-repeat;
        background-size: auto 100%
    }

    .mt-home-reason:before {
        display: block;
        content: "";
        width: 186px;
        height: 354px;
        position: absolute;
        right: 0;
        top: 370px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/decorate-right8d9-359011d5f0d51b66.png);
        background-size: contain
    }

    .mt-home-reason__list {
        justify-content: center;
        flex-direction: column;
        margin-bottom: -48px
    }

    .mt-home-reason__item {
        margin-bottom: 48px;
        flex-direction: column;
        max-width: 100%
    }
}

@media screen and (max-width:600px) {
    .mt-home-reason {
        padding: 32px 0
    }

    .mt-home-reason__hd {
        margin-bottom: 24px
    }

    .mt-home-reason__title {
        font-size: 20px
    }

    .mt-home-reason__item {
        max-width: 100%
    }
}

.mt-user-comment {
    box-sizing: border-box;
    padding: 112px 0 127px;
    background: linear-gradient(0deg, #f7fafd, #f7fafd), #eef5fd;
    overflow: hidden
}

.mt-user-comment,
.mt-user-comment__inner {
    position: relative
}

.mt-user-comment__ball {
    position: absolute;
    width: 309px;
    height: 309px;
    border-radius: 50%;
    right: 50%;
    top: 217px;
    margin-right: 400px;
    background: linear-gradient(255.76deg, #53d530 23.09%, #89bcff 83.15%);
    opacity: .69;
    box-shadow: inset 0 -6px 13px #fff
}

.mt-user-comment__hd {
    margin-bottom: 112px;
    text-align: center
}

.mt-user-comment__title {
    color: #262a47;
    font-size: 60px;
    line-height: 90px
}

.mt-user-comment__desc {
    font-size: 20px;
    line-height: 32px;
    color: #616c91;
    max-width: 880px;
    margin: 24px auto 0
}

.mt-user-comment__bd {
    position: relative
}

.mt-user-comment__bd-render {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 30px
}

.mt-user-comment__list,
.mt-user-comment__slidebar {
    position: relative
}

.mt-user-comment__slidebar .mt-user-comment__card {
    width: 480px
}

.mt-user-comment__card {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), inset 2px 0 1px hsla(0, 0%, 100%, .25), inset -2px 1px 2px hsla(0, 0%, 100%, .33);
    border-radius: 20px;
    overflow: hidden;
    transition: transform .33s ease-in-out;
    cursor: pointer;
    height: 100%
}

.mt-user-comment__card-inner {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 32px 40px 40px;
    height: 100%;
    display: flex;
    flex-direction: column
}

.mt-user-comment__card-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    max-height: 74px
}

.mt-user-comment__card-user {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    width: 1px
}

.mt-user-comment__card-avatar {
    width: 88px;
    height: 88px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #c4c4c4;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 16px;
    flex-shrink: 0
}

.mt-user-comment__card-name {
    font-size: 36px;
    line-height: 1.5;
    color: #0f001a
}

.mt-user-comment__card-position {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(15, 0, 26, .5)
}

.mt-user-comment__card-logo {
    width: 156px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.mt-user-comment__card-logo img {
    vertical-align: middle;
    width: 100%;
    height: auto
}

.mt-user-comment__card-bd {
    padding-top: 30px;
    position: relative;
    box-sizing: border-box;
    flex: 1
}

.mt-user-comment__card-bd:after,
.mt-user-comment__card-bd:before {
    z-index: 9;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: .5
}

.mt-user-comment__card-bd:before {
    width: 23px;
    height: 22px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODkzNjIgMTEuNzMzM0g5Ljc4NzIzVjIySDBWMTMuMkMwIDYuMzU1NTYgMy40MjU1MyAxLjk1NTU2IDEwLjI3NjYgMFYzLjkxMTExQzYuMzYxNyA1Ljg2NjY3IDQuODkzNjIgOC4zMTExMSA0Ljg5MzYyIDExLjczMzNaTTE3LjYxNyAxMS43MzMzSDIyLjUxMDZWMjJIMTIuNzIzNFYxMy4yQzEyLjcyMzQgNi4zNTU1NiAxNi4xNDg5IDEuOTU1NTYgMjMgMFYzLjkxMTExQzE5LjA4NTEgNS44NjY2NyAxNy42MTcgOC4zMTExMSAxNy42MTcgMTEuNzMzM1oiIGZpbGw9IiNENEQ3RTEiLz4KPC9zdmc+Cg==);
    top: 0;
    left: -8px
}

.mt-user-comment__card-bd:after {
    width: 37px;
    height: 35px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNyAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5LjEyNzcgMTguNjY2N0gyMS4yNTUzVjM1SDM3VjIxQzM3IDEwLjExMTEgMzEuNDg5NCAzLjExMTExIDIwLjQ2ODEgMFY2LjIyMjIyQzI2Ljc2NiA5LjMzMzMzIDI5LjEyNzcgMTMuMjIyMiAyOS4xMjc3IDE4LjY2NjdaTTguNjU5NTggMTguNjY2N0gwLjc4NzIzNVYzNUgxNi41MzE5VjIxQzE2LjUzMTkgMTAuMTExMSAxMS4wMjEzIDMuMTExMTEgMCAwVjYuMjIyMjJDNi4yOTc4NyA5LjMzMzMzIDguNjU5NTggMTMuMjIyMiA4LjY1OTU4IDE4LjY2NjdaIiBmaWxsPSIjRDREN0UxIi8+Cjwvc3ZnPgo=);
    bottom: -8px;
    right: -8px
}

.mt-user-comment__card-comment {
    font-size: 16px;
    line-height: 1.5;
    color: #424243
}

.mt-user-comment__card:hover {
    transform: translate3d(0, -20px, 0)
}

.mt-user-comment__ft {
    display: none
}

.mt-user-comment.v2 {
    padding-top: 72px;
    padding-bottom: 72px
}

.mt-user-comment.v2 .mt-user-comment__hd {
    margin-bottom: 64px
}

.mt-user-comment.v2 .mt-user-comment__title {
    font-size: 48px;
    line-height: 1.5
}

.mt-user-comment.v2 .mt-user-comment__desc {
    font-size: 20px;
    line-height: 1.5
}

.mt-user-comment--logos .mt-logo__swiper {
    margin: 56px auto 0
}

.mt-user-comment--logos .mt-user-comment__ft {
    display: block;
    text-align: center;
    margin-top: 48px
}

@media screen and (max-width:1920px) {
    .mt-user-comment.v2 {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .mt-user-comment.v2 .mt-user-comment__hd {
        margin-bottom: 48px
    }

    .mt-user-comment.v2 .mt-user-comment__title {
        font-size: 40px;
        line-height: 1.5
    }

    .mt-user-comment.v2 .mt-user-comment__desc {
        font-size: 20px;
        line-height: 1.5
    }
}

@media screen and (max-width:1199px) {
    .mt-user-comment {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .mt-user-comment:before {
        opacity: 1;
        left: -45px;
        width: 179px;
        height: 179px;
        top: 259px;
        background: linear-gradient(255.76deg, rgba(0, 111, 255, .7) 23.09%, rgba(137, 188, 255, .7) 83.15%);
        box-shadow: inset 0 -6px 13px #fff;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px)
    }

    .mt-user-comment__ball {
        left: 200px;
        top: 150px;
        width: 250px;
        height: 250px
    }

    .mt-user-comment__title {
        font-size: 20px;
        line-height: 30px
    }

    .mt-user-comment__desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 22px;
        color: #565e66;
        max-width: 600px
    }

    .mt-user-comment__hd {
        margin-bottom: 24px
    }

    .mt-user-comment__card {
        width: 100%;
        border-radius: 12px
    }

    .mt-user-comment__card-inner {
        padding: 24px
    }

    .mt-user-comment__card-hd {
        margin-bottom: 7px
    }

    .mt-user-comment__card-avatar {
        width: 48px;
        height: 48px;
        margin-right: 12px
    }

    .mt-user-comment__card-name {
        font-size: 18px;
        line-height: 1.5
    }

    .mt-user-comment__card-position {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.5
    }

    .mt-user-comment__card-logo {
        width: 80px;
        height: 48px
    }

    .mt-user-comment__card-bd {
        padding-top: 13px
    }

    .mt-user-comment__card-bd:before {
        width: 14px;
        height: 13px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuODQwMDUgNi44MDk1M0g1LjY4MDA5VjEyLjc2NzlIMFY3LjY2MDcyQzAgMy42ODg0OSAxLjk4ODAzIDEuMTM0OTIgNS45NjQxIDBWMi4yNjk4NEMzLjY5MjA2IDMuNDA0NzYgMi44NDAwNSA0LjgyMzQxIDIuODQwMDUgNi44MDk1M1pNMTAuMjI0MiA2LjgwOTUzSDEzLjA2NDJWMTIuNzY3OUg3LjM4NDEyVjcuNjYwNzJDNy4zODQxMiAzLjY4ODQ5IDkuMzcyMTUgMS4xMzQ5MiAxMy4zNDgyIDBWMi4yNjk4NEMxMS4wNzYyIDMuNDA0NzYgMTAuMjI0MiA0LjgyMzQxIDEwLjIyNDIgNi44MDk1M1oiIGZpbGw9IiNENEQ3RTEiLz4KPC9zdmc+Cg==);
        left: -9px
    }

    .mt-user-comment__card-bd:after {
        width: 21px;
        height: 20px;
        right: 0;
        bottom: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUzMTkgMTAuNjY2N0gxMi4wNjM4VjIwSDIxVjEyQzIxIDUuNzc3NzggMTcuODcyMyAxLjc3Nzc4IDExLjYxNyAwVjMuNTU1NTZDMTUuMTkxNSA1LjMzMzMzIDE2LjUzMTkgNy41NTU1NiAxNi41MzE5IDEwLjY2NjdaTTQuOTE0ODkgMTAuNjY2N0gwLjQ0NjgxVjIwSDkuMzgyOThWMTJDOS4zODI5OCA1Ljc3Nzc4IDYuMjU1MzIgMS43Nzc3OCAwIDBWMy41NTU1NkMzLjU3NDQ3IDUuMzMzMzMgNC45MTQ4OSA3LjU1NTU2IDQuOTE0ODkgMTAuNjY2N1oiIGZpbGw9IiNENEQ3RTEiLz4KPC9zdmc+Cg==)
    }

    .mt-user-comment__card-comment {
        font-size: 14px;
        line-height: 24px
    }

    .mt-user-comment__card:hover {
        transform: unset
    }

    .mt-user-comment__ft {
        display: block
    }

    .mt-user-comment__more a {
        font-size: 14px;
        line-height: 32px;
        color: #429b2a
    }

    .mt-user-comment__more a:after {
        width: 15px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy41IDFMNy41IDdMMS41IDEiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
    }

    .mt-user-comment__slidebar {
        margin-bottom: -80px
    }

    .mt-user-comment__slidebar .mt-user-comment__card {
        width: 360px
    }

    .mt-user-comment.v2 {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .mt-user-comment.v2 .mt-user-comment__hd {
        margin-bottom: 40px
    }

    .mt-user-comment.v2 .mt-user-comment__title {
        font-size: 36px;
        line-height: 1.5
    }

    .mt-user-comment.v2 .mt-user-comment__desc {
        font-size: 14px;
        line-height: 1.5
    }
}

@media screen and (max-width:900px) {
    .mt-user-comment.v2 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .mt-user-comment.v2 .mt-user-comment__hd {
        margin-bottom: 32px
    }

    .mt-user-comment.v2 .mt-user-comment__title {
        font-size: 32px;
        line-height: 1.5
    }

    .mt-user-comment.v2 .mt-user-comment__desc {
        font-size: 14px;
        line-height: 1.5
    }
}

@media screen and (max-width:600px) {
    .mt-user-comment {
        padding: 32px 24px
    }

    .mt-user-comment__ball {
        width: 180px;
        height: 180px;
        left: -45px;
        top: 276px;
        right: auto;
        bottom: auto
    }

    .mt-user-comment__list.mt-grid__row.mt-grid--gutter-phone-6n {
        margin-bottom: -16px
    }

    .mt-user-comment__list.mt-grid__row.mt-grid--gutter-phone-6n>.mt-grid__col {
        margin-bottom: 16px
    }

    .mt-user-comment__card-bd:after {
        display: none
    }

    .mt-user-comment.v2 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .mt-user-comment.v2 .mt-user-comment__hd {
        margin-bottom: 24px
    }

    .mt-user-comment.v2 .mt-user-comment__title {
        font-size: 20px;
        line-height: 1.5
    }

    .mt-user-comment.v2 .mt-user-comment__desc {
        font-size: 14px;
        line-height: 1.5
    }

    .mt-user-comment--logos .mt-logo__swiper {
        padding: 0;
        margin-top: 30px
    }

    .mt-user-comment--logos .mt-user-comment__ft {
        margin-top: 20px
    }

    .mt-user-comment__bd-render {
        padding: 0
    }

    .mt-user-comment__bd-render .mt-tabs__swiper-tabs {
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0
    }
}

.mt-home-animation .ani-01-module {
    left: 50%;
    bottom: 28%;
    margin-left: -640px;
    width: 1751px;
    height: 1920px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-01-module641-94f57be0b0d03ded.svg);
    background-position: 100% 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform-origin: bottom right;
    opacity: 1
}

.mt-home-animation.animate1 .ani-01-module {
    animation: animate1-ani01module .28s forwards
}

.mt-home-animation.is-actived .ani-01-module {
    animation: none;
    opacity: 1
}

.mt-home-animation .ani-01-circle1-wrap {
    right: 50%;
    bottom: 33.1818%;
    margin-right: 412px;
    width: 490px;
    height: 495px
}

.mt-home-animation .ani-01-circle1 {
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-01-circle1c10-91249d5495c9cdbf.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation.animate1 .ani-01-circle1 {
    animation: animate1-ani01circle .52s .2s forwards
}

.mt-home-animation.is-actived .ani-01-circle1 {
    animation: none;
    opacity: 1;
    transform: translateY(0) rotate(0deg)
}

@keyframes animate1-ani01circle {
    0% {
        opacity: 0;
        transform: translateY(312px) rotate(80deg)
    }

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

.mt-home-animation .ani-01-circle2 {
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-01-circle2beb-cff18f45397ec9b6.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation .ani-01-circle2-wrap {
    left: 50%;
    bottom: 23.8636%;
    margin-left: 102px;
    margin-bottom: 110px;
    width: 658px;
    height: 630px
}

.mt-home-animation.animate1 .ani-01-circle2 {
    animation: animate1-ani01circle2 .52s .2s forwards
}

.mt-home-animation.is-actived .ani-01-circle2 {
    animation: none;
    opacity: 1;
    transform: translate(0) rotate(0deg)
}

@keyframes animate1-ani01circle2 {
    0% {
        opacity: 0;
        transform: translate(150px, 172px) rotate(50deg)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0deg)
    }
}

.mt-home-animation .ani-01-computer {
    left: 50%;
    bottom: calc(8% + 64px);
    margin-left: -520px;
    width: 1155px;
    height: 521px;
    transform-origin: bottom right;
    opacity: 0;
    transition: opacity .6s ease-in-out
}

.mt-home-animation .ani-01-computer:after {
    position: relative;
    content: "";
    display: block;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/pro/OTVjNDkxYTMtNmQ5Mi00ZjNjLWJlYzMtNDcxZjAxNzU2YTdi.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-animation .ani-01-computer-shadow {
    position: absolute;
    left: -186px;
    top: -478px;
    width: 1500px;
    height: 918px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-01-computer-shadowbaa-c89799b371cb19d4.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-animation.animate1 .ani-01-computer {
    opacity: 1
}

.mt-home-animation .ani-02-homepage {
    left: 50%;
    bottom: 50%;
    margin-left: -88px;
    margin-bottom: -135px;
    width: 457px;
    height: 305px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-02-homepagee24-7c3e1393123fa5e2.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation.animate2 .ani-02-homepage {
    animation: animate2-ani02homepage .4s .4s forwards
}

.mt-home-animation.animate1-reverse .ani-02-homepage {
    opacity: 1;
    transform: translate(0);
    animation: animate2-ani02homepage-reverse .4s .48s forwards
}

.mt-home-animation.animate2-reverse .ani-02-homepage,
.mt-home-animation.animate3 .ani-02-homepage {
    opacity: 1;
    transform: translate(0)
}

.mt-home-animation.animate3 .ani-02-homepage {
    animation: animate3-ani02homepage .52s forwards
}

.mt-home-animation.animate2-reverse .ani-02-homepage {
    bottom: 100%;
    margin-bottom: 0;
    animation: animate3-ani02homepage-reverse .52s .96s forwards
}

@keyframes animate2-ani02homepage {
    0% {
        opacity: 0;
        transform: translate(-410px, -150px)
    }

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

@keyframes animate2-ani02homepage-reverse {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-410px, -150px)
    }
}

@keyframes animate3-ani02homepage {
    0% {
        bottom: 50%;
        margin-bottom: -88px
    }

    to {
        bottom: 100%;
        margin-bottom: 0
    }
}

@keyframes animate3-ani02homepage-reverse {
    0% {
        bottom: 100%;
        margin-bottom: 0
    }

    to {
        bottom: 50%;
        margin-bottom: -88px
    }
}

.mt-home-animation .ani-02-frame {
    left: 50%;
    bottom: 50%;
    margin-left: 472px;
    margin-bottom: -180px;
    width: 181px;
    height: 307px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-02-frameb2e-a1bf56ea9431924b.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation.animate2 .ani-02-frame {
    animation: animate2-ani02frame .4s .4s forwards
}

.mt-home-animation.animate1-reverse .ani-02-frame {
    opacity: 1;
    transform: translate(0);
    animation: animate2-ani02frame-reverse .4s .48s forwards
}

.mt-home-animation.animate2-reverse .ani-02-frame,
.mt-home-animation.animate3 .ani-02-frame {
    opacity: 1;
    transform: translate(0)
}

.mt-home-animation.animate3 .ani-02-frame {
    animation: animate3-ani02frame .52s .04s forwards
}

.mt-home-animation.animate2-reverse .ani-02-frame {
    bottom: 100%;
    margin-bottom: 0;
    animation: animate3-ani02frame-reverse .52s .92s forwards
}

@keyframes animate2-ani02frame {
    0% {
        opacity: 0;
        transform: translate(92px, -56px)
    }

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

@keyframes animate2-ani02frame-reverse {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(92px, -56px)
    }
}

@keyframes animate3-ani02frame {
    0% {
        bottom: 50%;
        margin-bottom: -132px;
        opacity: 1
    }

    to {
        bottom: 100%;
        margin-bottom: 0;
        opacity: 0
    }
}

@keyframes animate3-ani02frame-reverse {
    0% {
        bottom: 100%;
        margin-bottom: 0
    }

    to {
        bottom: 50%;
        margin-bottom: -132px
    }
}

.mt-home-animation .ani-02-record {
    left: 50%;
    bottom: 50%;
    margin-left: 414px;
    margin-bottom: -120px;
    width: 265px;
    height: 264px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-02-record791-f518e605fcbf5213.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation.animate2 .ani-02-record {
    animation: animate2-ani02record .4s .88s forwards
}

.mt-home-animation.animate1-reverse .ani-02-record {
    opacity: 1;
    transform: translate(0) scale(1);
    animation: animate2-ani02record-reverse .4s forwards
}

.mt-home-animation.animate2-reverse .ani-02-record,
.mt-home-animation.animate3 .ani-02-record {
    opacity: 1;
    transform: translate(0) scale(1)
}

.mt-home-animation.animate3 .ani-02-record {
    animation: animate3-ani02record .24s .04s forwards
}

.mt-home-animation.animate2-reverse .ani-02-record {
    opacity: 0;
    transform: translateY(-116px) scale(1);
    animation: animate3-ani02record-reverse .24s .92s forwards
}

@keyframes animate2-ani02record {
    0% {
        opacity: 0;
        transform: translateY(42px) scale(.56)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes animate2-ani02record-reverse {
    0% {
        opacity: 1;
        transform: translate(0) scale(1)
    }

    to {
        opacity: 0;
        transform: translateY(42px) scale(.56)
    }
}

@keyframes animate3-ani02record {
    0% {
        opacity: 1;
        transform: translate(0) scale(1)
    }

    to {
        opacity: 0;
        transform: translateY(-116px) scale(1)
    }
}

@keyframes animate3-ani02record-reverse {
    0% {
        opacity: 0;
        transform: translateY(-116px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

.mt-home-animation .ani-02-toolbar {
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-02-toolbar2dc-eab9bd226d0ac56e.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: auto 100%
}

.mt-home-animation .ani-02-toolbar-wrap {
    left: 50%;
    bottom: 50%;
    margin-left: 12px;
    margin-bottom: -250px;
    width: 311px;
    height: 91px;
    opacity: 0
}

.mt-home-animation.animate2 .ani-02-toolbar {
    animation: animate2-ani02toolbar .48s .88s forwards
}

.mt-home-animation.animate1-reverse .ani-02-toolbar {
    width: 100%;
    animation: animate2-ani02toolbar-reverse .48s forwards
}

.mt-home-animation.animate2-reverse .ani-02-toolbar,
.mt-home-animation.animate3 .ani-02-toolbar {
    width: 100%
}

.mt-home-animation.animate2-reverse .ani-02-toolbar-wrap,
.mt-home-animation.animate3 .ani-02-toolbar-wrap {
    opacity: 1
}

.mt-home-animation.animate3 .ani-02-toolbar-wrap {
    animation: animate3-ani02toolbar .52s forwards
}

.mt-home-animation.animate2-reverse .ani-02-toolbar-wrap {
    bottom: 100%;
    margin-bottom: 0;
    animation: animate3-ani02toolbar-reverse .52s .96s forwards
}

@keyframes animate2-ani02toolbar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes animate2-ani02toolbar-reverse {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes animate3-ani02toolbar {
    0% {
        bottom: 50%;
        margin-bottom: -208px
    }

    to {
        bottom: 100%;
        margin-bottom: 0
    }
}

@keyframes animate3-ani02toolbar-reverse {
    0% {
        bottom: 100%;
        margin-bottom: 0
    }

    to {
        bottom: 50%;
        margin-bottom: -208px
    }
}

.mt-home-animation .ani-02-popup {
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation .ani-02-popup-wrap {
    left: 50%;
    bottom: 50%;
    margin-left: 32px;
    margin-bottom: -190px;
    width: 120px;
    height: 28px;
    box-sizing: border-box;
    opacity: 0
}

.mt-home-animation .ani-02-popup:nth-child(odd) {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-02-popup-shorta9e-71498483b6701354.png)
}

.mt-home-animation .ani-02-popup:nth-child(2n) {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-02-popup-long4c3-d515469904de0cfd.png)
}

.mt-home-animation .ani-02-popup:first-child {
    animation: animate2-ani02popup 1.92s 1.4s infinite
}

.mt-home-animation .ani-02-popup:nth-child(2) {
    animation: animate2-ani02popup 1.92s 1.88s infinite
}

.mt-home-animation .ani-02-popup:nth-child(3) {
    animation: animate2-ani02popup 1.92s 2.36s infinite
}

.mt-home-animation .ani-02-popup:nth-child(4) {
    animation: animate2-ani02popup 1.92s 2.84s infinite
}

@keyframes animate2-ani02popup {
    0% {
        opacity: 0;
        transform: translateY(0)
    }

    18% {
        opacity: 1;
        transform: translateY(-32px)
    }

    27% {
        opacity: 1;
        transform: translateY(-32px)
    }

    45% {
        opacity: 1;
        transform: translateY(-64px)
    }

    54% {
        opacity: 1;
        transform: translateY(-64px)
    }

    72% {
        opacity: 1;
        transform: translateY(-96px)
    }

    81% {
        opacity: 1;
        transform: translateY(-96px)
    }

    to {
        opacity: 0;
        transform: translateY(-128px)
    }
}

.mt-home-animation .ani-03-wrap {
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f8ff;
    opacity: 0
}

@media screen and (min-width:1920px) {

    .mt-home-animation .ani-03-wrap:after,
    .mt-home-animation .ani-03-wrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 200px;
        box-sizing: border-box;
        pointer-events: none
    }

    .mt-home-animation .ani-03-wrap:before {
        left: 50%;
        margin-left: -962px;
        background: linear-gradient(90deg, #f2f8ff, rgba(242, 248, 255, 0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f8ff", endColorstr="#00f2f8ff", GradientType=1)
    }

    .mt-home-animation .ani-03-wrap:after {
        right: 50%;
        margin-right: -962px;
        background: linear-gradient(90deg, rgba(242, 248, 255, 0), #f2f8ff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2f8ff", endColorstr="#f2f8ff", GradientType=1)
    }
}

.mt-home-animation.animate2-reverse .ani-03-wrap,
.mt-home-animation.animate3 .ani-03-wrap {
    opacity: 1
}

.mt-home-animation.animate3 .ani-03-wrap {
    animation: animate3-ani03wrap .64s .2s forwards
}

.mt-home-animation.animate2-reverse .ani-03-wrap {
    top: 0;
    animation: animate3-ani03wrap-reverse .64s .56s forwards
}

.mt-home-animation.animate3-reverse .ani-03-wrap,
.mt-home-animation.animate4 .ani-03-wrap {
    opacity: 1;
    top: 0
}

@keyframes animate3-ani03wrap {
    0% {
        top: 100%
    }

    to {
        top: 0
    }
}

@keyframes animate3-ani03wrap-reverse {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.mt-home-animation .ani-03-background {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/pro/MDYyOTQzODYtYjI0MS00MGNmLWIzZjctYTJmZGNhMTEyOGRl.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.mt-home-animation .ani-03-circle1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 70px;
    margin-top: 234px;
    width: 129px;
    height: 129px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-03-circle126c-b5ab064124373fdd.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-animation.animate2-reverse .ani-03-circle1,
.mt-home-animation.animate3 .ani-03-circle1 {
    opacity: 1
}

.mt-home-animation.animate3 .ani-03-circle1 {
    animation: animate3-ani03circle1-position 1s .92s forwards, animate3-ani03circle1-transform 1.5s 1.92s forwards
}

.mt-home-animation.animate2-reverse .ani-03-circle1 {
    margin-top: 190px;
    animation: animate3-ani03circle1-transform-reverse .56s forwards
}

.mt-home-animation.animate3-reverse .ani-03-circle1,
.mt-home-animation.animate4 .ani-03-circle1 {
    opacity: 1;
    z-index: 2
}

.mt-home-animation.animate4 .ani-03-circle1 {
    animation: animate4-ani03circle1 .52s .12s forwards
}

.mt-home-animation.animate3-reverse .ani-03-circle1 {
    transform: translate(-460px, 358px);
    animation: animate4-ani03circle1-reverse .52s .4s forwards
}

@keyframes animate3-ani03circle1-position {
    0% {
        margin-top: 234px
    }

    to {
        margin-top: 190px
    }
}

@keyframes animate3-ani03circle1-transform {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(44px)
    }
}

@keyframes animate3-ani03circle1-transform-reverse {
    0% {
        transform: translateY(44px);
        opacity: 1
    }

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

@keyframes animate4-ani03circle1 {
    0% {
        transform: translateY(44px)
    }

    to {
        transform: translate(-460px, 358px)
    }
}

@keyframes animate4-ani03circle1-reverse {
    0% {
        transform: translate(-460px, 358px)
    }

    to {
        transform: translateY(44px)
    }
}

.mt-home-animation .ani-04-background {
    bottom: 50%;
    left: 100%;
    width: 0;
    height: 0;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(50%);
    opacity: 0
}

.mt-home-animation.animate3-reverse .ani-04-background,
.mt-home-animation.animate4 .ani-04-background {
    opacity: 1
}

.mt-home-animation.animate4 .ani-04-background {
    animation: animate4-ani04background .4s .08s forwards
}

.mt-home-animation.animate3-reverse .ani-04-background {
    bottom: 50%;
    left: 50%;
    width: 3000px;
    height: 3000px;
    transform: translate(-50%, 50%);
    animation: animate4-ani04background-reverse .4s .4s forwards
}

@keyframes animate4-ani04background {
    0% {
        bottom: 50%;
        left: 100%;
        width: 0;
        height: 0;
        transform: translateY(50%)
    }

    to {
        bottom: 50%;
        left: 50%;
        width: 3000px;
        height: 3000px;
        transform: translate(-50%, 50%)
    }
}

@keyframes animate4-ani04background-reverse {
    0% {
        bottom: 50%;
        left: 50%;
        width: 3000px;
        height: 3000px;
        transform: translate(-50%, 50%)
    }

    to {
        bottom: 50%;
        left: 100%;
        width: 0;
        height: 0;
        transform: translateY(50%)
    }
}

.mt-home-animation .ani-04-wrap {
    top: 100%;
    left: 50%;
    margin-left: 60px;
    transform: translateY(310px);
    opacity: 0
}

.mt-home-animation.animate3-reverse .ani-04-wrap,
.mt-home-animation.animate4 .ani-04-wrap {
    opacity: 1
}

.mt-home-animation.animate4 .ani-04-wrap {
    animation: animate4-ani04wrap .44s .2s forwards
}

.mt-home-animation.animate3-reverse .ani-04-wrap {
    top: 50%;
    transform: translateY(-200px);
    animation: animate4-ani04wrap-reverse .44s .4s forwards
}

@keyframes animate4-ani04wrap {
    0% {
        top: 100%;
        transform: translateY(310px)
    }

    to {
        top: 50%;
        transform: translateY(-200px)
    }
}

@keyframes animate4-ani04wrap-reverse {
    0% {
        top: 50%;
        transform: translateY(-200px)
    }

    to {
        top: 100%;
        transform: translateY(310px)
    }
}

.mt-home-animation .ani-04-computer {
    position: relative;
    width: 560px;
    height: 400px;
    background-image: url(https://cdn.meeting.tencent.com/pro/YTk1MDllYmEtNzY5ZS00N2I4LWIxOTItY2Y5YzU0MTMyZTdi.png)
}

.mt-home-animation .ani-04-computer,
.mt-home-animation .ani-04-window {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-animation .ani-04-window {
    position: absolute;
    top: 176px;
    left: -120px;
    width: 243px;
    height: 142px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-window194-a010eb11a4b85a34.png)
}

.mt-home-animation.animate4 .ani-04-window {
    animation: animate4-ani04window .4s 2.08s forwards
}

.mt-home-animation.animate3-reverse .ani-04-window {
    transform: translate(28px, 2px);
    animation: animate4-ani04window-reverse .4s forwards
}

@keyframes animate4-ani04window {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(28px, 2px)
    }
}

@keyframes animate4-ani04window-reverse {
    0% {
        transform: translate(28px, 2px)
    }

    to {
        transform: translate(0)
    }
}

.mt-home-animation .ani-04-toolbar {
    position: absolute;
    bottom: -14px;
    left: 45px;
    width: 476px;
    height: 59px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-toolbaraf6-a636e46c60d6541a.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transform: translate(0)
}

.mt-home-animation.animate4 .ani-04-toolbar {
    animation: animate4-ani04toolbar .4s 2.08s forwards
}

.mt-home-animation.animate3-reverse .ani-04-toolbar {
    transform: translate(79px, 21px);
    animation: animate4-ani04toolbar-reverse .4s forwards
}

@keyframes animate4-ani04toolbar {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(79px, 21px)
    }
}

@keyframes animate4-ani04toolbar-reverse {
    0% {
        transform: translate(79px, 21px)
    }

    to {
        transform: translate(0)
    }
}

.mt-home-animation .ani-04-circle1 {
    position: absolute;
    left: -19px;
    bottom: -88px;
    width: 166px;
    height: 166px
}

.mt-home-animation .ani-04-circle1-inner {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-circle16da-326335113400a504.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-animation.animate4 .ani-04-circle1-inner {
    animation: animate4-ani04circle1inner 3.2s linear 1.8s infinite
}

@keyframes animate4-ani04circle1inner {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

.mt-home-animation .ani-04-circle2 {
    position: absolute;
    top: -78px;
    right: -152px;
    width: 309px;
    height: 309px
}

.mt-home-animation .ani-04-circle2-inner {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-circle2ea4-bd6143551af426d1.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-animation.animate4 .ani-04-circle2-inner {
    animation: animate4-ani04circle2inner 3s linear 1.8s infinite
}

@keyframes animate4-ani04circle2inner {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

.mt-home-animation .ani-04-icon1 {
    bottom: 80px;
    right: 32px;
    width: 74px;
    height: 75px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-icon1609-3e69827a4298dcdd.png)
}

.mt-home-animation .ani-04-icon1,
.mt-home-animation .ani-04-icon2 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 1;
    transform: scale(1.1)
}

.mt-home-animation .ani-04-icon2 {
    bottom: 195px;
    right: -36px;
    width: 99px;
    height: 101px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-icon2a9f-83675652c3dfbfb3.png)
}

.mt-home-animation .ani-04-icon3 {
    position: absolute;
    bottom: 96px;
    right: -172px;
    width: 121px;
    height: 125px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-04-icon3ff3-68dff2cf33e20438.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 1;
    transform: scale(1.1)
}

.mt-home-animation {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.mt-home-animation .ani-elem {
    position: absolute;
    box-sizing: border-box
}

.mt-home-animation.static .ani-elem,
.mt-home-animation.static .ani-elem [class*=ani-] {
    animation-delay: 0s;
    animation-duration: 0s
}

.mt-home-animation .part-01,
.mt-home-animation .part-02,
.mt-home-animation .part-03,
.mt-home-animation .part-04 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mt-event-panel {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 92;
    width: 100%;
    height: 400px;
    overflow: hidden;
    transition: transform .3s ease-in-out
}

.mt-event-panel__inner {
    position: relative;
    width: 100%;
    height: 100%
}

.mt-event-panel__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.mt-event-panel__video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mt-event-panel__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .3s ease-in-out;
    cursor: pointer;
    background-color: #eef8fd
}

.mt-event-panel__bg img {
    display: block;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.mt-event-panel__bg.large {
    height: 400px;
    opacity: 1;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .25);
    transition-property: opacity, box-shadow, transform
}

.mt-event-panel__bg.small {
    opacity: 0;
    height: 64px;
    box-shadow: 0 12px 24px rgba(74, 130, 183, .15);
    transition-property: opacity, box-shadow;
    transition-delay: .2s
}

.mt-event-panel__close {
    position: absolute;
    right: 20px;
    top: 18px;
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiM1MjdGQjUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjxwYXRoIGQ9Ik03IDdMMTcgMTciIHN0cm9rZT0iI0ZCRkJGQiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTE3IDdMNyAxNyIgc3Ryb2tlPSIjRkJGQkZCIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K)
}

.mt-event-panel__close:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiM1MjdGQjUiIGZpbGwtb3BhY2l0eT0iMSIvPgo8cGF0aCBkPSJNNyA3TDE3IDE3IiBzdHJva2U9IiNGQkZCRkIiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik0xNyA3TDcgMTciIHN0cm9rZT0iI0ZCRkJGQiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-event-panel.is-collapsed {
    pointer-events: none
}

.mt-event-panel.is-collapsed .mt-event-panel__bg.small {
    opacity: 1;
    pointer-events: auto
}

.mt-event-panel.is-collapsed .mt-event-panel__bg.large {
    transform: translateY(-100%)
}

.mt-event-panel.is-collapsed .mt-event-panel__close {
    pointer-events: auto
}

.mt-event-panel.is-hidden {
    transform: translateY(-100%)
}

@media screen and (max-width:1400px) {
    .mt-event-panel__bg.large {
        height: 28.5714285714vw
    }

    .mt-event-panel__bg.small {
        height: 64px
    }
}

@media screen and (max-width:1199px) {
    .mt-event-panel {
        top: 60px
    }
}

@media screen and (max-width:600px) {
    .mt-event-panel__video {
        display: none
    }

    .mt-event-panel__bg.large {
        height: 220px
    }

    .mt-event-panel__bg.small {
        height: 40px
    }

    .mt-event-panel__close {
        top: 8px;
        right: 10px
    }
}

.mt-device-card {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    padding: 32px 54px 47px;
    text-align: center;
    height: 100%
}

.mt-device-card__tit {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.mt-device-card__infos {
    margin-top: 24px
}

.mt-device-card__info {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-bottom: 8px
}

.mt-device-card__info:last-child {
    margin-bottom: 0
}

.mt-device-card__obj {
    margin-top: 32px;
    font-size: 0
}

.mt-device-card__img {
    max-height: 158px;
    width: auto;
    max-width: 100%
}

.mt-device-card__brands {
    margin: 32px auto 0;
    max-width: 272px
}

.mt-device-card__brand {
    display: flex;
    border: 1px solid #d3d6db;
    border-radius: 8px;
    height: 40px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.mt-device-card__brand img {
    max-width: 100%;
    max-height: 100%
}

@media screen and (max-width:1199px) {
    .mt-device-card {
        padding: 32px 36px 38px
    }

    .mt-device-card__tit {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .mt-device-card__list .mt-device-card__col {
        width: 33.33%
    }
}

@media screen and (max-width:600px) {

    .mt-device-card__brands,
    .mt-device-card__obj {
        margin-top: 24px
    }
}

.mt-meeting-type {
    display: flex;
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px
}

.mt-meeting-type__options {
    width: 24.406779661%;
    flex: none;
    padding: 40px;
    border-right: 1px solid #ebedf2
}

.mt-meeting-type__option {
    line-height: 36px;
    font-size: 20px;
    color: #262a47;
    position: relative;
    padding: 20px 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.mt-meeting-type__option:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #429b2a
}

.mt-meeting-type__option.is-active {
    color: #429b2a;
    font-weight: 500
}

.mt-meeting-type__option.is-active:after {
    display: inline-block;
    width: 10px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSAxTDguNSA4TDEuNSAxNSIgc3Ryb2tlPSIjMDQ1QUZFIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px;
    vertical-align: -1px;
    content: ""
}

.mt-meeting-type__part {
    font-weight: 400;
    font-size: 36px;
    line-height: 50px;
    color: #262a47;
    padding-left: 48px;
    margin-bottom: 4px;
    position: relative;
    display: inline-block
}

.mt-meeting-type__part:before {
    width: 36px;
    height: 36px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-part26b-188ea56704d82810.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mt-meeting-type__desc {
    color: #616b90;
    font-size: 16px;
    line-height: 26px
}

.mt-meeting-type__desc+.mt-meeting-type__main--obj {
    margin-top: 20px
}

.mt-meeting-type__btns {
    margin-top: 24px
}

.mt-meeting-type__btns .mt-btn {
    width: 160px;
    height: 48px;
    line-height: 46px;
    font-size: 16px
}

.mt-meeting-type__main {
    padding: 32px 40px 24px;
    height: 100%;
    text-align: center
}

.mt-meeting-type__main--sections {
    flex: 1
}

.mt-meeting-type__main--obj {
    flex: 1;
    margin: 0 auto;
    max-width: 680px
}

.mt-meeting-type__main.is-hide {
    display: none
}

.mt-meeting-type__img {
    padding-top: 56.4705882353%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    border-radius: 16px
}

@media screen and (max-width:1200px) {
    .mt-meeting-type__options {
        width: 28.0092592593%;
        padding: 24px 32px
    }

    .mt-meeting-type__option {
        line-height: 1.5;
        font-size: 16px;
        padding: 16px 0 16px 32px
    }

    .mt-meeting-type__option.is-active:after {
        width: 12px;
        height: 12px
    }

    .mt-meeting-type__part {
        padding-left: 46px;
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 34px
    }

    .mt-meeting-type__part:before {
        width: 34px;
        height: 34px
    }

    .mt-meeting-type__desc {
        font-size: 12px;
        line-height: 20px
    }

    .mt-meeting-type__desc+.mt-meeting-type__main--obj {
        margin-top: 12px
    }

    .mt-meeting-type__btns {
        margin-top: 14px
    }

    .mt-meeting-type__btns .mt-btn {
        width: 112px;
        height: 38px;
        line-height: 1;
        font-size: 14px
    }

    .mt-meeting-type__main {
        padding: 20px 40px 16px
    }

    .mt-meeting-type__main--obj {
        max-width: 507px
    }

    .mt-meeting-type__img {
        padding-top: 56.4705882353%;
        max-width: 100%;
        border-radius: 12px
    }
}

@media screen and (max-width:900px) {
    .mt-meeting-type__options {
        width: 30.8139534884%;
        padding: 20px 24px
    }

    .mt-meeting-type__option {
        font-size: 14px;
        padding: 15px 0 15px 24px
    }

    .mt-meeting-type__option:before {
        width: 4px;
        height: 4px;
        left: 4px;
        margin-top: -2px
    }

    .mt-meeting-type__option.is-active:after {
        width: 10px;
        height: 10px
    }

    .mt-meeting-type__desc+.mt-meeting-type__main--obj {
        margin-top: 16px
    }

    .mt-meeting-type__part {
        padding-left: 46px;
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 34px
    }

    .mt-meeting-type__part:before {
        width: 34px;
        height: 34px
    }

    .mt-meeting-type__main {
        padding: 20px 32px
    }
}

@media screen and (max-width:600px) {
    .mt-meeting-type {
        display: block;
        border-radius: 0;
        box-shadow: none
    }

    .mt-meeting-type__options {
        width: 100%;
        padding: 0;
        border-right: 0;
        white-space: nowrap;
        overflow-x: auto;
        font-size: 0;
        margin-bottom: 12px
    }

    .mt-meeting-type__options::-webkit-scrollbar {
        height: 0
    }

    .mt-meeting-type__option {
        color: var(--Light_wm_color_text-secondary, #4e5461);
        font-size: 12px;
        line-height: 20px;
        display: inline-block;
        margin-right: 24px;
        padding: 0 0 4px;
        border-bottom: 2px solid transparent;
        color: #1d1e21
    }

    .mt-meeting-type__option:last-child {
        margin-right: 0
    }

    .mt-meeting-type__option:before {
        display: none
    }

    .mt-meeting-type__option.is-active {
        font-weight: 400;
        color: #53d530;
        border-bottom-color: #53d530
    }

    .mt-meeting-type__option.is-active:after {
        display: none
    }

    .mt-meeting-type__part {
        font-size: 14px;
        line-height: 20px;
        padding-left: 30px;
        order: 1
    }

    .mt-meeting-type__part:before {
        width: 24px;
        height: 24px
    }

    .mt-meeting-type__desc {
        font-size: 12px;
        line-height: 20px;
        order: 2;
        padding: 0 24px
    }

    .mt-meeting-type__desc+.mt-meeting-type__main--obj {
        margin-top: 0;
        margin-bottom: 20px
    }

    .mt-meeting-type__btns {
        margin-top: 12px;
        order: 3
    }

    .mt-meeting-type__btns .mt-btn {
        height: 34px
    }

    .mt-meeting-type__main {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        padding: 0 0 20px;
        box-shadow: 0 15px 20px 0 rgba(78, 106, 149, .06)
    }

    .mt-meeting-type__main--obj {
        order: 0;
        width: 100%
    }

    .mt-meeting-type__img {
        border-radius: 12px 12px 0 0
    }
}

.mt-equipment-type {
    background: #fff;
    border-radius: 20px;
    padding: 16px;
    text-align: center;
    transition: transform .3s ease-in-out;
    display: block;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    cursor: pointer
}

@media screen and (any-hover:hover) {
    .mt-equipment-type:hover {
        box-shadow: 0 18px 43px rgba(60, 100, 136, .3);
        transform: translateY(-20px)
    }

    .mt-equipment-type:hover .mt-equipment-type__links {
        opacity: 1;
        margin-bottom: 0
    }
}

.mt-equipment-type__img {
    max-width: 96px;
    height: 96px;
    margin: 0 auto;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-equipment-type__label {
    font-size: 14px;
    line-height: 28px;
    color: #000;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-equipment-type__links {
    height: 30px;
    transition: all .3s ease-in-out;
    line-height: 30px;
    margin-top: 8px;
    font-size: 14px;
    opacity: 0;
    margin-bottom: -20px
}

@media screen and (min-width:1201px) {
    .mt-equipment-type__lists .mt-grid__col {
        height: 202px
    }
}

.mt-brand-type {
    display: block;
    border-radius: 16px;
    padding-top: 55.5555555556%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: #fff
}

.mt-brand-type.is-border {
    border: 1px solid #ccd4df;
    box-shadow: none
}

.mt-brand-type.is-simple {
    background-color: transparent;
    box-shadow: none;
    border: 0
}

a.mt-brand-type {
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15)
}

@media screen and (any-hover:hover) {
    a.mt-brand-type:hover {
        box-shadow: 0 18px 43px rgba(60, 100, 136, .3)
    }
}

.mt-integrators {
    display: block;
    transition: transform .3s ease-in-out
}

@media screen and (any-hover:hover) {
    .mt-integrators:hover {
        transform: translateY(-16px);
        cursor: pointer
    }
}

.mt-integrators__obj {
    background: #fff;
    box-shadow: 0 18px 48px rgba(74, 130, 183, .15);
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    margin: 0 auto;
    position: relative
}

.mt-integrators__img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mt-integrators__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #4e5461;
    max-width: 140px;
    margin: 24px auto 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

@media screen and (max-width:1199px) {
    .mt-integrators__label {
        display: none
    }

    .mt-integrators__desc {
        font-weight: 400;
        font-size: 12px;
        line-height: 22px;
        color: #bcc1cc;
        position: absolute;
        left: 50%;
        white-space: nowrap;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.mt-meeting-video__item-tit {
    font-size: 24px;
    line-height: 1.333;
    color: #0f001a
}

.mt-meeting-video__item-label {
    font-size: 36px;
    color: #429b2a;
    margin-top: 35px;
    font-weight: 500;
    line-height: 48px;
    display: flex;
    white-space: nowrap
}

.mt-meeting-video__item-label .num {
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    font-family: TCloudNumber
}

.mt-meeting-video__item-desc {
    font-size: 20px;
    line-height: 1.6;
    color: #4e5461;
    margin-top: 20px;
    white-space: nowrap
}

@media screen and (max-width:1920px) {
    .mt-meeting-video__item-label {
        margin-top: 22px
    }
}

@media screen and (max-width:1200px) and (min-width:601px) {
    .mt-meeting-video__list .mt-grid__col--pad-8 {
        width: 16.666666667%
    }

    .mt-meeting-video__item-tit {
        font-size: 18px;
        line-height: 1.778
    }

    .mt-meeting-video__item-label {
        margin-top: 12px;
        font-size: 32px;
        line-height: 40px
    }

    .mt-meeting-video__item-label .num {
        font-size: 40px;
        line-height: 40px
    }

    .mt-meeting-video__item-desc {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 12px
    }
}

@media screen and (max-width:900px) and (min-width:601px) {
    .mt-meeting-video__list .mt-grid__col--pad-8 {
        width: 33.3333333%
    }

    .mt-meeting-video__item {
        padding-left: 27%
    }
}

@media screen and (max-width:600px) {
    .mt-meeting-video__item {
        text-align: center;
        background: #fff;
        box-sizing: border-box;
        padding: 16px 16px 20px;
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
        border-radius: 16px
    }

    .mt-meeting-video__item-tit {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .mt-meeting-video__item-label {
        font-size: 24px;
        margin-top: 8px;
        line-height: 40px;
        justify-content: center
    }

    .mt-meeting-video__item-label .num {
        font-size: 32px;
        line-height: 40px
    }

    .mt-meeting-video__item-desc {
        font-size: 14px;
        line-height: 18px;
        margin-top: 12px
    }
}

.mt-meeting-card__certificate-wrap {
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    padding: 40px 30px;
    box-sizing: border-box
}

.mt-meeting-card__certificate-side {
    padding: 0 40px;
    text-align: center;
    max-width: 320px;
    flex: 1;
    margin-right: 50px
}

.mt-meeting-card__certificate-list {
    width: 67.1428571429%;
    display: flex;
    height: 220px
}

.mt-meeting-card__certificate-card {
    box-sizing: border-box;
    background: #f8faff;
    border-radius: 20px;
    padding: 32px 0 30px;
    width: 33.3333%;
    margin: 0 8px;
    text-align: center
}

.mt-meeting-card__certificate-card:first-child {
    margin-left: 0
}

.mt-meeting-card__certificate-card:last-child {
    margin-right: 0
}

.mt-meeting-card__certificate-img-wrap {
    width: 50%;
    padding-top: 50%;
    margin-bottom: 8px;
    display: inline-block;
    position: relative
}

.mt-meeting-card__certificate-img-wrap img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.mt-meeting-card__certificate-text {
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.mt-meeting-card__feature {
    padding: 32px 0;
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

.mt-meeting-card__feature-label {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 64px
}

.mt-meeting-card__feature-label img {
    width: 100%
}

.mt-meeting-card__feature-img-wrap {
    max-width: 120px;
    max-height: 120px;
    margin-bottom: 16px;
    display: inline-block
}

.mt-meeting-card__feature-img-wrap img {
    width: 100%
}

.mt-meeting-card__feature-tit {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #0f001a
}

.mt-meeting-card__feature-tit.mobile {
    display: none
}

.mt-meeting-card__feature-desc {
    font-size: 16px;
    line-height: 30px;
    color: #565e66;
    max-width: 240px;
    margin: 16px auto 0
}

.mt-meeting-card__tit {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #0f001a
}

.mt-meeting-card__desc {
    font-size: 16px;
    line-height: 30px;
    color: #565e66;
    margin-top: 16px
}

@media screen and (max-width:1200px) {
    .mt-meeting-card__certificate-list {
        width: 65.25%;
        height: 166px
    }

    .mt-meeting-card__certificate-wrap {
        padding: 32px;
        justify-content: space-between
    }

    .mt-meeting-card__certificate-side {
        padding: 0;
        margin-right: 20px;
        max-width: 204px
    }

    .mt-meeting-card__certificate-card {
        padding: 24px 0 20px;
        margin: 0 6px
    }

    .mt-meeting-card__certificate-img-wrap {
        width: 88px;
        padding-top: 88px;
        margin-bottom: 12px
    }

    .mt-meeting-card__certificate-text {
        font-size: 12px;
        line-height: 1.5
    }

    .mt-meeting-card__feature {
        padding: 28px 0;
        height: 100%
    }

    .mt-meeting-card__feature-img-wrap {
        max-width: 90px;
        max-height: 86px
    }

    .mt-meeting-card__feature-tit {
        font-size: 18px;
        line-height: 1.5
    }

    .mt-meeting-card__feature-desc {
        font-size: 12px;
        line-height: 1.5;
        color: #565e66;
        max-width: 192px;
        margin: 8px auto 0
    }

    .mt-meeting-card__tit {
        font-size: 18px;
        line-height: 1.5
    }

    .mt-meeting-card__desc {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 12px
    }
}

@media screen and (max-width:900px) {
    .mt-meeting-card__certificate-list {
        width: 69.375%;
        height: 152px
    }

    .mt-meeting-card__certificate-wrap {
        padding: 24px
    }

    .mt-meeting-card__certificate-side {
        margin-right: 30px
    }

    .mt-meeting-card__certificate-img-wrap {
        width: 80px;
        padding-top: 80px;
        margin-bottom: 10px
    }

    .mt-meeting-card__feature {
        padding: 24px
    }

    .mt-meeting-card__feature-img-wrap {
        max-width: 80px;
        max-height: 80px
    }
}

@media screen and (max-width:600px) {
    .mt-meeting-card .mt-meeting-card__certificate-wrap {
        flex-direction: column;
        height: auto;
        width: 100%;
        padding: 16px 16px 20px
    }

    .mt-meeting-card .mt-meeting-card__certificate-side {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 250px
    }

    .mt-meeting-card .mt-meeting-card__certificate-list {
        width: 100%;
        height: auto;
        margin-bottom: 0
    }

    .mt-meeting-card .mt-meeting-card__certificate-card {
        border-radius: 8px;
        padding: 12px 0;
        font-size: 0
    }

    .mt-meeting-card .mt-meeting-card__certificate-img-wrap {
        width: 56px;
        height: 56px;
        padding-top: 0;
        margin-bottom: 4px
    }

    .mt-meeting-card .mt-meeting-card__certificate-text {
        line-height: 14px;
        color: #000
    }

    .mt-meeting-card .mt-meeting-card__tit {
        font-size: 16px
    }

    .mt-meeting-card .mt-meeting-card__desc {
        margin-top: 4px;
        max-width: 246px
    }

    .mt-meeting-card .mt-meeting-card__feature {
        padding: 12px 24px;
        box-shadow: 0 16.4032px 39.1855px rgba(74, 130, 183, .15);
        border-radius: 16px;
        text-align: left;
        display: flex;
        align-items: center
    }

    .mt-meeting-card .mt-meeting-card__feature-label {
        right: 8px;
        top: 6px;
        width: 56px
    }

    .mt-meeting-card .mt-meeting-card__feature-img-wrap {
        max-width: 80px;
        max-height: 80px;
        margin-bottom: 0;
        margin-right: 12px
    }

    .mt-meeting-card .mt-meeting-card__feature-tit {
        font-size: 16px;
        line-height: 24px
    }

    .mt-meeting-card .mt-meeting-card__feature-tit.pc {
        display: none
    }

    .mt-meeting-card .mt-meeting-card__feature-tit.mobile {
        display: block
    }

    .mt-meeting-card .mt-meeting-card__feature-desc {
        font-size: 12px;
        line-height: 22px;
        color: #565e66;
        max-width: 100%;
        margin: 4px 0 0
    }
}

.mt-rooms-download-model-card__tit {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #0d1a4d;
    text-align: center;
    margin-bottom: 40px
}

.mt-rooms-download-model-card__tit .version {
    color: #429b2a;
    margin: 0 4px
}

.mt-rooms-download-model-card .mt-media {
    background: #f8faff;
    border-radius: 16px;
    padding: 24px 24px 30px 32px;
    align-items: center
}

.mt-rooms-download-model-card .mt-media .mt-media__object {
    margin-right: 24px;
    width: 180px
}

.mt-rooms-download-model-card .mt-media .mt-media__object img {
    background: none
}

.mt-rooms-download-model-card__list-tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 8px
}

.mt-rooms-download-model-card__item {
    padding-left: 12px;
    font-size: 14px;
    line-height: 24px;
    color: #616b90;
    position: relative
}

.mt-rooms-download-model-card__item:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #53d530;
    position: absolute;
    top: 10px;
    left: 2px
}

.mt-rooms-download-model-card__btns {
    text-align: center;
    display: inline-block;
    margin-top: 32px;
    width: 100%
}

.mt-rooms-download-model-card__btns .mt-btn {
    width: 238px;
    max-width: 50%;
    height: 40px
}

.mt-rooms-download-model-card__btns .mt-btn+.mt-btn {
    margin-left: 24px
}

@media screen and (min-width:601px) {
    .mt-rooms-download-model-card__tit .mobile-block {
        display: inline-block
    }
}

@media screen and (max-width:600px) {
    .mt-rooms-download-model-card__tit {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 16px
    }

    .mt-rooms-download-model-card__list-tit {
        font-size: 14px;
        line-height: 22px
    }

    .mt-rooms-download-model-card__item {
        font-size: 12px;
        line-height: 20px;
        padding-left: 10px
    }

    .mt-rooms-download-model-card__item:before {
        width: 3px;
        height: 3px;
        top: 9px
    }

    .mt-rooms-download-model-card__btns {
        margin-top: 16px
    }

    .mt-rooms-download-model-card__btns .mt-btn {
        width: 100%;
        max-width: 100%;
        font-weight: 600
    }

    .mt-rooms-download-model-card__btns .mt-btn+.mt-btn {
        margin-left: 0;
        margin-top: 12px
    }

    .mt-rooms-download-model-card .mt-media {
        text-align: left;
        padding: 24px 16px 16px
    }

    .mt-rooms-download-model-card .mt-media .mt-media__object {
        margin-right: 0;
        margin-top: 0;
        order: 0;
        width: 135px
    }

    .mt-rooms-download-model-card .mt-media__cnt {
        margin-top: 20px;
        width: 100%
    }
}

.mt-system-card {
    background: #fff;
    box-shadow: 0 20px 30px rgba(218, 234, 255, .5);
    border-radius: 20px;
    display: flex;
    padding: 72px;
    align-items: center
}

.mt-system-card__obj {
    width: 160px;
    height: 160px;
    margin-right: 52px;
    flex: none
}

.mt-system-card__img {
    width: 100%;
    height: auto
}

.mt-system-card__main {
    flex: 1
}

.mt-system-card__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #262a47
}

.mt-system-card__features {
    margin-top: 24px
}

.mt-system-card__feature {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding-left: 26px;
    color: #606570;
    margin-bottom: 18px;
    position: relative
}

.mt-system-card__feature:before {
    width: 18px;
    height: 18px;
    content: "";
    top: -1px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01IDlMNy44NDQ4MyAxMkwxMyA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    position: absolute
}

.mt-system-card__feature:last-child {
    margin-bottom: 0
}

.mt-system-card__desc {
    margin-top: 43px;
    line-height: 22px;
    color: #262a47
}

.mt-system-card__desc,
.mt-system-card__desc .mt-link {
    font-weight: 500;
    font-size: 16px
}

.mt-system-card__desc .mt-link-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTRMMTEgOEw1IDIiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    background-size: contain
}

@media screen and (max-width:1199px) {
    .mt-system-card {
        box-shadow: 0 16px 40px rgba(74, 130, 183, .15);
        border-radius: 16px;
        padding: 30px 24px 40px;
        display: block
    }

    .mt-system-card__obj {
        width: 116px;
        height: 116px;
        margin: 0 auto 30px
    }

    .mt-system-card__title {
        font-size: 14px;
        color: #0f001a
    }

    .mt-system-card__features {
        margin-top: 16px
    }

    .mt-system-card__feature {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px
    }

    .mt-system-card__feature:before {
        top: 0
    }

    .mt-system-card__desc {
        margin-top: 24px;
        font-size: 14px;
        line-height: 24px
    }

    .mt-system-card__desc .mt-link {
        font-size: 14px
    }

    .mt-system-card__desc .mt-link-arrow:after {
        width: 12px;
        height: 12px;
        vertical-align: -1px
    }
}

.mt-benefit-card {
    background: #fff;
    box-shadow: 0 20px 30px rgba(218, 234, 255, .5);
    border-radius: 20px;
    padding: 16px 62px 30px;
    text-align: center;
    height: 100%
}

.mt-benefit-card__obj {
    font-size: 0
}

.mt-benefit-card__img {
    width: 100%;
    height: auto
}

.mt-benefit-card__title {
    margin-top: 28px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #262a47
}

@media screen and (max-width:1199px) {
    .mt-benefit-card {
        padding: 16px 16px 30px;
        box-shadow: 0 16.4032px 39.1855px rgba(74, 130, 183, .15);
        border-radius: 16px
    }

    .mt-benefit-card__obj {
        max-width: 180px;
        margin: 0 auto
    }

    .mt-benefit-card__title {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #0f001a;
        margin-top: 12px
    }
}

@media screen and (max-width:600px) {
    .mt-benefit-card {
        padding: 20px 18px 20px 10px;
        display: flex;
        align-items: center
    }

    .mt-benefit-card__obj {
        width: 42%;
        flex: none
    }

    .mt-benefit-card__title {
        margin-top: 0;
        text-align: left;
        flex: 1
    }
}

.mt-equipment-list {
    margin-bottom: 40px
}

.mt-equipment-list:last-child {
    margin-bottom: 0
}

.mt-equipment-list .mt-grid__col {
    height: 204px
}

.mt-equipment-list__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    padding-left: 16px;
    position: relative;
    margin-bottom: 48px
}

.mt-equipment-list__title:before {
    content: "";
    width: 6px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 0;
    background: #53d530
}

.mt-equipment-list__equip {
    background: #fff;
    border-radius: 20px;
    padding: 16px;
    text-align: center;
    transition: transform .3s ease-in-out;
    display: block;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    cursor: pointer;
    position: relative
}

.mt-equipment-list__equip:hover {
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3);
    transform: translateY(-20px)
}

.mt-equipment-list__equip:hover .mt-equipment-list__equip-links {
    opacity: 1;
    margin-bottom: 0
}

.mt-equipment-list__equip a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mt-equipment-list__equip-img {
    max-width: 96px;
    height: 96px;
    margin: 0 auto;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-equipment-list__equip-label {
    font-size: 14px;
    line-height: 28px;
    color: #000;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-equipment-list__equip-links {
    height: 30px;
    transition: all .3s ease-in-out;
    line-height: 30px;
    margin-top: 8px;
    font-size: 14px;
    opacity: 0;
    margin-bottom: -20px
}

@media screen and (max-width:1199px) {
    .mt-equipment-list {
        margin-bottom: 32px
    }

    .mt-equipment-list__title {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #262a47;
        padding-left: 10px;
        margin-bottom: 22px;
        text-align: center
    }

    .mt-equipment-list__title:before {
        display: none
    }

    .mt-equipment-list .mt-grid__col {
        height: auto
    }

    .mt-equipment-list__equip:hover {
        transform: none
    }

    .mt-equipment-list__equip-img {
        width: 48px;
        height: 48px;
        margin-bottom: 12px
    }

    .mt-equipment-list__equip-label {
        font-size: 12px;
        line-height: 18px;
        color: #606570
    }

    .mt-equipment-list__equip-links {
        display: none
    }
}

@keyframes loadingspin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.mt-upload-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
    border-radius: 4px;
    background: #fff;
    padding: 24px 20px;
    cursor: pointer
}

.mt-upload-box__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAxQzExIDAuNDQ3NzE1IDEwLjU1MjMgMCAxMCAwQzkuNDQ3NzEgMCA5IDAuNDQ3NzE1IDkgMVY5SDFDMC40NDc3MTUgOSAwIDkuNDQ3NzIgMCAxMEMwIDEwLjU1MjMgMC40NDc3MTUgMTEgMSAxMUg5VjE5QzkgMTkuNTUyMyA5LjQ0NzcxIDIwIDEwIDIwQzEwLjU1MjMgMjAgMTEgMTkuNTUyMyAxMSAxOVYxMUgxOUMxOS41NTIzIDExIDIwIDEwLjU1MjMgMjAgMTBDMjAgOS40NDc3MiAxOS41NTIzIDkgMTkgOUgxMVYxWiIgZmlsbD0iIzRFNTQ2MSIvPgo8L3N2Zz4K);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-bottom: 24px
}

.mt-upload-box__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #7b818f
}

.mt-upload-box.mobile .mt-upload-box__icon {
    width: 33px;
    height: 33px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-camera595-97cb0429b5d1514e.svg);
    margin-bottom: 10px
}

.mt-upload-img {
    background-size: cover;
    width: 200px;
    height: 110px;
    border-radius: 4px;
    position: relative
}

.mt-upload-img,
.mt-upload-img__close {
    background-position: 50%;
    background-repeat: no-repeat
}

.mt-upload-img__close {
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: contain;
    top: 4px;
    right: 4px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjI5OyYjMTM2OyYjMTYwOyYjMjMzOyYjMTUzOyYjMTY0OyI+CjxyZWN0IGlkPSImIzIzMTsmIzE1OTsmIzE2OTsmIzIyOTsmIzE4OTsmIzE2MjsiIG9wYWNpdHk9IjAuNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iNCIgZmlsbD0iYmxhY2siLz4KPGcgaWQ9IjE2cHgvJiMyMzE7JiMxODY7JiMxOTE7JiMyMzA7JiMxMjg7JiMxNjc7LyYjMjMzOyYjMTI4OyYjMTU0OyYjMjMxOyYjMTQ4OyYjMTY4Oy9jbG9zZSI+CjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIwNzExIDQuNzkyODlDNS44MTY1OCA0LjQwMjM3IDUuMTgzNDIgNC40MDIzNyA0Ljc5Mjg5IDQuNzkyODlDNC40MDIzNyA1LjE4MzQyIDQuNDAyMzcgNS44MTY1OCA0Ljc5Mjg5IDYuMjA3MTFMOC41ODU3OSAxMEw0Ljc5Mjg5IDEzLjc5MjlDNC40MDIzNyAxNC4xODM0IDQuNDAyMzcgMTQuODE2NiA0Ljc5Mjg5IDE1LjIwNzFDNS4xODM0MiAxNS41OTc2IDUuODE2NTggMTUuNTk3NiA2LjIwNzExIDE1LjIwNzFMMTAgMTEuNDE0MkwxMy43OTI5IDE1LjIwNzFDMTQuMTgzNCAxNS41OTc2IDE0LjgxNjYgMTUuNTk3NiAxNS4yMDcxIDE1LjIwNzFDMTUuNTk3NiAxNC44MTY2IDE1LjU5NzYgMTQuMTgzNCAxNS4yMDcxIDEzLjc5MjlMMTEuNDE0MiAxMEwxNS4yMDcxIDYuMjA3MTFDMTUuNTk3NiA1LjgxNjU4IDE1LjU5NzYgNS4xODM0MiAxNS4yMDcxIDQuNzkyODlDMTQuODE2NiA0LjQwMjM3IDE0LjE4MzQgNC40MDIzNyAxMy43OTI5IDQuNzkyODlMMTAgOC41ODU3OUw2LjIwNzExIDQuNzkyODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==)
}

.mt-upload-file {
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 6px;
    padding: 10px 8px;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.mt-upload-file .file-icon {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    flex: none;
    width: 16px;
    height: 16px
}

.mt-upload-file__inner,
.mt-upload-file__main {
    display: flex;
    align-items: center
}

.mt-upload-file__main {
    flex: 1;
    min-width: 0
}

.mt-upload-file__icon {
    margin-right: 8px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-doc8ef-504dae1d54845891.svg)
}

.mt-upload-file__tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mt-upload-file__extra {
    flex: none;
    margin-left: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    display: flex;
    align-items: center
}

.mt-upload-file__extra .file-icon+.file-icon {
    margin-left: 16px
}

.mt-upload-file__loading {
    font-size: 14px;
    line-height: 20px;
    color: #53d530;
    display: flex;
    align-items: center
}

.mt-upload-file__loading .icon {
    margin-right: 8px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-loadinge23-c331c76c85adc1ad.png);
    animation: loadingspin .6s linear infinite
}

.mt-upload-file__close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjIwNzExIDIuNzkyODlDMy44MTY1OCAyLjQwMjM3IDMuMTgzNDIgMi40MDIzNyAyLjc5Mjg5IDIuNzkyODlDMi40MDIzNyAzLjE4MzQyIDIuNDAyMzcgMy44MTY1OCAyLjc5Mjg5IDQuMjA3MTFMNi41ODU3OSA4TDIuNzkyODkgMTEuNzkyOUMyLjQwMjM3IDEyLjE4MzQgMi40MDIzNyAxMi44MTY2IDIuNzkyODkgMTMuMjA3MUMzLjE4MzQyIDEzLjU5NzYgMy44MTY1OCAxMy41OTc2IDQuMjA3MTEgMTMuMjA3MUw4IDkuNDE0MjFMMTEuNzkyOSAxMy4yMDcxQzEyLjE4MzQgMTMuNTk3NiAxMi44MTY2IDEzLjU5NzYgMTMuMjA3MSAxMy4yMDcxQzEzLjU5NzYgMTIuODE2NiAxMy41OTc2IDEyLjE4MzQgMTMuMjA3MSAxMS43OTI5TDkuNDE0MjEgOEwxMy4yMDcxIDQuMjA3MTFDMTMuNTk3NiAzLjgxNjU4IDEzLjU5NzYgMy4xODM0MiAxMy4yMDcxIDIuNzkyODlDMTIuODE2NiAyLjQwMjM3IDEyLjE4MzQgMi40MDIzNyAxMS43OTI5IDIuNzkyODlMOCA2LjU4NTc5TDQuMjA3MTEgMi43OTI4OVoiIGZpbGw9IiM3QjgxOEYiLz4KPC9zdmc+Cg==);
    cursor: pointer
}

.mt-upload-file__status.success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgb3BhY2l0eT0iMC4wMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMEMzLjU4MTcxIDAgMCAzLjU4MTcxIDAgOEMwIDEyLjQxODMgMy41ODE3MSAxNiA4IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzEgMTIuNDE4MyAwIDggMFoiIGZpbGw9IiMwMENDNjYiLz4KPHBhdGggZD0iTTQuNDY2OTcgNy42Njg4NEw3LjQ5OTk0IDEwLjI3NjdMMTIuMDc0NyA1LjAwMDAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==)
}

.mt-upload-file__status.error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgb3BhY2l0eT0iMC4wMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMDAwMTIgMy4wNTE3NmUtMDVDMy41ODE4NCAzLjA1MTc2ZS0wNSAwLjAwMDEyMjA3IDMuNTgxNzQgMC4wMDAxMjIwNyA4LjAwMDAzQzAuMDAwMTIyMDcgMTIuNDE4MyAzLjU4MTg0IDE2IDguMDAwMTIgMTZDMTIuNDE4NCAxNiAxNi4wMDAxIDEyLjQxODMgMTYuMDAwMSA4LjAwMDAzQzE2LjAwMDEgMy41ODE3NCAxMi40MTg0IDMuMDUxNzZlLTA1IDguMDAwMTIgMy4wNTE3NmUtMDVaIiBmaWxsPSIjRkYzQzMzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA5VjRIN1Y5SDlaTTkgMTBIN1YxMkg5VjEwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.mt-upload-box+.mt-upload-box,
.mt-upload-box+.mt-upload-img,
.mt-upload-file+.mt-upload-file,
.mt-upload-img+.mt-upload-file {
    margin-top: 8px
}

@media screen and (max-width:1199px) {
    .mt-upload-box {
        padding: 16px 20px
    }

    .mt-upload-box.mobile {
        width: 160px
    }

    .mt-upload-img {
        width: 160px;
        height: 92px
    }
}

.mt-customer-service.theme-joined {
    width: 40px;
    height: 88px;
    background: linear-gradient(180deg, #0774ff, #78beff 85.96%), #d9d9d9;
    border-radius: 25px
}

.mt-customer-service.theme-joined .mt-customer-service__icon {
    cursor: pointer;
    width: 40px;
    height: 44px;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    position: relative
}

.mt-customer-service.theme-joined .mt-customer-service__icon.chat {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/white-chat6b2-7746094d9d92c758.svg)
}

.mt-customer-service.theme-joined .mt-customer-service__icon.chat:hover {
    background-color: #127cff;
    border-radius: 25px 25px 0 0
}

.mt-customer-service.theme-joined .mt-customer-service__icon.chat:hover+.telephone:before {
    display: none
}

.mt-customer-service.theme-joined .mt-customer-service__icon.telephone {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/white-telephone62d-52446cbd40683df5.svg)
}

.mt-customer-service.theme-joined .mt-customer-service__icon.telephone:hover {
    background-color: #127cff;
    border-radius: 0 0 25px 25px
}

.mt-customer-service.theme-joined .mt-customer-service__icon.telephone:hover:before {
    display: none
}

.mt-customer-service.theme-joined .mt-customer-service__icon.telephone:before {
    content: "";
    top: 0;
    display: block;
    position: absolute;
    left: 8px;
    right: 8px;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.mt-customer-service.theme-default .mt-customer-service__icon {
    width: 40px;
    cursor: pointer;
    height: 40px;
    border-radius: 50%;
    display: block;
    background-position: 50%, 50%;
    background-repeat: no-repeat;
    background-size: 24px, 100%;
    margin-bottom: 8px
}

.mt-customer-service.theme-default .mt-customer-service__icon:last-child {
    margin-bottom: 0
}

.mt-customer-service.theme-default .mt-customer-service__icon.chat {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/white-chat6b2-7746094d9d92c758.svg), linear-gradient(180deg, #429b2a, #358fff);
    box-shadow: 0 4px 16px rgba(74, 130, 183, .15), 0 18px 43px rgba(74, 130, 183, .15)
}

.mt-customer-service.theme-default .mt-customer-service__icon.chat:hover {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/white-chat6b2-7746094d9d92c758.svg), linear-gradient(180deg, #107aff, #79bfff)
}

.mt-customer-service.theme-default .mt-customer-service__icon.telephone {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/blue-telephone8a4-aab629c63f76569e.svg), linear-gradient(180deg, #f7fbff, #fff);
    box-shadow: 0 4px 16px rgba(74, 130, 183, .15)
}

.mt-customer-service.theme-default .mt-customer-service__icon.telephone:hover {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/white-telephone62d-52446cbd40683df5.svg), linear-gradient(180deg, #107aff, #79bfff);
    box-shadow: 0 4px 16px rgba(74, 130, 183, .15), 0 18px 43px rgba(74, 130, 183, .15)
}

.mt-customer-service.theme-panel .mt-customer-service__cnt {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 16px;
    padding: 0 16px
}

.mt-customer-service.theme-panel .mt-customer-service__list-link.with-icon {
    min-width: 133px
}

.mt-customer-service.theme-panel .mt-customer-service__list-link:after {
    display: none
}

.mt-customer-service.theme-panel .mt-customer-service__phone {
    border-top: 1px solid #ecf1f4
}

.mt-customer-service.theme-panel .mt-customer-service__phone:hover:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/blue-telephone8a4-aab629c63f76569e.svg)
}

.mt-customer-service.theme-panel .mt-customer-service__phone:hover .mt-customer-service__phone-num,
.mt-customer-service.theme-panel .mt-customer-service__phone:hover .mt-customer-service__phone-tit {
    color: #429b2a
}

.mt-customer-service.theme-panel .mt-customer-service__phone.with-icon {
    min-width: 133px
}

.mt-customer-service.theme-panel .mt-customer-service__phone-num {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #7e868f
}

.mt-customer-service__list-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2d3033;
    display: block;
    height: 48px;
    position: relative;
    padding: 13px 0
}

.mt-customer-service__list-link:hover {
    color: #0054e6
}

.mt-customer-service__list-link:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTRMMTEgOEw1IDIiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-customer-service__list-link:hover.icon-sale:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/blue-chat892-b1e42c971ad524a4.svg)
}

.mt-customer-service__list-link:hover.icon-headset:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc3OTkgMTIuMzU5M1YxMC43NDc0QzE3Ljc3OTkgNy41NzMxOCAxNS4yMDY3IDUgMTIuMDMyNSA1QzguODU4MzQgNSA2LjI4NTE2IDcuNTczMTggNi4yODUxNiAxMC43NDc0VjEyLjM1OTMiIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIxLjY0MjExIi8+CjxwYXRoIGQ9Ik0xMy40Mjg2IDE5LjY5NjJWMTkuMTE5NUMxMy40Mjg2IDE4Ljc2ODUgMTMuMTc3MSAxOC40OTI3IDEyLjg1NzEgMTguNDkyN0gxMC41NzE0QzEwLjI1MTQgMTguNDkyNyAxMCAxOC43Njg1IDEwIDE5LjExOTVWMjAuMzczMkMxMCAyMC43MjQyIDEwLjI1MTQgMjEgMTAuNTcxNCAyMUgxMi44NTcxQzE1LjcwMjkgMjEgMTggMTguNzU1OSAxOCAxNS45ODU0QzE4IDE1Ljk4NTQgMTcuNzE0MyAxMiAxNy40Mjg2IDEyQzE3LjE0MjkgMTIgMTYuODU3MSAxNS45ODU0IDE2Ljg1NzEgMTUuOTg1NEMxNi44NTcxIDE3Ljg3ODQgMTUuMzYgMTkuNDMyOSAxMy40Mjg2IDE5LjY5NjJaIiBmaWxsPSIjMDQ1QUZFIi8+CjxwYXRoIGQ9Ik0zIDEzLjAzMTZDMyAxMS42NzEzIDQuMTAyNzkgMTAuNTY4NSA1LjQ2MzE2IDEwLjU2ODVINy4xMDUyNlYxNi4zMTU4SDUuNDYzMTZDNC4xMDI3OSAxNi4zMTU4IDMgMTUuMjEzMSAzIDEzLjg1MjdWMTMuMDMxNloiIGZpbGw9IiMwNDVBRkUiLz4KPHBhdGggZD0iTTIxLjA2MjUgMTMuMDMxNkMyMS4wNjI1IDExLjY3MTMgMTkuOTU5NyAxMC41Njg1IDE4LjU5OTMgMTAuNTY4NUgxNi45NTcyVjE2LjMxNThIMTguNTk5M0MxOS45NTk3IDE2LjMxNTggMjEuMDYyNSAxNS4yMTMxIDIxLjA2MjUgMTMuODUyN1YxMy4wMzE2WiIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K)
}

.mt-customer-service__list-link.with-icon {
    padding-left: 32px;
    min-width: 188px
}

.mt-customer-service__list-link.with-icon:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    position: absolute;
    left: 0;
    top: 12px
}

.mt-customer-service__list-link.icon-sale:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/gray-chatc8f-1575e9c47523bbef.svg)
}

.mt-customer-service__list-link.icon-headset:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc3OTkgMTIuMzU5M1YxMC43NDc0QzE3Ljc3OTkgNy41NzMxOCAxNS4yMDY3IDUgMTIuMDMyNSA1QzguODU4MzQgNSA2LjI4NTE2IDcuNTczMTggNi4yODUxNiAxMC43NDc0VjEyLjM1OTMiIHN0cm9rZT0iIzU2NUU2NiIgc3Ryb2tlLXdpZHRoPSIxLjY0MjExIi8+CjxwYXRoIGQ9Ik0xMy40Mjg2IDE5LjY5NjJWMTkuMTE5NUMxMy40Mjg2IDE4Ljc2ODUgMTMuMTc3MSAxOC40OTI3IDEyLjg1NzEgMTguNDkyN0gxMC41NzE0QzEwLjI1MTQgMTguNDkyNyAxMCAxOC43Njg1IDEwIDE5LjExOTVWMjAuMzczMkMxMCAyMC43MjQyIDEwLjI1MTQgMjEgMTAuNTcxNCAyMUgxMi44NTcxQzE1LjcwMjkgMjEgMTggMTguNzU1OSAxOCAxNS45ODU0QzE4IDE1Ljk4NTQgMTcuNzE0MyAxMiAxNy40Mjg2IDEyQzE3LjE0MjkgMTIgMTYuODU3MSAxNS45ODU0IDE2Ljg1NzEgMTUuOTg1NEMxNi44NTcxIDE3Ljg3ODQgMTUuMzYgMTkuNDMyOSAxMy40Mjg2IDE5LjY5NjJaIiBmaWxsPSIjNTY1RTY2Ii8+CjxwYXRoIGQ9Ik0zIDEzLjAzMTZDMyAxMS42NzEzIDQuMTAyNzkgMTAuNTY4NSA1LjQ2MzE2IDEwLjU2ODVINy4xMDUyNlYxNi4zMTU4SDUuNDYzMTZDNC4xMDI3OSAxNi4zMTU4IDMgMTUuMjEzMSAzIDEzLjg1MjdWMTMuMDMxNloiIGZpbGw9IiM1NjVFNjYiLz4KPHBhdGggZD0iTTIxLjA2MjUgMTMuMDMxNkMyMS4wNjI1IDExLjY3MTMgMTkuOTU5NyAxMC41Njg1IDE4LjU5OTMgMTAuNTY4NUgxNi45NTcyVjE2LjMxNThIMTguNTk5M0MxOS45NTk3IDE2LjMxNTggMjEuMDYyNSAxNS4yMTMxIDIxLjA2MjUgMTMuODUyN1YxMy4wMzE2WiIgZmlsbD0iIzU2NUU2NiIvPgo8L3N2Zz4K)
}

.mt-customer-service__list-link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTRMMTEgOEw1IDIiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-customer-service__list-item+.mt-customer-service__list-item {
    border-top: 1px solid #ecf1f4
}

.mt-customer-service__overlay .tea-bubble__inner {
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 8px;
    padding: 0 12px;
    min-width: 180px
}

.mt-customer-service__phone {
    cursor: pointer;
    padding: 12px 0;
    position: relative
}

.mt-customer-service__phone.with-icon {
    padding-left: 32px;
    min-width: 188px
}

.mt-customer-service__phone.with-icon:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    position: absolute;
    left: 0;
    top: 12px
}

.mt-customer-service__phone.with-icon.phone:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/gray-telephonedd0-1f2a185f4f081736.svg)
}

.mt-customer-service__phone-tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2d3033
}

.mt-customer-service__phone-sub {
    font-size: 12px;
    line-height: 22px;
    color: #7e868f
}

.mt-customer-service__phone-num {
    margin-top: 6px;
    font-size: 20px;
    line-height: 22px;
    color: #429b2a;
    font-family: TCloudNumber
}

.mt-download-card-mini {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    text-align: center;
    padding-top: 100%;
    color: #fff;
    position: relative;
    background-size: cover;
    font-size: 0;
    max-width: 100%;
    cursor: pointer;
    overflow: hidden
}

.mt-download-card-mini,
.mt-download-card-mini:before {
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.mt-download-card-mini:before {
    content: "";
    display: inline-block;
    width: 9.1%;
    height: 9.1%;
    position: absolute;
    right: 5.45%;
    top: 5.45%;
    background-size: auto 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEFSURBVHgB7ZiNDYIwEEYPJnAEnMxRKpPoRo5QN2ADz6tAAg39swdUuZdcIE3z8Wia0gIgCILwAREvVB2VNvdQGoPYSAdMVMCEsZoFE8BADYUjgrmIYC7/IUgrSGMKmGDNoyA1WYCVp9+M3LwUQRsV0w/CcjxfHAp5xEiGBBfkDBpywX6+6JCkT9Alh4zzMCjpElxdLlZySXAzuRjJyDa9mlyEZAi9ulyGpN5M7gvJ7eUSJPeTi5DcX25kkLxP5G5UJygNI1Wk2KFhOxenQNPAfi66jtG1J0Rh/yuDHYp/WXVFxx63csg1dMnfq6VxplF82o2/eWga3qQFPtBTZtvfLo2ecAjeGI1boRCRPE0AAAAASUVORK5CYII=);
    opacity: 1;
    transform: scale(1)
}

.mt-download-card-mini.with-extra.windows .mt-download-card-mini__extra:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download405-e82ffbeab5c298a6.png)
}

.mt-download-card-mini.with-extra .mt-download-card-mini__icon-download {
    transform: scale(1)
}

.mt-download-card-mini.with-extra .mt-download-card-mini__tit-hover {
    font-weight: 600
}

.mt-download-card-mini.with-qr:before {
    width: 28.18%;
    height: 26.36%;
    right: 0;
    top: 0;
    transform-origin: right top;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/qr-corner1f12-f6e32f4e6bde66bc.png)
}

.mt-download-card-mini.with-qr.without-version .mt-download-card-mini__icon-download-qr {
    top: 2%
}

.mt-download-card-mini.with-qr.without-version .mt-download-card-mini__tit {
    bottom: 11.5384615385%
}

.mt-download-card-mini.with-qr.without-version .mt-download-card-mini__tit-hover {
    bottom: 0;
    font-weight: 500
}

.mt-download-card-mini__extra {
    color: #fff;
    text-align: center;
    padding: 12px 0 20px;
    opacity: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: all .3s ease-in-out;
    transform: scale(.55);
    border: 1px solid;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    -o-border-image: repeating-linear-gradient(90deg, rgba(235, 237, 242, 0), rgba(235, 237, 242, .2), rgba(235, 237, 242, 0)) 1;
    border-image: repeating-linear-gradient(90deg, rgba(235, 237, 242, 0), rgba(235, 237, 242, .2), rgba(235, 237, 242, 0)) 1;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px
}

.mt-download-card-mini__extra:hover {
    font-weight: 500
}

.mt-download-card-mini__tit {
    font-weight: 600;
    position: absolute;
    bottom: 18.18%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

.mt-download-card-mini__tit-text {
    font-size: 22px;
    line-height: 1.5em;
    transition: all .3s ease-in-out;
    display: block;
    transform-origin: top
}

.mt-download-card-mini__tit-hover {
    position: absolute;
    font-size: 16px;
    line-height: 1.375;
    bottom: -39%;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: bottom;
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(.55)
}

.mt-download-card-mini__tit-hover.with-version {
    bottom: -48%
}

.mt-download-card-mini__tit-hover .mt-link,
.mt-download-card-mini__tit-hover a {
    color: #fff
}

.mt-download-card-mini__tit-hover .mt-link:hover,
.mt-download-card-mini__tit-hover a:hover {
    text-decoration: underline
}

.mt-download-card-mini__tit-version {
    font-weight: 400;
    font-size: 12px;
    margin-top: 4px;
    line-height: 1.5
}

.mt-download-card-mini__tag {
    display: inline-block;
    background: #0c6;
    border-radius: 20px 0 16px;
    height: 21px;
    font-size: 10px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 12px 0 14px;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.mt-download-card-mini__icon {
    width: 36.3636363636%;
    height: 36.3636363636%;
    display: inline-block;
    position: absolute;
    top: 21.82%;
    left: 50%;
    transform: translateX(-50%)
}

.mt-download-card-mini__icon-logo {
    display: block;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out;
    opacity: 1
}

.mt-download-card-mini__icon-download-qr {
    position: absolute;
    top: -10%;
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    opacity: 0;
    transform: scale(1.65);
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 17.5645px 41.9597px rgba(74, 130, 183, .15);
    border-radius: 6px;
    padding: 6px;
    box-sizing: border-box
}

.mt-download-card-mini__icon-download-qr img {
    width: 100%;
    border-radius: 2px
}

.mt-download-card-mini__icon-download {
    position: absolute;
    top: -10%;
    display: block;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s ease-in-out;
    opacity: 0;
    transform: scale(1.44);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-download405-e82ffbeab5c298a6.png)
}

.mt-download-card-mini__version {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.375;
    cursor: pointer;
    color: #2d3033;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 50%
}

.mt-download-card-mini__version-list {
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 12px;
    width: 235%;
    height: 168.75%;
    position: absolute;
    left: -67.5%;
    top: -35%;
    transition: all .3s ease-in-out;
    opacity: 0
}

.mt-download-card-mini__version:hover {
    color: #0054e6
}

.mt-download-card-mini__version+.mt-download-card-mini__version:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(229, 232, 237, .2), rgba(23, 52, 82, .2), rgba(229, 232, 237, 0))
}

.mt-download-card-mini__info {
    color: #616b90;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 20px auto 0;
    display: block;
    max-width: 137px
}

.mt-download-card-mini.macos {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-macos1b2-3f0c8ae5e0ae60af.jpg)
}

.mt-download-card-mini.macos .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-macosa90-a50ec75a9833661a.png)
}

.mt-download-card-mini.windows {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-win2c8-29814e1b2eafa046.jpg)
}

.mt-download-card-mini.windows .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-win92c-bf193854323defc0.png)
}

.mt-download-card-mini.linux {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-linux830-bdfe233cbd0c104e.jpg)
}

.mt-download-card-mini.linux .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-linuxad7-207f1b985b97c85b.png)
}

.mt-download-card-mini.iPad {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-ipadce9-60832bf301839f54.jpg)
}

.mt-download-card-mini.iPad .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-ipad3fb-60005c49962e5a88.png)
}

.mt-download-card-mini.android {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-android8a5-39cd819f51723c2d.jpg)
}

.mt-download-card-mini.android .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-android65e-889bfe16b4c95047.png)
}

.mt-download-card-mini.harmony {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-win2c8-29814e1b2eafa046.jpg)
}

.mt-download-card-mini.harmony .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-harmonyeb3-014a6b8a435fff1a.png)
}

.mt-download-card-mini.mini-program {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-program2c8-29814e1b2eafa046.jpg)
}

.mt-download-card-mini.mini-program .mt-download-card-mini__icon-logo {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-mini-program9cd-6d19473cce09b2c0.png)
}

.mt-download-card-mini:hover {
    box-shadow: 0 20px 30px rgba(47, 112, 206, .3)
}

.mt-download-card-mini:hover:before {
    transform: scale(.55);
    opacity: 0
}

.mt-download-card-mini:hover.with-extra .mt-download-card-mini__icon-download {
    transform: scale(.9);
    top: -38%
}

.mt-download-card-mini:hover.with-extra .mt-download-card-mini__tit-hover {
    bottom: 75%
}

.mt-download-card-mini:hover.with-qr.without-version .mt-download-card-mini__icon-download-qr {
    transform: scale(1.48)
}

.mt-download-card-mini:hover .mt-download-card-mini__icon-logo {
    opacity: 0;
    transform: scale(.55)
}

.mt-download-card-mini:hover .mt-download-card-mini__icon-download {
    opacity: 1;
    transform: scale(1.2)
}

.mt-download-card-mini:hover .mt-download-card-mini__icon-download-qr {
    opacity: 1;
    transform: scale(1.4)
}

.mt-download-card-mini:hover .mt-download-card-mini__extra {
    opacity: 1;
    transform: scale(1)
}

.mt-download-card-mini:hover .mt-download-card-mini__tit-text {
    opacity: 0;
    transform: scale(.55)
}

.mt-download-card-mini:hover .mt-download-card-mini__tit-hover {
    opacity: 1;
    transform: scale(1)
}

.mt-download-card-mini:hover .mt-download-card-mini__version-list {
    opacity: 1
}

.mt-download-card-mini-list.size-s .mt-download-card-mini.with-extra.windows .mt-download-card-mini__extra:before {
    display: none
}

.mt-download-card-mini-list.size-s .mt-download-card-mini.with-extra.windows .mt-download-card-mini__extra span {
    display: flex;
    align-items: center
}

.mt-download-card-mini-list.size-s .mt-download-card-mini.with-extra.windows .mt-download-card-mini__extra span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjA1ODkgNC40MDU5NEw4Ljg1ODU4IDcuNjU4NjNDOC45MzY2OCA3LjczNjczIDguOTM2NjggNy44NjMzNyA4Ljg1ODU4IDcuOTQxNDdMNS42MDU4OSAxMS4xOTQyIiBzdHJva2U9IndoaXRlIiBzdHlsZT0ic3Ryb2tlOndoaXRlO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjAuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-download-card-mini-list.size-s .mt-download-card-mini.with-qr:before {
    width: 26.36%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAP1BMVEUAAADf7/8AcP8qiP+nz/+Lv//g8P8Ab/9Un/8cf/9wr/+MwP/E4P84j/9iqP/S6P8qh/9+t/+ayP9Gl/8Od/9MJdbRAAAABnRSTlMAgICAgIAFFwHTAAABkklEQVRo3r3Yy27CMBRF0X0DLXlBoO3/f2sLVnEUDxBJvM8IHcmsgeMbK8Rn/WAoGAqGgqFgKBgKhoKhYCgYCoaCoWAoGAqGgqFgKBgKhoKhYCgYCobCK2Voi1zu/aXshzeRrLSnIt2978q+fR8hDISoimQlIV37zHWOXHPfrUaIhMxW93Okz327HiH+V4+PTEtkSv02hEirx9MjwxIZUj9uQzgYCI2B0BgIjYHwYSDENDwyLpEx9dMeCFHxMOYc+5TzHDn3z1z3QGhqDMhSMRAaA6HpUs73heeuyGUDsv12gaFgKBgK7+Yw2/hb/p/Llo0v09QYK6WyRF7fVlbksED2PIw5MRuQt4R8//382hUh8ljpEjJsf7pKxUCIykielj/1kLwvfXWEqI3kt1hX58STFQPhOI5jRSTvfn2EqDEgS6XGgCwVAyEMhMOqzx573y4wFAwFQ8FQMBQMBUPBUDAUDAVDwVAwFBAUKiQMhDAQwkAIAyEMhDAQwkAIAyEMhDAQwkAIAyEMhDAQwkAIAyF+ARKme5Fs72e9AAAAAElFTkSuQmCC)
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__extra {
    padding: 12px 0 14px;
    font-size: 11px;
    line-height: normal
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__tit {
    bottom: 20.56%
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__tit-text {
    font-size: 18px;
    line-height: normal
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__tit-hover {
    font-size: 14px
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__icon {
    width: 35.5555555556%;
    height: 35.5555555556%
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__icon-download-qr {
    top: -15%;
    padding: 4px;
    background-color: #fff
}

.mt-download-card-mini-list.size-s .mt-download-card-mini__icon-download {
    transform: scale(1.2)
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover {
    box-shadow: 0 20px 30px rgba(47, 112, 206, .3)
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover:before {
    transform: scale(.55);
    opacity: 0
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover.with-extra .mt-download-card-mini__icon-download {
    transform: scale(.875);
    top: -46%
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover.with-qr .mt-download-card-mini__tit-hover.with-version {
    bottom: -92%
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover .mt-download-card-mini__icon-logo {
    opacity: 0;
    transform: scale(.55)
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover .mt-download-card-mini__icon-download {
    transform: scale(.875)
}

.mt-download-card-mini-list.size-s .mt-download-card-mini:hover .mt-download-card-mini__icon-download-qr {
    transform: scale(1.375)
}

@media screen and (max-width:1200px) {
    .mt-download-card-mini-list.size-s .mt-grid__col {
        width: 180px
    }
}

@media screen and (max-width:900px) {
    .mt-download-card-mini__version {
        font-size: 16px
    }

    .mt-download-card-mini__extra {
        padding: 8px 0 16px
    }

    .mt-download-card-mini__icon-download-qr {
        border-radius: 6px
    }

    .mt-download-card-mini:hover.with-extra .mt-download-card-mini__tit-hover {
        bottom: 60%;
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-download-card-mini__icon {
        width: 80px;
        height: 80px;
        top: 12.6582278481%
    }

    .mt-download-card-mini__icon-download {
        top: -6px
    }

    .mt-download-card-mini__icon-download-qr {
        transform: scale(1.2);
        top: -2px
    }

    .mt-download-card-mini__tit {
        bottom: 12.6582278481%;
        line-height: 31px
    }

    .mt-download-card-mini__tit-hover {
        bottom: 8px;
        font-size: 14px;
        line-height: 22px
    }

    .mt-download-card-mini__tit-hover.with-version {
        bottom: 8px
    }

    .mt-download-card-mini__tit-version {
        font-size: 12px;
        line-height: 17px;
        margin-top: 0
    }

    .mt-download-card-mini__version-list {
        height: 160%
    }

    .mt-download-card-mini__info {
        margin-top: 12px
    }

    .mt-download-card-mini:before {
        width: 20px;
        height: 20px;
        top: 12px;
        right: 12px
    }

    .mt-download-card-mini.with-qr:before {
        width: 48px;
        height: 48px
    }

    .mt-download-card-mini.with-qr .mt-download-card-mini__tit-hover.with-version {
        bottom: -4px
    }

    .mt-download-card-mini:hover .mt-download-card-mini__icon-download {
        transform: scale(.6)
    }

    .mt-download-card-mini:hover .mt-download-card-mini__icon-download-qr {
        transform: scale(.99)
    }

    .mt-download-card-mini:hover.with-extra .mt-download-card-mini__icon-download {
        top: -24px;
        transform: scale(.45)
    }

    .mt-download-card-mini:hover.with-extra .mt-download-card-mini__tit-hover {
        bottom: 34px
    }

    .mt-download-card-mini:hover.with-qr.without-version .mt-download-card-mini__icon-download-qr {
        transform: scale(1)
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__icon {
        top: 20.7792207792%
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__icon-download {
        top: -4px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__icon-download-qr {
        transform: scale(1.2);
        top: -6px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__tag {
        font-size: 8px;
        padding: 0 8px;
        height: 18px;
        line-height: 18px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini.with-qr:before {
        width: 43px;
        height: 43px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini:before {
        width: 14px;
        height: 14px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__tit {
        bottom: 22.0779220779%
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__tit-text {
        font-size: 15px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__tit-hover {
        font-size: 12px;
        line-height: normal
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__tit-hover.with-version {
        bottom: -8px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini__tit-version {
        font-size: 10px;
        line-height: normal;
        margin-top: 4px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini.with-qr:hover .mt-download-card-mini__tit-hover.with-version {
        bottom: -110%
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini:hover .mt-download-card-mini__extra {
        font-size: 9px;
        padding-bottom: 12px
    }

    .mt-download-card-mini-list.size-s .mt-download-card-mini:hover.with-extra .mt-download-card-mini__tit-hover {
        bottom: 12px;
        font-size: 12px
    }

    .mt-download-card-mini-list.size-s .mt-grid__col {
        width: 50%
    }
}

.mt-rooms-info {
    display: flex;
    align-items: center
}

.mt-rooms-info__object {
    margin-right: 3.75%;
    width: 40.625%
}

.mt-rooms-info__object img {
    display: block;
    width: 100%;
    background: none;
    border-radius: 0
}

.mt-rooms-info__cnt {
    flex: 1
}

.mt-rooms-info__tit {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.4;
    color: #262a47
}

.mt-rooms-info__desc {
    font-size: 22px;
    line-height: 1.4;
    color: #565e66;
    margin-top: 16px
}

@media screen and (max-width:1200px) {
    .mt-rooms-info__tit {
        font-size: 28px
    }

    .mt-rooms-info__desc {
        font-size: 19px;
        margin-top: 14px
    }
}

@media screen and (max-width:900px) {
    .mt-rooms-info {
        flex-direction: column
    }

    .mt-rooms-info__object {
        margin-right: 0;
        width: 190px
    }

    .mt-rooms-info__cnt {
        margin-top: 16px;
        flex: 1;
        text-align: center
    }

    .mt-rooms-info__tit {
        font-size: 22px
    }

    .mt-rooms-info__desc {
        font-size: 14px;
        margin-top: 8px
    }
}

.mt-scenes-solution {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mt-scenes-solution__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #0f001a;
    text-align: center
}

.mt-scenes-solution__desc {
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    color: #616b90;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 100%;
    max-width: 340px;
    margin: 8px auto 0;
    padding: 0 20px
}

.mt-scenes-solution__obj {
    font-size: 0;
    margin-top: 32px;
    text-align: center
}

.mt-scenes-solution__img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 380px
}

.mt-scenes-solution .mt-btn {
    width: 156px;
    height: 36px;
    margin: 12px auto 0;
    line-height: 1
}

@media screen and (max-width:1200px) {
    .mt-scenes-solution__title {
        font-size: 18px;
        line-height: 26px
    }

    .mt-scenes-solution__desc {
        font-size: 14px;
        line-height: 22px;
        display: block;
        margin-top: 12px;
        max-height: 100%;
        max-width: 100%;
        overflow: visible;
        text-overflow: clip;
        padding: 0 10px
    }

    .mt-scenes-solution__obj {
        margin-top: 12px
    }

    .mt-scenes-solution__img {
        max-width: 295px;
        margin: 0 auto
    }
}

.mt-app-card {
    display: block;
    padding: 30px 20px;
    text-align: center;
    border-radius: 30px;
    background-color: transparent;
    cursor: pointer;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.mt-app-card:hover {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(74, 130, 183, .15)
}

.mt-app-card__obj {
    font-size: 0
}

.mt-app-card__img {
    display: block;
    margin: 0 auto;
    max-width: 88px;
    width: 100%;
    height: auto
}

.mt-app-card__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-top: 30px;
    word-break: break-word
}

.mt-app-card__desc,
.mt-app-card__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-app-card__desc {
    font-size: 14px;
    line-height: 20px;
    color: #565e66;
    margin-top: 8px
}

@media screen and (max-width:1199px) {
    .mt-app-card {
        padding: 0
    }

    .mt-app-card:hover {
        background: transparent;
        box-shadow: none
    }

    .mt-app-card__img {
        width: 44px;
        height: auto
    }

    .mt-app-card__name {
        margin-top: 8px;
        line-height: 18px;
        font-size: 12px;
        font-weight: 400;
        white-space: normal;
        overflow: visible;
        text-overflow: clip
    }

    .mt-app-card__desc {
        display: none
    }
}

.mt-advantage-card {
    display: block;
    padding: 26px 30px;
    background: #fff;
    border: 1px solid #cad9ff;
    border-radius: 20px;
    cursor: pointer
}

.mt-advantage-card.none-href {
    cursor: default
}

.mt-advantage-card__title {
    display: flex;
    flex-flow: row nowrap
}

.mt-advantage-card__icon {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-advantage-card__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.mt-advantage-card__titext {
    line-height: 32px;
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto
}

.mt-advantage-card__desc {
    font-size: 16px;
    line-height: 24px;
    color: #616b90;
    height: 72px;
    margin-top: 16px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis
}

.mt-advantage-card.is-vertical {
    border: 0;
    text-align: center;
    height: 100%
}

.mt-advantage-card.is-vertical .mt-advantage-card__title {
    display: block
}

.mt-advantage-card.is-vertical .mt-advantage-card__titext {
    font-weight: 400;
    line-height: 34px
}

.mt-advantage-card.is-vertical .mt-advantage-card__icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 8px
}

.mt-advantage-card.is-vertical .mt-advantage-card__desc {
    height: auto;
    margin-top: 8px
}

@media screen and (max-width:1199px) {
    .mt-advantage-card {
        padding: 20px
    }

    .mt-advantage-card__icon {
        width: 24px;
        height: 24px
    }

    .mt-advantage-card__titext {
        line-height: 24px;
        font-size: 18px
    }

    .mt-advantage-card__desc {
        margin-top: 12px;
        height: 72px;
        line-height: 24px;
        font-size: 14px
    }

    .mt-advantage-card.is-vertical {
        padding-bottom: 24px
    }

    .mt-advantage-card.is-vertical .mt-advantage-card__titext {
        font-size: 20px;
        line-height: 28px
    }

    .mt-advantage-card.is-vertical .mt-advantage-card__desc {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:600px) {
    .mt-advantage-card__titext {
        white-space: normal;
        overflow: visible;
        text-overflow: clip
    }

    .mt-advantage-card__desc {
        display: block;
        height: auto;
        -webkit-line-clamp: none
    }
}

.mt-access-method-card {
    display: block;
    padding: 32px;
    text-align: center;
    background: #fff;
    box-shadow: 0 15px 20px rgba(78, 106, 149, .06);
    border-radius: 20px;
    height: 100%
}

.mt-access-method-card.is-clickable {
    transition: all .3s ease-in-out;
    cursor: pointer
}

.mt-access-method-card.is-clickable.mt-access-method-card:hover {
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15), 0 15px 20px rgba(78, 106, 149, .06)
}

.mt-access-method-card.is-clickable.mt-access-method-card:hover .mt-link-arrow:after {
    transform: translateX(4px)
}

.mt-access-method-card__obj {
    font-size: 0;
    margin-bottom: 24px
}

.mt-access-method-card__img {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: auto
}

.mt-access-method-card__title {
    line-height: 26px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all
}

.mt-access-method-card__desc {
    font-size: 14px;
    line-height: 22px;
    color: #616b90;
    margin-top: 12px;
    height: 44px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.mt-access-method-card__btns {
    margin-top: 24px;
    line-height: 20px;
    font-size: 14px
}

@media screen and (min-width:1200px) {
    .mt-access-method-card.is-horizontal {
        display: flex;
        align-items: center;
        padding: 28px 32px
    }

    .mt-access-method-card.is-horizontal .mt-access-method-card__obj {
        margin-bottom: 0;
        margin-right: 20px
    }

    .mt-access-method-card.is-horizontal .mt-access-method-card__img {
        width: 80px
    }

    .mt-access-method-card.is-horizontal .mt-access-method-card__main {
        text-align: left
    }

    .mt-access-method-card.is-horizontal .mt-access-method-card__title {
        font-size: 24px;
        line-height: 34px
    }

    .mt-access-method-card.is-horizontal .mt-access-method-card__desc {
        font-size: 16px;
        line-height: 24px;
        margin-top: 12px;
        height: 48px
    }

    .mt-access-method-card.is-horizontal .mt-access-method-card__btns {
        margin-top: 4px
    }
}

@media screen and (max-width:1200px) {
    .mt-access-method-card {
        padding: 20px;
        background: #fff;
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
        border-radius: 16px;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .mt-access-method-card__main {
        text-align: left;
        min-width: 0;
        min-height: 0;
        flex: 1 1 auto
    }

    .mt-access-method-card__obj {
        margin: 0 16px 0 0;
        flex-grow: 0;
        flex-shrink: 0
    }

    .mt-access-method-card__img {
        width: 90px;
        height: auto
    }

    .mt-access-method-card__title {
        color: #0f001a
    }

    .mt-access-method-card__btns {
        margin-top: 12px
    }
}

@media screen and (max-width:600px) {
    .mt-access-method-card__title {
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }

    .mt-access-method-card__desc {
        display: block;
        height: auto;
        overflow: visible
    }
}

.mt-api-capability {
    border: 1px solid #cad9ff;
    border-radius: 20px;
    padding: 30px 50px;
    min-height: 360px;
    position: relative;
    overflow: hidden
}

.mt-api-capability-list+.mt-api-capability-list {
    margin-top: 20px
}

.mt-api-capability:after {
    width: 267px;
    height: 240px;
    content: "";
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0;
    z-index: -1;
    pointer-events: none
}

.mt-api-capability.icon-meeting:after {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-meeting0c4-dd3fbf6e66e72427.png)
}

.mt-api-capability.icon-video:after {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-video15a-6ee6bafdfd79d848.png)
}

.mt-api-capability.icon-company:after {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-company455-3b2e47ca3fefae4b.png)
}

.mt-api-capability.icon-both:after {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-both623-00c2480e4822a8dc.png)
}

.mt-api-capability__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000;
    display: flex;
    align-items: center
}

.mt-api-capability__features {
    margin-top: 20px
}

.mt-api-capability__feature {
    font-size: 14px;
    line-height: 24px;
    color: #616b90;
    padding-left: 16px;
    position: relative;
    margin-bottom: 10px
}

.mt-api-capability__feature:last-child {
    margin-bottom: 0
}

.mt-api-capability__feature:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #429b2a;
    border-radius: 50%
}

.mt-api-capability__desc {
    font-size: 14px;
    line-height: 20px;
    color: #616b90;
    margin-top: 12px;
    white-space: nowrap
}

.mt-api-capability__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-image: linear-gradient(345.01deg, rgba(174, 209, 255, .4) 6.67%, rgba(224, 238, 255, .17) 24.77%, rgba(208, 229, 255, 0) 37.86%)
}

.mt-api-capability__bg .back,
.mt-api-capability__bg .front {
    width: 280px;
    height: 280px
}

.mt-api-capability__bg .back,
.mt-api-capability__bg .front,
.mt-api-capability__bg:before {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    bottom: 0
}

.mt-api-capability__bg:before {
    content: "";
    opacity: 0;
    background-image: linear-gradient(160deg, rgba(96, 103, 255, .8), rgba(108, 139, 255, .8) 39.63%, rgba(81, 147, 255, .8));
    -webkit-backdrop-filter: blur(8.5px);
    backdrop-filter: blur(8.5px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mt-api-capability__bg .front {
    opacity: 1
}

.mt-api-capability__bg .back {
    opacity: 0
}

.mt-api-capability:hover .mt-api-capability__bg {
    background-image: none
}

.mt-api-capability:hover .mt-api-capability__bg .back,
.mt-api-capability:hover .mt-api-capability__bg:before {
    opacity: 1
}

.mt-api-capability:hover .mt-api-capability__bg .front {
    opacity: 0
}

.mt-api-capability.member-feature-card {
    padding: 30px 32px;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border: 0;
    transition: all .3s ease-in-out;
    background-color: #fff;
    height: 100%;
    min-height: 320px
}

.mt-api-capability.member-feature-card:after {
    display: none
}

.mt-api-capability.member-feature-card .mt-api-capability__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #0f001a
}

.mt-api-capability.member-feature-card .mt-api-capability__features {
    margin-top: 24px
}

.mt-api-capability.member-feature-card .mt-api-capability__feature {
    line-height: 20px;
    color: #0f001a;
    padding-left: 30px;
    margin-bottom: 20px;
    margin-top: 0
}

.mt-api-capability.member-feature-card .mt-api-capability__feature:before {
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRjgwMUEiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik01IDlMNy44NDQ4MyAxMkwxMyA3IiBzdHJva2U9IiNGRjgwMUEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-color: transparent;
    transform: none;
    top: 1px
}

.mt-api-capability.member-feature-card:hover .mt-api-capability__desc,
.mt-api-capability.member-feature-card:hover .mt-api-capability__feature,
.mt-api-capability.member-feature-card:hover .mt-api-capability__title {
    color: #fff;
    position: relative
}

.mt-api-capability.member-feature-card:hover .mt-api-capability__desc {
    color: #fff;
    opacity: .6
}

.mt-api-capability.member-feature-card:hover .mt-api-capability__feature:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNNSA5TDcuODQ0ODMgMTJMMTMgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

@media screen and (max-width:1200px) {
    .mt-api-capability {
        padding: 20px 30px;
        min-height: 226px
    }

    .mt-api-capability:after {
        width: 200px;
        height: 180px
    }

    .mt-api-capability__title {
        font-size: 16px;
        line-height: 22px
    }

    .mt-api-capability__features {
        margin-top: 10px
    }

    .mt-api-capability__feature {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 2px
    }

    .mt-api-capability__feature:last-child {
        margin-bottom: 0
    }

    .mt-api-capability__desc {
        margin-top: 8px
    }

    .mt-api-capability.member-feature-card {
        padding: 32px;
        min-height: 310px
    }

    .mt-api-capability.member-feature-card .mt-api-capability__title {
        font-size: 18px;
        line-height: 25px
    }

    .mt-api-capability.member-feature-card .mt-api-capability__features {
        margin-top: 20px
    }

    .mt-api-capability.member-feature-card .mt-api-capability__feature {
        font-size: 14px;
        line-height: 20px;
        padding-left: 26px
    }

    .mt-api-capability.member-feature-card:hover .mt-api-capability__desc,
    .mt-api-capability.member-feature-card:hover .mt-api-capability__feature,
    .mt-api-capability.member-feature-card:hover .mt-api-capability__title {
        color: #fff;
        position: relative
    }

    .mt-api-capability.member-feature-card:hover .mt-api-capability__desc {
        color: #fff;
        opacity: .6
    }

    .mt-api-capability.member-feature-card:hover .mt-api-capability__feature:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNNSA5TDcuODQ0ODMgMTJMMTMgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
    }
}

@media screen and (max-width:1200px) and (min-width:1199px) {
    .mt-api-capability-list .mt-grid__col--6 {
        width: 50%
    }
}

.mt-carousel-hero {
    position: relative
}

.mt-carousel-hero__item {
    display: none
}

.mt-carousel-hero__item.is-active {
    display: block
}

.mt-carousel-hero .mt-com-hero__btns {
    margin-top: 40px
}

.mt-carousel-hero__pages {
    position: absolute;
    left: 50%;
    bottom: 128px;
    z-index: 2;
    width: 100%;
    max-width: 1220px;
    padding: 0 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    margin: 0 auto
}

.mt-carousel-hero__pages li {
    margin-right: 4px;
    padding: 3px 0;
    cursor: pointer
}

.mt-carousel-hero__pages li:before {
    content: "";
    display: block;
    height: 4px;
    width: 30px;
    background: rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out
}

@media screen and (any-hover:hover) {
    .mt-carousel-hero__pages li:hover:before {
        background: #fff
    }
}

.mt-carousel-hero__pages li.is-active:before {
    background: #fff
}

@media screen and (max-width:1199px) {
    .mt-carousel-hero .mt-com-hero__btns {
        margin-top: 32px
    }

    .mt-carousel-hero__pages {
        bottom: 60px;
        max-width: 848px;
        padding: 0 40px
    }
}

@media screen and (max-width:600px) {
    .mt-carousel-hero .mt-com-hero {
        height: 456px
    }

    .mt-carousel-hero .mt-com-hero__tit {
        font-size: 24px;
        line-height: 24px
    }

    .mt-carousel-hero .mt-com-hero__desc {
        font-size: 12px;
        line-height: 20px;
        margin-top: 16px
    }

    .mt-carousel-hero .mt-com-hero__inner {
        padding-top: 126px
    }

    .mt-carousel-hero .mt-com-hero__btns {
        margin-top: 16px
    }

    .mt-carousel-hero__pages {
        padding: 0 32px;
        bottom: 188px
    }
}

.mt-guide-panel {
    background: #dfeaff;
    box-shadow: 0 8px 24px rgba(0, 36, 148, .26);
    border-radius: 20px;
    padding: 32px 16px;
    text-align: center
}

.mt-guide-panel__tit {
    font-family: Tencent-W7;
    height: 3.5rem;
    background: #cbddff;
    border-radius: 1.75rem;
    font-size: 1.67rem;
    line-height: 1.5;
    text-align: center;
    color: #0054e6;
    display: inline-block;
    padding: .25rem 4.33rem;
    position: relative;
    font-weight: 700;
    margin: 0 auto
}

.mt-guide-panel__tit:after,
.mt-guide-panel__tit:before {
    content: "";
    display: inline-block;
    width: 1.33rem;
    height: 1.33rem;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    top: 1rem
}

.mt-guide-panel__tit:before {
    left: 2rem;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/tit-left081-8629c22e61acf8be.png)
}

.mt-guide-panel__tit:after {
    right: 2rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOUSURBVHgB7VZLa1NREJ6Zk2oSxbaR+kD9EeJOFBEUVPDV0oqioIiKgqILC4KgC8GN6MKFohufxVKfKxe6cOFvcO/etknVqk3ujDPnnJvempYmcaGLfmnvvQnnzPfNN3MmAVjAAv4xEP4Cq09K8fskDwrS+6+P8SO0AYI2sbZfCpPf4YIksA6ZT3UdlC3QBtoSYOSVPJxNgNeSRhAhEeAzXYdkK7SI1gUclXylwKeFeQ3pdmato7AvpSRyrnOguq2VcK0JUPKlzCd022p7y/pKI2gf6J+KIXe+s1+2NxuyeQFKXkz4qD6tYvbESEGFR90FAUSUwVJ/dUczYZsTsFMWF2vJYaVcaQQQiIX/WCZpQF3BiJe6B2TXfKHnF6Dk+RVwgJ3rIQurVhNNb/bPVFcQROkdwXfn5e6+2u72BSj5klXQi8ArXFhuSfrGg1SFheCQvV6wISDSla5e2QMtC1DyQk+yW93sodl2cSg/S+BOeyEtix7L+pQjkmvLe2v7mxfQL4uKK5OdTG55wlwPyvFKqQILgMoTT0AWVgKvDCXoQLpe6pO++QWclI7iMtjODkqOfBxIrYcZQgDCHDD/OZKANK4KELVKT8qN0r7awNwClHxxDbZquG5gJwlbO80kDzXPeEJhBqQ9UCe06SgZQWaVnk9CvFXaW93YKGCDdOSrtc3koAsgsR6b8UUlMUvLmGimbpsBmHXAl0Vv4RrEWS4SykHoLjYIKKyHDUy5ZT5rcJakAClpJLbj5zf44R/FeGEwmboQaP1n4vn9e8G0PuaAidTbpgYBPwrwCR1UXcw88QwW1IgZUweytdXNo5ijq1yTVxBd8OTo044vDL047ZdV6nODALiNE0WAj0kCVZtyJsRNU2n4OAPs354FxmCKbn59hKPfhnMvNavnNoXq5BBnQ7aQdmbZ5/OsUYBi/B5Wpn7CB3MCVIl3IWbu/GKlti0Jj1GVbk+M4Fi6tzKUG9HMhiNntJ8z9BLbBEa+vMEbswrwGMLxRTl453Juqu4ApQ1oDnM5J3Q3S55iYhifqd6n4isBae9FaKsSPP/y2l3I7pl1EFXu4DhNwVtwSTVYF+xHonIH0f2KioQ5oMKGNP0n6JP1P1Ti8ZRXYy/c4J/r5xzFVluXd2+0+3/5RIQrHQQPyw+wDPOgPIyPBPmBF61F0/54PfrCXYJ2sPSY9Cw5Ikd0PHdCi9AfJsdLA3IVFrCA/xm/AVOQmQEONk4MAAAAAElFTkSuQmCC)
}

.mt-guide-panel+.mt-guide-panel {
    margin-top: 28px
}

.mt-guide-panel .mt-collapse {
    text-align: left;
    margin-top: 28px
}

.mt-guide-panel .mt-collapse__panel {
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 55, 224, .15);
    border-radius: 16px;
    border: 0;
    padding: 24px;
    box-sizing: border-box;
    margin-top: 20px
}

.mt-guide-panel .mt-collapse__panel:first-child {
    margin-top: 0
}

.mt-guide-panel .mt-collapse__panel-icon {
    width: 24px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-guide-panel .mt-collapse__panel-title {
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    color: #3b3f4e
}

.mt-guide-panel .mt-collapse__panel-hd:after {
    right: -8px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3XzE4MjUpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy45NDI5IDkuNDYyOTlDMTguMDU5IDkuNzQzMjQgMTcuOTk0OCAxMC4wNjU4IDE3Ljc4MDMgMTAuMjgwM0wxMi41MzAzIDE1LjUzMDNDMTIuMzg5NyAxNS42NzEgMTIuMTk4OSAxNS43NSAxMiAxNS43NUMxMS44MDExIDE1Ljc1IDExLjYxMDMgMTUuNjcxIDExLjQ2OTYgMTUuNTMwM0w2LjIxOTY1IDEwLjI4MDNDNi4wMDUxNSAxMC4wNjU4IDUuOTQwOTggOS43NDMyNCA2LjA1NzA3IDkuNDYyOTlDNi4xNzMxNSA5LjE4MjczIDYuNDQ2NjMgOSA2Ljc0OTk4IDlMMTcuMjUgOUMxNy41NTMzIDkgMTcuODI2OCA5LjE4MjczIDE3Ljk0MjkgOS40NjI5OVoiIGZpbGw9IiMwMDU0RTYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zN18xODI1Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-guide-panel .mt-collapse__panel.has-icon>.mt-collapse__panel-bd {
    padding-left: 0
}

.mt-guide-panel .mt-collapse__panel-bd {
    margin-top: 0;
    padding: 24px 0 0
}

.mt-guide-panel-content__group+.mt-guide-panel-content__group {
    margin-top: 24px
}

.mt-guide-panel-content__tit {
    margin-bottom: 20px
}

.mt-guide-panel-content__tit-text {
    font-size: 14px;
    line-height: 20px;
    color: #868c9a;
    display: inline-block;
    vertical-align: middle
}

.mt-guide-panel-content__tit-icon {
    width: 20px;
    vertical-align: middle;
    height: 20px;
    margin-right: 6px
}

.mt-guide-panel-content__list-item {
    background: #0054e6;
    box-shadow: 0 6px 18px rgba(0, 55, 224, .15);
    border-radius: 12px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    padding: 12px;
    color: #fff;
    position: relative
}

.mt-guide-panel-content__list-item:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4yMDA1IDUuNTY3TDE4LjU2MTMgMTAuOTI3OEMxOS4xNTM1IDExLjUxOTkgMTkuMTUzNSAxMi40OCAxOC41NjEzIDEzLjA3MjFMMTMuMjAwNSAxOC40MzI5QzEyLjgwNTggMTguODI3NyAxMi4xNjU4IDE4LjgyNzcgMTEuNzcxIDE4LjQzMjlDMTEuMzc2MiAxOC4wMzgyIDExLjM3NjIgMTcuMzk4MSAxMS43NzEgMTcuMDAzNEwxNS43MDUyIDEzLjA2OTFINi4wNjM3QzUuNDczMjIgMTMuMDY5MSA0Ljk5NDU0IDEyLjU5MDUgNC45OTQ1NCAxMkM0Ljk5NDU0IDExLjQwOTUgNS40NzMyMiAxMC45MzA4IDYuMDYzNyAxMC45MzA4SDE1LjcwNTNMMTEuNzcxIDYuOTk2NTVDMTEuMzc2MiA2LjYwMTc5IDExLjM3NjIgNS45NjE3NiAxMS43NzEgNS41NjdDMTIuMTY1OCA1LjE3MjI1IDEyLjgwNTggNS4xNzIyNSAxMy4yMDA1IDUuNTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat
}

.mt-guide-panel-content__list-item+.mt-guide-panel-content__list-item {
    margin-top: 20px
}

.mt-recommend-entry-card {
    background: #fff;
    box-shadow: 0 12px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    padding: 24px 32px 32px;
    width: 100%
}

.mt-recommend-entry-card__hd {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-recommend-entry-card__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: rgba(0, 0, 0, .85)
}

.mt-recommend-entry-card__opers {
    display: flex
}

.mt-recommend-entry-card__bd {
    padding-top: 24px
}

.mt-recommend-entry-card__link {
    display: inline-flex;
    line-height: 20px
}

.mt-recommend-entry-card__link .mt-link-inner {
    display: inline-flex;
    align-items: center
}

.mt-recommend-entry-card__link-icon {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 4px
}

.mt-recommend-entry-card__link-icon.refresh {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-refresh405-1035e6d210c3c27e.svg)
}

.mt-recommend-entry-card__items.mt-grid__row {
    margin-left: -42px;
    margin-right: -42px
}

.mt-recommend-entry-card__items.mt-grid__row .mt-grid__col {
    padding-left: 42px;
    padding-right: 42px
}

.mt-recommend-entry-card__item {
    position: relative;
    display: flex
}

.mt-recommend-entry-card__item-title {
    padding-left: 12px;
    display: block;
    color: #4e5461;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mt-recommend-entry-card__item-type {
    width: 26px;
    height: 24px;
    background-position: center 6px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 4px;
    flex: none
}

.mt-recommend-entry-card__item-type.new {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-newdec-8baeb9e25637c2d2.svg)
}

.mt-recommend-entry-card__item-type.hot {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-hot37a-2a848df71b8863f4.svg)
}

.mt-recommend-entry-card__item:hover .mt-recommend-entry-card__item-title {
    color: #429b2a
}

.mt-recommend-entry-card__item:hover:before {
    background: #429b2a
}

.mt-recommend-entry-card__item:before {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #4e5461;
    border-radius: 50%;
    content: "";
    left: 0;
    top: 10px
}

.mt-recommend-entry-card.is-simple {
    padding: 24px;
    background: #fff;
    border-radius: 20px
}

.mt-recommend-entry-card.is-simple .mt-recommend-entry-card__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px
}

.mt-recommend-entry-card.is-simple .mt-recommend-entry-card__bd {
    padding-top: 16px
}

.mt-recommend-entry-card.is-simple .mt-recommend-entry-card__items {
    margin-left: 0;
    margin-right: 0
}

.mt-recommend-entry-card.is-simple .mt-recommend-entry-card__items.mt-grid__row .mt-grid__col {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.mt-recommend-entry-card.is-simple .mt-recommend-entry-card__item-title {
    font-size: 14px;
    line-height: 24px
}

.mt-recommend-entry-card.is-simple .mt-recommend-entry-card__item-section:after {
    display: none
}

.mt-recommend-entry-card.is-text {
    padding: 0;
    background: none;
    box-shadow: none
}

.mt-recommend-entry-card.is-text .mt-recommend-entry-card__hd {
    justify-content: flex-start
}

.mt-recommend-entry-card.is-text .mt-recommend-entry-card__opers {
    margin-left: 24px
}

@media screen and (max-width:1200px) {
    .mt-recommend-entry-card .mt-grid__col {
        width: 33.3333333%
    }

    .mt-recommend-entry-card__title {
        font-size: 18px;
        line-height: 26px
    }

    .mt-recommend-entry-card__item-section:nth-child(-n+3):after {
        display: none
    }

    .mt-recommend-entry-card__item-section:nth-child(-n+2):after {
        display: block;
        height: 96px
    }

    .mt-recommend-entry-card__item-title {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:900px) {
    .mt-recommend-entry-card {
        border-radius: 16px;
        padding: 16px 20px 24px
    }

    .mt-recommend-entry-card__bd {
        padding-top: 20px
    }

    .mt-recommend-entry-card__items.mt-grid__row {
        margin-left: -32px;
        margin-right: -32px
    }

    .mt-recommend-entry-card__items.mt-grid__row .mt-grid__col {
        padding-left: 32px;
        padding-right: 32px
    }

    .mt-recommend-entry-card__item-section:nth-child(n):after {
        display: none
    }

    .mt-recommend-entry-card__item-section:first-child:after {
        width: 1px;
        height: 132px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB4CAYAAADYDyODAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADaSURBVHgBjZHLEsIgDEUbXKh9CQgiM132/z+xqMVE0pSxXWXOPaEhNE359X3/UJ9iWZaT+kLANK6kbdsGo1wAQELwXEnXdT9HRpzQOawLCzo5yEiQTfG+jpTpOl7KlYiKYRhoHoddIJbgDrTfkQAnJI/jmGdOKYFYphXtFrvIMWIMOLw6crTWdKCuyKVzQwKckGyMIXnkg1lrk4h2XvDfzM45+sXAnTLqK/vx3iex8I7LIYRatOu0SPIvlFKJRzHGjTxNEzlXJE2dXOr7OfLcuZjnOfEDS3Im+QW8zCJJKV2l8QAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        display: block
    }
}

@media screen and (max-width:600px) {
    .mt-recommend-entry-card {
        padding: 13px 16px 21px
    }

    .mt-recommend-entry-card .mt-grid__col {
        width: 100%
    }

    .mt-recommend-entry-card__items.mt-grid__row {
        margin-left: -16px;
        margin-right: -16px
    }

    .mt-recommend-entry-card__items.mt-grid__row .mt-grid__col {
        padding-left: 16px;
        padding-right: 16px
    }

    .mt-recommend-entry-card__title {
        font-size: 16px;
        line-height: 22px
    }
}

.mt-help-center-card {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    padding: 24px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.mt-help-center-card a:hover {
    text-decoration: none
}

@media screen and (any-hover:hover) {
    .mt-help-center-card:hover {
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15), 0 15px 20px rgba(78, 106, 149, .06)
    }
}

.mt-help-center-card:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-defaultcec-748b7d083069dbd8.png);
    z-index: -1
}

.mt-help-center-card-list.layout-center {
    justify-content: center
}

.mt-help-center-card-list.layout-vertical .mt-help-center-card {
    padding: 24px 20px
}

.mt-help-center-card-list.layout-vertical .mt-help-center-card__icon {
    margin-right: 0;
    margin-bottom: 12px
}

.mt-help-center-card-list.layout-vertical .mt-help-center-card__info {
    flex-direction: column;
    align-items: flex-start
}

.mt-help-center-card-list.layout-vertical .mt-help-center-card__desc {
    color: #646974;
    font-size: 16px;
    line-height: 32px;
    display: block;
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.mt-help-center-card__info {
    display: flex;
    align-items: center
}

.mt-help-center-card__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-help-center-card__icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 12px
}

.mt-help-center-card__icon.meeting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjY2OTkgMTRDMi42NjY5OSAxMC42ODYzIDUuMzUzMjggOCA4LjY2Njk5IDhIMjEuMzMzN1YyMi42NjY3SDIuNjY2OTlWMTRaIiBmaWxsPSIjMUM2QUZGIi8+CjxwYXRoIGQ9Ik0yMy4xNjcgMTguODM0OVYxMy4xNjQ4TDI4LjgzMzcgMTEuMzUxNVYyMC42NDgyTDIzLjE2NyAxOC44MzQ5WiIgc3Ryb2tlPSIjMUM2QUZGIi8+Cjwvc3ZnPgo=)
}

.mt-help-center-card__icon.webinar {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDcuMzMzMjVDNCA2LjIyODY4IDQuODk1NDMgNS4zMzMyNSA2IDUuMzMzMjVIMjZDMjcuMTA0NiA1LjMzMzI1IDI4IDYuMjI4NjggMjggNy4zMzMyNVYyMS4zMzMzSDRWNy4zMzMyNVpNOCA5LjMzMzIxSDE3LjMzMzNWMTAuNjY2NUg4VjkuMzMzMjFaTTE0LjY2NjcgMTMuMzMzMkg4VjE0LjY2NjVIMTQuNjY2N1YxMy4zMzMyWiIgZmlsbD0iIzFDNkFGRiIvPgo8cmVjdCB4PSIyLjY2Njc1IiB5PSIyMi42NjY3IiB3aWR0aD0iMjYuNjY2NyIgaGVpZ2h0PSIxLjMzMzMzIiBmaWxsPSIjMUM2QUZGIi8+Cjwvc3ZnPgo=)
}

.mt-help-center-card__icon.ecology {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU5XzI2NTMpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjA1NDMzIDE4LjEyODJMNS40MjA0NCAxOS40NzQzTDQuMTQxMTEgMjAuMTI4Mkw1LjQyMDQ0IDIwLjc4MkwxNi4wNzE3IDI2LjIyNThMMjYuNzIzIDIwLjc4MkwyOC4wMDIzIDIwLjEyODJMMjYuNzIzIDE5LjQ3NDNMMjQuMDg5MSAxOC4xMjgyTDIyLjgwOTggMTguNzgyTDI1LjQ0MzcgMjAuMTI4MkwxNi4wNzE3IDI0LjkxODFMNi42OTk3NyAyMC4xMjgyTDkuMzMzNjYgMTguNzgyTDguMDU0MzMgMTguMTI4MloiIGZpbGw9IiMwNDVBRkUiLz4KPHBhdGggZD0iTTE2IDYuNTgyODdMMjkuMzMzMyAxMy4zOTc0TDE2IDIwLjIxMTlMMi42NjY2NiAxMy4zOTc0TDE2IDYuNTgyODdaIiBmaWxsPSIjMDQ1QUZFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTlfMjY1MyI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.mt-help-center-card__icon.rooms {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-rooms67c-95ed925bbf7326a4.svg)
}

.mt-help-center-card__icon.connect {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzMzMjUgMTAuNjY2N0M1LjMzMzI1IDguNDU3NjEgNy4xMjQxMSA2LjY2Njc1IDkuMzMzMjUgNi42NjY3NUgyNi42NjY2VjEyLjAwMDFINS4zMzMyNVYxMC42NjY3WiIgZmlsbD0iIzA0NUFGRSIvPgo8cGF0aCBkPSJNNS4zMzMyNSAyMEgyNi42NjY2VjIxLjMzMzNDMjYuNjY2NiAyMy41NDI1IDI0Ljg3NTcgMjUuMzMzMyAyMi42NjY2IDI1LjMzMzNINS4zMzMyNVYyMFoiIGZpbGw9IiMwNDVBRkUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi42NjYxIDEzLjMzMzNINS4zMzI3NlYxOC42NjY2SDI2LjY2NjFWMTMuMzMzM1pNMjUuMzMyOCAxNC42NjY2SDYuNjY2MVYxNy4zMzMzSDI1LjMzMjhWMTQuNjY2NloiIGZpbGw9IiMwNDVBRkUiLz4KPC9zdmc+Cg==)
}

.mt-help-center-card__icon.edu {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-edubb3-78c1c39044f9f1e4.svg)
}

.mt-help-center-card__icon.community {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC42NjczIDYuNjY2NUM3LjcyMTggNi42NjY1IDUuMzMzOTggOS4wNTQzMSA1LjMzMzk4IDExLjk5OThWMjEuOTk5OFYyNS45OTk4TDkuMzMzOTggMjIuNjY2NUgyMS4zMzRDMjQuMjc5NSAyMi42NjY1IDI2LjY2NzMgMjAuMjc4NyAyNi42NjczIDE3LjMzMzJWNi42NjY1SDEwLjY2NzNaTTIyLjY2NyAxMy4zMzMzSDIwLjAwMDNWMTUuOTk5OUgyMi42NjdWMTMuMzMzM1pNMTQuNjY3IDEzLjMzMzNIMTcuMzMzN1YxNS45OTk5SDE0LjY2N1YxMy4zMzMzWk0xMiAxMy4zMzMzSDkuMzMzMzNWMTZIMTJWMTMuMzMzM1oiIGZpbGw9IiMxQzZBRkYiLz4KPC9zdmc+Cg==)
}

.mt-help-center-card__icon.company {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMTE4NjYpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCA0TDUgOFYyNUgzVjI3SDE4LjkzNzhWMjAuNUwyNSAxN1YxM0wxNSAxMFYyNUgxNFY0Wk03LjUgMTFIMTEuNVYxMi41SDcuNVYxMVpNMTEuNSAxNC41SDcuNVYxNkgxMS41VjE0LjVaTTcuNSAxOEgxMS41VjE5LjVINy41VjE4Wk0yNSAxOUwyOS4zMzAyIDIxLjVWMjYuNUwyNSAyOUwyMC42Njk5IDI2LjVWMjEuNUwyNSAxOVpNMjYuNSAyNEMyNi41IDI0LjgyODQgMjUuODI4NSAyNS41IDI1IDI1LjVDMjQuMTcxNiAyNS41IDIzLjUgMjQuODI4NCAyMy41IDI0QzIzLjUgMjMuMTcxNiAyNC4xNzE2IDIyLjUgMjUgMjIuNUMyNS44Mjg1IDIyLjUgMjYuNSAyMy4xNzE2IDI2LjUgMjRaIiBmaWxsPSIjMDQ1QUZFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF8xMTg2NiI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.mt-help-center-card__icon.convention {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-conventiona45-9e52a2255997aab8.svg)
}

.mt-help-center-card__icon.amuse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCA3QzE4IDcuNzY0MjQgMTcuNTcxNCA4LjQyODM2IDE2Ljk0MTQgOC43NjUwNUwyMCAxNC41TDI0LjI3MjIgMTIuMDA3OUMyNC4wOTkxIDExLjcxMiAyNCAxMS4zNjc2IDI0IDExQzI0IDkuODk1NDMgMjQuODk1NCA5IDI2IDlDMjcuMTA0NiA5IDI4IDkuODk1NDMgMjggMTFDMjggMTIuMTA0NiAyNy4xMDQ2IDEzIDI2IDEzQzI1Ljc3ODkgMTMgMjUuNTY2MiAxMi45NjQxIDI1LjM2NzQgMTIuODk3OUwyMiAyM0gxMEw2LjYzMjYzIDEyLjg5NzlDNi40MzM4IDEyLjk2NDEgNi4yMjEwOSAxMyA2IDEzQzQuODk1NDMgMTMgNCAxMi4xMDQ2IDQgMTFDNCA5Ljg5NTQzIDQuODk1NDMgOSA2IDlDNy4xMDQ1NyA5IDggOS44OTU0MyA4IDExQzggMTEuMzY3NiA3LjkwMDg1IDExLjcxMiA3LjcyNzg0IDEyLjAwNzlMMTIgMTQuNUwxNS4wNTg2IDguNzY1MDVDMTQuNDI4NiA4LjQyODM2IDE0IDcuNzY0MjQgMTQgN0MxNCA1Ljg5NTQzIDE0Ljg5NTQgNSAxNiA1QzE3LjEwNDYgNSAxOCA1Ljg5NTQzIDE4IDdaTTIyIDI1VjI3SDEwVjI1SDIyWiIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K)
}

.mt-help-center-card__icon.business {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-business3eb-51c12b45e6cfc26b.svg)
}

.mt-help-center-card__icon.enterprise {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNi43NzM0IiByPSIxNiIgZmlsbD0iI0Q5RDlEOSIvPgo8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2Ljc3MzQiIHI9IjE2IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTlfMzE0OCkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAzMi43NzM0QzI0LjgzNjYgMzIuNzczNCAzMiAyNS42MSAzMiAxNi43NzM0QzMyIDcuOTM2ODggMjQuODM2NiAwLjc3MzQzOCAxNiAwLjc3MzQzOEM3LjE2MzQ0IDAuNzczNDM4IDAgNy45MzY4OCAwIDE2Ljc3MzRDMCAyNS42MSA3LjE2MzQ0IDMyLjc3MzQgMTYgMzIuNzczNFpNMTUuOTk0NCA2LjEwNjU5TDcuMTA1NDcgOS44MDkwN1YyMy4wNzYzSDUuMzMwNDdWMjQuNzczM0gyNi42NjM4VjIzLjA3NjNIMjQuODgyMlYxMi44OTQzTDE3Ljc3MTEgOS44MDg5NFYyMy4wNzYzSDE1Ljk5NDRWNi4xMDY1OVoiIGZpbGw9IiMzOTQzNTYiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81OV8zMTQ4IiB4MT0iMCIgeTE9IjE2Ljc3MzQiIHgyPSIzMiIgeTI9IjE2Ljc3MzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkFERSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkU3OUYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K)
}

.mt-help-center-card__icon.personal {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiMwMDZGRkYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNEMxOC4yMDkxIDE0IDIwIDEyLjIwOTEgMjAgMTBDMjAgNy43OTA4NiAxOC4yMDkxIDYgMTYgNkMxMy43OTA5IDYgMTIgNy43OTA4NiAxMiAxMEMxMiAxMi4yMDkxIDEzLjc5MDkgMTQgMTYgMTRaTTEyIDE2QzkuNzkwODYgMTYgOCAxNy43OTA5IDggMjBDOCAyMi4yMDkxIDkuNzkwODYgMjQgMTIgMjRIMjBDMjIuMjA5MSAyNCAyNCAyMi4yMDkxIDI0IDIwQzI0IDE3Ljc5MDkgMjIuMjA5MSAxNiAyMCAxNkgxMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

.mt-help-center-card__icon.vip {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-vip723-e6ec668ae1c8d142.svg)
}

.mt-help-center-card__desc {
    display: none
}

.mt-help-center-card__docs {
    margin-top: 16px;
    flex: 1
}

.mt-help-center-card__doc {
    display: block;
    color: #4e5461;
    padding-left: 12px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-help-center-card__doc:before {
    width: 4px;
    height: 4px;
    background: #646974;
    border-radius: 50%;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute
}

@media screen and (any-hover:hover) {
    .mt-help-center-card__doc:hover {
        color: #429b2a
    }

    .mt-help-center-card__doc:hover:before {
        background: #429b2a
    }
}

.mt-help-center-card__doc:last-child {
    margin-bottom: 0
}

.mt-help-center-card__link {
    margin-top: 12px;
    display: block;
    line-height: 32px;
    padding-left: 12px;
    font-size: 16px
}

.mt-help-center-card.pass-bg:before {
    display: none
}

.mt-help-center-card.has-bg.personal:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-personal102-e08d43d7c60695ec.png)
}

.mt-help-center-card.has-bg.business:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-businessf3d-e2a36413c5f7dbf2.png)
}

.mt-help-center-card.has-bg.enterprise:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-enterprisebf4-155eb4fb5326be8c.png)
}

.mt-help-center-card.has-bg.vip:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-vipc8e-4dbc486cb8498a64.png)
}

.mt-help-center-card.has-bg.chart:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-chartd96-deed66523f7f6942.png);
    width: 222px;
    height: 222px
}

.mt-help-center-card-list.layout-part-vertical .mt-help-center-card:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-part-verticalef6-5f3eb63344914250.png)
}

.mt-help-center-card-list.layout-part-vertical .mt-help-center-card__desc {
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    margin-top: 16px;
    color: #4e5461
}

@media screen and (max-width:1200px) {
    .mt-help-center-card {
        padding: 16px;
        border-radius: 16px
    }

    .mt-help-center-card:before {
        border-radius: 16px
    }

    .mt-help-center-card-list.layout-vertical .mt-help-center-card {
        padding: 32px 20px
    }

    .mt-help-center-card-list.layout-vertical .mt-help-center-card__title {
        font-size: 20px;
        line-height: 28px
    }

    .mt-help-center-card-list.layout-vertical .mt-help-center-card__desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px
    }

    .mt-help-center-card__title {
        font-size: 18px;
        line-height: 26px
    }

    .mt-help-center-card__icon {
        margin-right: 8px
    }

    .mt-help-center-card__doc {
        font-size: 14px;
        line-height: 22px
    }

    .mt-help-center-card__doc:last-child {
        margin-bottom: 0
    }

    .mt-help-center-card__link {
        font-size: 14px;
        line-height: 22px
    }

    .mt-help-center-card-list.layout-part-vertical .mt-help-center-card__desc {
        font-size: 14px;
        line-height: 22px;
        max-height: 66px;
        margin-top: 8px
    }
}

@media screen and (max-width:900px) {
    .mt-help-center-card-list.layout-center {
        justify-content: normal
    }

    .mt-help-center-card__col.order-1 {
        order: 1
    }

    .mt-help-center-card__col--full {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .mt-help-center-card {
        border-radius: 16px;
        padding: 16px
    }

    .mt-help-center-card:before {
        display: none
    }

    .mt-help-center-card-list.layout-vertical .mt-help-center-card {
        padding: 16px
    }

    .mt-help-center-card-list.layout-vertical .mt-help-center-card__info {
        align-items: center
    }

    .mt-help-center-card-list.layout-vertical .mt-help-center-card__title {
        font-size: 16px;
        line-height: 24px
    }

    .mt-help-center-card__desc {
        display: block;
        font-size: 12px;
        line-height: 18px;
        color: #7b818f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 4px;
        width: 100%;
        text-align: center
    }

    .mt-help-center-card__docs,
    .mt-help-center-card__link {
        display: none
    }

    .mt-help-center-card__info {
        flex-direction: column
    }

    .mt-help-center-card__icon {
        margin-right: 0;
        margin-bottom: 8px
    }

    .mt-help-center-card__title {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        text-align: center
    }

    .mt-help-center-card-list.layout-part-vertical .mt-help-center-card {
        padding: 16px 20px
    }

    .mt-help-center-card-list.layout-part-vertical .mt-help-center-card__info {
        flex-direction: row
    }

    .mt-help-center-card-list.layout-part-vertical .mt-help-center-card__icon {
        margin-bottom: 0;
        margin-right: 12px
    }

    .mt-help-center-card-list.layout-part-vertical .mt-help-center-card__title {
        text-align: left
    }

    .mt-help-center-card-list.layout-part-vertical .mt-help-center-card__desc {
        display: none
    }
}

.mt-search-box {
    position: relative;
    width: 100%
}

.mt-search-box.is-simple .mt-search-box__inner {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15)
}

.mt-search-box.is-simple .mt-search-box__btn-search {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iNyIgc3Ryb2tlPSIjMDQ1QUZFIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE2Ljg4ODcgMTYuODg4N0wxOS44ODg3IDE5Ljg4ODciIHN0cm9rZT0iIzA0NUFGRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==)
}

.mt-search-box__inner {
    height: 56px
}

.mt-search-box__input {
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    border: 0;
    padding: 16px 112px 16px 16px;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.mt-search-box__input:-ms-input-placeholder {
    color: #bcc1cc
}

.mt-search-box__input::-moz-placeholder {
    color: #bcc1cc
}

.mt-search-box__input::placeholder {
    color: #bcc1cc
}

.mt-search-box__btn {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 56px;
    height: 56px;
    border-radius: 0 12px 12px 0;
    top: 0;
    cursor: pointer
}

.mt-search-box__btn-search {
    right: 0;
    background-color: #429b2a;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNiAxNkwxOS44ODkxIDE5Ljg4OTEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-search-box__btn-search:hover {
    background-color: #198cff
}

.mt-search-box__btn-close {
    background-color: #fff;
    right: 56px
}

.mt-search-box__btn-close,
.mt-search-box__btn-close:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM0wxMyAxMyIgc3Ryb2tlPSIjNEU1NDYxIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMTMgM0wzIDEzIiBzdHJva2U9IiM0RTU0NjEiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=)
}

.mt-search-box__list {
    position: absolute;
    top: 57px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    width: 100%;
    z-index: 10
}

.mt-search-box__list-bd {
    padding: 24px;
    max-height: 408px;
    overflow: auto
}

.mt-search-box__list-ft {
    padding: 16px 24px 22px;
    position: relative
}

.mt-search-box__list-ft:before {
    width: calc(100% - 48px);
    height: 1px;
    background: #ebedf2;
    content: "";
    top: 0;
    left: 24px;
    position: absolute
}

.mt-search-box__list-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #7b818f;
    margin-bottom: 20px
}

.mt-search-box__list-con {
    margin: -12px -24px
}

.mt-search-box__list-item,
.mt-search-box__list-link {
    font-size: 16px;
    line-height: 24px
}

.mt-search-box__list-item {
    padding: 12px 24px;
    display: block;
    position: relative
}

.mt-search-box__list-item-text {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    display: inline-block;
    color: rgba(0, 0, 0, .85);
    vertical-align: top
}

@media screen and (any-hover:hover) {
    .mt-search-box__list-item.is-close:hover {
        padding-right: 40px
    }

    .mt-search-box__list-item.is-close:hover .mt-search-box__list-item-close {
        display: block
    }
}

.mt-search-box__list-item em {
    color: #429b2a
}

.mt-search-box__list-item-close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM0wxMyAxMyIgc3Ryb2tlPSIjNEU1NDYxIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMTMgM0wzIDEzIiBzdHJva2U9IiM0RTU0NjEiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=);
    display: none
}

.mt-search-box__list-item:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
}

.mt-search-box__list-item:hover .mt-search-box__list-item-text {
    color: #429b2a
}

.mt-search-box__recom {
    margin-top: 16px
}

.mt-search-box__recom-item {
    color: #4e5461;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-right: 16px
}

.mt-search-box__recom-item:hover {
    color: #429b2a;
    text-decoration: none
}

.mt-search-box__recom-item:last-child {
    margin-right: 0
}

@media screen and (max-width:600px) {
    .mt-search-box {
        margin: 0 auto
    }

    .mt-search-box.is-simple .mt-search-box__inner {
        height: 48px
    }

    .mt-search-box.is-simple .mt-search-box__input {
        font-size: 14px;
        line-height: 20px;
        padding: 14px 96px 14px 15px
    }

    .mt-search-box.is-simple .mt-search-box__btn {
        height: 48px;
        width: 48px
    }

    .mt-search-box.is-simple .mt-search-box__btn-close {
        right: 48px
    }

    .mt-search-box__recom {
        display: none
    }

    .mt-search-box__inner {
        height: 40px
    }

    .mt-search-box__btn {
        height: 40px;
        width: 40px;
        border-radius: 0 8px 8px 0
    }

    .mt-search-box__btn-close {
        right: 40px
    }

    .mt-search-box__input {
        padding: 9px 80px 9px 12px;
        line-height: 22px;
        border-radius: 8px
    }

    .mt-search-box__list {
        top: 42px
    }

    .mt-search-box__list-bd {
        padding: 16px
    }

    .mt-search-box__list-title {
        margin-bottom: 16px
    }

    .mt-search-box__list-con {
        margin: -8px -16px
    }

    .mt-search-box__list-item {
        line-height: 22px;
        padding: 8px 16px
    }

    .mt-search-box__list-item-close {
        width: 38px;
        height: 38px;
        top: 0
    }
}

.mt-video-list__item {
    box-shadow: 0 12px 43px rgba(107, 125, 142, .15);
    border-radius: 20px;
    display: block;
    color: #000;
    height: 100%;
    background: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out
}

@media screen and (any-hover:hover) {
    .mt-video-list__item:hover {
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15), 0 15px 20px rgba(78, 106, 149, .06)
    }

    .mt-video-list__item:hover .mt-video-list__item-play {
        opacity: 1
    }
}

.mt-video-list__item-obj {
    position: relative;
    padding-top: 56.4286%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.mt-video-list__item-play {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-play520-77c766614428de4f.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    opacity: 0
}

.mt-video-list__item-bd {
    padding: 16px 16px 24px
}

.mt-video-list__item-title {
    font-size: 16px;
    line-height: 24px
}

.mt-video-list__more {
    padding: 16px 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-morecec-748b7d083069dbd8.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover
}

.mt-video-list__more-text {
    color: #53d530;
    padding: 0;
    width: 100%;
    text-align: center;
    background: transparent;
    border-radius: 0
}

.mt-video-list__more-play {
    width: 34px;
    height: 34px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IC0wLjAwMDQ4ODI4MUM2LjI2ODc1IC0wLjAwMDQ4ODI4MSAwIDYuMjY4MjYgMCAxMy45OTk1QzAgMjEuNzMwOCA2LjI2ODc1IDI3Ljk5OTUgMTQgMjcuOTk5NUMyMS43MzEzIDI3Ljk5OTUgMjggMjEuNzMwOCAyOCAxMy45OTk1QzI4IDYuMjY4MjYgMjEuNzMxMyAtMC4wMDA0ODgyODEgMTQgLTAuMDAwNDg4MjgxWk0xOC41MDMxIDE0LjIxNTFMMTEuNjc4MSAxOS4xODA4QzExLjYzNDQgMTkuMjEyIDExLjU4NDQgMTkuMjI3NiAxMS41MzEyIDE5LjIyNzZDMTEuMzkzOCAxOS4yMjc2IDExLjI4MTIgMTkuMTE1MSAxMS4yODEyIDE4Ljk3NzZWOS4wNTI2NEMxMS4yODEyIDguOTk5NTEgMTEuMjk2OSA4Ljk0OTUxIDExLjMyODEgOC45MDU3NkMxMS40MDk0IDguNzkzMjYgMTEuNTY1NiA4Ljc2ODI2IDExLjY3ODEgOC44NDk1MUwxOC41MDMxIDEzLjgxMkMxOC41MjUgMTMuODI3NiAxOC41NDM4IDEzLjg0NjQgMTguNTU5NCAxMy44NjgzQzE4LjY0MDYgMTMuOTc3NiAxOC42MTU2IDE0LjEzMzkgMTguNTAzMSAxNC4yMTUxWiIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K);
    margin-bottom: 24px;
    position: static;
    transform: none;
    opacity: 1
}

.mt-video-list.v2 .mt-video-list__item {
    border-radius: 12px;
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15)
}

@media screen and (any-hover:hover) {
    .mt-video-list.v2 .mt-video-list__item:hover {
        box-shadow: 0 18px 50px 0 rgba(74, 130, 183, .2)
    }
}

.mt-video-list.v2 .mt-video-list__item-obj {
    border-radius: 12px 12px 0 0;
    position: relative
}

.mt-video-list.v2 .mt-video-list__item-duration {
    position: absolute;
    right: 10px;
    bottom: 4px;
    color: var(--light_wm_color-text-quaternary, #fff);
    font-size: 12px;
    line-height: 20px
}

.mt-video-list.v2 .mt-video-list__item-label {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 12px 0 12px 0
}

.mt-video-list.v2 .mt-video-list__item-tag {
    display: inline-flex;
    color: var(--light_wm_color-text-tertiary, #7b818f);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 7px;
    border-radius: 22px;
    border: 1px solid var(--Light_wm_color_outline-tertiary, #ebedf2);
    margin-left: 4px;
    white-space: nowrap
}

.mt-video-list.v2 .mt-video-list__item-tag:first-child {
    margin-left: 0
}

.mt-video-list.v2 .mt-video-list__item-tags {
    margin-bottom: 12px
}

.mt-video-list.v2 .mt-video-list__item-title {
    font-weight: 600
}

.mt-video-list.is-tag .mt-video-list__item-obj {
    padding-top: 50%
}

.mt-video-list.is-tag .mt-video-list__item-obj:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 85, 232, .5);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-play-v2179-f9ead4f4e3b17ba5.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease-in-out
}

.mt-video-list.is-tag .mt-video-list__item-bd {
    padding: 16px
}

.mt-video-list.is-tag .mt-video-list__item:hover .mt-video-list__item-obj:before {
    opacity: 1
}

.mt-video-list.is-new .mt-video-list__item:hover .mt-video-list__item-title {
    color: #429b2a
}

.mt-video-list.is-new .mt-video-list__item-bd {
    padding: 16px 16px 20px
}

@media screen and (max-width:1200px) {
    .mt-video-list__item-obj {
        padding-top: 60%
    }

    .mt-video-list__item-bd {
        padding: 16px 12px
    }

    .mt-video-list__item-title {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis
    }

    .mt-video-list.v2 .mt-video-list__item-duration {
        right: 8px;
        font-size: 10px;
        line-height: 16px
    }

    .mt-video-list.v2 .mt-video-list__item-tag {
        display: inline-flex;
        padding: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
        position: relative;
        line-height: 18px
    }

    .mt-video-list.v2 .mt-video-list__item-tag+.mt-video-list__item-tag {
        margin-left: 4px;
        padding-left: 6px
    }

    .mt-video-list.v2 .mt-video-list__item-tag+.mt-video-list__item-tag:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: 2px;
        background-color: #b0b6c3;
        border-radius: 0;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px
    }

    .mt-video-list.v2 .mt-video-list__item-tags {
        margin-bottom: 8px;
        display: inline-flex;
        padding: 0 5px;
        align-items: center;
        border-radius: 22px;
        border: 1px solid var(--Light_wm_color_outline-tertiary, #ebedf2)
    }

    .mt-video-list.v2 .mt-video-list__item-title {
        font-weight: 500
    }

    .mt-video-list.is-tag .mt-video-list__item-bd {
        padding: 12px
    }

    .mt-video-list.is-new .mt-video-list__item-bd {
        padding: 16px 12px 20px
    }
}

@media screen and (max-width:600px) {
    .mt-video-list__item-title {
        line-height: 22px
    }

    .mt-video-list__more {
        background: none;
        box-shadow: none;
        padding: 12px 0 0
    }

    .mt-video-list__more-play {
        display: none
    }

    .mt-video-list__more-text {
        font-size: 14px;
        line-height: 22px
    }

    .mt-video-list.v2 .mt-video-list__item {
        border-radius: 8px
    }

    .mt-video-list.v2 .mt-video-list__item-obj {
        border-radius: 8px 8px 0 0
    }

    .mt-video-list.v2 .mt-video-list__item-label {
        font-size: 10px;
        line-height: 14px;
        padding: 2px 8px;
        border-radius: 8px 0 12px 0
    }

    .mt-video-list.is-tag .mt-video-list__item-bd {
        padding: 12px 10px
    }

    .mt-video-list.is-new .mt-video-list__item {
        background-color: transparent;
        box-shadow: none
    }

    .mt-video-list.is-new .mt-video-list__item-obj {
        border-radius: 8px
    }

    .mt-video-list.is-new .mt-video-list__item-bd {
        background-color: transparent;
        padding: 12px 0
    }

    .mt-video-list.is-new .mt-video-list__item-title {
        font-weight: 400
    }
}

.mt-help-home-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: height .3s ease-in-out;
    padding: 0 96px;
    position: relative;
    box-sizing: border-box;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top
}

.mt-help-home-hero.is-normal .mt-help-home-hero__inner {
    padding-top: 192px;
    padding-bottom: 188px
}

.mt-help-home-hero.is-simple {
    height: 86px;
    margin-bottom: 0
}

.mt-help-home-hero.is-simple .mt-help-home-hero__inner {
    padding-top: 16px
}

.mt-help-home-hero.is-simple .mt-help-home-hero__search-section {
    margin: 0 auto
}

.mt-help-home-hero.is-version .mt-help-home-hero__inner {
    padding-top: 136px;
    padding-bottom: 326px
}

.mt-help-home-hero__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-top: 136px;
    padding-bottom: 32px;
    max-width: 1180px
}

.mt-help-home-hero__title {
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    color: #2d3033
}

.mt-help-home-hero__search-section {
    margin: 48px auto 0;
    max-width: 580px
}

.mt-help-home-hero__cards {
    margin-top: 88px
}

.mt-help-home-hero__card {
    display: flex;
    background: #fff;
    align-items: center;
    padding: 16px 28px;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/card-bg065-d9df00a256db916e.png)
}

.mt-help-home-hero__card-obj {
    width: 96px;
    height: 96px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    flex: none;
    margin-right: 24px
}

.mt-help-home-hero__card-main {
    flex: 1;
    min-width: 0
}

.mt-help-home-hero__card-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #0f001a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-help-home-hero__card-desc {
    font-size: 16px;
    line-height: 24px;
    color: #646974;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:1921px) {
    .mt-help-home-hero.is-version .mt-help-home-hero__inner {
        padding-top: 152px
    }
}

@media screen and (max-width:1200px) {
    .mt-help-home-hero {
        padding: 0 80px
    }

    .mt-help-home-hero.is-normal .mt-help-home-hero__inner {
        padding-top: 120px;
        padding-bottom: 60px
    }

    .mt-help-home-hero.is-simple {
        min-height: auto
    }

    .mt-help-home-hero.is-version .mt-help-home-hero__inner {
        padding-top: 128px;
        padding-bottom: 334px
    }

    .mt-help-home-hero__inner {
        max-width: 864px;
        padding-top: 100px;
        padding-bottom: 24px
    }

    .mt-help-home-hero__title {
        font-size: 40px;
        line-height: 60px
    }

    .mt-help-home-hero__cards {
        margin-top: 48px
    }

    .mt-help-home-hero__card-obj {
        width: 80px;
        height: 80px
    }

    .mt-help-home-hero__card-title {
        font-size: 18px;
        line-height: 26px
    }

    .mt-help-home-hero__card-desc {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:900px) {
    .mt-help-home-hero {
        padding: 0 40px
    }

    .mt-help-home-hero__inner {
        padding-top: 105px;
        max-width: 688px
    }

    .mt-help-home-hero.is-normal .mt-help-home-hero__inner {
        padding-top: 105px
    }

    .mt-help-home-hero__cards {
        margin-top: 40px
    }

    .mt-help-home-hero__card {
        padding: 12px 16px;
        border-radius: 16px
    }

    .mt-help-home-hero__card-obj {
        width: 60px;
        height: 60px;
        margin-right: 8px
    }
}

@media screen and (max-width:600px) {
    .mt-help-home-hero {
        padding: 0 16px;
        background-size: auto 100%
    }

    .mt-help-home-hero__inner {
        padding-bottom: 180px
    }

    .mt-help-home-hero.is-version .mt-help-home-hero__inner {
        padding-top: 106px;
        padding-bottom: 148px
    }

    .mt-help-home-hero__title {
        font-size: 24px;
        line-height: 42px;
        font-weight: 400
    }

    .mt-help-home-hero__cards {
        margin-top: 48px
    }

    .mt-help-home-hero__card {
        padding: 8px 12px;
        background-image: none
    }

    .mt-help-home-hero__card-obj {
        width: 40px;
        height: 40px
    }

    .mt-help-home-hero__card-title {
        font-size: 14px;
        line-height: 24px
    }

    .mt-help-home-hero__card-desc {
        display: none
    }

    .mt-help-home-hero__search-section {
        margin-top: 24px;
        max-width: 310px
    }
}

.mt-mobile-header {
    display: flex;
    align-items: center;
    padding: 16px 16px 24px 12px
}

.mt-mobile-header.menu {
    padding: 8px 14px
}

.mt-mobile-header__back {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgMy43NjE3Mkw3LjUgMTIuNzYxN0wxNi41IDIxLjc2MTciIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)
}

.mt-mobile-header__back,
.mt-mobile-header__menu {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat
}

.mt-mobile-header__menu {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3MF84OTAxKSI+CjxyZWN0IG9wYWNpdHk9IjAuMDEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzRFNTQ2MSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNSA0LjVDMS41IDUuMzI4NDMgMi4xNzE1NyA2IDMgNkgyMUMyMS44Mjg0IDYgMjIuNSA1LjMyODQzIDIyLjUgNC41QzIyLjUgMy42NzE1NyAyMS44Mjg0IDMgMjEgM0gzQzIuMTcxNTcgMyAxLjUgMy42NzE1NyAxLjUgNC41Wk0xLjUgMTJDMS41IDEyLjgyODQgMi4xNzE1NyAxMy41IDMgMTMuNUgxMkMxMi44Mjg0IDEzLjUgMTMuNSAxMi44Mjg0IDEzLjUgMTJDMTMuNSAxMS4xNzE2IDEyLjgyODQgMTAuNSAxMiAxMC41SDNDMi4xNzE1NyAxMC41IDEuNSAxMS4xNzE2IDEuNSAxMlpNMS41IDE5LjVDMS41IDIwLjMyODQgMi4xNzE1NyAyMSAzIDIxSDIxQzIxLjgyODQgMjEgMjIuNSAyMC4zMjg0IDIyLjUgMTkuNUMyMi41IDE4LjY3MTYgMjEuODI4NCAxOCAyMSAxOEgzQzIuMTcxNTcgMTggMS41IDE4LjY3MTYgMS41IDE5LjVaIiBmaWxsPSIjNEU1NDYxIi8+CjxwYXRoIGQ9Ik0yMS4zNzUgMTIuNjQ5NUMyMS44NzUgMTIuMzYwOCAyMS44NzUgMTEuNjM5MiAyMS4zNzUgMTEuMzUwNUwxNi44NzUgOC43NTI0QzE2LjM3NSA4LjQ2MzczIDE1Ljc1IDguODI0NTcgMTUuNzUgOS40MDE5MkwxNS43NSAxNC41OTgxQzE1Ljc1IDE1LjE3NTQgMTYuMzc1IDE1LjUzNjMgMTYuODc1IDE1LjI0NzZMMjEuMzc1IDEyLjY0OTVaIiBmaWxsPSIjNEU1NDYxIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjcwXzg5MDEiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.mt-mobile-header__menu.is-show {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-hiddend1d-833d763a10e2f404.svg)
}

.mt-mobile-header__extra {
    flex: 1;
    min-width: 0
}

.mt-mobile-header__back+.mt-mobile-header__extra,
.mt-mobile-header__menu+.mt-mobile-header__extra {
    margin-left: 12px
}

.mt-tags-list {
    display: flex;
    flex-direction: column
}

.mt-tags-list__title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
    color: #7b818f
}

.mt-tags-list__items-section {
    margin-bottom: -12px
}

.mt-tags-list__item {
    height: 32px;
    line-height: 32px;
    background: #fff;
    border-radius: 6px;
    font-size: 14px;
    color: #000;
    display: inline-block;
    padding: 0 8px;
    margin: 0 8px 12px 0;
    max-width: 128px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.mt-tags-list__item:last-child {
    margin-right: 0
}

.mt-tags-list+.mt-tags-list {
    margin-top: 32px
}

.mt-pagination {
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    margin: -4px
}

.mt-pagination__btn,
.mt-pagination__dot,
.mt-pagination__item {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 4px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    background: hsla(0, 0%, 100%, .9);
    border: 1px solid #d2d6db;
    border-radius: 6px;
    cursor: pointer
}

.mt-pagination__item:hover {
    color: #53d530;
    background-color: rgba(0, 111, 255, .1);
    border-color: #53d530
}

.mt-pagination__item.is-active {
    color: #fff;
    background-color: #53d530;
    border-color: #53d530
}

.mt-pagination__dot,
.mt-pagination__item.is-active:hover {
    border-color: transparent;
    cursor: default
}

.mt-pagination__dot {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDQ1OCA5QzIuODkzNTUgOSAyLjQ0NTggOC41NTIyOCAyLjQ0NTggOEMyLjQ0NTggNy40NDc3MiAyLjg5MzU1IDcgMy40NDU4IDdDMy45OTgwNSA3IDQuNDQ1OCA3LjQ0NzcyIDQuNDQ1OCA4QzQuNDQ1OCA4LjU1MjI4IDMuOTk4MDUgOSAzLjQ0NTggOVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8cGF0aCBkPSJNNy40NDU4IDhDNy40NDU4IDguNTUyMjggNy44OTM1NSA5IDguNDQ1OCA5QzguOTk4MDUgOSA5LjQ0NTggOC41NTIyOCA5LjQ0NTggOEM5LjQ0NTggNy40NDc3MiA4Ljk5ODA1IDcgOC40NDU4IDdDNy44OTM1NSA3IDcuNDQ1OCA3LjQ0NzcyIDcuNDQ1OCA4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGQ9Ik0xMi40NDU4IDhDMTIuNDQ1OCA4LjU1MjI4IDEyLjg5MzYgOSAxMy40NDU4IDlDMTMuOTk4IDkgMTQuNDQ1OCA4LjU1MjI4IDE0LjQ0NTggOEMxNC40NDU4IDcuNDQ3NzIgMTMuOTk4IDcgMTMuNDQ1OCA3QzEyLjg5MzYgNyAxMi40NDU4IDcuNDQ3NzIgMTIuNDQ1OCA4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 0
}

.mt-pagination__btn {
    position: relative
}

.mt-pagination__btn.is-disabled {
    display: none
}

.mt-pagination__btn:hover {
    background-color: rgba(0, 111, 255, .1);
    border-color: #53d530
}

.mt-pagination__btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 7px;
    height: 12px;
    transform: translate(-50%, -50%);
    content: ""
}

.mt-pagination__btn--pre:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTg1NDIgMy41NDAwNEwxMC45MDQ3IDQuNDU5MjhMNy4zNjQyOCA3Ljk5OTY2TDEwLjkwNDcgMTEuNTRMOS45ODU0MiAxMi40NTkzTDUuNTI1OCA3Ljk5OTY2TDkuOTg1NDIgMy41NDAwNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4K) 50% no-repeat
}

.mt-pagination__btn--next:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTA2MTkgMy41NDAwNEw1Ljk4Njk2IDQuNDU5MjhMOS41MjczNCA3Ljk5OTY2TDUuOTg2OTYgMTEuNTRMNi45MDYyIDEyLjQ1OTNMMTEuMzY1OCA3Ljk5OTY2TDYuOTA2MTkgMy41NDAwNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4K) 50% no-repeat
}

.mt-pagination__btn span {
    display: none
}

.mt-search-result__title {
    font-size: 16px;
    line-height: 24px;
    color: #4e5461;
    margin-bottom: 32px
}

.mt-search-result__item {
    margin-bottom: 32px
}

.mt-search-result__item:last-child {
    margin-bottom: 0
}

.mt-search-result__item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.mt-search-result__item-title em,
.mt-search-result__item-title:hover {
    color: #429b2a
}

.mt-search-result__item-desc {
    font-size: 16px;
    line-height: 24px;
    color: #4e5461;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin-top: 8px
}

.mt-search-result__item-desc em {
    color: #429b2a
}

.mt-search-result__item-froms {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap
}

.mt-search-result__item-froms span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7b818f
}

.mt-search-result__item-from {
    display: inline-flex;
    align-items: center
}

.mt-search-result__item-from-title {
    cursor: pointer
}

.mt-search-result__item-from-title:hover {
    color: #429b2a
}

.mt-search-result__item-from-arrow {
    margin: 0 4px
}

.mt-search-result__item-icon {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: -5px
}

.mt-search-result__item-icon.video {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA4NDcgMS41QzYuMjg2MjggMS41IDEuNTg0NzIgNi4yMDE1NiAxLjU4NDcyIDEyQzEuNTg0NzIgMTcuNzk4NCA2LjI4NjI4IDIyLjUgMTIuMDg0NyAyMi41QzE3Ljg4MzIgMjIuNSAyMi41ODQ3IDE3Ljc5ODQgMjIuNTg0NyAxMkMyMi41ODQ3IDYuMjAxNTYgMTcuODgzMiAxLjUgMTIuMDg0NyAxLjVaTTE1LjQ2MjEgMTIuMTYxN0wxMC4zNDMzIDE1Ljg4NTlDMTAuMzEwNSAxNS45MDk0IDEwLjI3MyAxNS45MjExIDEwLjIzMzIgMTUuOTIxMUMxMC4xMyAxNS45MjExIDEwLjA0NTcgMTUuODM2NyAxMC4wNDU3IDE1LjczMzZWOC4yODk4NEMxMC4wNDU3IDguMjUgMTAuMDU3NCA4LjIxMjUgMTAuMDgwOCA4LjE3OTY5QzEwLjE0MTcgOC4wOTUzMSAxMC4yNTg5IDguMDc2NTYgMTAuMzQzMyA4LjEzNzVMMTUuNDYyMSAxMS44NTk0QzE1LjQ3ODUgMTEuODcxMSAxNS40OTI1IDExLjg4NTIgMTUuNTA0MiAxMS45MDE2QzE1LjU2NTIgMTEuOTgzNiAxNS41NDY0IDEyLjEwMDggMTUuNDYyMSAxMi4xNjE3WiIgZmlsbD0iIzAwNkZGRiIvPgo8L3N2Zz4K);
    margin-right: 8px
}

@media screen and (max-width:1200px) {

    .mt-search-result__item,
    .mt-search-result__title {
        margin-bottom: 24px
    }

    .mt-search-result__item-title {
        font-size: 18px
    }

    .mt-search-result__item-desc {
        font-size: 14px;
        line-height: 24px;
        color: #000
    }

    .mt-search-result__item-icon {
        margin-right: 4px
    }
}

@media screen and (max-width:600px) {
    .mt-search-result__title {
        margin-bottom: 16px
    }

    .mt-search-result__item {
        margin: 0;
        padding: 12px 0;
        border-bottom: 1px solid #ebedf2
    }

    .mt-search-result__item:first-child {
        padding-top: 0
    }

    .mt-search-result__item:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.mt-match-result {
    margin-top: -12px
}

.mt-match-result__item {
    padding: 12px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mt-match-result__item em {
    color: #429b2a
}

.mt-tree {
    max-width: 100%
}

.mt-tree.tea-tree--full-line .tea-tree__node-content {
    border-radius: 8px
}

.mt-tree.tea-tree--full-line .tea-tree__node-content:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
}

.mt-tree .tea-tree__node,
.mt-tree.tea-tree--full-line .tea-tree__node.is-selected>.tea-tree__node-content,
.mt-tree.tea-tree--full-line .tea-tree__node.is-selected>.tea-tree__node-content .tea-tree__label {
    background-color: transparent
}

.mt-tree .tea-tree__node {
    color: #4e5461
}

.mt-tree .tea-tree__node-content {
    padding: 0 8px
}

.mt-tree .tea-tree__node.mt-tree__title {
    color: #000
}

.mt-tree .tea-tree__node.mt-tree__title .tea-tree__label,
.mt-tree .tea-tree__node.mt-tree__title .tea-tree__label-title {
    font-size: 16px
}

.mt-tree .tea-tree__node.mt-tree__essay .tea-tree__label {
    position: relative;
    padding-left: 24px
}

.mt-tree .tea-tree__node.mt-tree__essay .tea-tree__label:before {
    width: 4px;
    height: 4px;
    background: #646974;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 6px;
    top: 22px
}

.mt-tree .tea-tree__node.mt-tree__essay.is-selected .tea-tree__label:before {
    background: #429b2a
}

.mt-tree .tea-tree__label:hover {
    background-color: transparent
}

.mt-tree .tea-tree__space {
    width: 20px;
    font-size: 0;
    display: inline-block
}

.mt-tree .tea-tree__switcher {
    min-width: 0;
    width: auto;
    margin-right: 0;
    height: 48px;
    display: flex;
    align-items: center
}

.mt-tree .tea-tree__switcher .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45NjE5IDUuODA4NjZDMTIuMDM5MyA1Ljk5NTUgMTEuOTk2NSA2LjIxMDU1IDExLjg1MzUgNi4zNTM1NUw4LjM1MzU0IDkuODUzNTZDOC4yNTk3NyA5Ljk0NzMzIDguMTMyNTkgMTAgNy45OTk5OSAxMEM3Ljg2NzM4IDEwIDcuNzQwMiA5Ljk0NzMzIDcuNjQ2NDMgOS44NTM1Nkw0LjE0NjQzIDYuMzUzNTVDNC4wMDM0MyA2LjIxMDU1IDMuOTYwNjYgNS45OTU1IDQuMDM4MDUgNS44MDg2NkM0LjExNTQ0IDUuNjIxODIgNC4yOTc3NSA1LjUgNC40OTk5OSA1LjVMMTEuNSA1LjVDMTEuNzAyMiA1LjUgMTEuODg0NSA1LjYyMTgyIDExLjk2MTkgNS44MDg2NloiIGZpbGw9IiM3QjgxOEYiLz4KPC9zdmc+Cg==)
}

.mt-tree .tea-tree__switcher .tea-icon-arrowright {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgwODY2IDQuMDM4MDdDNS45OTU1IDMuOTYwNjggNi4yMTA1NSA0LjAwMzQ2IDYuMzUzNTUgNC4xNDY0Nkw5Ljg1MzU2IDcuNjQ2NDZDOS45NDczMyA3Ljc0MDIzIDEwIDcuODY3NDEgMTAgOC4wMDAwMUMxMCA4LjEzMjYyIDkuOTQ3MzMgOC4yNTk4IDkuODUzNTYgOC4zNTM1N0w2LjM1MzU1IDExLjg1MzZDNi4yMTA1NSAxMS45OTY2IDUuOTk1NSAxMi4wMzkzIDUuODA4NjYgMTEuOTYyQzUuNjIxODIgMTEuODg0NiA1LjUgMTEuNzAyMiA1LjUgMTEuNUw1LjUgNC41MDAwMUM1LjUgNC4yOTc3OCA1LjYyMTgyIDQuMTE1NDcgNS44MDg2NiA0LjAzODA3WiIgZmlsbD0iIzdCODE4RiIvPgo8L3N2Zz4K)
}

.mt-tree .tea-tree__label {
    padding: 12px 8px;
    font-size: 14px;
    line-height: 24px
}

.mt-tree .tea-tree__label-title {
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.mt-tree.mobile .tea-tree__label {
    padding: 16px 0 16px 4px
}

.mt-tree.mobile .tea-tree__switcher {
    height: 56px
}

.mt-tree.mobile .tea-tree__switcher .tea-icon-arrowdown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45NjE5IDUuODA4NjZDMTIuMDM5MyA1Ljk5NTUgMTEuOTk2NSA2LjIxMDU1IDExLjg1MzUgNi4zNTM1NUw4LjM1MzU0IDkuODUzNTZDOC4yNTk3NyA5Ljk0NzMzIDguMTMyNTkgMTAgNy45OTk5OSAxMEM3Ljg2NzM4IDEwIDcuNzQwMiA5Ljk0NzMzIDcuNjQ2NDMgOS44NTM1Nkw0LjE0NjQzIDYuMzUzNTVDNC4wMDM0MyA2LjIxMDU1IDMuOTYwNjYgNS45OTU1IDQuMDM4MDUgNS44MDg2NkM0LjExNTQ0IDUuNjIxODIgNC4yOTc3NSA1LjUgNC40OTk5OSA1LjVMMTEuNSA1LjVDMTEuNzAyMiA1LjUgMTEuODg0NSA1LjYyMTgyIDExLjk2MTkgNS44MDg2NloiIGZpbGw9IiM0RTU0NjEiLz4KPC9zdmc+Cg==)
}

.mt-tree.mobile .tea-tree__switcher .tea-icon-arrowright {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgwODY2IDQuMDM4MDdDNS45OTU1IDMuOTYwNjggNi4yMTA1NSA0LjAwMzQ2IDYuMzUzNTUgNC4xNDY0Nkw5Ljg1MzU2IDcuNjQ2NDZDOS45NDczMyA3Ljc0MDIzIDEwIDcuODY3NDEgMTAgOC4wMDAwMUMxMCA4LjEzMjYyIDkuOTQ3MzMgOC4yNTk4IDkuODUzNTYgOC4zNTM1N0w2LjM1MzU1IDExLjg1MzZDNi4yMTA1NSAxMS45OTY2IDUuOTk1NSAxMi4wMzkzIDUuODA4NjYgMTEuOTYyQzUuNjIxODIgMTEuODg0NiA1LjUgMTEuNzAyMiA1LjUgMTEuNUw1LjUgNC41MDAwMUM1LjUgNC4yOTc3OCA1LjYyMTgyIDQuMTE1NDcgNS44MDg2NiA0LjAzODA3WiIgZmlsbD0iIzRFNTQ2MSIvPgo8L3N2Zz4K)
}

.mt-tree.mobile.tea-tree--full-line .tea-tree__node.is-selected>.tea-tree__node-content {
    box-shadow: none;
    background-color: #f6f8fb
}

.mt-tree.mobile .tea-tree__node {
    color: #000
}

.mt-tree.mobile .tea-tree__node-content {
    padding: 0 24px;
    border-radius: 0
}

.mt-tree.mobile .tea-tree__node-content:hover {
    background-color: transparent;
    box-shadow: none
}

.mt-tree.mobile .tea-tree__node.mt-tree__title {
    font-weight: 500
}

.mt-tree.mobile .tea-tree__node.mt-tree__essay .tea-tree__label {
    padding-left: 20px;
    color: #4e5461
}

.mt-tree.mobile .tea-tree__node.mt-tree__essay .tea-tree__label:before {
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4xMDA2IDMuMzg1ODNDOS43MjU0OCAzLjAxMDc2IDkuMjE2NzggMi44MDAwNSA4LjY4NjM0IDIuODAwMDVINEMzLjE3MTU3IDIuODAwMDUgMi41IDMuNDcxNjIgMi41IDQuMzAwMDVWMTMuM0MyLjUgMTQuMTI4NSAzLjE3MTU3IDE0LjggNCAxNC44SDEyQzEyLjgyODQgMTQuOCAxMy41IDE0LjEyODUgMTMuNSAxMy4zVjcuNjEzNzFDMTMuNSA3LjA4MzI3IDEzLjI4OTMgNi41NzQ1NiAxMi45MTQyIDYuMTk5NDlMMTAuMTAwNiAzLjM4NTgzWk01LjUgNy4zMDAwNUM1LjIyMzg2IDcuMzAwMDUgNSA3LjUyMzkxIDUgNy44MDAwNUM1IDguMDc2MTkgNS4yMjM4NiA4LjMwMDA1IDUuNSA4LjMwMDA1SDEwQzEwLjI3NjEgOC4zMDAwNSAxMC41IDguMDc2MTkgMTAuNSA3LjgwMDA1QzEwLjUgNy41MjM5MSAxMC4yNzYxIDcuMzAwMDUgMTAgNy4zMDAwNUg1LjVaTTUuNSAxMC4zQzUuMjIzODYgMTAuMyA1IDEwLjUyMzkgNSAxMC44QzUgMTEuMDc2MiA1LjIyMzg2IDExLjMgNS41IDExLjNIOUM5LjI3NjE0IDExLjMgOS41IDExLjA3NjIgOS41IDEwLjhDOS41IDEwLjUyMzkgOS4yNzYxNCAxMC4zIDkgMTAuM0g1LjVaIiBmaWxsPSIjN0I4MThGIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    top: 20px;
    background-color: transparent;
    left: 0
}

@media screen and (min-width:601px) {
    .mt-tree .tea-tree__node.is-selected {
        color: #429b2a
    }

    .mt-tree .tea-tree__node.is-selected .tea-tree__switcher .tea-icon-arrowdown {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45NjE5IDUuODA4NjZDMTIuMDM5MyA1Ljk5NTUgMTEuOTk2NSA2LjIxMDU1IDExLjg1MzUgNi4zNTM1NUw4LjM1MzU0IDkuODUzNTZDOC4yNTk3NyA5Ljk0NzMzIDguMTMyNTkgMTAgNy45OTk5OSAxMEM3Ljg2NzM4IDEwIDcuNzQwMiA5Ljk0NzMzIDcuNjQ2NDMgOS44NTM1Nkw0LjE0NjQzIDYuMzUzNTVDNC4wMDM0MyA2LjIxMDU1IDMuOTYwNjYgNS45OTU1IDQuMDM4MDUgNS44MDg2NkM0LjExNTQ0IDUuNjIxODIgNC4yOTc3NSA1LjUgNC40OTk5OSA1LjVMMTEuNSA1LjVDMTEuNzAyMiA1LjUgMTEuODg0NSA1LjYyMTgyIDExLjk2MTkgNS44MDg2NloiIGZpbGw9IiMwNDVhZmUiLz4KPC9zdmc+Cg==)
    }

    .mt-tree .tea-tree__node.is-selected .tea-tree__switcher .tea-icon-arrowright {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgwODY2IDQuMDM4MDdDNS45OTU1IDMuOTYwNjggNi4yMTA1NSA0LjAwMzQ2IDYuMzUzNTUgNC4xNDY0Nkw5Ljg1MzU2IDcuNjQ2NDZDOS45NDczMyA3Ljc0MDIzIDEwIDcuODY3NDEgMTAgOC4wMDAwMUMxMCA4LjEzMjYyIDkuOTQ3MzMgOC4yNTk4IDkuODUzNTYgOC4zNTM1N0w2LjM1MzU1IDExLjg1MzZDNi4yMTA1NSAxMS45OTY2IDUuOTk1NSAxMi4wMzkzIDUuODA4NjYgMTEuOTYyQzUuNjIxODIgMTEuODg0NiA1LjUgMTEuNzAyMiA1LjUgMTEuNUw1LjUgNC41MDAwMUM1LjUgNC4yOTc3OCA1LjYyMTgyIDQuMTE1NDcgNS44MDg2NiA0LjAzODA3WiIgZmlsbD0iIzA0NWFmZSIvPgo8L3N2Zz4K)
    }

    .mt-tree .tea-tree__node.mt-tree__title.is-selected {
        color: #429b2a
    }
}

@media screen and (max-width:600px) {
    html.rooms-guide-root {
        font-size: 3.2vw
    }
}

.mt-guide-hero {
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: 87.4635568513%;
    font-size: 0;
    line-height: 0
}

.mt-guide-hero__tit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 39.3333333333%;
    font-family: Tencent-W7;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 77, 211, .67);
    font-size: 0;
    line-height: 0
}

.mt-guide-hero__tit .size-s {
    font-size: 3rem;
    line-height: 1.11
}

.mt-guide-hero__tit .size-l {
    font-size: 3.333rem;
    line-height: 1.5
}

.mt-guide-hero__desc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 75.3333333333%;
    padding: .667rem 2.667rem;
    width: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) -.63%, hsla(0, 0%, 100%, .2) 54.4%, hsla(0, 0%, 100%, 0));
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    max-width: 28.5rem;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 auto
}

.mt-alert {
    background: #d9eaff;
    padding: 8px 11px 8px 16px;
    color: #002f80
}

.mt-alert .tea-alert__decoration {
    margin-right: 8px
}

.mt-alert .tea-alert__operational {
    padding-left: 0
}

.mt-alert .tea-icon-infoblue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjU4MTk0IDAgMCAzLjU4MTA1IDAgNy45OTk0M0MwIDEyLjQxNzggMy41ODE5NCAxNiA4IDE2QzEyLjQxODEgMTYgMTYgMTIuNDE3OCAxNiA3Ljk5OTQzQzE1Ljk5ODkgMy41ODEwNSAxMi40MTgxIDAgOCAwWiIgZmlsbD0iIzAwNkZGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgN0w3IDdMNyAxMkw5IDEyTDkgN1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA0TDcgNEw3IDZMOSA2TDkgNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

.mt-alert .tea-icon-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjg1MzQ5IDIuMTQ2NDVDMi42NTgyMyAxLjk1MTE4IDIuMzQxNjUgMS45NTExOCAyLjE0NjM5IDIuMTQ2NDVDMS45NTExMiAyLjM0MTcxIDEuOTUxMTIgMi42NTgyOSAyLjE0NjM5IDIuODUzNTVMNS4yOTI4MyA2TDIuMTQ2MzkgOS4xNDY0NUMxLjk1MTEyIDkuMzQxNzEgMS45NTExMiA5LjY1ODI5IDIuMTQ2MzkgOS44NTM1NUMyLjM0MTY1IDEwLjA0ODggMi42NTgyMyAxMC4wNDg4IDIuODUzNDkgOS44NTM1NUw1Ljk5OTk0IDYuNzA3MTFMOS4xNDYzOSA5Ljg1MzU1QzkuMzQxNjUgMTAuMDQ4OCA5LjY1ODIzIDEwLjA0ODggOS44NTM0OSA5Ljg1MzU1QzEwLjA0ODggOS42NTgyOSAxMC4wNDg4IDkuMzQxNzEgOS44NTM0OSA5LjE0NjQ1TDYuNzA3MDUgNkw5Ljg1MzQ5IDIuODUzNTVDMTAuMDQ4OCAyLjY1ODI5IDEwLjA0ODggMi4zNDE3MSA5Ljg1MzQ5IDIuMTQ2NDVDOS42NTgyMyAxLjk1MTE4IDkuMzQxNjUgMS45NTExOCA5LjE0NjM5IDIuMTQ2NDVMNS45OTk5NCA1LjI5Mjg5TDIuODUzNDkgMi4xNDY0NVoiIGZpbGw9IiM0RTU0NjEiLz4KPC9zdmc+Cg==);
    background-position: 50%
}

.mt-alert.is-default {
    background: none;
    text-align: center;
    border: 0;
    color: #2d3033;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0
}

.mt-alert.is-default .tea-alert__decoration {
    margin-top: 2px
}

.mt-alert.is-default .tea-alert__info {
    font-size: 14px;
    flex: unset
}

@media screen and (max-width:600px) {
    .mt-alert.is-default {
        align-items: flex-start
    }

    .mt-alert.is-default .tea-alert__decoration {
        margin-right: 4px;
        margin-top: 0
    }

    .mt-alert.is-default .tea-alert__info {
        font-size: 12px
    }
}

.mt-bread-crumbs {
    display: flex;
    flex-wrap: wrap
}

.mt-bread-crumbs__item {
    display: inline-flex;
    align-items: center
}

.mt-bread-crumbs__item-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #4e5461;
    cursor: pointer
}

@media screen and (any-hover:hover) {
    .mt-bread-crumbs__item-title:hover {
        color: #429b2a
    }
}

.mt-bread-crumbs__item-separator {
    content: "";
    margin: 0 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2NF8xMTEwNCkiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNjY0XzExMTA0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNDIzOSA5LjEzMTk1QzEzLjAwOTcgOC41NDYxNiAxMy4wMDk3IDcuNTk2NDIgMTIuNDIzOSA3LjAxMDYzTDcuMTIwNTcgMS43MDczM0M2LjczMDA0IDEuMzE2OCA2LjA5Njg4IDEuMzE2OCA1LjcwNjM1IDEuNzA3MzNDNS4zMTU4MyAyLjA5Nzg1IDUuMzE1ODMgMi43MzEwMiA1LjcwNjM1IDMuMTIxNTRMMTAuNjU2MSA4LjA3MTI5TDUuNzA2MzUgMTMuMDIxQzUuMzE1ODMgMTMuNDExNiA1LjMxNTgzIDE0LjA0NDcgNS43MDYzNSAxNC40MzUyQzYuMDk2ODggMTQuODI1OCA2LjczMDA0IDE0LjgyNTggNy4xMjA1NyAxNC40MzUyTDEyLjQyMzkgOS4xMzE5NVoiIGZpbGw9IiM3QjgxOEYiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY2NF8xMTEwNCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDE2IDApIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNjY0XzExMTA0Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYgMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.mt-bread-crumbs__item:last-child .mt-bread-crumbs__item-title {
    font-weight: 500;
    color: #000
}

@media screen and (max-width:1200px) {
    .mt-bread-crumbs__item-title {
        font-size: 14px;
        line-height: 20px
    }

    .mt-bread-crumbs__item-separator {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2NF8xMTc0MikiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNjY0XzExNzQyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuODcxIDcuOTkwNDZDMTEuMzgzNiA3LjQ3Nzg5IDExLjM4MzYgNi42NDY4NiAxMC44NzEgNi4xMzQzTDYuMjMwNjEgMS40OTM5MUM1Ljg4ODkgMS4xNTIyIDUuMzM0ODggMS4xNTIyIDQuOTkzMTcgMS40OTM5MUM0LjY1MTQ2IDEuODM1NjIgNC42NTE0NiAyLjM4OTY0IDQuOTkzMTcgMi43MzEzNUw5LjMyNDIgNy4wNjIzOEw0Ljk5MzE3IDExLjM5MzRDNC42NTE0NiAxMS43MzUxIDQuNjUxNDYgMTIuMjg5MSA0Ljk5MzE3IDEyLjYzMDhDNS4zMzQ4OCAxMi45NzI2IDUuODg4OSAxMi45NzI2IDYuMjMwNjEgMTIuNjMwOEwxMC44NzEgNy45OTA0NloiIGZpbGw9IiM3QjgxOEYiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY2NF8xMTc0MiI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDE0IDApIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNjY0XzExNzQyIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTQgMC44NzUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
        margin: 0 4px
    }
}

@media screen and (max-width:600px) {
    .mt-bread-crumbs__item-title {
        max-width: 56px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.mt-version-detail {
    margin-bottom: 48px
}

.mt-version-detail:last-child {
    margin-bottom: 0
}

.mt-version-detail__title {
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(4, 90, 254, .1), rgba(4, 90, 254, 0));
    padding: 10px 32px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #429b2a
}

.mt-version-detail__release {
    margin-left: 32px;
    color: #429b2a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.mt-version-detail__features {
    margin-top: 32px;
    margin-left: 32px
}

.mt-version-detail__feature {
    margin-bottom: 32px
}

.mt-version-detail__feature.none-title {
    margin-bottom: 16px
}

.mt-version-detail__feature-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-bottom: 16px
}

.mt-version-detail__feature-desc {
    font-size: 16px;
    line-height: 24px;
    color: #4e5461;
    padding-left: 12px;
    position: relative;
    margin-bottom: 16px
}

.mt-version-detail__feature-desc:last-child {
    margin-bottom: 0
}

.mt-version-detail__feature-desc:before {
    width: 4px;
    height: 4px;
    background: #646974;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 10px
}

.mt-version-detail__feature:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1921px) {
    .mt-version-detail {
        margin-bottom: 64px
    }
}

@media screen and (max-width:1200px) {
    .mt-version-detail {
        margin-bottom: 40px
    }

    .mt-version-detail__title {
        font-size: 18px;
        line-height: 25px;
        padding-left: 24px;
        padding-right: 24px
    }

    .mt-version-detail__features {
        margin-top: 32px;
        margin-left: 24px
    }

    .mt-version-detail__feature {
        margin-bottom: 24px
    }

    .mt-version-detail__feature-title {
        font-size: 18px;
        line-height: 25px
    }

    .mt-version-detail__feature-desc {
        font-size: 14px
    }

    .mt-version-detail__release {
        margin-top: 32px;
        font-size: 12px;
        line-height: 17px;
        margin-left: 24px
    }
}

@media screen and (max-width:900px) {
    .mt-version-detail {
        margin-bottom: 32px
    }

    .mt-version-detail__features,
    .mt-version-detail__release {
        margin-top: 24px
    }
}

@media screen and (max-width:600px) {
    .mt-version-detail__title {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 16px
    }

    .mt-version-detail__features {
        margin-top: 24px;
        margin-left: 16px
    }

    .mt-version-detail__feature.none-title {
        margin-bottom: 12px
    }

    .mt-version-detail__feature-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px
    }

    .mt-version-detail__feature-desc {
        margin-bottom: 12px
    }

    .mt-version-detail__release {
        margin-top: 24px;
        line-height: 20px
    }
}

.mt-help-home-desc-card {
    display: flex;
    background: #fff;
    align-items: center;
    padding: 16px 28px;
    box-shadow: 0 12px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/card-bg065-d9df00a256db916e.png);
    transition: all .3s cubic-bezier(.3, 0, 0, 1)
}

@media screen and (any-hover:hover) {
    .mt-help-home-desc-card.with-hover:hover {
        cursor: pointer;
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15), 0 15px 20px rgba(78, 106, 149, .06)
    }

    .mt-help-home-desc-card.with-hover:hover .mt-help-home-desc-card__desc,
    .mt-help-home-desc-card.with-hover:hover .mt-help-home-desc-card__title {
        color: #53d530
    }
}

.mt-help-home-desc-card__obj {
    width: 96px;
    height: 96px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    flex: none;
    margin-right: 24px
}

.mt-help-home-desc-card__main {
    flex: 1;
    min-width: 0
}

.mt-help-home-desc-card__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #0f001a
}

.mt-help-home-desc-card__desc,
.mt-help-home-desc-card__title {
    white-space: nowrap;
    overflow: hidden;
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    text-overflow: ellipsis
}

.mt-help-home-desc-card__desc {
    font-size: 16px;
    line-height: 24px;
    color: #646974;
    margin-top: 8px
}

@media screen and (max-width:1200px) {
    .mt-help-home-desc-card {
        flex-direction: column;
        text-align: center;
        padding: 24px 16px 28px
    }

    .mt-help-home-desc-card__obj {
        margin-right: 0;
        margin-bottom: 16px
    }
}

@media screen and (max-width:900px) {
    .mt-help-home-desc-card {
        padding: 24px 0 32px
    }

    .mt-help-home-desc-card__obj {
        margin-bottom: 16px
    }

    .mt-help-home-desc-card__title {
        font-size: 18px;
        line-height: 2
    }

    .mt-help-home-desc-card__desc {
        font-size: 14px;
        line-height: 24px;
        margin-top: 4px
    }
}

@media screen and (max-width:767px) {
    .mt-help-home-desc-card__title {
        font-size: 16px
    }

    .mt-help-home-desc-card__desc {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-help-home-desc-card {
        padding: 16px 12px;
        background-image: none;
        flex-direction: row;
        border-radius: 16px
    }

    .mt-help-home-desc-card__obj {
        width: 40px;
        height: 40px;
        margin-bottom: 0
    }

    .mt-help-home-desc-card__title {
        font-size: 16px;
        line-height: 24px;
        margin-left: 8px;
        text-align: left
    }

    .mt-help-home-desc-card__desc {
        display: none
    }
}

.mt-article-comments__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.mt-article-comments__btns {
    margin-top: 32px;
    margin-bottom: -8px
}

.mt-article-comments__btn {
    margin-right: 12px;
    margin-bottom: 8px;
    min-width: 140px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #b0b6c3;
    border-radius: 8px;
    background-color: #fff;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px
}

.mt-article-comments__btn .icon {
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px
}

.mt-article-comments__btn .icon.approve {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNi45NzAyMSIgd2lkdGg9IjMiIGhlaWdodD0iMTEiIHJ4PSIxLjUiIGZpbGw9IiNCMEI2QzMiLz4KPHBhdGggZD0iTTEwLjEyNSAxLjQ3MDIxQzExLjA0MzggMS40NzAyMSAxMS44NDM0IDIuMjY4MDkgMTIgMy4zMDM1NUMxMi4zMTE1IDUuMzYzMDggMTEuOTIzMSA2LjM5NDMyIDExLjcwODUgNi43ODIzNEMxMS42NjY1IDYuODU4MjcgMTEuNzIzMSA2Ljk3MDIxIDExLjgwOTkgNi45NzAyMUgxNi4zMzU4QzE3LjM2MzkgNi45NzAyMSAxOC4xNDU5IDcuOTg3NDggMTcuOTc2OCA5LjEwNDk0TDE2Ljg2NzggMTYuNDM4M0MxNi43MzQxIDE3LjMyMjMgMTYuMDQgMTcuOTcwMiAxNS4yMjY4IDE3Ljk3MDJINS4xNTczOUM0LjY1MTEzIDE3Ljk3MDIgNC4yNDA3MiAxNy41NTk4IDQuMjQwNzIgMTcuMDUzNVY3Ljg3NjI3QzQuMjQwNzIgNy4zNzU4NyA0LjY0NjM4IDYuOTcwMjEgNS4xNDY3OCA2Ljk3MDIxQzYuODk4MTggNi45NzAyMSA4LjMxNzk3IDUuNTUwNDIgOC4zMTc5NyAzLjc5OTAzVjMuMzAzNTVDOC4zMTc5NyAyLjI5MTA0IDkuMjA2MTcgMS40NzAyMSAxMC4xMjUgMS40NzAyMVoiIGZpbGw9IiNCMEI2QzMiLz4KPC9zdmc+Cg==)
}

.mt-article-comments__btn .icon.disapprove {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTgiIHk9IjEzLjIyMDIiIHdpZHRoPSIzIiBoZWlnaHQ9IjExIiByeD0iMS41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDE4IDEzLjIyMDIpIiBmaWxsPSIjQjBCNkMzIi8+CjxwYXRoIGQ9Ik03Ljg3NSAxOC43MjAyQzYuOTU2MTcgMTguNzIwMiA2LjE1NjYgMTcuOTIyMyA2IDE2Ljg4NjlDNS42ODg1MiAxNC44Mjc0IDYuMDc2ODYgMTMuNzk2MSA2LjI5MTUxIDEzLjQwODFDNi4zMzM1MSAxMy4zMzIyIDYuMjc2OSAxMy4yMjAyIDYuMTkwMTMgMTMuMjIwMkgxLjY2NDE4QzAuNjM2MDkzIDEzLjIyMDIgLTAuMTQ1ODYzIDEyLjIwMyAwLjAyMzIwMSAxMS4wODU1TDEuMTMyMjIgMy43NTIxNUMxLjI2NTk0IDIuODY4MTYgMS45NTk5NiAyLjIyMDIxIDIuNzczMTkgMi4yMjAyMUgxMi44NDI2QzEzLjM0ODkgMi4yMjAyMSAxMy43NTkzIDIuNjMwNjIgMTMuNzU5MyAzLjEzNjg4VjEyLjMxNDJDMTMuNzU5MyAxMi44MTQ2IDEzLjM1MzYgMTMuMjIwMiAxMi44NTMyIDEzLjIyMDJDMTEuMTAxOCAxMy4yMjAyIDkuNjgyMDMgMTQuNjQgOS42ODIwMyAxNi4zOTE0VjE2Ljg4NjlDOS42ODIwMyAxNy44OTk0IDguNzkzODMgMTguNzIwMiA3Ljg3NSAxOC43MjAyWiIgZmlsbD0iI0IwQjZDMyIvPgo8L3N2Zz4K)
}

.mt-article-comments__btn:last-child {
    margin-right: 0
}

.mt-article-comments__btn.is-selcted {
    background-color: rgba(4, 90, 254, .1);
    border-color: #429b2a;
    color: #429b2a
}

.mt-article-comments__btn.is-selcted .icon.approve {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNi45NzAyMSIgd2lkdGg9IjMiIGhlaWdodD0iMTEiIHJ4PSIxLjUiIGZpbGw9IiMwNDVBRkUiLz4KPHBhdGggZD0iTTEwLjEyNSAxLjQ3MDIxQzExLjA0MzggMS40NzAyMSAxMS44NDM0IDIuMjY4MDkgMTIgMy4zMDM1NUMxMi4zMTE1IDUuMzYzMDggMTEuOTIzMSA2LjM5NDMyIDExLjcwODUgNi43ODIzNEMxMS42NjY1IDYuODU4MjcgMTEuNzIzMSA2Ljk3MDIxIDExLjgwOTkgNi45NzAyMUgxNi4zMzU4QzE3LjM2MzkgNi45NzAyMSAxOC4xNDU5IDcuOTg3NDggMTcuOTc2OCA5LjEwNDk0TDE2Ljg2NzggMTYuNDM4M0MxNi43MzQxIDE3LjMyMjMgMTYuMDQgMTcuOTcwMiAxNS4yMjY4IDE3Ljk3MDJINS4xNTczOUM0LjY1MTEzIDE3Ljk3MDIgNC4yNDA3MiAxNy41NTk4IDQuMjQwNzIgMTcuMDUzNVY3Ljg3NjI3QzQuMjQwNzIgNy4zNzU4NyA0LjY0NjM4IDYuOTcwMjEgNS4xNDY3OCA2Ljk3MDIxQzYuODk4MTggNi45NzAyMSA4LjMxNzk3IDUuNTUwNDIgOC4zMTc5NyAzLjc5OTAzVjMuMzAzNTVDOC4zMTc5NyAyLjI5MTA0IDkuMjA2MTcgMS40NzAyMSAxMC4xMjUgMS40NzAyMVoiIGZpbGw9IiMwNDVBRkUiLz4KPC9zdmc+Cg==)
}

.mt-article-comments__btn.is-selcted .icon.disapprove {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTgiIHk9IjEzLjIyMDIiIHdpZHRoPSIzIiBoZWlnaHQ9IjExIiByeD0iMS41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDE4IDEzLjIyMDIpIiBmaWxsPSIjMDQ1QUZFIi8+CjxwYXRoIGQ9Ik03Ljg3NSAxOC43MjAyQzYuOTU2MTcgMTguNzIwMiA2LjE1NjYgMTcuOTIyMyA2IDE2Ljg4NjlDNS42ODg1MiAxNC44Mjc0IDYuMDc2ODYgMTMuNzk2MSA2LjI5MTUxIDEzLjQwODFDNi4zMzM1MSAxMy4zMzIyIDYuMjc2OSAxMy4yMjAyIDYuMTkwMTMgMTMuMjIwMkgxLjY2NDE4QzAuNjM2MDkzIDEzLjIyMDIgLTAuMTQ1ODYzIDEyLjIwMyAwLjAyMzIwMSAxMS4wODU1TDEuMTMyMjIgMy43NTIxNUMxLjI2NTk0IDIuODY4MTYgMS45NTk5NiAyLjIyMDIxIDIuNzczMTkgMi4yMjAyMUgxMi44NDI2QzEzLjM0ODkgMi4yMjAyMSAxMy43NTkzIDIuNjMwNjIgMTMuNzU5MyAzLjEzNjg4VjEyLjMxNDJDMTMuNzU5MyAxMi44MTQ2IDEzLjM1MzYgMTMuMjIwMiAxMi44NTMyIDEzLjIyMDJDMTEuMTAxOCAxMy4yMjAyIDkuNjgyMDMgMTQuNjQgOS42ODIwMyAxNi4zOTE0VjE2Ljg4NjlDOS42ODIwMyAxNy44OTk0IDguNzkzODMgMTguNzIwMiA3Ljg3NSAxOC43MjAyWiIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K)
}

@media screen and (max-width:1200px) {
    .mt-article-comments__title {
        font-size: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-article-comments__title {
        font-size: 16px;
        line-height: 22px
    }

    .mt-article-comments__btns {
        display: flex;
        flex-wrap: wrap;
        margin-top: 24px
    }

    .mt-article-comments__btn {
        flex: 1;
        min-width: 110px
    }
}

.mt-questionnaire-card {
    padding: 24px;
    background-color: #fafafc;
    border-radius: 16px
}

.mt-questionnaire-card-section {
    transition: all .3s;
    max-height: 0;
    overflow: hidden
}

.mt-questionnaire-card-section.show {
    max-height: 650px
}

.mt-questionnaire-card__item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-bottom: 24px
}

.mt-questionnaire-card__check {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-right: 32px;
    margin-bottom: 16px
}

.mt-questionnaire-card__check-wrap {
    margin-bottom: -16px
}

.mt-questionnaire-card__check:last-child {
    margin-right: 0
}

.mt-questionnaire-card__check>input[type=checkbox] {
    margin-right: 8px;
    border-radius: 4px;
    border-color: #b0b6c3
}

@media screen and (any-hover:hover) {
    .mt-questionnaire-card__check input[type=checkbox]:hover {
        border-color: #429b2a
    }
}

.mt-questionnaire-card__check .tea-checkbox:checked,
.mt-questionnaire-card__check .tea-checkbox:checked:focus,
.mt-questionnaire-card__check .tea-checkbox:checked:hover,
.mt-questionnaire-card__check input[type=checkbox]:checked,
.mt-questionnaire-card__check input[type=checkbox]:checked:focus,
.mt-questionnaire-card__check input[type=checkbox]:checked:hover {
    border: 0;
    background-color: #429b2a;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iNCIgLz4KPHBhdGggZD0iTTUgOC40NjkzNkw2Ljg2MjA3IDEwLjUzODNMMTEgNi40MDAzOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-size: contain;
    background-position: 50%
}

.mt-questionnaire-card__textarea.tea-textarea {
    line-height: 22px;
    font-size: 14px;
    padding: 8px 10px 4px;
    border-radius: 8px 8px 0 0
}

.mt-questionnaire-card__textarea.tea-textarea:-ms-input-placeholder {
    color: #b0b6c3
}

.mt-questionnaire-card__textarea.tea-textarea::-moz-placeholder {
    color: #b0b6c3
}

.mt-questionnaire-card__textarea.tea-textarea::placeholder {
    color: #b0b6c3
}

.mt-questionnaire-card__check-wrap+.tea-textarea-group {
    margin-top: 24px
}

.mt-questionnaire-card .tea-textarea-group {
    border-color: #b0b6c3;
    border-radius: 8px;
    padding-bottom: 30px
}

.mt-questionnaire-card .tea-textarea-group .tea-textarea__label {
    font-size: 14px;
    line-height: 22px;
    bottom: 8px
}

.mt-questionnaire-card__submit {
    margin-top: 24px;
    height: 32px;
    line-height: 30px
}

@media screen and (max-width:1200px) {
    .mt-questionnaire-card__item-title {
        font-size: 18px;
        line-height: 25px
    }
}

@media screen and (max-width:900px) {
    .mt-questionnaire-card {
        padding: 16px
    }
}

@media screen and (max-width:600px) {
    .mt-questionnaire-card {
        padding: 0;
        background-color: transparent
    }

    .mt-questionnaire-card__item-title {
        font-size: 14px;
        line-height: 20px;
        color: #252525;
        margin-bottom: 16px
    }

    .mt-questionnaire-card__check {
        margin-right: 0;
        display: flex
    }

    .mt-questionnaire-card__check-wrap+.tea-textarea-group {
        margin-top: 16px
    }

    .mt-questionnaire-card__submit {
        margin-top: 24px;
        width: 100%;
        height: 44px;
        line-height: 42px;
        font-size: 16px
    }
}

.mt-back-to-top {
    position: fixed;
    bottom: 120px;
    right: -42px;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .2s;
    background: linear-gradient(0deg, #fff, #fff), #d9d9d9;
    box-shadow: 0 4px 16px rgba(74, 130, 183, .15), 0 18px 43px rgba(74, 130, 183, .15);
    opacity: .5;
    z-index: 10;
    cursor: pointer
}

.mt-back-to-top .icon {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3MF84NTgxKSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV80NzBfODU4MSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjQxNDcgNC40NzAyM0MxMC42ODI1IDMuNzM4IDkuNDk1MjggMy43MzggOC43NjMwNCA0LjQ3MDIzTDIuMTMzOTIgMTEuMDk5NEMxLjY0NTc2IDExLjU4NzUgMS42NDU3NiAxMi4zNzkgMi4xMzM5MiAxMi44NjcxQzIuNjIyMDcgMTMuMzU1MyAzLjQxMzUzIDEzLjM1NTMgMy45MDE2OCAxMi44NjcxTDEwLjA4ODkgNi42Nzk5NEwxNi4yNzYxIDEyLjg2NzFDMTYuNzY0MiAxMy4zNTUzIDE3LjU1NTcgMTMuMzU1MyAxOC4wNDM4IDEyLjg2NzFDMTguNTMyIDEyLjM3OSAxOC41MzIgMTEuNTg3NSAxOC4wNDM4IDExLjA5OTRMMTEuNDE0NyA0LjQ3MDIzWiIgZmlsbD0iIzRFNTQ2MSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDcwXzg1ODEiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgMSAwIDAgMCkiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMV80NzBfODU4MSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAxIDAgMS4yNSAwKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-back-to-top.expand {
    right: 12px;
    opacity: 1
}

@media screen and (max-width:600px) {
    .mt-back-to-top.expand {
        right: 8px
    }
}

.mt-member-hero {
    height: 560px;
    padding: 0 96px;
    background-image: linear-gradient(90deg, #9382ff 40%, #9382ff 45%, #5581ff 55%, #5581ff 60%);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.mt-member-hero:after,
.mt-member-hero:before {
    background-repeat: no-repeat;
    height: 100%;
    width: 200px;
    position: absolute;
    content: "";
    z-index: 1;
    top: 0
}

.mt-member-hero:before {
    right: calc(50% + 780px);
    background-image: linear-gradient(90deg, #9382ff 9%, rgba(147, 130, 255, 0))
}

.mt-member-hero:after {
    left: calc(50% + 780px);
    background-image: linear-gradient(270deg, #5581ff 9%, rgba(85, 129, 255, 0))
}

.mt-member-hero__video-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    width: 3000px;
    z-index: 0
}

.mt-member-hero__video-wrap video {
    height: 100%;
    width: 100%
}

.mt-member-hero__inner {
    width: 100%;
    height: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-top: 145px;
    position: relative
}

.mt-member-hero__tit {
    font-weight: 500;
    line-height: 76px;
    font-size: 54px;
    color: #fff;
    position: relative
}

.mt-member-hero__desc {
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 180%;
    margin-top: 20px;
    max-width: 390px
}

.mt-member-hero .mt-member-card {
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    z-index: 2;
    left: 0;
    right: 0
}

@media screen and (max-width:1200px) {
    .mt-member-hero {
        height: 400px;
        padding: 0 80px
    }

    .mt-member-hero__inner {
        max-width: 864px;
        padding-top: 105px
    }

    .mt-member-hero__video-wrap {
        top: 15px;
        overflow: hidden
    }

    .mt-member-hero__video-wrap video {
        height: calc(100% + 15px)
    }

    .mt-member-hero__tit {
        line-height: 56px;
        font-size: 40px
    }

    .mt-member-hero__desc {
        font-size: 14px;
        margin-top: 8px
    }
}

@media screen and (max-width:900px) {
    .mt-member-hero {
        padding: 0 40px;
        height: 363px
    }

    .mt-member-hero__inner {
        max-width: 688px;
        padding-top: 87px
    }

    .mt-member-hero__desc {
        max-width: 294px
    }
}

@media screen and (max-width:600px) {
    .mt-member-hero {
        padding: 0 16px
    }
}

.mt-member-action-panel {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg2d7f-faaa055f3b879675.png), linear-gradient(180deg, rgba(235, 225, 255, .6), rgba(230, 220, 252, 0));
    background-color: #e6f1ff;
    background-position: 50%;
    background-size: auto 100%;
    height: 312px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat
}

.mt-member-action-panel__text {
    font-size: 44px;
    line-height: 62px;
    color: #353535
}

.mt-member-action-panel__btns {
    margin-top: 34px
}

.mt-member-action-panel__btns .mt-btn {
    width: 200px;
    height: 48px;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    background: linear-gradient(94.7deg, #5fb2ff -1.19%, #897eff 53.49%, #4240f4), #53d530;
    border-radius: 12px
}

@media screen and (max-width:1200px) {
    .mt-member-action-panel {
        height: 258px
    }

    .mt-member-action-panel__text {
        font-size: 36px;
        line-height: 50px
    }

    .mt-member-action-panel__btns {
        margin-top: 24px
    }

    .mt-member-action-panel__btns .mt-btn {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
        border-radius: 8px
    }
}

.mt-member-model .mt-model__close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjA3MTEgMi43OTI4OUMzLjgxNjU4IDIuNDAyMzcgMy4xODM0MiAyLjQwMjM3IDIuNzkyODkgMi43OTI4OUMyLjQwMjM3IDMuMTgzNDIgMi40MDIzNyAzLjgxNjU4IDIuNzkyODkgNC4yMDcxMUw0LjIwNzExIDIuNzkyODlaTTExLjc5MjkgMTMuMjA3MUMxMi4xODM0IDEzLjU5NzYgMTIuODE2NiAxMy41OTc2IDEzLjIwNzEgMTMuMjA3MUMxMy41OTc2IDEyLjgxNjYgMTMuNTk3NiAxMi4xODM0IDEzLjIwNzEgMTEuNzkyOUwxMS43OTI5IDEzLjIwNzFaTTIuNzkyODkgNC4yMDcxMUwxMS43OTI5IDEzLjIwNzFMMTMuMjA3MSAxMS43OTI5TDQuMjA3MTEgMi43OTI4OUwyLjc5Mjg5IDQuMjA3MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMuMjA3MSA0LjIwNzExQzEzLjU5NzYgMy44MTY1OCAxMy41OTc2IDMuMTgzNDIgMTMuMjA3MSAyLjc5Mjg5QzEyLjgxNjYgMi40MDIzNyAxMi4xODM0IDIuNDAyMzcgMTEuNzkyOSAyLjc5Mjg5TDEzLjIwNzEgNC4yMDcxMVpNMi43OTI4OSAxMS43OTI5QzIuNDAyMzcgMTIuMTgzNCAyLjQwMjM3IDEyLjgxNjYgMi43OTI4OSAxMy4yMDcxQzMuMTgzNDIgMTMuNTk3NiAzLjgxNjU4IDEzLjU5NzYgNC4yMDcxMSAxMy4yMDcxTDIuNzkyODkgMTEuNzkyOVpNMTEuNzkyOSAyLjc5Mjg5TDIuNzkyODkgMTEuNzkyOUw0LjIwNzExIDEzLjIwNzFMMTMuMjA3MSA0LjIwNzExTDExLjc5MjkgMi43OTI4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

.mt-member-model .mt-model__panel {
    max-width: 680px;
    height: auto
}

.mt-member-model-panel {
    -webkit-font-smoothing: antialiased;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg_personal6d2-d9d02a865ec8a501.png);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: -1px
}

.mt-member-model-panel__hd {
    font-size: 0;
    box-sizing: border-box;
    padding: 32px 40px 16px
}

.mt-member-model-panel__tit {
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #fff
}

.mt-member-model-panel__info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-member-model-panel__avater-wrap {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.mt-member-model-panel__avater {
    width: 36px;
    height: 36px;
    margin-right: 8px
}

.mt-member-model-panel__name {
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.mt-member-model-panel__desc {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background: linear-gradient(269.96deg, #92a1ff -33.22%, rgba(95, 120, 255, 0) 101.54%);
    border-radius: 20px;
    height: 24px;
    padding: 1px 10px
}

.mt-member-model-panel__desc .mt-link {
    font-size: 12px;
    line-height: 22px;
    color: #ffe500;
    margin-left: 4px
}

.mt-member-model-panel__features {
    margin-top: 16px;
    display: flex;
    align-items: center
}

.mt-member-model-panel__feature {
    margin-right: 50px;
    display: flex;
    align-items: center
}

.mt-member-model-panel__feature-icon {
    width: 24px;
    height: 24px;
    margin-right: 6px
}

.mt-member-model-panel__feature:last-child {
    margin-right: 0
}

.mt-member-model-panel__feature-text {
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

.mt-member-model-panel__feature-text i {
    color: #ffe500;
    font-weight: 500;
    margin-left: 6px
}

.mt-member-model-panel__bd {
    padding: 26px 0 50px 40px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.mt-member-model-panel__sub {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding-left: 10px;
    position: relative
}

.mt-member-model-panel__sub:before {
    content: "";
    width: 3px;
    height: 14px;
    background: #53d530;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0
}

.mt-member-model-panel__cards {
    white-space: nowrap;
    overflow-x: auto;
    padding: 18px 44px 18px 18px;
    margin: 0 0 -18px -18px
}

.mt-member-model-panel__cards::-webkit-scrollbar {
    height: 0
}

.mt-member-model-panel__card {
    position: relative;
    width: 140px;
    height: 140px;
    box-sizing: border-box;
    padding: 24px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 103, 198, .15);
    display: inline-block;
    margin-right: 12px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.mt-member-model-panel__card:hover {
    background: rgba(0, 111, 255, .05);
    border-color: #53d530;
    box-shadow: 0 4px 10px rgba(0, 103, 198, .15)
}

.mt-member-model-panel__card:last-child {
    margin-right: 0
}

.mt-member-model-panel__card-tag {
    background: linear-gradient(89.59deg, #ff801a .03%, #ff9d4e 99.35%);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding: 0 6px;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -6px;
    border-radius: 10px 0 10px 0
}

.mt-member-model-panel__card-tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2d3033
}

.mt-member-model-panel__card-currency {
    margin-top: 12px;
    color: #53d530;
    font-weight: 500
}

.mt-member-model-panel__card-currency .currency {
    font-size: 12px;
    line-height: 22px
}

.mt-member-model-panel__card-currency .num {
    font-size: 24px;
    line-height: 24px
}

.mt-member-model-panel__card-price {
    margin-top: 12px;
    color: #616b90;
    font-size: 14px;
    line-height: 20px
}

.mt-member-model-panel__form {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 44px
}

.mt-member-model-panel__label {
    font-size: 12px;
    line-height: 17px;
    color: #333;
    display: flex;
    align-items: center
}

.mt-member-model-panel__label .tea-checkbox,
.mt-member-model-panel__label input[type=checkbox] {
    border-radius: 2px;
    margin-right: 8px;
    border: 1px solid #d3d6db
}

.mt-member-model-panel .mt-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    width: 200px;
    height: 44px
}

.mt-member-card {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 32px 52px;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    background: linear-gradient(180deg, #ecf5ff, #fff);
    box-shadow: 0 15px 30px 0 rgba(223, 229, 255, .6)
}

.mt-member-card:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: linear-gradient(180deg, #d3deff, #fff);
    border-radius: inherit
}

@media screen and (min-width:1200px) {
    .mt-member-card {
        min-height: 302px
    }
}

.mt-member-card.is-member {
    background: #fff;
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15);
    align-items: center;
    padding: 36px 40px
}

.mt-member-card.is-member:before {
    background: #fff
}

.mt-member-card.is-member .mt-member-card__btn {
    background-color: #4267ff
}

.mt-member-card.is-member .mt-member-card__avatar-wrap {
    width: 64px;
    height: 64px
}

.mt-member-card.is-member .mt-member-card__main {
    padding: 4px 0 0
}

.mt-member-card.is-member .mt-member-card__feature {
    min-height: 92px
}

.mt-member-card.is-member .mt-member-card__feature:first-child,
.mt-member-card.is-member .mt-member-card__feature:nth-child(2) {
    margin-bottom: 90px
}

.mt-member-card.is-member .mt-member-card__feature-tit {
    color: #5979ff
}

.mt-member-card.is-member .mt-member-card__feature-text {
    color: #323c62
}

.mt-member-card.is-member .mt-member-card__bottom {
    position: static
}

.mt-member-card__hd {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.mt-member-card__avatar-wrap {
    width: 70px;
    height: 70px;
    margin-right: 16px
}

.mt-member-card__avatar-wrap img {
    width: 100%
}

.mt-member-card__login {
    color: #0f001a;
    font-size: 24px;
    font-weight: 500;
    cursor: pointer
}

.mt-member-card__login:hover:after {
    transform: translateX(4px)
}

.mt-member-card__login:after {
    transition: all .3s ease-in-out;
    content: "";
    display: inline-block;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4NjcyXzMzNzA0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuMzUzNCAxMy4wNjA3QzE2LjkzOTIgMTIuNDc0OSAxNi45MzkyIDExLjUyNTEgMTYuMzUzNCAxMC45MzkzTDkuNjM1ODkgNC4yMjE4M0M5LjI0NTM2IDMuODMxMyA4LjYxMjIgMy44MzEzIDguMjIxNjcgNC4yMjE4M0M3LjgzMTE1IDQuNjEyMzUgNy44MzExNSA1LjI0NTUxIDguMjIxNjcgNS42MzYwNEwxNC41ODU2IDEyTDguMjIxNjcgMTguMzY0QzcuODMxMTUgMTguNzU0NSA3LjgzMTE1IDE5LjM4NzcgOC4yMjE2NyAxOS43NzgyQzguNjEyMiAyMC4xNjg3IDkuMjQ1MzYgMjAuMTY4NyA5LjYzNTg5IDE5Ljc3ODJMMTYuMzUzNCAxMy4wNjA3WiIgZmlsbD0iIzAwMCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE4NjcyXzMzNzA0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjMDAwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAyNCAwKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-member-card__name {
    line-height: 25px;
    color: #0f001a;
    font-size: 18px;
    font-weight: 500
}

.mt-member-card__sub-tit {
    color: #2d3033;
    font-size: 18px;
    font-weight: 400;
    margin-left: 8px;
    line-height: 25px
}

.mt-member-card__tit {
    display: flex;
    align-items: center
}

.mt-member-card__info {
    margin-top: 4px;
    color: #616b90
}

.mt-member-card .with-sub-title .mt-member-card__name,
.mt-member-card__info {
    font-size: 18px;
    line-height: 25px
}

.mt-member-card .with-sub-title .mt-member-card__info {
    margin-top: 8px
}

.mt-member-card__label {
    height: 18px;
    display: inline-flex;
    margin-left: 8px
}

.mt-member-card__label img {
    height: 100%
}

.mt-member-card__desc {
    margin-top: 20px;
    color: #0f001a;
    font-size: 20px;
    line-height: 28px
}

.mt-member-card__desc i {
    color: #53d530;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    margin: 0 4px
}

.mt-member-card__btns {
    margin-top: 32px
}

.mt-member-card__btns .mt-btn {
    width: 200px;
    height: 52px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.mt-member-card__btns .mt-btn+.mt-btn {
    margin-left: 20px
}

.mt-member-card__progress {
    position: relative;
    margin-top: 16px;
    width: 442px;
    background-color: #f8f9ff;
    padding: 18px 20px;
    border-radius: 8px;
    display: flex
}

.mt-member-card__progress:after {
    bottom: 100%;
    left: 30%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid rgba(248, 249, 255, 0);
    border-bottom-color: #f8f9ff;
    margin-left: -7px
}

.mt-member-card__progress-item+.mt-member-card__progress-item {
    margin-left: 6px
}

.mt-member-card__progress-item {
    text-align: center;
    flex: 1
}

.mt-member-card__progress-item:first-child .mt-member-card__progress-bar {
    border-radius: 2px 0 0 2px
}

.mt-member-card__progress-item:last-child .mt-member-card__progress-bar {
    border-radius: 0 2px 2px 0
}

.mt-member-card__progress-item.is-current .mt-member-card__progress-text {
    color: #5979ff
}

.mt-member-card__progress-bar {
    width: 100%;
    height: 4px;
    background-color: rgba(169, 186, 255, .2);
    margin-bottom: 10px;
    overflow: hidden
}

.mt-member-card__progress-bar .active-bar {
    height: 100%;
    display: block;
    background-color: #5979ff;
    width: 0;
    position: relative;
    overflow: hidden
}

.mt-member-card__progress-bar .active-bar.is-animation:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30%;
    min-width: 20px;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .7) 45%, hsla(0, 0%, 100%, .7) 55%, hsla(0, 0%, 100%, 0));
    animation: light 3s linear infinite
}

@keyframes light {

    50%,
    to {
        left: 100%
    }
}

@keyframes light2 {

    33%,
    to {
        left: 100%
    }
}

.mt-member-card__progress-cnt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap
}

.mt-member-card__progress-text {
    color: #485587;
    font-size: 16px;
    font-weight: 500
}

.mt-member-card__progress-label {
    display: inline-block;
    color: #4e5461;
    font-size: 12px;
    line-height: 12px;
    padding: 4px;
    align-items: center;
    margin-left: 4px;
    border-radius: 2px;
    background: #e8ecff;
    position: relative;
    overflow: hidden
}

.mt-member-card__progress-label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50%;
    height: 100%;
    left: -50%;
    top: 0;
    transform: skew(-15deg);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0));
    animation: light2 3s linear 2s infinite
}

.mt-member-card__progress-date {
    color: #485587;
    font-size: 14px;
    margin-top: 2px
}

.mt-member-card__btn {
    width: 100%;
    height: 52px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    border: 0;
    background-color: #4267ff
}

.mt-member-card__link {
    color: #4e5461;
    text-align: center;
    font-size: 16px;
    margin-top: 12px;
    display: inline-block;
    line-height: 22px
}

.mt-member-card__link+.mt-member-card__link {
    margin-left: 12px;
    padding-left: 12px;
    position: relative
}

.mt-member-card__link+.mt-member-card__link:before {
    content: "";
    width: 1px;
    background-color: #d3d6db;
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0
}

.mt-member-card__link.mt-link-arrow:after {
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-left: 2px;
    overflow: hidden;
    vertical-align: -3px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAzTDExLjUgOEw2LjUgMTMiIHN0cm9rZT0iIzdCODE4RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

.mt-member-card__link.mt-link-arrow:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAzTDExLjUgOEw2LjUgMTMiIHN0cm9rZT0iIzAwNmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

.mt-member-card__bottom {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 0
}

.mt-member-card__side {
    position: relative;
    min-width: 343px
}

.mt-member-card__main {
    max-width: 574px;
    margin-left: 40px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    position: relative;
    justify-content: space-between;
    padding: 8px 0
}

.mt-member-card__main:after,
.mt-member-card__main:before {
    content: "";
    display: block;
    position: absolute
}

.mt-member-card__main:before {
    background-size: auto 100%;
    left: 50%;
    width: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAADuCAYAAAATMNbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAORSURBVHgBdVZfbts8DKdUxXbiOZ27FW2DAvvwYdhDfIjlEr3O0O06u8R2gD22T3sZUDQNstZrHMeWE5Qj9cd2trVFGOrHn0hKlKgAPPsn+IOIVmFEetMBAIrLSyEEKwahkfwy+yoM57JPlldXV910HjjTBSEXF5YDnx2ZRZZdC7kkQWRU8AVgCZmQsxnZZo7z7vZMyFsSe4l1yjf4ZpX/84nlpOkZ5vlcSBbPzDIym4I8PT0S6/s7Ib8T8NabeKDeOrIqigfy84ZM/72BJClQLe4LBELlSZF0Icp0LLoQZZoLuHGm83NWaHTDDtM0FlDO2TSHPB4jKWdQlSs7fTI5cxneuunVmEwsYOGTP/GKQRYu1TopKZ9jkMckeDvl0hiOQR375dT12uYcRS/QKAZ53e7Pa5A6HlpOOIxRV6WQcVVa5MH7OfIrZUTrDXFI5IywSE0t6MsgzWgjeCCDzcgEVYzALx/0pVf+QhpdC8nC7fNhv5SHXU3VMHKcqo4QVqS0SMvZNoGAqEVWrBATxqyMLRJteRYh9YD89BFV8CQaqCRJSCtAFkXB38QJA1H4WDzoHbY1wF4aRtlttZC7UAs1CLFD2lTD3UBATGSttrZMBjHTCYbS+wkaoXZbNg0YKUENtuwwJoeNdxj3NoE5O/Ilg8A53GycaTRyGXpkP2dGlVIBdqvYuRCMmui6oei6CTCkxCQLNQgsYmbFcc9hyatgEXuTVrQbWm8xtpwX5HLdS0NpuxuKLCTc1v2dquEMdIOmKIU3JV5hJPHktnCJmUV1ry2y8g7HfutWznMQ4T+C8qljUZFZsuAjKPnIVrVG+QiPMGxCoQ7p5D4GYBEz/dAc7EdQVagxwIj8oAFIYcrLfqwyIA5dJHO/XPTcXDnLyfMeOffKaeiunrnCNJBhWdlVtPfdWIYVKjbd+zP2an+l1CoK6h0KfvKOrYVqO0nLWXbbsoSi2BCZmlCdAJFHCXLbUrBY9LbONLQTV7jhavyHwzm1SqNE1C95IKmlQpRT8+SeCud7Gd545Rxg3w+LOE9RsnDIjz7nB9DtPvpXcaH3Ouwj5uG4u3vAu1en/QM5JYl8bK6pOGmO3dvEdh48E2IymaNk0SII70HSIw1f6f9AiJmkF4lM74Ehau/XU+Se/6fDz1aZTjM8yDIqzHImVJZl5Onae3bkj6SZEOLTBxT26f/IT/+TeHqCvZ8Hwkexvwp+AwVAaSrfx86ZAAAAAElFTkSuQmCC);
    height: 100%;
    top: 0
}

.mt-member-card__main:after {
    background-size: 100% auto;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/line-ve40-81f7ceead3055c46.png);
    left: 0;
    width: 100%;
    height: 1px;
    top: 50%
}

.mt-member-card__feature {
    width: calc(50% - 20px);
    max-width: 234px;
    min-height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 10px
}

.mt-member-card__feature:first-child,
.mt-member-card__feature:nth-child(2) {
    margin-bottom: 70px
}

.mt-member-card__feature:nth-child(2n) {
    margin-right: 0
}

.mt-member-card__feature:nth-child(odd) {
    margin-left: 0
}

.mt-member-card__feature-hd {
    max-height: 42px
}

.mt-member-card__feature-bd,
.mt-member-card__feature-hd {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mt-member-card__feature-tit {
    font-size: 28px;
    font-weight: 700;
    color: #616b90
}

.mt-member-card__feature-tit .num {
    font-size: 36px;
    font-weight: 500;
    vertical-align: -2px;
    line-height: 42px;
    font-family: TCloudNumber
}

.mt-member-card__feature-tit .small {
    font-size: 16px
}

.mt-member-card__feature-text {
    color: #616b90;
    font-size: 16px;
    line-height: 22px
}

.mt-member-card__feature-icon {
    height: 32px
}

.mt-member-card__feature-link {
    padding: 0 4px;
    border-radius: 6px;
    background: #f4f6ff;
    display: flex;
    align-items: center;
    color: #485587;
    height: 24px
}

.mt-member-card__feature-link:after {
    width: 12px;
    height: 12px;
    margin-left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4NF80ODc5KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4zMTc3OSA2Ljg0OTIxQzkuNzU3MTMgNi40MDk4NyA5Ljc1NzEzIDUuNjk3NTYgOS4zMTc3OSA1LjI1ODIyTDUuMzQwMzEgMS4yODA3NEM1LjA0NzQyIDAuOTg3ODQ3IDQuNTcyNTQgMC45ODc4NDcgNC4yNzk2NSAxLjI4MDc0QzMuOTg2NzYgMS41NzM2MyAzLjk4Njc2IDIuMDQ4NTEgNC4yNzk2NSAyLjM0MTRMNy45OTE5NiA2LjA1MzcxTDQuMjc5NjUgOS43NjYwMkMzLjk4Njc2IDEwLjA1ODkgMy45ODY3NiAxMC41MzM4IDQuMjc5NjUgMTAuODI2N0M0LjU3MjU0IDExLjExOTYgNS4wNDc0MiAxMS4xMTk2IDUuMzQwMzEgMTAuODI2N0w5LjMxNzc5IDYuODQ5MjFaIiBmaWxsPSIjNDg1NTg3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg0XzQ4NzkiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMiAwLjc1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-member-card__feature-link:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4NF80ODc5KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4zMTc3OSA2Ljg0OTIxQzkuNzU3MTMgNi40MDk4NyA5Ljc1NzEzIDUuNjk3NTYgOS4zMTc3OSA1LjI1ODIyTDUuMzQwMzEgMS4yODA3NEM1LjA0NzQyIDAuOTg3ODQ3IDQuNTcyNTQgMC45ODc4NDcgNC4yNzk2NSAxLjI4MDc0QzMuOTg2NzYgMS41NzM2MyAzLjk4Njc2IDIuMDQ4NTEgNC4yNzk2NSAyLjM0MTRMNy45OTE5NiA2LjA1MzcxTDQuMjc5NjUgOS43NjYwMkMzLjk4Njc2IDEwLjA1ODkgMy45ODY3NiAxMC41MzM4IDQuMjc5NjUgMTAuODI2N0M0LjU3MjU0IDExLjExOTYgNS4wNDc0MiAxMS4xMTk2IDUuMzQwMzEgMTAuODI2N0w5LjMxNzc5IDYuODQ5MjFaIiBmaWxsPSIjMDA2ZmZmIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg0XzQ4NzkiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMiAwLjc1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

@media screen and (max-width:1200px) {

    .mt-member-card,
    .mt-member-card.is-member {
        padding: 30px 26px 26px
    }

    .mt-member-card.is-member .mt-member-card__avatar-wrap {
        width: 50px;
        height: 50px
    }

    .mt-member-card.is-member .mt-member-card__main {
        padding: 0
    }

    .mt-member-card.is-member .mt-member-card__feature {
        min-height: 78px
    }

    .mt-member-card.is-member .mt-member-card__feature:first-child,
    .mt-member-card.is-member .mt-member-card__feature:nth-child(2) {
        margin-bottom: 66px
    }

    .mt-member-card.is-member .mt-member-card__btn {
        margin-top: 12px
    }

    .mt-member-card__avatar-wrap {
        width: 50px;
        height: 50px;
        margin-right: 8px
    }

    .mt-member-card__name {
        line-height: 25px;
        font-size: 18px
    }

    .mt-member-card .with-sub-title .mt-member-card__name,
    .mt-member-card .with-sub-title .mt-member-card__sub-tit,
    .mt-member-card__info {
        font-size: 14px;
        line-height: 20px
    }

    .mt-member-card .with-sub-title .mt-member-card__info {
        margin-top: 4px
    }

    .mt-member-card .with-sub-title .mt-member-card__label {
        height: 14px
    }

    .mt-member-card__desc {
        font-size: 18px;
        line-height: 25px
    }

    .mt-member-card__desc i {
        font-size: 32px;
        line-height: 37px
    }

    .mt-member-card__progress {
        margin-top: 10px;
        width: 338px;
        padding: 16px 12px 12px
    }

    .mt-member-card__progress:after {
        left: 25%;
        border-width: 8px
    }

    .mt-member-card__progress-text {
        font-size: 14px
    }

    .mt-member-card__progress-label {
        padding: 2px 4px
    }

    .mt-member-card__progress-date {
        font-size: 12px;
        margin-top: 2px;
        line-height: 17px
    }

    .mt-member-card__btn {
        height: 40px;
        font-size: 14px;
        margin-top: 32px
    }

    .mt-member-card__link {
        font-size: 14px;
        line-height: 20px
    }

    .mt-member-card__side {
        min-width: 338px
    }

    .mt-member-card__main {
        max-width: 416px;
        margin-left: 55px;
        padding: 0
    }

    .mt-member-card__bottom {
        position: static
    }

    .mt-member-card__feature {
        max-width: 176px;
        min-height: 64px
    }

    .mt-member-card__feature:first-child,
    .mt-member-card__feature:nth-child(2) {
        margin-bottom: 50px
    }

    .mt-member-card__feature-hd {
        max-height: 27px
    }

    .mt-member-card__feature-tit {
        font-size: 18px;
        font-weight: 600
    }

    .mt-member-card__feature-tit .num {
        font-size: 26px;
        line-height: 27px
    }

    .mt-member-card__feature-tit .small {
        font-size: 12px
    }

    .mt-member-card__feature-text {
        font-size: 14px;
        line-height: 20px
    }

    .mt-member-card__feature-icon {
        height: 24px
    }

    .mt-member-card__feature-link {
        height: 20px;
        line-height: 20px
    }
}

@media screen and (max-width:900px) {
    .mt-member-card {
        padding: 24px
    }

    .mt-member-card.is-member {
        padding: 24px 24px 20px
    }

    .mt-member-card.is-member .mt-member-card__avatar-wrap {
        width: 44px;
        height: 44px
    }

    .mt-member-card.is-member .mt-member-card__feature {
        min-height: 70px
    }

    .mt-member-card.is-member .mt-member-card__feature:first-child,
    .mt-member-card.is-member .mt-member-card__feature:nth-child(2) {
        margin-bottom: 62px
    }

    .mt-member-card__avatar-wrap {
        width: 44px;
        height: 44px
    }

    .mt-member-card .with-sub-title .mt-member-card__info,
    .mt-member-card .with-sub-title .mt-member-card__name,
    .mt-member-card .with-sub-title .mt-member-card__sub-tit,
    .mt-member-card__info {
        line-height: 17px;
        font-size: 12px
    }

    .mt-member-card .with-sub-title .mt-member-card__label {
        height: 12px
    }

    .mt-member-card__desc {
        font-size: 16px;
        line-height: 22px
    }

    .mt-member-card__desc i {
        font-size: 20px;
        line-height: 32px
    }

    .mt-member-card__progress {
        width: 288px;
        padding: 10px 10px 8px
    }

    .mt-member-card__progress:after {
        left: 30%
    }

    .mt-member-card__progress-item+.mt-member-card__progress-item {
        margin-left: 2px
    }

    .mt-member-card__progress-text {
        font-size: 14px;
        line-height: 20px
    }

    .mt-member-card__progress-label {
        font-size: 10px
    }

    .mt-member-card__btn {
        height: 32px;
        margin-top: 22px;
        line-height: 32px
    }

    .mt-member-card__side {
        min-width: 288px
    }

    .mt-member-card__main {
        max-width: 318px;
        margin-left: 32px
    }

    .mt-member-card__feature {
        max-width: 128px;
        min-height: 56px
    }

    .mt-member-card__feature-hd {
        max-height: 24px
    }

    .mt-member-card__feature:first-child,
    .mt-member-card__feature:nth-child(2) {
        margin-bottom: 38px
    }

    .mt-member-card__feature-tit {
        font-size: 16px
    }

    .mt-member-card__feature-tit .num {
        font-size: 24px;
        line-height: 24px
    }

    .mt-member-card__feature-text {
        font-size: 12px;
        line-height: 17px
    }

    .mt-member-card__feature-link {
        font-size: 12px
    }
}

.mt-business-hero__mask {
    display: none
}

.mt-business-hero__mask--left,
.mt-business-hero__mask--right {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 200px;
    pointer-events: none
}

.mt-business-hero__mask--left {
    left: 50%;
    margin-left: -962px
}

.mt-business-hero__mask--right {
    right: 50%;
    margin-right: -962px
}

@media screen and (min-width:1920px) {
    .mt-business-hero__mask {
        display: block
    }
}

.mt-business-hero__btns {
    margin-top: 24px
}

.mt-business-hero__btns .mt-btn {
    position: relative;
    z-index: 1;
    min-width: 280px;
    height: 60px;
    line-height: 57px;
    font-size: 24px;
    color: #3f485a;
    font-weight: 600;
    border: 0;
    border-radius: 30px;
    background: linear-gradient(224.1deg, #fff7e4 -16.91%, #e6d1a5 84.43%);
    box-shadow: 0 6.24731px 14.2796px rgba(0, 0, 0, .1)
}

.mt-business-hero__btns .mt-btn:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 3px;
    width: 100%;
    border-radius: 30px;
    background: linear-gradient(224.1deg, #fff7e4 -16.91%, #ffdf98 84.43%);
    box-shadow: 0 6.24731px 14.2796px rgba(0, 0, 0, .1)
}

.mt-business-hero__btns .mt-btn:hover {
    background: linear-gradient(224.1deg, #fff7e4 -16.91%, #ecad23 84.43%);
    box-shadow: 0 6.24731px 14.2796px rgba(0, 0, 0, .1)
}

.mt-business-hero__btns .mt-btn:hover:after {
    background: linear-gradient(224.1deg, #fbeac5 -16.91%, #f8ca67 84.43%);
    box-shadow: 0 6.24731px 14.2796px rgba(0, 0, 0, .1)
}

.mt-business-hero__btns .mt-btn.is-disabled,
.mt-business-hero__btns .mt-btn.is-disabled:hover {
    background: linear-gradient(224.1deg, #fff7e4 -16.91%, #e6d1a5 84.43%);
    box-shadow: 0 7px 16px rgba(0, 0, 0, .1);
    opacity: .5;
    cursor: default
}

.mt-business-hero__btns .mt-btn.is-disabled:after,
.mt-business-hero__btns .mt-btn.is-disabled:hover:after {
    background: linear-gradient(224.1deg, #fff7e4 -16.91%, #ffdf98 84.43%);
    box-shadow: 0 7px 16px rgba(0, 0, 0, .1)
}

@media screen and (max-width:1100px) {
    .mt-business-hero__btns {
        margin-top: 24px
    }

    .mt-business-hero__btns .mt-btn {
        min-width: 240px;
        height: 50px;
        line-height: 47px;
        font-size: 20px
    }
}

.mt-business-hero__status {
    display: flex;
    flex-flow: row nowrap
}

.mt-business-hero__status-icon {
    margin-top: 1px;
    margin-right: 8px;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-business-hero__status-text {
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: left
}

.mt-business-hero__status.is-success .mt-business-hero__status-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNjQuNzA1Nzg5NSUiIHkxPSItNjcuNSUiIHgyPSItMzUuMDExMzE1OCUiIHkyPSIzNS40MDczNjg0JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGN0U0IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkRGOTgiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i55S75p2/IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGZpbGw9IiNGRkU3QjIiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjEwIiBjeT0iMTAiIHI9IjkuNSI+PC9jaXJjbGU+CiAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIxMCIgY3k9IjEwIiByPSI5LjUiPjwvY2lyY2xlPgogICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGw9IiM0MDRBNjMiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIxNC4yOTI4OTMyIDYuMjkyODkzMjIgMTUuNzA3MTA2OCA3LjcwNzEwNjc4IDkuNSAxMy45MTQyMTM2IDUuMjkyODkzMjIgOS43MDcxMDY3OCA2LjcwNzEwNjc4IDguMjkyODkzMjIgOS41IDExLjA4NSI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=)
}

.mt-business-hero__status.is-info .mt-business-hero__status-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNjQuNzA1Nzg5NSUiIHkxPSItNjcuNSUiIHgyPSItMzUuMDExMzE1OCUiIHkyPSIzNS40MDczNjg0JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGN0U0IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkRGOTgiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i55S75p2/IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGZpbGw9IiNGRkU3QjIiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjEwIiBjeT0iMTAiIHI9IjkuNSI+PC9jaXJjbGU+CiAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIxMCIgY3k9IjEwIiByPSI5LjUiPjwvY2lyY2xlPgogICAgICAgIDxwYXRoIGQ9Ik0xMSwxMi43NSBMMTEsMTQuNjg3NSBMOSwxNC42ODc1IEw5LDEyLjc1IEwxMSwxMi43NSBaIE0xMSw1LjMxMjUgTDExLDExLjMxMjUgTDksMTEuMzEyNSBMOSw1LjMxMjUgTDExLDUuMzEyNSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjNDA0QTYzIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
}

@media screen and (max-width:1100px) {
    .mt-business-hero__status {
        justify-content: center
    }
}

.mt-business-hero__tip {
    margin-top: 6px;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .mt-business-hero__tip {
        margin-top: 24px
    }
}

.mt-business-hero__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #595dfb;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-pc216-ecb0b96a5d819ae0.jpg)
}

@media screen and (max-width:1100px) {
    .mt-business-hero__bg {
        background-image: none
    }

    .mt-business-hero__bg-main {
        top: -90px;
        left: 50%;
        width: 635px;
        height: 589px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-mobile-mainb98-a58196f61f4cb4e6.png);
        transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -webkit-transform: translateX(-200px);
        -o-transform: translateX(-200px)
    }

    .mt-business-hero__bg-elem,
    .mt-business-hero__bg-main {
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .mt-business-hero__bg-elem {
        left: 0;
        bottom: 0;
        margin-left: -140px;
        width: 292px;
        height: 220px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-mobile-elema9a-080e1d1bc1ee15eb.png);
        opacity: .3
    }
}

.mt-business-hero {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    height: 380px
}

.mt-business-hero__inner {
    margin: 0 auto;
    max-width: 1080px;
    height: 100%
}

.mt-business-hero__cont {
    padding-top: 40px
}

.mt-business-hero__tit {
    display: flex;
    flex-flow: row nowrap
}

.mt-business-hero__titext {
    line-height: 50px;
    color: #fff;
    text-shadow: 0 6.45378px 14.7515px rgba(0, 0, 0, .2)
}

.mt-business-hero__tag,
.mt-business-hero__titext {
    font-size: 33px;
    font-weight: 700;
    font-family: Tencent-W7
}

.mt-business-hero__tag {
    margin-top: 5px;
    margin-left: 8px;
    padding: 0 12px;
    height: 48px;
    line-height: 48px;
    color: #3b53e9;
    background: linear-gradient(180deg, #fff 50%, hsla(0, 0%, 100%, 0) 278.79%);
    border-radius: 6px;
    text-shadow: 0 4.18369px 9.56272px rgba(0, 0, 0, .2);
    transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    flex-grow: 0;
    flex-shrink: 0
}

.mt-business-hero__tag-inner {
    position: relative;
    top: -4px;
    transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    -moz-transform: skewX(8deg);
    -webkit-transform: skewX(8deg);
    -o-transform: skewX(8deg)
}

.mt-business-hero__desc {
    margin-bottom: 32px;
    line-height: 76px;
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: Tencent-W7;
    text-shadow: 0 9.31326px 21.2875px rgba(0, 0, 0, .2)
}

.mt-business-hero.v2 {
    height: 484px
}

.mt-business-hero.v2 .mt-business-hero__bg {
    background-color: #7241ff;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/banner-v2718-f182cc3fcb6fe453.png)
}

@media screen and (min-width:1101px) {
    .mt-business-hero__cont {
        display: flex;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .mt-business-hero__btns {
        order: 2
    }
}

@media screen and (max-width:1100px) {
    .mt-business-hero {
        padding: 0 20px;
        height: auto;
        background-size: auto 100%
    }

    .mt-business-hero__inner {
        max-width: 428px;
        height: 100%
    }

    .mt-business-hero__cont {
        padding-top: 50px;
        padding-bottom: 40px;
        height: 100%;
        text-align: center;
        display: flex;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .mt-business-hero__tit {
        justify-content: center
    }

    .mt-business-hero__titext {
        line-height: 34px;
        font-size: 22px;
        text-shadow: 0 4.45081px 10.1733px rgba(0, 0, 0, .2)
    }

    .mt-business-hero__tag {
        margin-top: 4px;
        padding: 0 8px;
        height: 32px;
        line-height: 32px;
        font-size: 22px
    }

    .mt-business-hero__tag-inner {
        top: -3px
    }

    .mt-business-hero__desc {
        position: relative;
        margin-top: 4px;
        margin-bottom: 196px;
        line-height: 48px;
        font-size: 32px;
        text-shadow: 0 0 13.3184px rgba(0, 0, 0, .2)
    }

    .mt-business-hero__desc:before {
        position: absolute;
        z-index: 10;
        content: attr(data-text);
        color: #3b56e7;
        -webkit-mask: linear-gradient(180deg, transparent 70%, #3b56e7);
        mask: linear-gradient(180deg, transparent 70%, #3b56e7)
    }

    .mt-business-hero .mt-business-hero__desc+div {
        margin-top: 0
    }

    .mt-business-hero.v2 {
        height: 320px
    }

    .mt-business-hero.v2 .mt-business-hero__bg {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/banner-v2-m876-af6e75e34c09e4e2.png)
    }

    .mt-business-hero.v2 .mt-business-hero__bg-elem,
    .mt-business-hero.v2 .mt-business-hero__bg-main {
        display: none
    }
}

.mt-business-card__label {
    position: absolute;
    z-index: 1;
    top: -8px;
    left: 50%;
    padding: 8px 32px 10px;
    max-width: 90%;
    color: #f5f7fe;
    text-align: center;
    background: linear-gradient(180deg, #5f82ff, #3b52e9);
    box-shadow: 0 8px 14px rgba(63, 105, 167, .2);
    border-radius: 0 0 17px 17px;
    transform: translateX(-50%) skewX(-8deg);
    -ms-transform: translateX(-50%) skewX(-8deg);
    -moz-transform: translateX(-50%) skewX(-8deg);
    -webkit-transform: translateX(-50%) skewX(-8deg);
    -o-transform: translateX(-50%) skewX(-8deg)
}

.mt-business-card__label:after,
.mt-business-card__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-width: 4px 5px;
    border-style: solid
}

.mt-business-card__label:before {
    right: 100%;
    border-color: transparent #3e57eb #3e57eb transparent
}

.mt-business-card__label:after {
    left: 100%;
    border-color: transparent transparent #3e57eb #3e57eb
}

.mt-business-card__label-inner {
    transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    -moz-transform: skewX(8deg);
    -webkit-transform: skewX(8deg);
    -o-transform: skewX(8deg)
}

.mt-business-card__tit {
    line-height: 38px;
    font-size: 26px;
    font-weight: 700;
    text-shadow: 0 3.87px 8.86px rgba(0, 0, 0, .2);
    font-family: Tencent-W7;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mt-business-card__tit:before {
    content: "";
    display: inline-block;
    vertical-align: -5px;
    margin-right: 8px;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTM1NDAwLCAwLjkxODUwMCkiPgogICAgICAgICAgICA8ZWxsaXBzZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjA2NDYwMCwgMTMuMDgxNTAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMy4wNjQ2MDAsIC0xMy4wODE1MDApICIgY3g9IjEzLjA2NDYiIGN5PSIxMy4wODE1IiByeD0iMTMuMDY0NiIgcnk9IjEzLjA4MTUiPjwvZWxsaXBzZT4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iIzVDN0ZGRSIgcG9pbnRzPSIxMy4wNjQ2IDE3Ljk4NyAxOC44MjQgMjEuMDE4OCAxNy43MjQxIDE0LjU5NzQgMjIuMzgzNSAxMC4wNDk3IDE1Ljk0NDMgOS4xMTI4IDEzLjA2NDYgMy4yNzAzNyAxMC4xODQ5IDkuMTEyOCAzLjc0NTcyIDEwLjA0OTcgOC40MDUxNyAxNC41OTc0IDcuMzA1MjIgMjEuMDE4OCI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.mt-business-card__price {
    margin-top: 4px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .mt-business-card__label {
        padding: 6px 24px;
        border-radius: 0 0 12px 12px
    }

    .mt-business-card__tit {
        line-height: 28px;
        font-size: 18px;
        text-shadow: 0 3.87743px 8.86269px rgba(0, 0, 0, .2)
    }

    .mt-business-card__tit:before {
        vertical-align: -8px
    }

    .mt-business-card__price {
        margin-top: 2px;
        line-height: 18px;
        font-size: 12px
    }
}

@media screen and (min-width:1101px) {
    .mt-business-card__list {
        display: flex;
        flex-flow: row nowrap
    }

    .mt-business-card__item {
        min-width: 0;
        min-height: 0;
        flex: 1 1 auto;
        position: relative;
        padding: 50px 12px 40px;
        text-align: center;
        background: #fff;
        border: 1px solid #d3e2ff;
        border-radius: 20px
    }

    .mt-business-card__item-icon {
        position: absolute;
        top: -20px;
        left: 50%;
        width: 40px;
        height: 40px;
        background: #fff;
        border: 1px solid #d3e2ff;
        border-radius: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

    .mt-business-card__item-icon img {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 24px;
        height: 24px;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }

    .mt-business-card__item-tit {
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
        color: #2d3033
    }

    .mt-business-card__item-data {
        margin-top: 16px;
        line-height: 42px;
        font-size: 36px;
        color: #53d530;
        font-family: TCloudNumber
    }

    .mt-business-card__item-data-unit {
        vertical-align: 0;
        font-size: 32px
    }

    .mt-business-card__item+.mt-business-card__item {
        margin-left: 12px
    }
}

@media screen and (max-width:1100px) {
    .mt-business-card__cont {
        overflow: hidden
    }

    .mt-business-card__list {
        margin-right: -12px;
        margin-bottom: -12px;
        display: flex;
        flex-flow: row wrap
    }

    .mt-business-card__item {
        margin-right: 12px;
        margin-bottom: 12px;
        padding: 20px 8px;
        text-align: center;
        border: 1px solid #d3e2ff;
        border-radius: 20px;
        min-width: 0;
        min-height: 0;
        flex: 1 1 auto
    }

    .mt-business-card__item-icon {
        display: none
    }

    .mt-business-card__item-tit {
        line-height: 18px;
        font-size: 13px;
        font-weight: 500
    }

    .mt-business-card__item-data {
        margin-top: 8px;
        line-height: 28px;
        font-size: 24px;
        color: #429b2a;
        font-family: TCloudNumber
    }

    .mt-business-card__item-data-num {
        position: relative
    }

    .mt-business-card__item-data-num:before {
        position: absolute;
        z-index: 10;
        content: attr(data-text);
        color: #04a4fe;
        -webkit-mask: linear-gradient(0deg, transparent, #04a4fe);
        mask: linear-gradient(0deg, transparent, #04a4fe);
        white-space: nowrap
    }

    .mt-business-card__item-data-unit {
        vertical-align: 0;
        font-size: 22px
    }

    .mt-business-card__divider {
        display: block;
        margin: 18px 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(45deg, transparent, rgba(0, 0, 0, .1) 50%, transparent);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#00000000", GradientType=1)
    }

    .mt-business-card__divider:last-child {
        margin-bottom: 0
    }
}

.mt-business-card__tip {
    margin-top: 24px;
    line-height: 22px;
    font-size: 13px;
    color: #565e66;
    font-weight: 600;
    text-align: center
}

.mt-business-card__tip .mt-link {
    margin-left: 10px;
    font-size: 13px;
    color: #ff7a00
}

.mt-business-card__tip .mt-link:after {
    margin-left: 4px;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iI0ZGN0EwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iOCIgY3k9IjgiIHI9IjcuNzUiPjwvY2lyY2xlPgogICAgICAgIDxwYXRoIGQ9Ik01LjkwMjI2NzQxLDQuMzY1MjExNjEgQzYuMDc1ODMzNzYsNC4xOTE2NDUyNiA2LjM0NTI1ODE2LDQuMTcyMzYwMTEgNi41NDAxMjYzLDQuMzA3MzU2MTYgTDYuNjA5Mzc0MTksNC4zNjUyMTE2MSBMMTAuMjQ0MTc5Miw4LjAwMDAxNjYyIEw2LjYwOTM3MjU4LDExLjYzNDc5IEM2LjQxNDEwOTU0LDExLjgzMDA1MTMgNi4wOTc1MjcwNSwxMS44MzAwNDk4IDUuOTAyMjY1NzksMTEuNjM0Nzg2OCBDNS43Mjg3MDAyNCwxMS40NjEyMTk2IDUuNzA5NDE2MzIsMTEuMTkxNzk1MSA1Ljg0NDQxMzI2LDEwLjk5NjkyNzYgTDUuOTAyMjY5MDMsMTAuOTI3NjggTDguODI5NDQwOCw3Ljk5OTAxNSBMNS45MDIyNjc0MSw1LjA3MjMxODM5IEM1LjcyODcwMTA2LDQuODk4NzUyMDQgNS43MDk0MTU5MSw0LjYyOTMyNzY0IDUuODQ0NDExOTYsNC40MzQ0NTk1IEw1LjkwMjI2NzQxLDQuMzY1MjExNjEgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iI0Y2RkFGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.mt-business-card__tip .mt-link:hover {
    color: #f99807
}

.mt-business-card__tip .mt-link:hover:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iI0Y5OTgwNyIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iOCIgY3k9IjgiIHI9IjcuNzUiPjwvY2lyY2xlPgogICAgICAgIDxwYXRoIGQ9Ik01LjkwMjI2NzQxLDQuMzY1MjExNjEgQzYuMDc1ODMzNzYsNC4xOTE2NDUyNiA2LjM0NTI1ODE2LDQuMTcyMzYwMTEgNi41NDAxMjYzLDQuMzA3MzU2MTYgTDYuNjA5Mzc0MTksNC4zNjUyMTE2MSBMMTAuMjQ0MTc5Miw4LjAwMDAxNjYyIEw2LjYwOTM3MjU4LDExLjYzNDc5IEM2LjQxNDEwOTU0LDExLjgzMDA1MTMgNi4wOTc1MjcwNSwxMS44MzAwNDk4IDUuOTAyMjY1NzksMTEuNjM0Nzg2OCBDNS43Mjg3MDAyNCwxMS40NjEyMTk2IDUuNzA5NDE2MzIsMTEuMTkxNzk1MSA1Ljg0NDQxMzI2LDEwLjk5NjkyNzYgTDUuOTAyMjY5MDMsMTAuOTI3NjggTDguODI5NDQwOCw3Ljk5OTAxNSBMNS45MDIyNjc0MSw1LjA3MjMxODM5IEM1LjcyODcwMTA2LDQuODk4NzUyMDQgNS43MDk0MTU5MSw0LjYyOTMyNzY0IDUuODQ0NDExOTYsNC40MzQ0NTk1IEw1LjkwMjI2NzQxLDQuMzY1MjExNjEgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iI0Y2RkFGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==)
}

@media screen and (max-width:1100px) {
    .mt-business-card__tip {
        margin-top: 20px
    }

    .mt-business-card__tip .mt-link {
        margin: 8px 0 0;
        display: block
    }
}

.mt-business-card__table {
    margin-top: 0;
    border-radius: 20px;
    overflow: hidden
}

.mt-business-card__table .mt-compare-table-tr.hd .mt-compare-table-td {
    padding: 14px;
    font-size: 16px;
    line-height: 22px;
    background: #fafbfd;
    margin-bottom: 2px
}

.mt-business-card__table .mt-compare-table-tr.hd .mt-compare-table-td:first-child {
    background: #fafbfd;
    align-items: center
}

.mt-business-card__table .mt-compare-table-tr.hd .mt-compare-table-td:nth-child(2) {
    background: rgba(0, 143, 255, .1)
}

.mt-business-card__table .mt-compare-table-tr.hd .mt-btn {
    display: none
}

.mt-business-card__table .mt-compare-table-td {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: center;
    background: #fafbfd;
    width: 33.333%
}

.mt-business-card__table .mt-compare-table-td:first-child {
    width: 33.333%;
    align-items: center;
    text-align: center
}

.mt-business-card__table .mt-compare-table-td:nth-child(2) {
    background: rgba(0, 143, 255, .1)
}

@media screen and (max-width:1100px) {
    .mt-business-card__table .mt-compare-table-tr.hd .mt-compare-table-td {
        padding: 12px;
        font-size: 14px;
        line-height: 20px
    }

    .mt-business-card__table .mt-compare-table-td {
        font-size: 10px;
        line-height: 14px
    }

    .mt-business-card__table .mt-compare-table-icon {
        width: 14px;
        height: 14px
    }
}

.mt-business-card {
    position: relative;
    z-index: 1;
    padding: 122px 32px 32px;
    background-color: #fff;
    box-shadow: 0 10px 28px rgba(51, 88, 142, .06);
    border-radius: 20px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-card-pc642-6eb1fc9924793187.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.mt-business-card.v2 {
    padding: 108px 60px 32px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img-ltee4-ecf27059e3652fde.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-img-rb367-752fd0cf015ed5c4.png);
    background-position: 0 0, right bottom -2px;
    background-size: auto 240px, auto 280px;
    background-repeat: no-repeat
}

.mt-business-card.v2 .mt-business-card__tit:before {
    width: 26px;
    height: 26px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS41IiBjeT0iOS41IiByPSI5LjUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDE5IDApIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUwMDEyIDEzLjA2MjVMMTMuNjg4MSAxNS4yNjQyTDEyLjg4ODMgMTAuNjAwOUwxNi4yNzY0IDcuMjk4MjVMMTEuNTk0MSA2LjYxNzg4TDkuNTAwMTIgMi4zNzVMNy40MDYxNCA2LjYxNzg4TDIuNzIzODUgNy4yOTgyNUw2LjExMTk4IDEwLjYwMDlMNS4zMTIxNSAxNS4yNjQyTDkuNTAwMTIgMTMuMDYyNVoiIGZpbGw9IiM2RjVDRkYiIHN0eWxlPSJmaWxsOiM2RjVDRkY7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuNDM1MyAwLjM2MDggMS4wMDAwKTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==)
}

.mt-business-card.v2 .mt-business-card__label {
    background: linear-gradient(180deg, #836aff -5%, #513eff 113.41%);
    box-shadow: 0 8px 14px rgba(48, 106, 172, .2)
}

.mt-business-card.v2 .mt-business-card__label:after,
.mt-business-card.v2 .mt-business-card__label:before {
    border-width: 4.5px
}

.mt-business-card.v2 .mt-business-card__label:before {
    border-color: transparent #3623d9 #3623d9 transparent
}

.mt-business-card.v2 .mt-business-card__label:after {
    border-color: transparent transparent #3623d9 #3623d9
}

@media screen and (max-width:1100px) {
    .mt-business-card {
        padding: 74px 16px 28px;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, .95) -75.07%, hsla(0, 0%, 100%, .95));
        box-shadow: 0 10px 12px rgba(51, 88, 142, .25)
    }

    .mt-business-card:after {
        content: "";
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;
        width: 179px;
        height: 167px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/elem-card-mobileeab-0182d5ba370895fa.png);
        background-position: 100% 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 0 0 20px 0
    }

    .mt-business-card.v2 {
        background-color: #fff;
        padding: 78px 16px 24px;
        background-size: auto 120px, auto 160px
    }

    .mt-business-card.v2:after {
        display: none
    }

    .mt-business-card.v2 .mt-business-card__tit:before {
        width: 19px;
        height: 19px;
        vertical-align: -3px
    }

    .mt-business-card.v2 .mt-business-card__label {
        padding: 6px 22px
    }

    .mt-business-card.v2 .mt-business-card__tip {
        margin-top: 16px
    }

    .mt-business-card.v2 .mt-business-card__tip .mt-link {
        display: inline-block;
        margin-left: 8px;
        margin-top: 0
    }
}

.mt-business-rules {
    overflow: hidden
}

.mt-business-rules__title {
    text-align: center
}

.mt-business-rules__title-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #565e66;
    position: relative;
    display: inline-block;
    z-index: 0
}

.mt-business-rules__title-text:after {
    position: absolute;
    width: 278px;
    height: 22px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/title-bg91a-cc64921730372711.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    top: 6px;
    left: 4px;
    z-index: -1
}

.mt-business-rules__items.mt-grid__row {
    margin: 28px -24px 0
}

.mt-business-rules__col.mt-grid__col {
    padding: 0 24px;
    position: relative
}

.mt-business-rules__col.mt-grid__col:last-child:after {
    display: none
}

.mt-business-rules__col.mt-grid__col:after {
    content: "";
    position: absolute;
    right: 0;
    height: calc(100% - 8px);
    width: 1px;
    top: 4px;
    background: rgba(0, 0, 0, .1)
}

.mt-business-rules__item {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    width: 100%;
    max-width: 304px;
    padding-left: 24px;
    margin-bottom: 24px;
    color: #565e66;
    box-sizing: border-box
}

.mt-business-rules__item:last-child {
    margin-bottom: 0
}

.mt-business-rules__item-num {
    background-color: rgba(199, 223, 255, .7);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 16px;
    font-size: 12px;
    color: #597bfc;
    text-align: center;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 2px;
    font-family: TCloudNumber
}

.mt-business-rules__item-tit {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500
}

.mt-business-rules__item-desc,
.mt-business-rules__item-desc p+p {
    margin-top: 12px
}

.mt-business-rules__columns.mt-grid__row {
    margin: 38px -24px 0
}

.mt-business-rules__columns.mt-grid__row .mt-business-rules__item {
    margin-bottom: 12px;
    padding-left: 16px;
    max-width: 100%
}

.mt-business-rules__columns.mt-grid__row .mt-business-rules__item:last-child {
    margin-bottom: 0
}

.mt-business-rules__columns.mt-grid__row .mt-business-rules__item-num {
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    font-size: 0;
    background: rgba(0, 111, 255, .7)
}

.mt-business-rules.v2 {
    padding-top: 32px;
    padding-bottom: 60px
}

@media screen and (min-width:1101px) {
    .mt-business-rules.v2 .mt-business-rules__title-text:after {
        width: 178px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-rule0cf-52c4f2db77c7afc6.png);
        left: -30px
    }
}

.mt-business-rules.v2 .mt-business-rules__columns.mt-grid__row .mt-business-rules__item-num {
    background: rgba(48, 44, 255, .7)
}

@media screen and (max-width:1100px) {
    .mt-business-rules__title-text {
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        color: #fdfeff;
        padding: 0 10px
    }

    .mt-business-rules__title-text:after,
    .mt-business-rules__title-text:before {
        width: 72px;
        height: 5px;
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        left: -72px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1
    }

    .mt-business-rules__title-text:before {
        position: absolute;
        content: "";
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDcyIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzEuNDE0IDIuNjU5NjFMNjkuNjE1IDAuODYwNTk2TDY4LjMxNTkgMi4xNTk2N0gwLjU3MzI0MlYzLjE1OTY3SDY4LjMxNkw2OS42MTUgNC40NTg2Mkw3MS40MTQgMi42NTk2MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODJfMjg5NCkiIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjgyXzI4OTQiIHgxPSI2OC44NTE2IiB5MT0iNC40NTg1OCIgeDI9IjEuMjI2NTYiIHkyPSI0LjQ1ODU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=)
    }

    .mt-business-rules__title-text:after {
        right: -72px;
        left: auto;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDcyIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4zMjQ3NjggMi42NTk2MUwyLjEyMzc4IDAuODYwNTk2TDMuNDIyODUgMi4xNTk2N0g3MS4xNjU1VjMuMTU5NjdIMy40MjI3M0wyLjEyMzc4IDQuNDU4NjJMMC4zMjQ3NjggMi42NTk2MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODJfMjg5NykiIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjgyXzI4OTciIHgxPSIyLjg4NzIxIiB5MT0iNC40NTg1OCIgeDI9IjcwLjUxMjIiIHkyPSI0LjQ1ODU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=)
    }

    .mt-business-rules__col.mt-grid__col {
        width: 100%;
        margin-bottom: 24px;
        padding: 0
    }

    .mt-business-rules__col.mt-grid__col:after {
        display: none
    }

    .mt-business-rules__col.mt-grid__col:last-child {
        margin-bottom: 0
    }

    .mt-business-rules__columns.mt-grid__row,
    .mt-business-rules__items.mt-grid__row {
        margin: 20px 0 0
    }

    .mt-business-rules__item {
        padding-left: 28px;
        max-width: 100%;
        font-size: 14px;
        color: #fdfeff;
        margin-bottom: 24px
    }

    .mt-business-rules__columns.mt-grid__row .mt-business-rules__col,
    .mt-business-rules__columns.mt-grid__row .mt-business-rules__item {
        margin-bottom: 20px
    }

    .mt-business-rules__columns.mt-grid__row .mt-business-rules__col:last-child,
    .mt-business-rules__columns.mt-grid__row .mt-business-rules__item:last-child {
        margin-bottom: 0
    }

    .mt-business-rules__columns.mt-grid__row .mt-business-rules__item-num {
        background: hsla(0, 0%, 100%, .7)
    }

    .mt-business-rules.v2 {
        padding-bottom: 32px
    }

    .mt-business-rules.v2 .mt-business-rules__title-text {
        font-weight: 600
    }

    .mt-business-rules.v2 .mt-business-rules__item {
        color: #fff;
        font-size: 12px;
        line-height: 1.5
    }

    .mt-business-rules.v2 .mt-business-rules__item-tit {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }

    .mt-business-rules.v2 .mt-business-rules__item-desc {
        margin-top: 10px
    }

    .mt-business-rules.v2 .mt-business-rules__item-desc p+p {
        margin-top: 8px
    }

    .mt-business-rules.v2 .mt-business-rules__columns.mt-grid__row,
    .mt-business-rules.v2 .mt-business-rules__items.mt-grid__row {
        margin: 16px 0 0
    }

    .mt-business-rules.v2 .mt-business-rules__columns.mt-grid__row .mt-business-rules__col {
        margin-bottom: 0
    }

    .mt-business-rules.v2 .mt-business-rules__columns.mt-grid__row .mt-business-rules__item {
        margin-bottom: 10px
    }

    .mt-business-rules.v2 .mt-business-rules__columns.mt-grid__row .mt-business-rules__item-num {
        background: hsla(0, 0%, 100%, .5);
        top: 6px
    }
}

.mt-business-model-card {
    color: #000;
    text-align: center;
    display: flex;
    flex-direction: column
}

.mt-business-model-card__main {
    flex: 1
}

.mt-business-model-card__status {
    margin-bottom: 16px
}

.mt-business-model-card__status i {
    display: block;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.mt-business-model-card__status .icon-success {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTZweCIgaGVpZ2h0PSI1NnB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNjQuMjg1NzE0MyUiIHkxPSItNTMuNTcxNDI4NiUiIHgyPSIzMDcuMTQyODU3JSIgeTI9IjgzLjkyODU3MTQlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM0RTVCRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRThCNiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC02MjY2NjQiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgY3g9IjI4IiBjeT0iMjgiIHI9IjI4Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0MS42NzYxNDMxIDE4LjA5NzIzNjYgNDMuNzk3NDU2OSAyMC4yMTg1NjM0IDI2LjUyNjE5NjcgMzcuNDg5NzE3MSAxNS4xNDk3Mzk4IDI2LjExMzI2MDIgMTcuMjcxMDYwMiAyMy45OTE5Mzk4IDI2LjUyNiAzMy4yNDYiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.mt-business-model-card__obj {
    display: inline-block;
    width: 66px;
    height: 66px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 16px;
    vertical-align: top
}

.mt-business-model-card__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5
}

.mt-business-model-card__subtitle {
    margin-top: 4px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500
}

.mt-business-model-card__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 190px;
    margin: 20px auto 0;
    width: 100%
}

.mt-business-model-card__btn {
    width: 100%;
    border-radius: 27px;
    margin-bottom: 16px
}

.mt-business-model-card__btn:last-child {
    margin-bottom: 0
}

.mt-business-model-card__btn.weak {
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 48px;
    background-color: transparent;
    color: #2d3033
}

@media screen and (any-hover:hover) {
    .mt-business-model-card__btn.weak:hover {
        border-color: transparent
    }
}

.mt-business-model-card__btn.link {
    color: #2d3033;
    background-color: transparent;
    line-height: 19px;
    height: auto;
    padding-top: 5px
}

@media screen and (any-hover:hover) {
    .mt-business-model-card__btn.link:hover {
        color: #429b2a
    }
}

.mt-business-model-card__desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #2b2e33
}

.mt-business-model-card__tip {
    margin-top: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #2d3033
}

.mt-business-model-card--status .mt-business-model-card__btns {
    margin-top: 48px
}

.mt-business-section {
    padding: 0 10px
}

.mt-business-section__inner {
    max-width: 1080px;
    margin: 0 auto
}

@media screen and (max-width:1100px) {
    .mt-business-section {
        padding: 0 20px
    }

    .mt-business-section__inner {
        max-width: 428px
    }
}

.mt-article-collection {
    color: #000
}

.mt-article-collection__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 64px
}

.mt-article-collection__items {
    margin-top: 32px
}

.mt-article-collection__item {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
    position: relative;
    padding-left: 14px;
    color: #429b2a;
    text-decoration: underline;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.mt-article-collection__item:hover {
    color: #53d530;
    text-decoration: underline
}

.mt-article-collection__item:before {
    content: "";
    background: #429b2a;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 9px;
    left: 0;
    border-radius: 50%
}

.mt-article-collection__item:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1200px) {
    .mt-article-collection__title {
        font-size: 32px;
        line-height: 48px
    }

    .mt-article-collection__items {
        margin-top: 24px
    }

    .mt-article-collection__item {
        font-size: 14px;
        margin-bottom: 16px
    }
}

@media screen and (max-width:600px) {
    .mt-article-collection__title {
        font-size: 24px;
        line-height: 32px
    }

    .mt-article-collection__item {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.mt-img-card {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    padding: 40px 40px 40px 100px;
    position: relative;
    height: 100%
}

.mt-img-card__icon {
    width: 74px;
    height: 74px;
    position: absolute;
    left: 16px;
    top: 16px
}

.mt-img-card__cnt {
    max-width: 380px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.mt-img-card__tit {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #262a47
}

.mt-img-card__desc {
    font-size: 14px;
    line-height: 22px;
    color: #565e66;
    margin-top: 16px
}

.mt-img-card__img-wrap {
    width: 100%;
    margin-top: 24px
}

.mt-img-card__img-wrap img {
    max-width: 100%
}

@media screen and (max-width:1200px) {
    .mt-img-card {
        max-width: 580px;
        margin: 0 auto
    }

    .mt-img-card__tit {
        font-size: 16px;
        line-height: 24px
    }

    .mt-img-card__desc {
        font-size: 12px;
        line-height: 22px;
        margin-top: 4px
    }

    .mt-img-card__img-wrap {
        margin-top: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-img-card {
        padding: 24px
    }

    .mt-img-card__cnt {
        max-width: 100%;
        display: block
    }

    .mt-img-card__text {
        min-height: 48px
    }

    .mt-img-card__icon {
        right: 16px;
        left: auto
    }

    .mt-img-card__desc,
    .mt-img-card__tit {
        max-width: calc(100% - 74px)
    }
}

.mt-video {
    cursor: pointer;
    box-sizing: border-box;
    padding-top: 55.9%;
    background: #445a7c;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15)
}

.mt-video-wrap {
    max-width: 780px;
    margin: 0 auto
}

.mt-video-wrap.position-up {
    margin: 0 auto 64px
}

.mt-video-wrap.position-down {
    margin: 64px auto 0
}

.mt-video__play {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn200-9f78f535bdf7a2f1.png);
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.mt-video__play,
.mt-video__play:before {
    position: absolute;
    box-sizing: border-box
}

.mt-video__play:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .2);
    animation: identifier 1s linear infinite alternate
}

.mt-video:hover .mt-video__play {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn-hoverc5c-7474c003278c40af.png)
}

.mt-video:hover .mt-video__play:before {
    border-color: #429b2a
}

@media screen and (max-width:1920px) {
    .mt-video-wrap.position-up {
        margin: 0 auto 48px
    }

    .mt-video-wrap.position-down {
        margin: 48px auto 0
    }
}

@media screen and (max-width:1200px) {
    .mt-video-wrap {
        max-width: 570px
    }

    .mt-video-wrap.position-up {
        margin: 0 auto 40px
    }

    .mt-video-wrap.position-down {
        margin: 40px auto 0
    }
}

@media screen and (max-width:900px) {
    .mt-video-wrap.position-up {
        margin: 0 auto 32px
    }

    .mt-video-wrap.position-down {
        margin: 32px auto 0
    }
}

@media screen and (max-width:600px) {
    .mt-video-wrap.position-up {
        margin: 0 auto 24px
    }

    .mt-video-wrap.position-down {
        margin: 24px auto 0
    }
}

.mt-action-panel2 {
    max-width: 1000px;
    width: 100%;
    height: 200px;
    border-radius: 20px;
    background-position: 100% 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 36px 92px;
    transition: box-shadow .3s ease-in-out;
    cursor: pointer
}

.mt-action-panel2:hover {
    box-shadow: 0 18px 43px rgba(60, 100, 136, .3)
}

.mt-action-panel2__desc {
    font-size: 18px;
    line-height: 1.63;
    letter-spacing: .03em;
    color: #000
}

.mt-action-panel2__btn {
    background: #429b2a;
    border-radius: 8px;
    width: 184px;
    height: 48px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 48px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

@media screen and (max-width:1200px) {
    .mt-action-panel2 {
        padding: 36px 50px
    }

    .mt-action-panel2__btn {
        width: 160px
    }
}

@media screen and (max-width:900px) {
    .mt-action-panel2 {
        padding: 36px 40px;
        background-position: top right -150px
    }

    .mt-action-panel2__btn {
        width: 128px
    }
}

@media screen and (max-width:600px) {
    .mt-action-panel2 {
        padding: 42px 16px;
        background-position: top right -180px;
        height: 180px;
        max-width: 343px
    }

    .mt-action-panel2__desc {
        font-size: 14px
    }

    .mt-action-panel2__btn {
        width: 108px;
        height: 32px;
        margin-top: 16px;
        font-size: 12px;
        line-height: 32px
    }
}

.mt-none-panel {
    padding: 164px 40px
}

.mt-none-panel__icon {
    display: block;
    margin: 0 auto;
    width: 192px;
    height: 149px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/empty-data@2xe5a-52d147ff95ff4b1a.png);
    background-size: contain
}

.mt-none-panel__text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #7b818f
}

.mt-frame-player {
    position: relative
}

@keyframes round-circle {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1;
        transform: scale(.85)
    }

    to {
        opacity: 0;
        transform: scale(1.86)
    }
}

@keyframes round-circle-inner {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1;
        transform: scale(.85)
    }

    to {
        opacity: 0;
        transform: scale(1.86)
    }
}

.mt-frame-player__main {
    width: 100%;
    aspect-ratio: 1280/720;
    max-width: 1280px;
    max-height: 720px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    background-clip: content-box;
    margin: 0 auto
}

.mt-frame-player__frame {
    width: 100%;
    display: none
}

.mt-frame-player__frame.is-active {
    display: block
}

.mt-frame-player__video {
    width: 100%;
    border-radius: 32px;
    height: 100%;
    border-right: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0
}

.mt-frame-player__click-area {
    cursor: pointer;
    position: absolute
}

.mt-frame-player__group-steps {
    display: flex;
    align-items: center;
    margin-bottom: 56px
}

.mt-frame-player__group-steps .mt-btn {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    min-height: auto;
    height: auto
}

.mt-frame-player__group-steps .mt-btn.outline {
    background-color: #fff
}

.mt-frame-player__group-steps .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMOS44NDMwMiA4LjE1Njk4TDYgNC4zMTM5NyIgc3Ryb2tlPSIjMDA2NkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.mt-frame-player__group-steps .arrow:last-child {
    display: none
}

.mt-frame-player__btn {
    width: 5.234375%;
    height: 9.3055555556%;
    background: rgba(4, 90, 254, .1);
    border: 2px solid #1e75e4;
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    cursor: pointer
}

.mt-frame-player__btn.bg-white {
    background: hsla(0, 0%, 100%, .2)
}

.mt-frame-player__btn.is-show {
    animation: round-circle-inner 708ms linear infinite;
    animation-delay: .15s
}

.mt-frame-player__btn:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: rgba(50, 64, 88, .04);
    border: 2px solid rgba(30, 117, 228, .4);
    animation: round-circle 625ms linear infinite
}

.mt-frame-player__btn-pointer {
    display: inline-block;
    width: 2.8125%;
    height: 5%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/pointee46-b6879a74607a7a51.png);
    position: absolute;
    cursor: pointer
}

.mt-frame-player__end {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -38%);
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    box-shadow: 0 16px 60px rgba(0, 31, 70, .22);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 16px;
    padding: 88px 50px 40px;
    visibility: hidden;
    transition: all 417ms ease-in-out;
    opacity: 0
}

.mt-frame-player__end-tit {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #111822
}

.mt-frame-player__end-desc {
    font-size: 14px;
    line-height: 22px;
    color: #565e66;
    margin-top: 4px
}

.mt-frame-player__end .mt-btn {
    margin-top: 24px;
    width: 124px;
    font-weight: 500;
    font-size: 16px;
    height: 48px
}

.mt-frame-player__end:before {
    content: "";
    display: inline-block;
    width: 240px;
    height: 212px;
    position: absolute;
    top: -122px;
    left: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-endbdc-8681c77d1f898fc4.png);
    opacity: 0;
    transition: all 292ms ease-in-out;
    transition-delay: .2s
}

.mt-frame-player__end.is-show {
    visibility: visible;
    transform: translate(-50%, -52%);
    opacity: 1
}

.mt-frame-player__end.is-show:before {
    opacity: 1;
    top: -132px
}

.mt-frame-player__tit {
    color: var(--Light_wm_color_text-primary, #000);
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.mt-frame-player__desc {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px
}

.mt-frame-player__desc .text {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 16px;
    line-height: 24px
}

.mt-frame-player__extra-tag {
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 12px
}

.mt-frame-player__extra-tag .icon {
    width: 24px;
    height: 24px
}

.mt-frame-player__extra-tag .text {
    padding: 4px 8px;
    gap: 2px;
    font-size: 12px;
    line-height: 16px;
    background: #dfe6f2
}

.mt-frame-player__step {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px
}

.mt-frame-player__step .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #abcfff
}

.mt-frame-player__step .is-active {
    background: var(--Light_wm_color_primary-primary, #06f)
}

.mt-frame-player__arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    filter: drop-shadow(0 9px 30px rgba(0, 0, 0, .04));
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer
}

.mt-frame-player__arrow.disabled {
    cursor: not-allowed
}

.mt-frame-player__arrow.prev {
    left: -24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMjQgMjQpIiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyMy41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDI0IDI0KSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMjcuMzI4MSAzMC42NDZMMjAuNjgyIDIzLjk5OThMMjcuMzI4MSAxNy4zNTM3IiBzdHJva2U9IiM0RTU0NjEiIHN0cm9rZS13aWR0aD0iMS44Ii8+Cjwvc3ZnPgo=)
}

.mt-frame-player__arrow.prev.disabled {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMjQgMjQpIiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyMy41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDI0IDI0KSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMjcuMzI4MSAzMC42NDZMMjAuNjgyIDIzLjk5OThMMjcuMzI4MSAxNy4zNTM3IiBzdHJva2U9IiNCMEI2QzMiIHN0cm9rZS13aWR0aD0iMS44Ii8+Cjwvc3ZnPgo=)
}

.mt-frame-player__arrow.next {
    right: -24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjIzLjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTIwLjY3MTkgMTcuMzU0TDI3LjMxOCAyNC4wMDAyTDIwLjY3MTkgMzAuNjQ2MyIgc3Ryb2tlPSIjNEU1NDYxIiBzdHJva2Utd2lkdGg9IjEuOCIvPgo8L3N2Zz4K)
}

.mt-frame-player__arrow.next.disabled {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjIzLjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTIwLjY3MTkgMTcuMzU0TDI3LjMxOCAyNC4wMDAyTDIwLjY3MTkgMzAuNjQ2MyIgc3Ryb2tlPSIjQjBCNkMzIiBzdHJva2Utd2lkdGg9IjEuOCIvPgo8L3N2Zz4K)
}

.mt-filter-list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: -16px;
    flex: 1
}

.mt-filter-list__wrap {
    display: flex
}

.mt-filter-list__wrap+.mt-filter-list__wrap {
    margin-top: 32px
}

.mt-filter-list__label {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-right: 26px
}

.mt-filter-list__item {
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    color: #2e2e2e;
    padding: 0 24px;
    margin-bottom: 16px;
    display: inline-block
}

.mt-filter-list__item:hover {
    color: #565e66
}

.mt-filter-list__item.is-active {
    color: #1c6aff
}

@media screen and (max-width:1200px) {
    .mt-filter-list {
        margin-bottom: -8px
    }

    .mt-filter-list__wrap+.mt-filter-list__wrap {
        margin-top: 20px
    }

    .mt-filter-list__label {
        font-size: 14px;
        margin-right: 12px
    }

    .mt-filter-list__item {
        font-size: 14px;
        padding: 0 12px;
        margin-bottom: 8px
    }
}

@media screen and (max-width:600px) {
    .mt-filter-list {
        display: inline-block;
        white-space: nowrap
    }

    .mt-filter-list__wrap {
        white-space: nowrap;
        display: block;
        overflow-x: auto;
        margin-right: -32px;
        padding-left: 8px;
        padding-right: 0
    }

    .mt-filter-list__wrap::-webkit-scrollbar {
        height: 0
    }

    .mt-filter-list__label {
        display: inline-block
    }
}

.mt-visiting-card {
    background: #fff;
    border-radius: 20px;
    padding: 32px 32px 66px;
    height: 100%;
    position: relative;
    font-size: 0
}

.mt-visiting-card__logo {
    height: 48px;
    margin-bottom: 24px
}

.mt-visiting-card__tit {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 12px
}

.mt-visiting-card__infos {
    overflow: hidden
}

.mt-visiting-card__info {
    font-size: 14px;
    line-height: 150%;
    color: #3e3a39
}

.mt-visiting-card__contact {
    margin-top: 12px;
    position: absolute;
    bottom: 32px;
    left: 32px;
    cursor: pointer
}

.mt-visiting-card__contact .mt-link {
    opacity: 1;
    position: absolute;
    transition: opacity .3s ease-in-out
}

.mt-visiting-card__contact .info {
    font-size: 14px;
    line-height: 22px;
    color: #429b2a;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.mt-visiting-card__contact.is-active .mt-link {
    opacity: 0
}

.mt-visiting-card__contact.is-active .info {
    opacity: 1
}

@media screen and (max-width:1200px) {
    .mt-visiting-card {
        padding: 24px 24px 58px
    }

    .mt-visiting-card__logo {
        height: 40px
    }

    .mt-visiting-card__tit {
        font-size: 18px
    }

    .mt-visiting-card__info {
        font-size: 12px
    }

    .mt-visiting-card__contact {
        bottom: 24px;
        left: 24px
    }

    .mt-visiting-card__contact .info,
    .mt-visiting-card__contact .mt-link {
        font-size: 12px
    }
}

.mt-block-table__tit {
    background: rgba(0, 110, 255, .08);
    border-radius: 16px 16px 0 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    padding: 28px 40px;
    margin-bottom: 4px
}

.mt-block-table__row,
.mt-block-table__th {
    display: flex
}

.mt-block-table__row:hover,
.mt-block-table__th:hover {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1)
}

.mt-block-table__row:hover .td,
.mt-block-table__row:hover .th,
.mt-block-table__th:hover .td,
.mt-block-table__th:hover .th {
    background: transparent
}

.mt-block-table__row {
    margin-top: 2px
}

.mt-block-table__row:last-child .td:first-child {
    border-radius: 0 0 0 16px
}

.mt-block-table__row:last-child .td:last-child {
    border-radius: 0 0 16px 0
}

.mt-block-table .td,
.mt-block-table .th {
    font-size: 14px;
    line-height: 22px;
    padding: 32px 40px;
    margin: 0 2px;
    background: rgba(0, 110, 255, .03);
    flex: 1;
    width: 1px;
    word-break: break-all;
    display: flex;
    align-items: center
}

.mt-block-table .td:first-child,
.mt-block-table .th:first-child {
    margin-left: 0
}

.mt-block-table .td:last-child,
.mt-block-table .th:last-child {
    margin-right: 0
}

.mt-block-table .td {
    color: #4e5461
}

.mt-block-table .td a {
    color: #53d530
}

.mt-block-table .td a:hover {
    color: #198cff
}

.mt-block-table .td a:active {
    color: #0054e6
}

.mt-block-table .status {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    white-space: nowrap
}

.mt-block-table .status:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px
}

.mt-block-table .status.success:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2NDRfMTAxMDgpIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNSA4QzE1IDExLjg2NiAxMS44NjYgMTUgOCAxNUM0LjEzNDAxIDE1IDEgMTEuODY2IDEgOEMxIDQuMTM0MDEgNC4xMzQwMSAxIDggMUMxMS44NjYgMSAxNSA0LjEzNDAxIDE1IDhaIiBmaWxsPSIjMDBDQzY2Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMjQ0NiA1Ljg5NDQ2QzExLjYzNTIgNi4yODQ5OCAxMS42MzUyIDYuOTE4MTUgMTEuMjQ0NiA3LjMwODY3TDcuNzQ0ODkgMTAuODA4NEM3LjU1MDkgMTEuMDAyNCA3LjI4NTc0IDExLjEwODIgNy4wMTE0OSAxMS4xMDFDNi43MzcyNSAxMS4wOTM3IDYuNDc4MDEgMTAuOTc0MiA2LjI5NDQ5IDEwLjc3MDNMNC43MTk2MSA5LjAyMDRDNC4zNTAxNSA4LjYwOTg5IDQuMzgzNDIgNy45Nzc2IDQuNzkzOTMgNy42MDgxNEM1LjIwNDQ0IDcuMjM4NjggNS44MzY3MyA3LjI3MTk2IDYuMjA2MTkgNy42ODI0N0w3LjA3NTk4IDguNjQ4ODlMOS44MzA0MSA1Ljg5NDQ2QzEwLjIyMDkgNS41MDM5MyAxMC44NTQxIDUuNTAzOTMgMTEuMjQ0NiA1Ljg5NDQ2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNjQ0XzEwMTA4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-block-table .status.error:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3IiBmaWxsPSIjRkYzQzMzIi8+CjxwYXRoIGQ9Ik01Ljg3ODQ1IDEwLjEyMTNMMTAuMTIxMSA1Ljg3ODY2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS44Nzg0NSA1Ljg3ODdMMTAuMTIxMSAxMC4xMjEzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.mt-block-table .status.warning:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2NDRfMTAxMzgpIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNSA4QzE1IDExLjg2NiAxMS44NjYgMTUgOCAxNUM0LjEzNDAxIDE1IDEgMTEuODY2IDEgOEMxIDQuMTM0MDEgNC4xMzQwMSAxIDggMUMxMS44NjYgMSAxNSA0LjEzNDAxIDE1IDhaIiBmaWxsPSIjRkY4MDFBIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1QzkgNC40NDc3MiA4LjU1MjI4IDQgOCA0QzcuNDQ3NzIgNCA3IDQuNDQ3NzIgNyA1VjhDNyA4LjU1MjI4IDcuNDQ3NzIgOSA4IDlDOC41NTIyOCA5IDkgOC41NTIyOCA5IDhWNVpNOCAxMEM3LjQ0NzcyIDEwIDcgMTAuNDQ3NyA3IDExQzcgMTEuNTUyMyA3LjQ0NzcyIDEyIDggMTJDOC41NTIyOCAxMiA5IDExLjU1MjMgOSAxMUM5IDEwLjQ0NzcgOC41NTIyOCAxMCA4IDEwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNjQ0XzEwMTM4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.mt-block-table .status.testing:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNDNS4yMzg1OCAzIDMgNS4yMzg1OCAzIDhDMyAxMC43NjE0IDUuMjM4NTggMTMgOCAxM0MxMC43NjE0IDEzIDEzIDEwLjc2MTQgMTMgOEMxMyA3LjcxNDk1IDEyLjk3NjIgNy40MzYyMSAxMi45MzA4IDcuMTY1NDZDMTIuODM5NCA2LjYyMDc4IDEzLjIwNjkgNi4xMDUxNiAxMy43NTE2IDYuMDEzNzhDMTQuMjk2MyA1LjkyMjQgMTQuODExOSA2LjI4OTg3IDE0LjkwMzMgNi44MzQ1NEMxNC45NjcgNy4yMTQyMSAxNSA3LjYwMzYyIDE1IDhDMTUgMTEuODY2IDExLjg2NiAxNSA4IDE1QzQuMTM0MDEgMTUgMSAxMS44NjYgMSA4QzEgNC4xMzQwMSA0LjEzNDAxIDEgOCAxQzguMzk2MzggMSA4Ljc4NTc5IDEuMDMzMDUgOS4xNjU0NiAxLjA5Njc0QzkuNzEwMTMgMS4xODgxMiAxMC4wNzc2IDEuNzAzNzQgOS45ODYyMiAyLjI0ODQxQzkuODk0ODQgMi43OTMwOSA5LjM3OTIyIDMuMTYwNTUgOC44MzQ1NCAzLjA2OTE4QzguNTYzNzkgMy4wMjM3NSA4LjI4NTA1IDMgOCAzWiIgZmlsbD0iIzVGNjVGRiIvPgo8cGF0aCBkPSJNNy4yOTAyNCA2LjEzMDc4TDExLjMxODYgMy43MTM3NEMxMS44ODIzIDMuMzc1NTMgMTIuNTIzMiA0LjAxNjQgMTIuMTg1IDQuNTgwMDlMOS43Njc5NiA4LjYwODVDOS40NDE1OCA5LjE1MjQ1IDguODUzNzQgOS40ODUyOCA4LjIxOTM5IDkuNDg1MjhDNy4yMjIgOS40ODUyOCA2LjQxMzQ2IDguNjc2NzQgNi40MTM0NiA3LjY3OTM1QzYuNDEzNDYgNy4wNDUgNi43NDYyOSA2LjQ1NzE2IDcuMjkwMjQgNi4xMzA3OFoiIGZpbGw9IiM1RjY1RkYiLz4KPC9zdmc+Cg==)
}

.mt-block-table .th {
    font-weight: 500;
    color: #000
}

@media screen and (max-width:1200px) {

    .mt-block-table .td,
    .mt-block-table .th,
    .mt-block-table__tit {
        padding: 20px 24px
    }
}

@media screen and (max-width:600px) {
    .mt-block-table__tit {
        border-radius: 12px 12px 0 0;
        font-size: 16px;
        line-height: 24px
    }

    .mt-block-table__row:last-child .td:first-child {
        border-radius: 0 0 0 12px
    }

    .mt-block-table__row:last-child .td:last-child {
        border-radius: 0 0 12px 0
    }
}

.mt-sem-hero {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-leftd57-7509256811c59854.svg), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-right6d6-7a86fad24397fb6d.svg), linear-gradient(180deg, #e9f2fe, #e3edfb);
    background-position: right calc(50% + 625px) top, left calc(50% - 10px) center, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto auto, auto 100%, auto auto;
    padding: 0 20px;
    position: relative
}

.mt-sem-hero__inner {
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    align-items: center
}

.mt-sem-hero__hd {
    flex: 1;
    width: 1px;
    margin-right: 30px;
    padding: 20px 0
}

.mt-sem-hero__title {
    font-weight: 600;
    font-size: 48px;
    line-height: 170%;
    color: #2d3033
}

.mt-sem-hero__desc {
    margin-top: 39px;
    font-weight: 500;
    font-size: 32px;
    line-height: 72px;
    color: #2d3033
}

.mt-sem-hero__form {
    width: 100%;
    max-width: 580px;
    margin-top: 32px;
    padding: 32px;
    background: rgba(248, 250, 255, .9);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.mt-sem-hero .mt-service-form__form.tea-form .tea-form__controls {
    padding-bottom: 32px
}

.mt-sem-hero .mt-service-form__form .tea-form__help-text {
    margin-bottom: -22px
}

.mt-sem-hero .mt-service-form__agreement {
    margin-top: 0
}

.mt-sem-hero .mt-service-form__footer {
    margin-top: 32px
}

.mt-sem-hero .mt-service-form__footer .mt-btn,
.mt-sem-hero .mt-service-form__footer .tea-btn {
    flex: 1;
    height: 48px;
    font-size: 20px
}

.mt-sem-hero .tea-input-group.code .tea-input-group__addon:first-child {
    position: relative
}

.mt-sem-hero .tea-input-group.code .tea-input-group__addon:first-child:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -9px;
    width: 1px;
    height: 18px;
    background: #d6dbe3
}

@media screen and (min-width:1921px) {
    .mt-sem-hero {
        background-position: 0 0, 100%, 0 0
    }
}

@media screen and (max-width:1200px) {
    .mt-sem-hero {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-padcdf-dd99c143dadd5621.png);
        background-size: cover;
        background-position: top
    }

    .mt-sem-hero__inner {
        display: block;
        padding-top: 80px
    }

    .mt-sem-hero__hd {
        width: 100%;
        margin-right: 0;
        text-align: center;
        padding: 0
    }

    .mt-sem-hero__title {
        line-height: 50px;
        font-size: 36px;
        font-weight: 500;
        white-space: nowrap
    }

    .mt-sem-hero__title .title {
        display: inline-block
    }

    .mt-sem-hero__desc {
        color: var(--unnamed, #565e66);
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        margin-top: 16px
    }

    .mt-sem-hero__form {
        margin: 48px auto 0
    }
}

@media screen and (max-width:900px) {
    .mt-sem-hero__inner {
        padding-top: 60px
    }

    .mt-sem-hero__title {
        font-size: 32px;
        line-height: 45px
    }

    .mt-sem-hero__desc {
        font-size: 20px;
        line-height: 1.4
    }

    .mt-sem-hero__form {
        margin: 40px auto 0
    }
}

@media screen and (max-width:600px) {
    .mt-sem-hero {
        padding: 0 16px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-mobile372-e19312e16e0ef0c7.png)
    }

    .mt-sem-hero__inner {
        padding-top: 32px
    }

    .mt-sem-hero__hd {
        text-align: left;
        padding: 0 16px
    }

    .mt-sem-hero__title {
        font-size: 24px;
        line-height: 34px
    }

    .mt-sem-hero__title .title {
        display: block
    }

    .mt-sem-hero__desc {
        font-size: 14px;
        margin-top: 12px
    }

    .mt-sem-hero__form {
        margin: 32px auto 0;
        padding: 28px 24px 32px
    }

    .mt-sem-hero .mt-service-form__form.tea-form .tea-form__controls {
        padding-bottom: 30px
    }

    .mt-sem-hero .mt-service-form__footer {
        margin-top: 24px
    }

    .mt-sem-hero .mt-service-form__footer .mt-btn,
    .mt-sem-hero .mt-service-form__footer .tea-btn {
        font-size: 16px
    }
}

.mt-sem-data {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.mt-sem-data__item {
    flex: 1;
    overflow: hidden
}

.mt-sem-data__item-inner {
    text-align: center;
    white-space: nowrap;
    background: #fff;
    border-radius: 20px;
    padding: 50px 0;
    height: 100%
}

.mt-sem-data__item-num {
    font-family: TCloudNumber;
    font-weight: 600;
    font-size: 54px;
    line-height: 76px;
    color: #429b2a
}

.mt-sem-data__item-num em {
    font-weight: 400;
    font-size: 68.3728px;
    line-height: 82px;
    vertical-align: -5px
}

.mt-sem-data__item-num .num {
    font-weight: 400;
    font-size: 64px;
    line-height: 76px;
    vertical-align: -4px
}

.mt-sem-data__item-title {
    margin-top: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #0f001a
}

@media screen and (max-width:1200px) {
    .mt-sem-data__item-inner {
        padding: 28px;
        border-radius: 16px
    }

    .mt-sem-data__item-num {
        font-size: 28px;
        line-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mt-sem-data__item-num .num,
    .mt-sem-data__item-num em {
        font-size: 36px;
        line-height: 40px;
        vertical-align: middle
    }

    .mt-sem-data__item-title {
        margin-top: 8px;
        font-size: 16px;
        line-height: 22px;
        white-space: pre-wrap
    }
}

@media screen and (max-width:900px) {
    .mt-sem-data__item-inner {
        height: 138px;
        padding: 28px 16px
    }
}

@media screen and (max-width:600px) {
    .mt-sem-data {
        flex-wrap: wrap;
        gap: 16px
    }

    .mt-sem-data__item {
        width: calc(50% - 8px);
        flex: unset
    }

    .mt-sem-data__item-inner {
        padding: 28px 25px
    }
}

.mt-sem-media {
    display: flex;
    align-items: center
}

.mt-sem-media__object {
    width: 49.1525423729%
}

.mt-sem-media__object img {
    display: block;
    width: 100%
}

.mt-sem-media__main {
    flex: 1;
    width: 1px;
    margin-left: 70px
}

.mt-sem-media.layout-img-right .mt-sem-media__object {
    order: 2
}

.mt-sem-media.layout-img-right .mt-sem-media__main {
    order: 1;
    margin-left: 0;
    margin-right: 70px
}

.mt-sem-media__group .mt-sem-media {
    margin-bottom: 72px
}

.mt-sem-media__group .mt-sem-media:last-child {
    margin-bottom: 0
}

.mt-sem-media__group .mt-sem-media:nth-child(2n) .mt-sem-media__object {
    order: 2
}

.mt-sem-media__group .mt-sem-media:nth-child(2n) .mt-sem-media__main {
    order: 1;
    margin-left: 0;
    margin-right: 70px
}

.mt-sem-media__group.layout-img-right .mt-sem-media__object {
    order: 2
}

.mt-sem-media__group.layout-img-right .mt-sem-media__main {
    order: 1;
    margin-left: 0;
    margin-right: 70px
}

.mt-sem-media__group.layout-img-right .mt-sem-media:nth-child(2n) .mt-sem-media__object {
    order: 1
}

.mt-sem-media__group.layout-img-right .mt-sem-media:nth-child(2n) .mt-sem-media__main {
    order: 2;
    margin-left: 70px;
    margin-right: 0
}

.mt-sem-media__list-item-order {
    position: absolute;
    left: 0;
    top: 5px;
    width: 26px;
    height: 26px;
    background: #429b2a;
    border-radius: 50%;
    font-family: TCloudNumber;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    text-align: center
}

.mt-sem-media__list>li {
    position: relative;
    padding-left: 46px;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #262a47;
    margin-bottom: 24px
}

.mt-sem-media__list>li:last-child {
    margin-bottom: 0
}

.mt-sem-media__list .mt-sem-media__text.theme-primary {
    font-weight: 600
}

.mt-sem-media__list .mt-sem-media__text.type-weak {
    margin-top: 4px
}

.mt-sem-media__text.display-inline {
    display: inline
}

.mt-sem-media__text.theme-primary {
    color: #53d530
}

.mt-sem-media__text.type-weak {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #565e66
}

.mt-sem-sence {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.mt-sem-sence>li {
    flex: 1
}

.mt-sem-sence__item {
    height: 100%;
    background-color: #e8f1ff;
    padding: 32px 24px;
    min-height: 355px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.mt-sem-sence__item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: bottom;
    border-radius: 20px;
    background-repeat: no-repeat
}

.mt-sem-sence__item-bg.mobile {
    display: none
}

.mt-sem-sence__item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #0f001a;
    position: relative
}

.mt-sem-sence__item-desc {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    position: relative;
    color: #262a47
}

@media screen and (max-width:1200px) {
    .mt-sem-sence>li {
        flex: unset;
        width: calc(50% - 10px)
    }

    .mt-sem-sence__item {
        padding: 16px 24px;
        min-height: 114px;
        text-align: left;
        border-radius: 13px
    }

    .mt-sem-sence__item-bg {
        background-size: auto 100%;
        background-position: 100% 0;
        border-radius: 13px
    }

    .mt-sem-sence__item-bg:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(90deg, #e6f0ff 49.15%, rgba(230, 240, 255, 0) 77.77%)
    }

    .mt-sem-sence__item-bg.pc {
        display: none
    }

    .mt-sem-sence__item-bg.mobile {
        display: block
    }

    .mt-sem-sence__item-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5
    }

    .mt-sem-sence__item-desc {
        margin-top: 4px;
        color: #6a6e89;
        font-size: 12px;
        max-width: 208px
    }
}

@media screen and (max-width:900px) {
    .mt-sem-sence__item-desc {
        max-width: 180px
    }
}

@media screen and (max-width:600px) {
    .mt-sem-sence {
        gap: 16
    }

    .mt-sem-sence>li {
        width: 100%
    }
}

.mt-sem-certificate {
    background: #fff;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    border-radius: 20px;
    padding: 40px 0;
    display: flex;
    align-items: center
}

.mt-sem-certificate__hd {
    width: 400px;
    padding: 0 20px;
    text-align: center
}

.mt-sem-certificate__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #0f001a
}

.mt-sem-certificate__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #565e66;
    max-width: 240px;
    margin: 16px auto 0
}

.mt-sem-certificate__bd {
    flex: 1;
    width: 1px
}

.mt-sem-certificate__list {
    display: flex;
    gap: 16px;
    padding-right: 30px
}

.mt-sem-certificate__list>li {
    flex: 1
}

.mt-sem-certificate__item {
    background: #f8faff;
    border-radius: 20px;
    padding: 32px 20px 30px;
    text-align: center;
    height: 100%
}

.mt-sem-certificate__item-object {
    margin: 0 auto 8px;
    width: 140px;
    height: 140px
}

.mt-sem-certificate__item-object img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mt-sem-certificate__item-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.mt-sem-action {
    background-image: linear-gradient(270deg, #0558e5 68.05%, rgba(5, 88, 229, 0) 104.93%), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bgc33-7ce5254412ec7f82.png);
    background-position: 0 0, 0;
    background-repeat: repeat, no-repeat;
    background-size: auto auto, auto 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px
}

.mt-sem-action__inner {
    margin: 0 auto;
    max-width: 1180px;
    text-align: center;
    color: #fff
}

.mt-sem-action__title {
    font-weight: 500;
    font-size: 56px;
    line-height: 64px
}

.mt-sem-action__desc {
    margin-top: 18px;
    font-weight: 500;
    font-size: 36px;
    line-height: 64px
}

.mt-sem-action__btns {
    margin-top: 18px;
    display: flex;
    justify-content: center
}

.mt-sem-action__btns .mt-btn {
    min-width: 200px;
    height: 48px;
    font-weight: 500;
    font-size: 20px;
    line-height: 46px
}

.mt-sem-action__btns .mt-btn.weak {
    color: #53d530
}

.mt-sem-action__btns .mt-btn.weak:hover {
    color: #198cff;
    background: #fff
}

@media screen and (max-width:1200px) {
    .mt-sem-action {
        background-position: 0 0, left -70px center;
        height: 180px
    }

    .mt-sem-action__title {
        font-size: 24px;
        line-height: 34px
    }

    .mt-sem-action__desc {
        margin-top: 4px;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }

    .mt-sem-action__btns {
        margin-top: 16px
    }

    .mt-sem-action__btns .mt-btn {
        min-width: 128px;
        height: 32px;
        font-size: 12px;
        line-height: 22px;
        font-weight: 400
    }
}

@media screen and (max-width:600px) {
    .mt-sem-action {
        background-image: linear-gradient(270deg, #0558e5 27.07%, rgba(5, 88, 229, 0) 116.27%), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bgc33-7ce5254412ec7f82.png)
    }

    .mt-sem-action__desc {
        font-size: 12px;
        line-height: 17px
    }
}

.mt-sem-header {
    padding: 22px 20px;
    background: #fff
}

.mt-sem-header__inner {
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-sem-header__logo-img {
    display: block;
    width: 109px;
    height: 24px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/logo97c-829bbfb3bbc599cd.svg);
    background-repeat: no-repeat
}

.mt-sem-header__extra {
    display: flex
}

.mt-sem-header__extra .mt-btn {
    height: 36px;
    min-width: 96px;
    line-height: 34px
}

.mt-function-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.mt-function-card__title {
    line-height: 34px;
    font-size: 24px;
    word-break: break-all;
    color: var(--Light_wm_color_text-primary, #000);
    display: inline-flex;
    align-items: center
}

.mt-function-card__title img {
    margin-left: 8px
}

.mt-function-card__title .met-account-type-tag {
    margin-left: 8px;
    position: relative;
    top: 1px
}

.mt-function-card__title .met-account-type-tag .met-imgs-tag-common {
    width: 70px;
    height: 24px;
    background-color: #fff;
    border-radius: 4px
}

.mt-function-card__desc {
    margin-top: 16px;
    color: var(--Light_wm_color_text-primary, #000);
    font-family: PingFang SC;
    font-size: 48px;
    line-height: 68px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: -4px
}

.mt-function-card__desc i {
    font-weight: 400;
    margin: 0 4px;
    font-family: TCloudNumber
}

.mt-function-card__oper {
    padding-bottom: 8px
}

.mt-function-card__oper .mt-btn {
    width: 180px;
    height: 48px;
    font-size: 16px;
    margin-left: 24px
}

.mt-function-card__oper .mt-btn:first-child {
    margin-left: 0
}

.mt-function-card__items {
    margin: 64px -4px -44px
}

.mt-function-card__items .mt-grid__col {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 44px
}

.mt-function-card__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px
}

@media screen and (any-hover:hover) {
    .mt-function-card__item:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08)
    }
}

.mt-function-card__item-img {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-function-card__item-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    line-height: 24px;
    font-size: 18px;
    color: #565e66
}

@media screen and (min-width:1921px) {
    .mt-function-card__items {
        margin: 72px -13px -40px
    }

    .mt-function-card__items .mt-grid__col {
        padding-left: 13px;
        padding-right: 13px;
        margin-bottom: 40px
    }

    .mt-function-card__item {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .mt-function-card__item-img {
        width: 48px;
        height: 48px
    }

    .mt-function-card__item-title {
        line-height: 28px;
        font-size: 18px
    }
}

@media screen and (max-width:1199px) {
    .mt-function-card__title {
        line-height: 26px;
        font-size: 18px
    }

    .mt-function-card__desc {
        margin-top: 4px;
        line-height: 20px;
        font-size: 14px
    }

    .mt-function-card__items {
        margin-top: 32px;
        margin-bottom: -2px
    }

    .mt-function-card__items .mt-grid__col {
        margin-bottom: 2px;
        width: 50%
    }

    .mt-function-card__item {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .mt-function-card__item-title {
        line-height: 24px;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .mt-function-card {
        padding: 40px 20px
    }

    .mt-function-card__title {
        line-height: 22px;
        font-size: 16px
    }

    .mt-function-card__desc {
        margin-top: 8px;
        line-height: 18px;
        font-size: 12px
    }

    .mt-function-card__items {
        margin-bottom: -28px;
        margin-left: -18px;
        margin-right: -18px
    }

    .mt-function-card__items .mt-grid__col {
        margin-bottom: 28px;
        padding-left: 18px;
        padding-right: 18px;
        width: 33.3333%
    }

    .mt-function-card__item {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .mt-function-card__item-img {
        width: 34px;
        height: 34px
    }

    .mt-function-card__item-title {
        line-height: 20px
    }
}

.mt-user-meeting-card__panel {
    padding: 40px 40px 44px;
    border-radius: 20px;
    background: linear-gradient(0deg, var(--Light_wm_color_primary-ondisable, #fff), var(--Light_wm_color_primary-ondisable, #fff)), #f7fbff;
    height: 100%;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .05)
}

.mt-user-meeting-card__entry {
    border-radius: 4px;
    background: #f5f8fb;
    padding: 3px 8px;
    position: absolute
}

.mt-user-meeting-card__entry .mt-link {
    color: #545e67;
    font-size: 14px;
    line-height: 22px
}

.mt-user-meeting-card__entry .mt-link:after {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: -1px;
    margin-left: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSA5LjVMOCA2TDQuNSAyLjUiIHN0cm9rZT0iIzRFNTQ2MSIgc3R5bGU9InN0cm9rZTojNEU1NDYxO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuMzA1OSAwLjMyOTQgMC4zODA0KTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.mt-user-meeting-card__entry:before {
    content: "";
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 6px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-fire201-6180cb18474544f2.svg)
}

.mt-user-meeting-card__info {
    margin-bottom: 56px
}

.mt-user-meeting-card__info-item {
    color: #000;
    height: 100%;
    position: relative;
    padding: 24px;
    border-radius: 16px;
    background-color: #f0f5fb;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-info-itembe4-20da51f836b41050.png);
    background-size: auto 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 112px
}

.mt-user-meeting-card__info-item i {
    font-family: TCloudNumber
}

.mt-user-meeting-card__info-item-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mt-user-meeting-card__info-item-title .mt-link-arrow {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 12px;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    line-height: 1
}

.mt-user-meeting-card__info-item-title .mt-link-arrow:after {
    width: 6px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjVMNSA0LjVMMSA4LjUiIHN0cm9rZT0iIzdCODE4RiIgc3R5bGU9InN0cm9rZTojN0I4MThGO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuNDgyNCAwLjUwNTkgMC41NjA4KTtzdHJva2Utb3BhY2l0eToxOyIvPgo8L3N2Zz4K);
    margin-left: 4px;
    vertical-align: unset
}

.mt-user-meeting-card__info-item-icon {
    position: absolute;
    right: 32px;
    top: 0;
    width: 112px;
    height: 112px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-user-meeting-card__info-item-num {
    color: #4e5461;
    font-size: 28px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 12px
}

.mt-user-meeting-card__info-item-progress {
    font-size: 0;
    margin-top: 4px;
    align-self: flex-start
}

.mt-user-meeting-card__info-item-progress .progress-text {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    display: inline-block
}

.mt-user-meeting-card__info-item-progress .progress-text em {
    font-family: TCloudNumber;
    margin-right: 4px
}

.mt-user-meeting-card__info-item-progress .tea-progress {
    width: 100%;
    margin-bottom: 0;
    margin-top: 8px;
    background-color: #d9d9d9;
    border-radius: 8px;
    overflow: hidden
}

.mt-user-meeting-card__info-item-progress .tea-progress__value {
    border-radius: 8px
}

.mt-user-meeting-card__extra {
    margin-top: 32px
}

.mt-user-meeting-card__extra-tit {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.mt-user-meeting-card__extra-tit .met-account-type-tag {
    margin-left: 8px;
    position: relative;
    top: 1px
}

.mt-user-meeting-card__extra-tit .met-account-type-tag .met-imgs-tag-common {
    width: 70px;
    height: 24px;
    background-color: #fff;
    border-radius: 4px
}

.mt-user-meeting-card__extra .mt-user-meeting-card__fun-box.show-all {
    box-shadow: 0 18px 43px rgba(74, 130, 183, .05);
    display: flex;
    padding: 24px 40px;
    border-radius: 20px;
    background: var(--Light_wm_color_primary-ondisable, #fff);
    margin-bottom: 0
}

.mt-user-meeting-card__extra .mt-user-meeting-card__fun-box.show-all .mt-user-meeting-card__fun-item {
    width: 12.5%;
    margin-bottom: 0
}

.mt-user-meeting-card__fun-box {
    margin-bottom: -24px
}

.mt-user-meeting-card__fun-box .mt-swiper__btn {
    margin: -12px 0 0;
    width: 24px;
    height: 24px
}

.mt-user-meeting-card__fun-box .mt-swiper__btn-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .08)
}

.mt-user-meeting-card__fun-box .mt-swiper__btn.swiper-button-disabled {
    display: none
}

.mt-user-meeting-card__fun-box .mt-swiper__btn--next .mt-swiper__btn-inner,
.mt-user-meeting-card__fun-box .mt-swiper__btn--prev .mt-swiper__btn-inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEyLjUgMTIuNSkiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZD0iTTEwLjUgMTcuNUwxNS41IDEyLjVMMTAuNSA3LjUiIHN0cm9rZT0iIzVFNjE2NiIgc3R5bGU9InN0cm9rZTojNUU2MTY2O3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuMzY4NiAwLjM4MDQgMC40MDAwKTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

.mt-user-meeting-card__fun-box .mt-swiper__btn--next .mt-swiper__btn-inner:active,
.mt-user-meeting-card__fun-box .mt-swiper__btn--next .mt-swiper__btn-inner:hover,
.mt-user-meeting-card__fun-box .mt-swiper__btn--prev .mt-swiper__btn-inner:active,
.mt-user-meeting-card__fun-box .mt-swiper__btn--prev .mt-swiper__btn-inner:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMi41IiByPSIxMiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAxMiAxMi41KSIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMTAgMTcuNUwxNSAxMi41TDEwIDcuNSIgc3Ryb2tlPSIjMDQ1QUZFIiBzdHlsZT0ic3Ryb2tlOiMwNDVBRkU7c3Ryb2tlOmNvbG9yKGRpc3BsYXktcDMgMC4wMTU3IDAuMzUyOSAwLjk5NjEpO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.mt-user-meeting-card__fun-box .mt-swiper__btn--next {
    margin-left: -4px
}

.mt-user-meeting-card__fun-box .mt-swiper__btn--prev {
    margin-right: -4px
}

.mt-user-meeting-card__fun-box .mt-swiper__btn--prev .mt-swiper__btn-inner {
    transform: rotate(180deg)
}

.mt-user-meeting-card__fun-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px
}

.mt-user-meeting-card__fun-item.with-click,
.mt-user-meeting-card__fun-item.with-click .mt-user-meeting-card__fun-item-title {
    cursor: pointer
}

.mt-user-meeting-card__fun-item-img {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    align-items: center
}

.mt-user-meeting-card__fun-item-img-wrap {
    position: relative;
    margin: 0 auto;
    padding: 8px
}

.mt-user-meeting-card__fun-item-img-wrap.is-new:after {
    content: "";
    display: inline-block;
    height: 12px;
    width: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNkMwIDIuNjg2MjkgMi42ODYyOSAwIDYgMEgxOEMyMS4zMTM3IDAgMjQgMi42ODYyOSAyNCA2VjZDMjQgOS4zMTM3MSAyMS4zMTM3IDEyIDE4IDEySDFDMC40NDc3MTYgMTIgMCAxMS41NTIzIDAgMTFWNloiIGZpbGw9IiNGRjZFMTkiLz4KPHBhdGggZD0iTTIxLjQxNjIgMy4yMTZMMTkuNzA4MiA5SDE4Ljc3NjJMMTcuNjg4MiA1LjIyTDE2LjU5MjIgOUgxNS42NzYyTDEzLjk3MjIgMy4yMTZIMTUuMTE2MkwxNi4xOTIyIDcuMDM2TDE3LjI2ODIgMy4yMTZIMTguMTEyMkwxOS4yMDAyIDcuMDM2TDIwLjI3NjIgMy4yMTZIMjEuNDE2MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05LjMzNTQ1IDlWMy4yMTZIMTMuMzA3NUwxMy4zMDM0IDQuMkgxMC41MDc0VjUuNjA0SDEyLjkzNTRWNi41NjhIMTAuNDk5NFY4LjAwNEwxMy4zNDc0IDguMDA4VjlIOS4zMzU0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02Ljg3MzY0IDMuMjE2SDguMDQxNjRWOUg2Ljk4OTY0TDQuMjQxNjQgNS4wMlY5SDMuMDc3NjRWMy4yMTZINC4yMzM2NEw2Ljg3MzY0IDcuMDQ0VjMuMjE2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    position: absolute;
    top: 0;
    right: 0
}

.mt-user-meeting-card__fun-item-title {
    width: 100%;
    height: 32px;
    line-height: 16px;
    font-size: 14px;
    color: #4e5461;
    text-align: center;
    white-space: nowrap;
    cursor: default;
    margin-top: 4px
}

.mt-user-meeting-card__fun-item-title .mt-link-arrow {
    color: #4e5461;
    font-size: 12px;
    display: block;
    line-height: 1;
    margin-top: 5px
}

.mt-user-meeting-card__fun-item-title .mt-link-arrow:after {
    width: 6px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjcxNDIzMyAwLjY2Njc0OEw0LjcxNDIzIDQuNjY2NzVMMC43MTQyMzMgOC42NjY3NSIgc3Ryb2tlPSIjN0I4MThGIiBzdHlsZT0ic3Ryb2tlOiM3QjgxOEY7c3Ryb2tlOmNvbG9yKGRpc3BsYXktcDMgMC40ODI0IDAuNTA1OSAwLjU2MDgpO3N0cm9rZS1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=);
    margin-left: 4px
}

.mt-user-meeting-card__fun-item-tag {
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    font-size: 0
}

.mt-user-meeting-card__fun-item-tag .met-tag {
    margin: 0;
    padding: 0 2px;
    width: auto;
    height: 16px;
    color: #5979ff;
    border-radius: 8px 8px 8px 0;
    border: 1px solid #5979ff;
    background-color: #fff
}

.mt-user-meeting-card__fun-item-tag .met-tag span {
    line-height: 14px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    transform: scale(.8333)
}

.mt-user-meeting-card__fun-item-tag .met-tag.is-success {
    color: #fff;
    border-width: 0;
    background: linear-gradient(231deg, #02be4d 12.72%, #00caa6 94.07%)
}

.mt-user-meeting-card__fun-item-tag .met-tag.is-success span {
    line-height: 16px
}

.mt-user-meeting-card__fun-box.show-all {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px
}

.mt-user-meeting-card__fun-box.show-all .mt-user-meeting-card__fun-item {
    width: 11.1111111111%;
    margin-bottom: 32px
}

@media screen and (max-width:1199px) {
    .mt-user-meeting-card__panel {
        padding: 20px
    }

    .mt-user-meeting-card__entry {
        display: none
    }

    .mt-user-meeting-card__info-item-title {
        line-height: 20px;
        font-size: 14px
    }

    .mt-user-meeting-card__info-item-icon {
        display: none
    }

    .mt-user-meeting-card__info-item-num {
        margin-top: 6px;
        font-size: 12px
    }

    .mt-user-meeting-card__extra {
        width: 128px
    }

    .mt-user-meeting-card__fun-box .mt-swiper__btn {
        width: 16px;
        height: 16px
    }

    .mt-user-meeting-card__fun-item-img {
        width: 28px;
        height: 28px
    }

    .mt-user-meeting-card__fun-item-title {
        height: 28px;
        line-height: 14px;
        font-size: 12px
    }

    .mt-user-meeting-card__fun-item-tag .met-tag {
        transform: scale(.8333);
        transform-origin: center bottom
    }
}

@media screen and (max-width:767px) {
    .mt-user-meeting-card__panel {
        padding: 40px 20px
    }

    .mt-user-meeting-card__info-item-title {
        line-height: 18px;
        font-size: 12px
    }

    .mt-user-meeting-card__info-item-num {
        margin-top: 8px
    }

    .mt-user-meeting-card__extra {
        margin: 12px 0 0;
        width: auto
    }
}

.mt-home-intro2__animation {
    z-index: 0;
    pointer-events: none;
    overflow: hidden
}

.mt-home-intro2__animation,
.mt-home-intro2__animation .ani-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mt-home-intro2__animation .ani-elem {
    position: absolute;
    box-sizing: border-box
}

.mt-home-intro2__animation .ani-homepage {
    left: 50%;
    bottom: 50%;
    margin-left: -88px;
    margin-bottom: -80px;
    width: 457px;
    height: 305px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-homepagee24-7c3e1393123fa5e2.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-intro2__animation .ani-module {
    left: 50%;
    bottom: 50%;
    margin-left: 82px;
    margin-bottom: -184px;
    width: 660px;
    height: 490px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-module641-94f57be0b0d03ded.svg);
    background-position: 100% 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform-origin: bottom right;
    opacity: .8
}

.mt-home-intro2__animation .ani-frame {
    left: 50%;
    bottom: 50%;
    margin-left: 470px;
    margin-bottom: -126px;
    width: 181px;
    height: 307px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-frameb2e-a1bf56ea9431924b.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-intro2__animation .ani-computer {
    left: 50%;
    margin-left: -240px;
    width: 1155px;
    height: 521px;
    bottom: 50%;
    margin-bottom: -348px
}

.mt-home-intro2__animation .ani-computer-box {
    width: 100%;
    height: 100%;
    scale: .8
}

.mt-home-intro2__animation .ani-computer-box:after {
    position: relative;
    content: "";
    display: block;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-computer4d4-0f440f285a7c3b67.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-intro2__animation .ani-computer-shadow {
    top: -426px;
    scale: .8
}

.mt-home-intro2__animation .ani-computer-shadow,
.mt-home-intro2__animation .ani-shadow {
    position: absolute;
    left: -186px;
    width: 1500px;
    height: 918px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-computer-shadowbaa-c89799b371cb19d4.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-intro2__animation .ani-shadow {
    top: -478px
}

.mt-home-intro2__animation .ani-record {
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -114px;
    margin-left: 510px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-recordf59-f827f4fc2584f441.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mt-home-intro2__animation .ani-toolbar {
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-toolbar2dc-eab9bd226d0ac56e.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: auto 100%
}

.mt-home-intro2__animation .ani-toolbar-wrap {
    left: 50%;
    bottom: 50%;
    margin-left: 12px;
    margin-bottom: -196px;
    width: 311px;
    height: 91px;
    transform-origin: left center
}

.mt-home-intro2__animation .ani-popup {
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0
}

.mt-home-intro2__animation .ani-popup-wrap {
    left: 50%;
    bottom: 50%;
    margin-left: 32px;
    margin-bottom: -140px;
    width: 120px;
    height: 28px;
    box-sizing: border-box
}

.mt-home-intro2__animation .ani-popup:nth-child(odd) {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-popup-shorta9e-71498483b6701354.png)
}

.mt-home-intro2__animation .ani-popup:nth-child(2n) {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/ani-popup-long4c3-d515469904de0cfd.png)
}

.mt-home-intro2__animation .ani-popup:first-child {
    animation: intro2-animate-anipopup 1.92s 1.4s infinite
}

.mt-home-intro2__animation .ani-popup:nth-child(2) {
    animation: intro2-animate-anipopup 1.92s 1.88s infinite
}

.mt-home-intro2__animation .ani-popup:nth-child(3) {
    animation: intro2-animate-anipopup 1.92s 2.36s infinite
}

.mt-home-intro2__animation .ani-popup:nth-child(4) {
    animation: intro2-animate-anipopup 1.92s 2.84s infinite
}

@keyframes intro2-animate-anipopup {
    0% {
        opacity: 0;
        transform: translateY(0)
    }

    18% {
        opacity: 1;
        transform: translateY(-32px)
    }

    27% {
        opacity: 1;
        transform: translateY(-32px)
    }

    45% {
        opacity: 1;
        transform: translateY(-64px)
    }

    54% {
        opacity: 1;
        transform: translateY(-64px)
    }

    72% {
        opacity: 1;
        transform: translateY(-96px)
    }

    81% {
        opacity: 1;
        transform: translateY(-96px)
    }

    to {
        opacity: 0;
        transform: translateY(-128px)
    }
}

.mt-home-intro2 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-home-intro2__inner {
    padding: 30px 20px 80px;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 1650px
}

.mt-home-intro2__inner.right {
    justify-content: flex-end
}

.mt-home-intro2__inner.right .mt-home-intro2__con {
    margin-right: 50px;
    margin-left: 0
}

.mt-home-intro2__inner.right .mt-home-intro2__cards {
    order: 1
}

.mt-home-intro2__con {
    display: flex;
    flex-direction: column;
    margin-left: 28px;
    z-index: 10
}

.mt-home-intro2__tit {
    font-weight: 400;
    font-size: 60px;
    line-height: 1.5;
    color: #262a47;
    margin-bottom: 40px
}

.mt-home-intro2__cards {
    flex: 1
}

.mt-home-intro2__img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 61.111%;
    height: 0;
    display: none
}

@media screen and (min-width:1921px) {
    .mt-home-intro2__inner {
        padding-top: 53px
    }
}

@media screen and (max-width:1920px) {
    .mt-home-intro2__inner {
        max-width: 1440px
    }

    .mt-home-intro2__con {
        margin-left: 48px
    }
}

@media screen and (max-width:1199px) {
    .mt-home-intro2 {
        height: auto;
        min-height: auto
    }

    .mt-home-intro2__inner {
        padding-top: 80px;
        padding-bottom: 80px;
        max-width: 1000px
    }

    .mt-home-intro2__inner.right .mt-home-intro2__con {
        margin-right: 30px;
        margin-left: 0;
        order: 2
    }

    .mt-home-intro2__inner.right .mt-home-intro2__obj {
        width: 60%
    }

    .mt-home-intro2__tit {
        font-size: 36px;
        width: 100%;
        margin-bottom: 10px;
        white-space: nowrap
    }

    .mt-home-intro2__img {
        display: block
    }

    .mt-home-intro2__con {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        flex: 1
    }

    .mt-home-intro2__obj {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .mt-home-intro2__inner.right .mt-home-intro2__tit {
        text-align: center
    }

    .mt-home-intro2__inner.right .mt-home-intro2__con {
        margin-right: 0
    }

    .mt-home-intro2__inner.right .mt-home-intro2__cards {
        order: 0
    }

    .mt-home-intro2__inner.right .mt-home-intro2__img {
        background-size: cover
    }

    .mt-home-intro2__inner.right .mt-home-intro2__obj {
        display: none
    }

    .mt-home-intro2__inner {
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .mt-home-intro2__con {
        flex-direction: column
    }

    .mt-home-intro2__cards,
    .mt-home-intro2__con {
        margin-left: 0;
        width: 100%
    }

    .mt-home-intro2__obj {
        width: 100%;
        max-width: 400px;
        margin: 24px auto 0
    }

    .mt-home-intro2__tit {
        text-align: center;
        margin-bottom: 24px
    }
}

@media screen and (max-width:600px) {
    .mt-home-intro2__inner {
        padding: 32px 24px;
        flex-direction: column;
        align-items: start
    }

    .mt-home-intro2__con {
        margin-left: 0;
        align-items: flex-start
    }

    .mt-home-intro2__tit {
        margin-bottom: 10px;
        font-size: 20px
    }

    .mt-home-intro2__img {
        display: block
    }

    .mt-home-intro2__cards {
        width: 100%
    }
}

.mt-group {
    -webkit-font-smoothing: antialiased
}

.mt-group__tit {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 32px;
    padding-left: 12px
}

.mt-group__tit:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 4px;
    height: 21px;
    background: #53d530;
    position: absolute;
    left: 0;
    top: -2px
}

.mt-group__tit .small {
    display: block;
    color: #2d3033;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 12px
}

.mt-group.sub .mt-group__tit:before {
    display: none
}

@media screen and (max-width:1200px) {
    .mt-group__tit {
        margin-bottom: 24px
    }
}

.mt-commercial-card {
    border: 1px solid var(--line-grey-5, #ebedf2);
    background: var(--text-icon-gray-7, #fff);
    border-radius: 20px;
    padding: 20px;
    height: 172px;
    position: relative;
    display: flex;
    flex-direction: column
}

.mt-commercial-card__discount {
    height: 24px;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #ff473f, #ff9831);
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 19px 0 10px
}

.mt-commercial-card__link {
    color: var(--unnamed, #429b2a);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    z-index: 2
}

.mt-commercial-card__tit {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    height: 48px
}

.mt-commercial-card__cnt {
    flex: 1;
    position: relative
}

.mt-commercial-card__price {
    color: var(--normal, #ff9326);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
}

.mt-commercial-card__origin {
    color: var(--text-icon-grey-3, #b0b6c3);
    font-size: 12px;
    line-height: 20px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.mt-commercial-card .tea-inputnum {
    margin-top: 6px;
    white-space: nowrap
}

.mt-commercial-card .tea-inputnum__minus {
    border-radius: 8px 0 0 8px
}

.mt-commercial-card .tea-inputnum__minus:before {
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iNiIgd2lkdGg9IjguNDA5MDkiIGhlaWdodD0iMS41IiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=)
}

.mt-commercial-card .tea-inputnum__plus {
    border-radius: 0 8px 8px 0
}

.mt-commercial-card .tea-inputnum__plus:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNi40NTUwOCIgeT0iMyIgd2lkdGg9IjEuNSIgaGVpZ2h0PSI4LjMzMzMzIiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjMiIHk9IjYuNDE2NSIgd2lkdGg9IjguNDA5MDkiIGhlaWdodD0iMS41IiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
    background-position: 50%
}

.mt-commercial-card .tea-inputnum .tea-input {
    width: 52px;
    color: #333;
    font-size: 14px;
    line-height: 28px
}

.mt-commercial-card .tea-inputnum .tea-form__help-text--inline {
    color: var(--text-icon-grey-1, #4e5461);
    font-size: 14px;
    line-height: 22px;
    margin-left: 12px
}

.mt-commercial-card .tea-inputnum.is-disabled .tea-inputnum__plus:before,
.mt-commercial-card .tea-inputnum__plus.is-disabled:before {
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNi40NTUwOCIgeT0iMyIgd2lkdGg9IjEuNSIgaGVpZ2h0PSI4LjMzMzMzIiBmaWxsPSIjQjVCRUNCIi8+CjxyZWN0IHg9IjMiIHk9IjYuNDE2NSIgd2lkdGg9IjguNDA5MDkiIGhlaWdodD0iMS41IiBmaWxsPSIjQjVCRUNCIi8+Cjwvc3ZnPgo=)
}

.mt-commercial-card .tea-inputnum.is-disabled .tea-inputnum__minus:before,
.mt-commercial-card .tea-inputnum__minus.is-disabled:before {
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iNiIgd2lkdGg9IjguNDA5MDkiIGhlaWdodD0iMS41IiBmaWxsPSIjQjVCRUNCIi8+Cjwvc3ZnPgo=)
}

.mt-commercial-card .tea-inputnum.is-disabled .tea-inputnum__minus,
.mt-commercial-card .tea-inputnum.is-disabled .tea-inputnum__plus,
.mt-commercial-card .tea-inputnum__minus.is-disabled,
.mt-commercial-card .tea-inputnum__plus.is-disabled {
    background-color: transparent
}

.mt-commercial-card__value {
    display: flex;
    align-items: center
}

.mt-commercial-card__value .btn {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    width: 30px;
    height: 30px;
    border: 1px solid #e2e6ed;
    background: var(--background-grey-7, #fff);
    color: #333;
    font-size: 14px;
    line-height: 28px
}

.mt-commercial-card__value .btn.is-disabled {
    color: #b5becb;
    pointer-events: none
}

.mt-commercial-card__value .add {
    border-radius: 0 8px 8px 0
}

.mt-commercial-card__value .sub {
    border-radius: 8px 0 0 8px
}

.mt-commercial-card__value input[type=number]::-webkit-inner-spin-button,
.mt-commercial-card__value input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mt-commercial-card__value input[type=number] {
    -moz-appearance: textfield
}

.mt-commercial-card__value input {
    box-sizing: border-box;
    border: 1px solid #e2e6ed;
    background: var(--background-grey-7, #fff);
    width: 52px;
    height: 30px;
    border-radius: 0;
    padding: 0 4px;
    border-left: 0;
    border-right: 0;
    outline: none;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 28px
}

.mt-commercial-card__unit {
    color: var(--text-icon-grey-1, #4e5461);
    font-size: 14px;
    line-height: 22px;
    margin-left: 12px
}

.mt-commercial-card.is-active {
    border-color: #429b2a
}

.mt-commercial-purchase-list-wrap {
    width: 614px;
    height: 384px;
    padding: 20px;
    box-sizing: border-box
}

.mt-commercial-purchase-list-wrap__bd {
    height: calc(100% - 46px);
    overflow-y: auto;
    margin-right: -15px;
    padding-right: 15px
}

.mt-commercial-purchase-list-wrap__bd::-webkit-scrollbar-thumb {
    background-color: #d3d6db;
    border-radius: 3px
}

.mt-commercial-purchase-list-wrap__bd::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.mt-commercial-purchase-list-wrap__bd::-webkit-scrollbar-track {
    background-color: transparent
}

.mt-commercial-purchase-list-wrap__hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 20px
}

.mt-commercial-purchase-list__close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI5Mjg5IDYuNzA3MTFDNC45MDIzNyA2LjMxNjU4IDQuOTAyMzcgNS42ODM0MiA1LjI5Mjg5IDUuMjkyODlDNS42ODM0MiA0LjkwMjM3IDYuMzE2NTggNC45MDIzNyA2LjcwNzExIDUuMjkyODlMMTIgMTAuNTg1OEwxNy4yOTI5IDUuMjkyODlDMTcuNjgzNCA0LjkwMjM3IDE4LjMxNjYgNC45MDIzNyAxOC43MDcxIDUuMjkyODlDMTkuMDk3NiA1LjY4MzQyIDE5LjA5NzYgNi4zMTY1OCAxOC43MDcxIDYuNzA3MTFMMTMuNDE0MiAxMkwxOC43MDcxIDE3LjI5MjlDMTkuMDk3NiAxNy42ODM0IDE5LjA5NzYgMTguMzE2NiAxOC43MDcxIDE4LjcwNzFDMTguMzE2NiAxOS4wOTc2IDE3LjY4MzQgMTkuMDk3NiAxNy4yOTI5IDE4LjcwNzFMMTIgMTMuNDE0Mkw2LjcwNzExIDE4LjcwNzFDNi4zMTY1OCAxOS4wOTc2IDUuNjgzNDIgMTkuMDk3NiA1LjI5Mjg5IDE4LjcwNzFDNC45MDIzNyAxOC4zMTY2IDQuOTAyMzcgMTcuNjgzNCA1LjI5Mjg5IDE3LjI5MjlMMTAuNTg1OCAxMkw1LjI5Mjg5IDYuNzA3MTFaIiBmaWxsPSIjNEU1NDYxIi8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px
}

.mt-commercial-purchase-list__tit {
    color: var(--text-icon-grey-0, #000);
    font-size: 18px;
    line-height: 1.38;
    font-weight: 500
}

.mt-commercial-purchase-list__total {
    border-bottom: 1px solid #ebedf2;
    padding: 20px 0;
    position: relative
}

.mt-commercial-purchase-list__total-tit {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.mt-commercial-purchase-list__total-text {
    color: #585858;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px
}

.mt-commercial-purchase-list__total-text i {
    color: #000;
    font-weight: 500
}

.mt-commercial-purchase-list__total .mt-link {
    position: absolute;
    right: 0;
    bottom: 20px
}

.mt-commercial-purchase-list__hd {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #585858;
    font-size: 12px;
    line-height: 20px
}

.mt-commercial-purchase-list__hd-text {
    width: 112px
}

.mt-commercial-purchase-list__hd-text:first-child {
    width: 200px
}

.mt-commercial-purchase-list__hd-text:last-child {
    width: 100px;
    text-align: right
}

.mt-commercial-purchase-list__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #ebedf2;
    padding: 20px 0
}

.mt-commercial-purchase-list__item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.mt-commercial-purchase-list__item-hd {
    overflow: hidden;
    width: 200px
}

.mt-commercial-purchase-list__item-ft {
    width: 100px;
    text-align: right
}

.mt-commercial-purchase-list__item .tit {
    color: var(--text-icon-grey-0, #000);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px
}

.mt-commercial-purchase-list__item .sub-tit {
    color: #585858;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.mt-commercial-purchase-list__item .origin {
    color: #b0b6c3;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 400;
    display: inline-block;
    line-height: 22px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    margin-left: 4px
}

.mt-commercial-purchase-list__item .price {
    color: #ff9326;
    font-size: 16px;
    margin-bottom: 4px;
    display: block;
    font-weight: 600;
    line-height: 24px
}

.mt-commercial-purchase-list__item .tea-inputnum__minus {
    border-radius: 8px 0 0 8px
}

.mt-commercial-purchase-list__item .tea-inputnum__plus {
    border-radius: 0 8px 8px 0
}

.mt-commercial-purchase-list__item .tea-inputnum .tea-input {
    width: 52px;
    color: #333;
    font-size: 14px;
    line-height: 28px
}

.mt-commercial-service-card {
    border: 1px solid var(--line-grey-5, #ebedf2);
    background: var(--text-icon-gray-7, #fff);
    border-radius: 20px;
    padding: 19px 24px;
    width: 100%;
    cursor: pointer
}

.mt-commercial-service-card.is-active {
    border-color: #429b2a
}

.mt-commercial-service-card__tit {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1
}

.mt-commercial-service-card__hd {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-commercial-service-card__icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mt-commercial-service-card__icon .num {
    color: var(--text-icon-gray-7, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 28px
}

.mt-commercial-service-card__icon img {
    width: 20px;
    height: 20px
}

.mt-commercial-service-card__desc {
    color: #585858;
    font-size: 12px;
    line-height: 17px;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mt-credit-reward-card.size-l .mt-credit-reward-card__inner {
    padding-top: 120px
}

.mt-credit-reward-card.size-l .mt-credit-reward-card__img-wrap {
    left: 0;
    top: 40px;
    right: 0;
    bottom: unset;
    width: 100%;
    padding: 0 30px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-credit-reward-card.size-l .mt-credit-reward-card__img-wrap:after {
    display: none
}

.mt-credit-reward-card {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    background-color: #f6f8fb
}

.mt-credit-reward-card__inner {
    position: relative;
    padding: 24px 12px 12px
}

.mt-credit-reward-card__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 12px;
    line-height: 16px;
    font-size: 12px;
    color: #4e5461;
    border-radius: 8px 0 8px 0;
    background-color: #ebedf2;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.mt-credit-reward-card__label-text {
    font-size: 10px
}

.mt-credit-reward-card__tit {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.mt-credit-reward-card__desc,
.mt-credit-reward-card__tit {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-credit-reward-card__desc {
    line-height: 20px;
    font-size: 12px;
    color: #4e5461
}

.mt-credit-reward-card__desc em {
    margin-right: 2px;
    font-family: TCloudNumber;
    line-height: 14px;
    font-size: 14px;
    color: #10bbb3
}

.mt-credit-reward-card__btns .met-btn--link {
    color: var(--text-icon-grey-0, #000);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center
}

.mt-credit-reward-card__btns .met-btn--link:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxNjFfMTAxMjQpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljc2NDgyIDUuNzA3NTlDOC4xMzA5NCA1LjM0MTQ3IDguMTMwOTQgNC43NDc4OCA3Ljc2NDgyIDQuMzgxNzdMNC40NTAyNiAxLjA2NzJDNC4yMDYxOCAwLjgyMzEyNCAzLjgxMDQ1IDAuODIzMTI0IDMuNTY2MzggMS4wNjcyQzMuMzIyMyAxLjMxMTI4IDMuMzIyMyAxLjcwNzAxIDMuNTY2MzggMS45NTEwOUw2LjY1OTk3IDUuMDQ0NjhMMy41NjYzOCA4LjEzODI3QzMuMzIyMyA4LjM4MjM1IDMuMzIyMyA4Ljc3ODA4IDMuNTY2MzggOS4wMjIxNUMzLjgxMDQ1IDkuMjY2MjMgNC4yMDYxOCA5LjI2NjIzIDQuNDUwMjYgOS4wMjIxNUw3Ljc2NDgyIDUuNzA3NTlaIiBmaWxsPSIjNEU1NDYxIiBzdHlsZT0iZmlsbDojNEU1NDYxO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjMwNTkgMC4zMjk0IDAuMzgwNCk7ZmlsbC1vcGFjaXR5OjE7Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE2MV8xMDEyNCI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMCAwLjYyNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.mt-credit-reward-card__btns .met-btn.is-disabled,
.mt-credit-reward-card__btns .met-btn.is-disabled:active,
.mt-credit-reward-card__btns .met-btn.is-disabled:hover {
    color: #000
}

.mt-credit-reward-card__img-wrap {
    position: absolute;
    width: 34px;
    height: 34px;
    right: 12px;
    bottom: 18px
}

.mt-credit-reward-card__img-wrap img {
    max-width: 100%;
    max-height: 100%
}

.mt-credit-reward-card__img-wrap:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 7px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/shadow792-1ac4eea0e405e194.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.mt-credit-reward-media {
    position: relative;
    border-radius: 8px;
    border: 1px solid #ebedf2
}

.mt-credit-reward-media__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 12px;
    line-height: 16px;
    font-size: 12px;
    color: #4e5461;
    border-radius: 8px 0 8px 0;
    background-color: #ebedf2;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.mt-credit-reward-media__label-text {
    transform: scale(.8333)
}

.mt-credit-reward-media__object {
    display: block;
    width: 100%;
    height: 115px;
    border-radius: 8px 8px 0 0;
    background-color: #f6f8fb;
    text-align: center
}

.mt-credit-reward-media__object img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.mt-credit-reward-media__main {
    padding: 10px 10px 12px
}

.mt-credit-reward-media__tit {
    line-height: 24px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-credit-reward-media__info {
    margin-top: 4px;
    color: var(--text-icon-grey-1, #4e5461);
    font-size: 12px;
    line-height: 20px
}

.mt-credit-reward-media__row {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ebedf2
}

.mt-credit-reward-media__row-main {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto
}

.mt-credit-reward-media__row-extra {
    flex-grow: 0;
    flex-shrink: 0
}

.mt-credit-reward-media__desc {
    line-height: 24px;
    font-size: 12px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.mt-credit-reward-media__desc em {
    margin-right: 2px;
    font-family: TCloudNumber;
    line-height: 24px;
    font-size: 16px;
    color: #10bbb3
}

.mt-credit-reward-media__btns .met-btn {
    padding: 0 8px;
    min-width: 60px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    border-radius: 12px;
    background-color: #10bbb3;
    border-color: #10bbb3
}

.mt-credit-reward-media__btns .met-btn.is-disabled,
.mt-credit-reward-media__btns .met-btn.is-disabled:active,
.mt-credit-reward-media__btns .met-btn.is-disabled:hover {
    background-color: #ebedf2;
    border-color: #ebedf2;
    color: var(--text-icon-grey-2, #7b818f)
}

.mt-credit-section {
    padding: 24px 16px
}

.mt-credit-section__hd {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 16px
}

.mt-credit-section__hd-main {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto
}

.mt-credit-section__hd-extra {
    flex-shrink: 0;
    flex-grow: 0
}

.mt-credit-section__tit {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center
}

.mt-credit-section__links .met-link--theme-default.met-link {
    position: relative;
    padding-right: 18px;
    line-height: 24px
}

.mt-credit-section__links .met-link--theme-default.met-link:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMS4yODU1MSw5LjA2MDY1NzUgQzExLjg3MTMxLDguNDc0ODY3NSAxMS44NzEzMSw3LjUyNTEyNzUgMTEuMjg1NTEsNi45MzkzMzc1IEw1Ljk4MjI1LDEuNjM2MDM1NSBDNS41OTE3MiwxLjI0NTUxMTUgNC45NTg1NiwxLjI0NTUxMTUgNC41NjgwMywxLjYzNjAzNTUgQzQuMTc3NTEsMi4wMjY1NTc1IDQuMTc3NTEsMi42NTk3Mjc1IDQuNTY4MDMsMy4wNTAyNDc1IEw5LjUxNzgxLDcuOTk5OTk3NSBMNC41NjgwMywxMi45NDk3MDc1IEM0LjE3NzUxLDEzLjM0MDMwNzUgNC4xNzc1MSwxMy45NzM0MDc1IDQuNTY4MDMsMTQuMzYzOTA3NSBDNC45NTg1NiwxNC43NTQ1MDc1IDUuNTkxNzIsMTQuNzU0NTA3NSA1Ljk4MjI1LDE0LjM2MzkwNzUgTDExLjI4NTUxLDkuMDYwNjU3NSBaIiBpZD0i6Lev5b6EIiBmaWxsPSIjNEU1NDYxIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.mt-credit-section__links .met-link--theme-default.met-link .met-link-icon {
    vertical-align: top
}

.mt-credit-section__links .met-link--theme-default.met-link .met-link-icon .me-icon {
    line-height: 1;
    vertical-align: middle
}

.mt-credit-section__links .met-link--theme-default.met-link,
.mt-credit-section__links .met-link--theme-default.met-link .met-link-icon .me-icon {
    color: #4e5461
}

.mt-credit-section__links .met-link--theme-default.met-link:hover,
.mt-credit-section__links .met-link--theme-default.met-link:hover .met-link-icon .me-icon {
    color: #06f
}

.mt-credit-section__links .met-link--theme-default.met-link:hover:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMS4yODU1MSw5LjA2MDY1NzUgQzExLjg3MTMxLDguNDc0ODY3NSAxMS44NzEzMSw3LjUyNTEyNzUgMTEuMjg1NTEsNi45MzkzMzc1IEw1Ljk4MjI1LDEuNjM2MDM1NSBDNS41OTE3MiwxLjI0NTUxMTUgNC45NTg1NiwxLjI0NTUxMTUgNC41NjgwMywxLjYzNjAzNTUgQzQuMTc3NTEsMi4wMjY1NTc1IDQuMTc3NTEsMi42NTk3Mjc1IDQuNTY4MDMsMy4wNTAyNDc1IEw5LjUxNzgxLDcuOTk5OTk3NSBMNC41NjgwMywxMi45NDk3MDc1IEM0LjE3NzUxLDEzLjM0MDMwNzUgNC4xNzc1MSwxMy45NzM0MDc1IDQuNTY4MDMsMTQuMzYzOTA3NSBDNC45NTg1NiwxNC43NTQ1MDc1IDUuNTkxNzIsMTQuNzU0NTA3NSA1Ljk4MjI1LDE0LjM2MzkwNzUgTDExLjI4NTUxLDkuMDYwNjU3NSBaIiBpZD0i6Lev5b6EIiBmaWxsPSIjMDA2NkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.mt-credit-section.is-group {
    border-radius: 12px;
    background: #fff;
    padding: 0
}

.mt-credit-section.is-group+.mt-credit-section.is-group {
    margin-top: 16px
}

.mt-credit-section.is-group .mt-credit-section__hd {
    padding: 16px 16px 8px;
    margin-bottom: 0
}

.mt-credit-section.is-group .mt-credit-section__tit {
    font-weight: 600;
    position: relative;
    padding-left: 11px
}

.mt-credit-section.is-group .mt-credit-section__tit:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDBDMS4zNDMxNSAwIDAgMS4zNDMxNSAwIDNWMTRDMS42NTY4NSAxNCAzIDEyLjY1NjkgMyAxMVYwWiIgZmlsbD0iIzEwQkJCMyIgc3R5bGU9ImZpbGw6IzEwQkJCMztmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4wNjI3IDAuNzMzMyAwLjcwMjApO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4K);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.mt-credit-section+.mt-credit-section {
    padding-top: 0
}

.mt-credit-wrapper__inner {
    margin: 0 auto;
    max-width: 428px
}

.mt-credit-task {
    padding: 10px;
    background-color: #ecf9f7;
    border-radius: 8px;
    overflow: hidden
}

.mt-credit-task__title {
    color: #09415b;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mt-credit-task__reward {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    min-width: 0;
    min-height: 0
}

.mt-credit-task__reward-icon {
    width: 20px;
    height: 20px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mt-createtask-icon-vector6f8-787b2c218a2f8398.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #10bbb3;
    border-radius: 50%
}

.mt-credit-task__reward-num {
    margin-left: 2px;
    color: #10bbb3;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    font-family: TCloudNumber;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-credit-task__btn {
    margin-top: 12px;
    display: flex;
    justify-content: center
}

.mt-credit-task__btn .met-btn {
    padding: 0 4px;
    max-width: 100%;
    min-width: auto;
    width: 60px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    border-radius: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #10bbb3;
    border-color: #10bbb3
}

.mt-credit-task__btn .met-btn.is-disabled,
.mt-credit-task__btn .met-btn.is-disabled:hover {
    color: #7b818f;
    background-color: #ebedf2;
    border-color: #ebedf2
}

.mt-credit-task__btn .met-btn--weak,
.mt-credit-task__btn .met-btn--weak:hover {
    color: #000;
    background-color: transparent;
    border-color: #b0b6c3
}

.mt-credit-task.is-complete {
    background-color: #f6f8fb
}

.mt-credit-task.is-complete .mt-credit-task__title {
    color: #7b818f
}

.mt-credit-task.is-complete .mt-credit-task__reward-icon {
    background-color: #d3d6db
}

.mt-credit-task.is-complete .mt-credit-task__reward-num {
    color: #7b818f
}

.mt-credit-task.is-unComplete {
    background-color: #f6f8fb
}

.mt-credit-task.is-unComplete .mt-credit-task__reward-num,
.mt-credit-task.is-unComplete .mt-credit-task__title {
    color: #000
}

.mt-credit-recommend-task {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px
}

@keyframes slide-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes slide-in {
    0% {
        transform: translateY(100%)
    }

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

.mt-credit-recommend-task.animation-out {
    animation: slide-out .5s forwards
}

.mt-credit-recommend-task.animation-in {
    animation: slide-in .5s forwards
}

.mt-credit-recommend-task-group {
    background: #f6f8fb;
    border-radius: 12px;
    height: 352px;
    overflow: hidden
}

.mt-credit-recommend-task__inner {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    margin-right: 10px
}

.mt-credit-recommend-task__inner-icon {
    flex-shrink: 0;
    flex-grow: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-credit-recommend-task__inner-icon img {
    display: block;
    width: 24px;
    height: 24px
}

.mt-credit-recommend-task__inner-content {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    margin-left: 12px
}

.mt-credit-recommend-task__inner-tit {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mt-credit-recommend-task__inner-desc {
    display: flex;
    align-items: center;
    margin-top: 4px
}

.mt-credit-recommend-task__inner-desc-icon {
    width: 14px;
    height: 14px;
    background: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/credit-reTask-icon-activeaf4-d05e2d78b46787d6.svg) no-repeat;
    background-size: 100% 100%
}

.mt-credit-recommend-task__inner-desc-text {
    color: #4e5461;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mt-credit-recommend-task__inner-desc-text span {
    font-family: TCloudNumber;
    font-size: 14px;
    margin: 0 2px
}

.mt-credit-recommend-task__btn {
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: column;
    text-align: center;
    display: inline-flex
}

.mt-credit-recommend-task__btn .text {
    color: #10bbb3;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px
}

.mt-credit-recommend-task__btn .met-btn {
    padding: 0 16px;
    min-width: 80px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
    border-radius: 20px;
    background-color: #10bbb3;
    border-color: #10bbb3
}

.mt-credit-recommend-task__btn .met-btn--weak,
.mt-credit-recommend-task__btn .met-btn--weak:hover {
    color: #000;
    background-color: transparent;
    border-color: #b0b6c3
}

.mt-credit-recommend-task__btn .met-btn--weak:active {
    color: #fff;
    background-color: #10bbb3;
    border-color: #10bbb3
}

.mt-credit-hero {
    margin: 0 auto;
    max-width: 768px;
    padding-top: 52.27%;
    position: relative
}

.mt-credit-hero__panel {
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: row nowrap;
    padding: 30px 16px 60px 24px
}

.mt-credit-hero__panel,
.mt-credit-hero__panel-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box
}

.mt-credit-hero__panel-bg {
    z-index: -1;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: bottom
}

.mt-credit-hero__panel-bg-elem {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -16px
}

.mt-credit-hero__panel-bg-elem-main {
    width: 145px;
    height: 122px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mt-credithero-elem-main051-846443e4d2a5c4c6.png);
    background-repeat: no-repeat;
    background-size: 145px auto;
    background-position: top;
    position: relative;
    top: -4px;
    animation: credithero-main 2s steps(29) infinite, credithero-ballon 3s ease-in-out 1s infinite
}

.mt-credit-hero__panel-bg-elem-bubble-lt {
    top: 58px;
    left: -10px;
    width: 10px;
    height: 10px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mt-credithero-elem-bubble-ltc85-ba862084a2c61667.png);
    animation: credithero-ballon 3s ease-in-out 2s infinite
}

.mt-credit-hero__panel-bg-elem-bubble-lt,
.mt-credit-hero__panel-bg-elem-bubble-rt {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.mt-credit-hero__panel-bg-elem-bubble-rt {
    top: 0;
    left: 114px;
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mt-credithero-elem-bubble-rt853-c875633194d3228d.png);
    animation: credithero-ballon 3s ease-in-out infinite
}

.mt-credit-hero__panel-bg-elem-bubble-shadow {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -12px;
    margin-left: -47.5px;
    width: 95px;
    height: 24px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/mt-credithero-elem-shadowc87-9e5d1f8f0fe50be2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transform: scaleX(.6);
    animation: credithero-shadow 3s ease-in-out 1s infinite
}

.mt-credit-hero__panel-inner {
    min-width: 0;
    min-height: 0;
    flex: 1
}

.mt-credit-hero__panel-tit {
    padding-right: 40px;
    color: #0b2b3e;
    font-family: TCloudNumber
}

.mt-credit-hero__panel-tit-inner {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    box-sizing: border-box
}

.mt-credit-hero__panel-tit-text {
    line-height: 42px;
    font-size: 36px;
    font-weight: 400
}

.mt-credit-hero__panel-tit-value {
    position: absolute;
    top: 0;
    left: 100%;
    line-height: 18px;
    font-size: 12px;
    font-weight: lighter;
    color: #10bbb3
}

.mt-credit-hero__panel-desc {
    line-height: 20px;
    font-size: 12px;
    color: #4e5461
}

.mt-credit-hero__panel-floatbar {
    flex-shrink: 0;
    flex-grow: 0;
    padding-top: 4px
}

.mt-credit-hero__panel-floatbar-btn {
    display: block;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #21bfb8;
    border-radius: 50%;
    border: 0;
    box-sizing: border-box;
    outline: 0 none;
    cursor: pointer
}

.mt-credit-hero__panel-floatbar-btn-text {
    display: block;
    transform: scale(.8333)
}

.mt-credit-hero__panel-floatbar-btn+.mt-credit-hero__panel-floatbar-btn {
    margin-top: 12px
}

@keyframes credithero-main {
    0% {
        background-position: 0 0
    }

    50%,
    to {
        background-position: 0 -3538px
    }
}

@keyframes credithero-ballon {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }
}

@keyframes credithero-shadow {

    0%,
    to {
        transform: scaleX(.6);
        opacity: .6
    }

    50% {
        transform: scaleX(1);
        opacity: 1
    }
}

.mt-credit-notice {
    padding: 12px 16px;
    background-color: #f2faf9
}

.mt-credit-notice__inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.mt-credit-notice__main {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    width: 1px
}

.mt-credit-notice__icon {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NDNfMTM0NSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcgMkM3IDEuNDQ3NzIgNy40NDc3MiAxIDggMUM4LjU1MjI4IDEgOSAxLjQ0NzcyIDkgMkM5IDIuMDMzNTUgOC45OTgzNSAyLjA2NjcyIDguOTk1MTIgMi4wOTk0MkMxMS4yNzg4IDIuNTYxNTYgMTIuOTk4IDQuNTgwMDEgMTIuOTk4IDdWOS40MjU4M0wxMy43NDQ5IDEwLjM4NjFDMTQuMjU1OCAxMS4wNDI5IDEzLjc4NzcgMTIgMTIuOTU1NSAxMkgzLjA0NDgyQzIuMjEyNjcgMTIgMS43NDQ1OCAxMS4wNDI5IDIuMjU1NDcgMTAuMzg2MUwyLjk5ODA1IDkuNDMxMzFWN0MyLjk5ODA1IDQuNTc4NjYgNC43MTkyIDIuNTU5MzEgNy4wMDQ4IDIuMDk4NjVDNy4wMDE2MyAyLjA2NjIgNyAyLjAzMzI5IDcgMlpNOCAxNUM5LjEwNDU3IDE1IDEwIDE0LjEwNDYgMTAgMTNINkM2IDE0LjEwNDYgNi44OTU0MyAxNSA4IDE1WiIgZmlsbD0iIzEwQkJCMyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY0NDNfMTM0NSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.mt-credit-notice__close,
.mt-credit-notice__icon {
    display: block;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-credit-notice__close {
    margin-left: 6px;
    width: 20px;
    height: 20px;
    background-size: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjI5NzU4IDIuMjkyODlDMS45MDA4MSAyLjY4MzQyIDEuOTAwODEgMy4zMTY1OCAyLjI5NzU4IDMuNzA3MTFMNi42NTkyMiA3Ljk5OTk5TDIuMjk3NTggMTIuMjkyOUMxLjkwMDgxIDEyLjY4MzQgMS45MDA4MSAxMy4zMTY2IDIuMjk3NTggMTMuNzA3MUMyLjY5NDM2IDE0LjA5NzYgMy4zMzc2NyAxNC4wOTc2IDMuNzM0NDUgMTMuNzA3MUw4LjA5NjA5IDkuNDE0MjFMMTIuMjY1NiAxMy41MTc5QzEyLjY2MjMgMTMuOTA4NSAxMy4zMDU2IDEzLjkwODUgMTMuNzAyNCAxMy41MTc5QzE0LjA5OTIgMTMuMTI3NCAxNC4wOTkyIDEyLjQ5NDMgMTMuNzAyNCAxMi4xMDM3TDkuNTMyOTUgNy45OTk5OUwxMy43MDI0IDMuODk2MjZDMTQuMDk5MiAzLjUwNTczIDE0LjA5OTIgMi44NzI1NyAxMy43MDI0IDIuNDgyMDRDMTMuMzA1NiAyLjA5MTUyIDEyLjY2MjMgMi4wOTE1MiAxMi4yNjU2IDIuNDgyMDRMOC4wOTYwOSA2LjU4NTc4TDMuNzM0NDUgMi4yOTI4OUMzLjMzNzY3IDEuOTAyMzcgMi42OTQzNiAxLjkwMjM3IDIuMjk3NTggMi4yOTI4OVoiIGZpbGw9IiMxMEJCQjMiIHN0eWxlPSJmaWxsOiMxMEJCQjM7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuMDYyNyAwLjczMzMgMC43MDIwKTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==)
}

.mt-credit-notice__tit {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #4e5461;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mt-credit-record {
    padding: 8px 0
}

.mt-credit-record+.mt-credit-record {
    border-top: 1px solid #ebedf2;
    margin-top: 12px;
    padding-top: 20px
}

.mt-credit-record-group {
    border-radius: 30px;
    padding: 24px 16px;
    background-color: #fff
}

.mt-credit-record-group__tit {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
    position: relative;
    padding-left: 11px
}

.mt-credit-record-group__tit:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDBDMS4zNDMxNSAwIDAgMS4zNDMxNSAwIDNWMTRDMS42NTY4NSAxNCAzIDEyLjY1NjkgMyAxMVYwWiIgZmlsbD0iIzEwQkJCMyIgc3R5bGU9ImZpbGw6IzEwQkJCMztmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4wNjI3IDAuNzMzMyAwLjcwMjApO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4K);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.mt-credit-record__inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.mt-credit-record__main {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto
}

.mt-credit-record__extra {
    margin-left: 20px;
    flex-shrink: 0;
    flex-grow: 0
}

.mt-credit-record__tit {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400
}

.mt-credit-record__date {
    margin-top: 4px;
    line-height: 20px;
    font-size: 14px;
    color: #7b818f
}

.mt-credit-record__count {
    line-height: 24px;
    font-size: 20px;
    color: #000;
    font-family: TCloudNumber
}

.mt-credit-record.is-incremental .mt-credit-record__count {
    color: #10bbb3
}

.mt-empty-panel {
    text-align: center
}

.mt-empty-panel__img {
    height: 125px;
    margin: 0 auto
}

.mt-empty-panel__img.is-default {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/empty-dataa7e-650b21f50d006b1a.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.mt-empty-panel__text {
    color: var(--text-icon, #7b818f);
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.mt-compare-card2__tit {
    color: var(--text-icon-grey-0, #000);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.mt-compare-card2__desc {
    color: var(--text-icon-grey-1, #4e5461);
    font-size: 18px;
    line-height: 30px;
    margin-top: 28px
}

.mt-compare-card2__wrap {
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

.mt-compare-card2__card {
    background-color: #fff;
    border: 1px solid rgba(0, 111, 255, .4);
    border-radius: 20px;
    width: 51%;
    max-width: 420px;
    overflow: hidden
}

.mt-compare-card2__card-tit {
    padding: 14px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--Light_wm_color_text-senary, #fff);
    background: rgba(0, 111, 255, .4)
}

.mt-compare-card2__card-item {
    padding: 8px 20px;
    color: var(--light-text-icon-light-grey-1, #4e5461);
    text-align: justify;
    font-size: 14px;
    line-height: 24px
}

.mt-compare-card2__card-item:nth-child(odd) {
    background: var(--Background-Grey-6, #f6f8fb)
}

.mt-compare-card2__card.is-active {
    border-color: #53d530;
    box-shadow: 8px 8px 20px 0 rgba(0, 82, 217, .14);
    position: relative;
    overflow: hidden
}

.mt-compare-card2__card.is-active .mt-compare-card2__card-tit {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    background-color: #53d530
}

.mt-compare-card2__card.is-active .mt-compare-card2__card-item {
    padding: 12px 20px;
    color: #000
}

.mt-compare-card2__card:not(.is-active) {
    position: absolute;
    left: 0
}

@media screen and (max-width:1200px) {
    .mt-compare-card2__tit {
        font-size: 20px;
        line-height: 28px
    }

    .mt-compare-card2__desc {
        margin-top: 16px;
        font-size: 14px;
        line-height: 22px
    }

    .mt-compare-card2__wrap {
        margin-top: 40px;
        flex-direction: column
    }

    .mt-compare-card2__card {
        width: 100%;
        max-width: 100%
    }

    .mt-compare-card2__card+.mt-compare-card2__card {
        margin-top: 54px
    }

    .mt-compare-card2__card:first-child:after {
        content: "";
        display: inline-block;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDNMMTMuMTYgMTFMNSAzIiBzdHJva2U9IiMwNDVBRkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
        width: 27px;
        height: 14px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -34px;
        left: 50%;
        transform: translateX(-50%)
    }

    .mt-compare-card2__card-tit {
        padding: 16px 0;
        font-size: 20px;
        line-height: 28px
    }

    .mt-compare-card2__card-item {
        padding: 12px 20px
    }

    .mt-compare-card2__card.is-active .mt-compare-card2__card-tit {
        line-height: 28px
    }

    .mt-compare-card2__card:not(.is-active) {
        position: relative
    }
}

.mt-case-detail-hero {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 580px;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px
}

.mt-case-detail-hero__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mt-case-detail-hero__bg img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.mt-case-detail-hero__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    max-width: 1180px;
    box-sizing: border-box;
    padding-top: 160px;
    display: flex;
    justify-content: space-between
}

.mt-case-detail-hero__cnt {
    max-width: 50.8474576271%;
    font-size: 0
}

.mt-case-detail-hero__tit {
    font-weight: 400;
    color: #262a47;
    font-size: 40px;
    line-height: 64px;
    max-height: 128px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.mt-case-detail-hero__tit .label {
    display: inline-block;
    padding: 0 10px;
    height: 26px;
    background: #ff9800;
    border-radius: 6px;
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.mt-case-detail-hero__tit .label-wrap {
    display: inline-block;
    vertical-align: 14px;
    margin-left: 8px;
    font-size: 0
}

.mt-case-detail-hero__desc {
    margin-top: 20px;
    color: #4e5461;
    font-size: 18px;
    line-height: 1.67;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.mt-case-detail-hero__features {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.mt-case-detail-hero__features-item {
    text-align: left;
    max-width: 333.33%;
    overflow: hidden
}

.mt-case-detail-hero__features-item+.mt-case-detail-hero__features-item {
    margin-left: 40px
}

.mt-case-detail-hero__features-value {
    color: #055ffe;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mt-case-detail-hero__features-label {
    display: block;
    color: #4e5461;
    font-size: 18px;
    overflow: hidden;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px
}

@keyframes identifier {
    0% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.mt-case-detail-hero__video {
    box-sizing: border-box;
    padding-top: 59.0909090909%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 20px;
    box-shadow: 0 18px 43px rgba(74, 130, 183, .15);
    cursor: pointer
}

.mt-case-detail-hero__video-wrap {
    width: 46.6101694915%;
    margin-left: 30px
}

.mt-case-detail-hero__video:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    transition: background-color .3s ease-in-out
}

.mt-case-detail-hero__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn200-9f78f535bdf7a2f1.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50%;
    box-sizing: border-box;
    transition: all .3s ease-in-out
}

.mt-case-detail-hero__video-play:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .2);
    animation: identifier 1s linear infinite alternate
}

.mt-case-detail-hero__video:hover .mt-case-detail-hero__video-play {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/play-btn-hoverc5c-7474c003278c40af.png)
}

.mt-case-detail-hero__video:hover .mt-case-detail-hero__video-play:before {
    border-color: #429b2a
}

@media screen and (max-width:1920px) {
    .mt-case-detail-hero {
        height: 480px;
        padding: 0 96px
    }

    .mt-case-detail-hero__inner {
        padding-top: 117px
    }
}

@media screen and (max-width:1200px) {
    .mt-case-detail-hero {
        padding: 0 80px;
        height: auto
    }

    .mt-case-detail-hero__inner {
        padding-top: 108px;
        max-width: 864px;
        flex-direction: column;
        padding-bottom: 48px;
        align-items: center
    }

    .mt-case-detail-hero__cnt {
        max-width: 100%
    }

    .mt-case-detail-hero__video-wrap {
        margin-top: 48px;
        width: 100%;
        max-width: 570px;
        margin-left: 0
    }

    .mt-case-detail-hero__tit {
        font-size: 32px;
        line-height: 48px
    }

    .mt-case-detail-hero__tit .label-wrap {
        vertical-align: 7px
    }

    .mt-case-detail-hero__desc {
        margin-top: 12px;
        line-height: 1.44
    }

    .mt-case-detail-hero__features {
        margin-top: 12px
    }

    .mt-case-detail-hero__features-value {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -2.5px
    }

    .mt-case-detail-hero__features-label {
        font-size: 14px;
        margin-top: 4px
    }
}

@media screen and (max-width:900px) {
    .mt-case-detail-hero {
        padding: 0 40px
    }

    .mt-case-detail-hero__inner {
        max-width: 688px
    }
}

@media screen and (max-width:600px) {
    .mt-case-detail-hero {
        padding: 0 24px
    }

    .mt-case-detail-hero__video-wrap {
        margin-top: 20px
    }

    .mt-case-detail-hero__inner {
        padding-top: 92px;
        padding-bottom: 24px
    }

    .mt-case-detail-hero__tit {
        font-size: 24px;
        line-height: 36px;
        -webkit-line-clamp: 3
    }

    .mt-case-detail-hero__tit .label-wrap {
        display: block;
        margin-left: 0;
        margin-top: 8px
    }

    .mt-case-detail-hero__desc {
        -webkit-line-clamp: 3;
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px
    }

    .mt-case-detail-hero__features {
        justify-content: space-between
    }

    .mt-case-detail-hero__features-item {
        text-align: left
    }

    .mt-case-detail-hero__features-item+.mt-case-detail-hero__features-item {
        margin-left: 0
    }
}

.mt-customer-comment-card {
    border-radius: 20px;
    background: hsla(0, 0%, 100%, .77);
    box-shadow: 0 6px 34px 0 rgba(74, 130, 183, .1);
    padding: 38px 24px;
    max-width: 280px
}

.mt-customer-comment-card__card-object {
    margin: 10px auto 34px;
    max-width: 200px
}

.mt-customer-comment-card__card-logo {
    padding-top: 43.9655172414%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-customer-comment-card__card-title {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 24px;
    color: #262a47
}

.mt-customer-comment-card__card-desc {
    font-size: 16px;
    line-height: 24px;
    color: #4e5461
}

.mt-customer-comment-card__comment-object {
    margin: 10px auto 22px;
    max-width: 200px
}

.mt-customer-comment-card__comment-logo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    padding-top: 43.9655172414%
}

.mt-customer-comment-card__comment-name {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #0f001a
}

.mt-customer-comment-card__comment-desc {
    font-size: 14px;
    line-height: 24px;
    color: #7b818f
}

.mt-customer-comment-card__comment-cnt {
    position: relative;
    padding: 24px 0 44px;
    font-size: 16px;
    line-height: 24px;
    color: #4e5461
}

.mt-customer-comment-card__comment-cnt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjU1MzIgMTAuNDU3M0g4LjUxMDY0VjE5LjMxNDhIMFYxMS43MjI3QzAgNS44MTc2OCAyLjk3ODcyIDIuMDIxNjEgOC45MzYxNyAwLjMzNDQ3M1YzLjcwODc2QzUuNTMxOTEgNS4zOTU5IDQuMjU1MzIgNy41MDQ4MyA0LjI1NTMyIDEwLjQ1NzNaTTE1LjMxOTEgMTAuNDU3M0gxOS41NzQ1VjE5LjMxNDhIMTEuMDYzOFYxMS43MjI3QzExLjA2MzggNS44MTc2OCAxNC4wNDI2IDIuMDIxNjEgMjAgMC4zMzQ0NzNWMy43MDg3NkMxNi41OTU3IDUuMzk1OSAxNS4zMTkxIDcuNTA0ODMgMTUuMzE5MSAxMC40NTczWiIgZmlsbD0iI0Q0RDdFMSIvPgo8L3N2Zz4K)
}

.mt-customer-comment-card__comment-cnt:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1Ljk3ODcgMTcuMjg3M0gxOC45NTc0VjMyLjIwNTFIMzNWMTkuNDE4NEMzMyA5LjQ3MzE1IDI4LjA4NTEgMy4wNzk3OCAxOC4yNTUzIDAuMjM4MjgxVjUuOTIxMjhDMjMuODcyMyA4Ljc2Mjc4IDI1Ljk3ODcgMTIuMzE0NiAyNS45Nzg3IDE3LjI4NzNaTTcuNzIzNDEgMTcuMjg3M0gwLjcwMjEyOVYzMi4yMDUxSDE0Ljc0NDdWMTkuNDE4NEMxNC43NDQ3IDkuNDczMTUgOS44Mjk3OSAzLjA3OTc4IDAgMC4yMzgyODFWNS45MjEyOEM1LjYxNzAyIDguNzYyNzggNy43MjM0MSAxMi4zMTQ2IDcuNzIzNDEgMTcuMjg3M1oiIGZpbGw9IiNENEQ3RTEiIGZpbGwtb3BhY2l0eT0iMC40Ii8+Cjwvc3ZnPgo=)
}

.mt-customer-comment-card__prod {
    color: var(--, #616b90);
    font-size: 14px;
    line-height: 24px
}

.mt-customer-comment-card__links {
    margin-top: 16px
}

.mt-customer-comment-card__links .mt-link {
    color: #0052f6;
    font-size: 14px;
    line-height: 32px;
    display: inline-block
}

.mt-customer-comment-card__panel+.mt-customer-comment-card__panel {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(23, 52, 82, .24)
}

@media screen and (max-width:1200px) {
    .mt-customer-comment-card {
        padding: 40px;
        max-width: 100%
    }

    .mt-customer-comment-card__comment-cnt {
        padding: 44px 0 0
    }

    .mt-customer-comment-card__comment-cnt:before {
        top: 16px
    }

    .mt-customer-comment-card__links {
        margin-top: 40px
    }

    .mt-customer-comment-card__panel+.mt-customer-comment-card__panel {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid rgba(23, 52, 82, .24)
    }
}

@media screen and (max-width:900px) {
    .mt-customer-comment-card {
        padding: 32px 40px
    }
}

@media screen and (max-width:600px) {
    .mt-customer-comment-card {
        padding: 32px 18px
    }

    .mt-customer-comment-card__comment-object {
        margin-bottom: 24px
    }

    .mt-customer-comment-card__comment-cnt {
        padding: 24px 0 0
    }

    .mt-customer-comment-card__comment-cnt:before {
        top: 4px
    }

    .mt-customer-comment-card__comment-cnt:after {
        bottom: -16px
    }

    .mt-customer-comment-card__links {
        margin-top: 20px
    }
}

.mt-layout {
    display: flex
}

.mt-layout__main {
    width: 1px;
    flex: 1
}

.mt-layout__aside+.mt-layout__main,
.mt-layout__main+.mt-layout__aside {
    margin-left: 70px
}

@media screen and (max-width:1200px) {
    .mt-layout {
        flex-direction: column
    }

    .mt-layout__main {
        width: 100%
    }

    .mt-layout__aside+.mt-layout__main,
    .mt-layout__main+.mt-layout__aside {
        margin-left: 0
    }
}

.mt-help-qr-card {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15)
}

.mt-help-qr-card__img {
    width: 88px;
    height: 88px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

.mt-help-qr-card__img img {
    max-width: 100%;
    max-height: 100%
}

.mt-help-qr-card__main {
    flex: 1
}

.mt-help-qr-card__tit {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 12px;
    white-space: nowrap
}

.mt-help-qr-card__tit .short {
    display: none
}

.mt-help-qr-card__consultant {
    flex: 1;
    display: flex;
    align-items: center;
    border-radius: 68px;
    background: #f6f8fb;
    padding: 6px
}

.mt-help-qr-card__consultant-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 6px
}

.mt-help-qr-card__consultant-tit {
    color: var(--light-text-icon-light-grey-0, #000);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600
}

.mt-help-qr-card__consultant-desc {
    color: var(--light-text-icon-light-grey-1, #4e5461);
    font-size: 11px;
    line-height: 15px;
    margin-top: 2px
}

.mt-help-qr-card.v2 .mt-help-qr-card__tit {
    color: #0f001a;
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.mt-help-qr-card.v2 .mt-help-qr-card__avatar {
    width: 36px;
    height: 36px;
    margin-right: 8px
}

.mt-help-qr-card.v2 .mt-help-qr-card__desc {
    color: #646974;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width:1200px) {
    .mt-help-qr-card {
        flex-direction: column;
        padding: 28px 16px
    }

    .mt-help-qr-card__img {
        margin-right: 0;
        margin-bottom: 20px
    }

    .mt-help-qr-card__tit {
        text-align: center;
        font-size: 24px;
        margin-bottom: 8px;
        white-space: nowrap
    }

    .mt-help-qr-card__tit .main {
        display: none
    }

    .mt-help-qr-card__tit .short {
        display: block
    }

    .mt-help-qr-card__desc {
        text-align: center;
        display: block;
        white-space: nowrap;
        color: #646974;
        font-size: 16px;
        line-height: 1.5
    }

    .mt-help-qr-card__consultant {
        display: none
    }

    .mt-help-qr-card.v2 .mt-help-qr-card__tit {
        display: block
    }

    .mt-help-qr-card.v2 .mt-help-qr-card__tit img {
        display: none
    }
}

@media screen and (max-width:900px) {
    .mt-help-qr-card {
        padding: 28px 0 32px
    }

    .mt-help-qr-card__tit {
        font-size: 18px;
        line-height: 2;
        margin-bottom: 4px
    }

    .mt-help-qr-card__desc {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:767px) {
    .mt-help-qr-card__tit {
        font-size: 16px
    }

    .mt-help-qr-card__desc {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-help-qr-card {
        padding: 12px 14px;
        flex-direction: row
    }

    .mt-help-qr-card__img {
        width: 60px;
        height: 60px;
        margin-right: 10px;
        margin-bottom: 0
    }

    .mt-help-qr-card__tit {
        text-align: left;
        font-size: 16px;
        line-height: 22px
    }

    .mt-help-qr-card__desc {
        text-align: left;
        font-size: 12px
    }
}

.mt-member-list-card {
    padding: 20px 16px 16px;
    min-width: 335px
}

.mt-member-list-card__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    position: relative
}

.mt-member-list-card__item+.mt-member-list-card__item {
    margin-top: 12px
}

.mt-member-list-card__item:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #7b818f;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.mt-member-list-card__item-tit-wrap {
    display: inline-flex;
    align-items: center
}

.mt-member-list-card__item-tit {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.mt-member-list-card__item-icon {
    margin-left: 8px;
    display: inline-block;
    width: 42px;
    height: 16px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-currentece-403369e3203aad56.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-member-list-card__item-date {
    color: #4e5461;
    font-size: 12px;
    line-height: 20px
}

.mt-member-list-card__link-wrap {
    border-top: 1px solid #ebedf2;
    margin-top: 12px;
    padding-top: 12px
}

.mt-member-list-card__link-wrap .mt-link {
    color: #4267ff;
    font-size: 12px;
    line-height: 17px;
    display: inline-block
}

.mt-member-list-card__link-wrap .mt-link:after {
    width: 12px;
    height: 12px;
    margin-left: 0;
    vertical-align: -1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuODI0OTUgOS41TDEwLjgyNSA2LjVMNy44MjQ5NSAzLjUiIHN0cm9rZT0iIzQyNjdGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.mt-rule-model-card {
    padding: 24px;
    box-sizing: border-box
}

.mt-rule-model-card__tit {
    color: var(--text-icon-g-0, #000);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 8px
}

.mt-rule-model-card__cnt {
    color: var(--text-icon-g-1, #4e5461);
    font-size: 14px;
    line-height: 20px
}

.mt-rule-model-card__ft {
    margin-top: 24px;
    text-align: right
}

.mt-rule-model-card__ft .mt-btn {
    border-radius: 6px;
    background: #4267ff;
    font-size: 14px;
    line-height: 30px;
    width: 120px;
    height: 32px
}

.mt-purchase-qr-card {
    background-image: linear-gradient(180deg, #dfecfe -8.57%, rgba(223, 236, 255, 0) 76.43%), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/logobf1-84199d3e564920f5.png);
    background-position: 50%, right top 4px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto 100px;
    padding: 0 24px 32px
}

.mt-purchase-qr-card__hd {
    padding: 28px 0 24px;
    display: flex;
    align-items: center;
    position: relative
}

.mt-purchase-qr-card__hd:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #e3eefe, rgba(227, 238, 254, 0))
}

.mt-purchase-qr-card__hd-avatar {
    width: 52px;
    height: 52px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px
}

.mt-purchase-qr-card__hd-tit {
    color: var(---, #2d3033);
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 4px
}

.mt-purchase-qr-card__hd-tit em {
    font-weight: 600;
    margin-left: 2px
}

.mt-purchase-qr-card__hd-desc {
    color: var(---, #7e868f);
    font-size: 14px;
    line-height: 20px
}

.mt-purchase-qr-card__bd {
    padding: 28px 0 0;
    text-align: center
}

.mt-purchase-qr-card__img {
    margin: 0 auto;
    width: 160px;
    height: 160px;
    border-radius: 12px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-purchase-qr-card__img img {
    max-width: 100%;
    max-height: 100%
}

.mt-purchase-qr-card__link-info {
    color: var(---, #7e868f);
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-purchase-qr-card__link-info .mt-link {
    color: var(---Normal, #53d530);
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-left: 4px;
    display: inline-flex;
    align-items: center
}

.mt-purchase-qr-card__link-info .mt-link:before {
    content: "";
    display: inline-block;
    width: 14px;
    margin-right: 4px;
    height: 14px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/icon-linkea9-b6efe2f35a703d4d.svg)
}

.mt-scene-platform-item {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: #fff;
    padding: 15px 80px;
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15);
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bgff3-42b1660246d8efea.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 400px
}

.mt-scene-platform-item__tit {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5
}

.mt-scene-platform-item__desc {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 16px
}

.mt-scene-platform-item__main {
    max-width: 404px;
    margin-right: 9.2156862745%;
    width: 39.6078431373%;
    padding: 12px 0
}

.mt-scene-platform-item__main button {
    margin-top: 48px
}

.mt-scene-platform-item__object {
    flex: 1
}

.mt-scene-platform-item__img-wrap {
    max-width: 100%;
    height: 370px;
    display: flex;
    align-items: center
}

.mt-scene-platform-item__img-wrap img {
    max-width: 100%;
    max-height: 100%
}

@media screen and (max-width:1920px) {
    .mt-scene-platform-item__tit {
        font-size: 24px
    }

    .mt-scene-platform-item__desc {
        font-size: 14px
    }
}

@media screen and (max-width:1200px) {
    .mt-scene-platform-item {
        padding: 18px 60px;
        min-height: 292px
    }

    .mt-scene-platform-item__tit {
        font-size: 18px
    }

    .mt-scene-platform-item__desc {
        margin-top: 10px
    }

    .mt-scene-platform-item__main button {
        margin-top: 28px
    }

    .mt-scene-platform-item__img-wrap {
        max-height: 254px
    }
}

@media screen and (max-width:900px) {
    .mt-scene-platform-item {
        padding: 14px 46px;
        min-height: 234px
    }

    .mt-scene-platform-item__img-wrap {
        max-height: 206px
    }
}

.mt-link-list__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 12px
}

.mt-link-list__item:last-child {
    margin-bottom: 0
}

.mt-link-list__item:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #b0b6c3;
    margin-right: 8px
}

.mt-link-list__item a,
.mt-link-list__item span {
    color: #4e5461;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none
}

.mt-link-list__item a:hover,
.mt-link-list__item span:hover {
    color: #429b2a
}

.mt-card-wrap {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 43px 0 rgba(74, 130, 183, .15);
    padding: 24px;
    overflow: hidden
}

@media screen and (any-hover:hover) {
    .mt-card-wrap:hover {
        box-shadow: 0 18px 43px rgba(74, 130, 183, .15), 0 15px 20px rgba(78, 106, 149, .06)
    }
}

.mt-card-wrap__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px
}

.mt-card-wrap__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #0f001a
}

.mt-card-wrap__btn {
    display: inline-flex;
    align-items: center
}

.mt-card-wrap__btn .mt-link {
    display: inline-flex;
    font-size: 16px;
    line-height: 32px;
    color: #429b2a
}

@media screen and (max-width:1199px) {
    .mt-card-wrap {
        padding: 20px
    }

    .mt-card-wrap__title {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width:601px) and (max-width:1199px) {
    .mt-card-wrap__header {
        margin-bottom: 12px
    }
}

@media screen and (max-width:600px) {
    .mt-card-wrap {
        border-radius: 16px;
        padding: 16px
    }

    .mt-card-wrap__title {
        font-size: 16px;
        line-height: 24px
    }

    .mt-card-wrap__btn .mt-link {
        font-size: 14px;
        line-height: 22px
    }
}

.mt-activity-list {
    padding-top: 4px
}

.mt-activity-list__item {
    display: flex;
    padding-left: 12px;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer
}

.mt-activity-list__item:last-child {
    margin-bottom: 0
}

.mt-activity-list__item:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #646974;
    border-radius: 50%
}

@media screen and (any-hover:hover) {
    .mt-activity-list__item:hover .mt-activity-list__item-title {
        color: #429b2a;
        text-decoration: underline
    }
}

.mt-activity-list__item-title {
    color: #4e5461;
    font-size: 16px;
    line-height: 24px;
    flex: 1;
    width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all
}

.mt-activity-list__item-location {
    line-height: 24px;
    font-size: 16px;
    color: #ff970f;
    padding: 0 8px;
    border-radius: 4px;
    background: #fff4eb
}

.mt-activity-list__item-date {
    font-size: 16px;
    color: #646974;
    line-height: 24px;
    margin-left: 8px
}

.mt-activity-list__item-other {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: 16px;
    width: 260px
}

@media screen and (max-width:1199px) {
    .mt-activity-list {
        padding-top: 0
    }

    .mt-activity-list__item {
        flex-direction: column;
        align-items: flex-start;
        padding-right: 20px
    }

    .mt-activity-list__item:before {
        top: 9px
    }

    .mt-activity-list__item:after {
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -10px;
        position: absolute;
        background: #ebedf2;
        transform: scaleY(.5)
    }

    .mt-activity-list__item-title {
        font-size: 14px;
        line-height: 22px;
        color: #000;
        width: 100%
    }

    .mt-activity-list__item-other {
        margin-left: 0;
        margin-top: 4px;
        width: auto;
        max-width: 100%
    }

    .mt-activity-list__item-location {
        border-radius: 2px;
        padding: 0 3px;
        font-size: 10px;
        font-weight: 500;
        line-height: 14px
    }

    .mt-activity-list__item-date {
        font-size: 12px;
        line-height: 20px
    }

    .mt-activity-list__item-arrow {
        width: 16px;
        height: 16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNSAxNEwxMSA4TDUgMiIgc3Ryb2tlPSJibGFjayIgc3R5bGU9InN0cm9rZTpibGFjaztzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .mt-activity-list__item:last-child:after {
        display: none
    }
}

.mt-industry-case {
    cursor: pointer
}

@media screen and (any-hover:hover) {
    .mt-industry-case:hover .mt-industry-case__hover {
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }
}

.mt-industry-case__inner {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding-top: 41.5413533835%
}

.mt-industry-case__image {
    width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 8px
}

.mt-industry-case__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(180deg, transparent -17.86%, rgba(0, 0, 0, .36) 61.72%);
    padding: 16px 10px;
    display: flex;
    align-items: center
}

.mt-industry-case__tag {
    border-radius: 4px;
    background: #ff9800;
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    flex-shrink: 0;
    margin-right: 12px
}

.mt-industry-case__title {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    flex-grow: 1;
    width: 0
}

.mt-industry-case__hover {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    pointer-events: none;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-industry-case__hover-text {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width:1199px) {
    .mt-industry-case__content {
        padding: 8px
    }

    .mt-industry-case__tag {
        font-size: 10px;
        line-height: 18px;
        margin-right: 8px
    }

    .mt-industry-case__title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500
    }
}

@media screen and (max-width:900px) {

    .mt-industry-case__image,
    .mt-industry-case__inner {
        border-radius: 0
    }

    .mt-industry-case__content {
        position: relative;
        padding: 14px 16px;
        background-image: none
    }

    .mt-industry-case__title {
        color: #000;
        font-size: 16px;
        line-height: 24px
    }

    .mt-industry-case__hover {
        bottom: 52px
    }
}

.mt-voucher-card {
    font-size: 0;
    height: 100%
}

.mt-voucher-card.is-primary {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-pca5b-055da5b17a1bf648.png);
    background-repeat: no-repeat;
    background-size: 1245px auto;
    height: 358px;
    width: 1245px;
    margin: -16px -32px -48px;
    padding: 16px 32px 48px
}

.mt-voucher-card.is-primary .mt-voucher-card__bd {
    gap: 80px
}

.mt-voucher-card.is-primary .mt-voucher-card__extra,
.mt-voucher-card.is-primary .mt-voucher-card__main {
    flex: 1;
    overflow: hidden
}

.mt-voucher-card.is-primary .mt-voucher-card__extra .mt-voucher-card__desc {
    color: #4e5461
}

.mt-voucher-card.is-primary .mt-voucher-card__extra .mt-voucher-card__icon {
    display: none
}

.mt-voucher-card.is-primary .mt-voucher-card__ft {
    position: absolute;
    bottom: 40px;
    left: 40px
}

.mt-voucher-card.is-primary .mt-voucher-card__bg-img {
    display: none
}

.mt-voucher-card.is-card {
    border-radius: 20px;
    background: linear-gradient(180deg, #d4e5ff, #fff 75%);
    box-shadow: 0 8px 16px 0 rgba(74, 111, 183, .08);
    overflow: hidden
}

.mt-voucher-card.is-card .mt-voucher-card__bd {
    display: block
}

.mt-voucher-card.is-card .mt-voucher-card__inner {
    min-height: 294px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.mt-voucher-card.is-card .mt-voucher-card__ft {
    padding-top: 36px;
    position: relative
}

.mt-voucher-card.with-list .mt-voucher-card__desc {
    font-size: 14px;
    line-height: 22px
}

.mt-voucher-card__list {
    margin-top: 12px;
    width: 100%
}

.mt-voucher-card__item {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 14px;
    line-height: 22px;
    padding-left: 14px;
    position: relative
}

.mt-voucher-card__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 114, 0, .5)
}

.mt-voucher-card__item+.mt-voucher-card__item {
    margin-top: 8px
}

.mt-voucher-card__bg-img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100px
}

.mt-voucher-card__inner {
    position: relative;
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
    height: 100%
}

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

.mt-voucher-card__label {
    position: absolute;
    right: 0;
    top: 0;
    height: 48px
}

.mt-voucher-card__tit {
    display: flex
}

.mt-voucher-card__tit .text {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-voucher-card__icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    position: relative;
    top: 4px
}

.mt-voucher-card__desc {
    margin-top: 20px;
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.mt-voucher-card__desc .color-orange {
    color: #ff7200;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.mt-voucher-card .mt-btn {
    font-size: 16px
}

.mt-voucher-card .mt-btn:nth-child(2) {
    margin-left: 12px
}

@media screen and (max-width:1200px) {
    .mt-voucher-card.is-primary {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-l-pad561-f99165878f1caa5c.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-r-padc23-a3182469d02f9553.png);
        background-size: auto 100%;
        background-position: 0 0, 100% 0;
        height: 416px;
        width: auto;
        margin: -24px -16px;
        padding: 24px 16px;
        position: relative
    }

    .mt-voucher-card.is-primary:before {
        content: "";
        position: absolute;
        left: 32px;
        right: 32px;
        top: 0;
        bottom: 0;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-pada09-3a51e36a00edc0ba.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: auto 100%
    }

    .mt-voucher-card.is-primary .mt-voucher-card__label {
        display: none
    }

    .mt-voucher-card.is-primary .mt-voucher-card__ft {
        bottom: 32px;
        left: 32px
    }

    .mt-voucher-card.is-primary .mt-voucher-card__bd {
        display: block
    }

    .mt-voucher-card.is-primary .mt-voucher-card__main .mt-voucher-card__desc {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .mt-voucher-card.is-primary .mt-voucher-card__bg-img {
        display: block
    }

    .mt-voucher-card.is-primary .mt-voucher-card__extra {
        border-top: 1px solid;
        -o-border-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTA3MiAyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iLTEuNzQ4NDZlLTA3IiB5MT0iMSIgeDI9IjEwNzIiIHkyPSIwLjk5OTgxMyIgc3Ryb2tlPSIjQUJDRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjEyIDEyIi8+Cjwvc3ZnPgo=) 1 repeat;
        border-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTA3MiAyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iLTEuNzQ4NDZlLTA3IiB5MT0iMSIgeDI9IjEwNzIiIHkyPSIwLjk5OTgxMyIgc3Ryb2tlPSIjQUJDRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjEyIDEyIi8+Cjwvc3ZnPgo=) 1 repeat;
        width: 100%;
        padding-top: 31px;
        margin-top: 31px
    }

    .mt-voucher-card.is-primary .mt-voucher-card__extra .mt-voucher-card__icon {
        display: inline-block
    }

    .mt-voucher-card.is-primary .mt-voucher-card__extra .mt-voucher-card__desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        max-height: 48px
    }

    .mt-voucher-card__inner {
        padding: 32px
    }

    .mt-voucher-card__bd {
        flex-direction: column
    }

    .mt-voucher-card__desc {
        margin-top: 16px
    }
}

@media screen and (max-width:900px) and (min-width:601px) {
    .mt-voucher-card.is-card .mt-voucher-card__bg-img {
        display: none
    }

    .mt-voucher-card.is-card .mt-voucher-card__inner {
        padding: 28px
    }
}

@media screen and (max-width:600px) {
    .mt-voucher-card.is-primary {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-l-maef-43590137a051cb98.png), url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-r-m6b3-226465caeef0f8bf.png);
        height: 466px;
        margin: -22px -16px;
        padding: 22px 16px;
        position: relative
    }

    .mt-voucher-card.is-primary:before {
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-m79a-69e16954353770ac.png);
        background-size: cover
    }

    .mt-voucher-card.is-primary .mt-voucher-card__ft {
        bottom: 24px;
        left: 24px
    }

    .mt-voucher-card.is-primary .mt-voucher-card__main .mt-voucher-card__desc {
        white-space: normal;
        min-height: 50px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis
    }

    .mt-voucher-card.is-primary .mt-voucher-card__extra .mt-voucher-card__tit .text {
        white-space: wrap;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis
    }

    .mt-voucher-card.is-primary .mt-voucher-card__extra .mt-voucher-card__desc {
        -webkit-line-clamp: 4;
        max-height: 88px
    }

    .mt-voucher-card.is-card .mt-voucher-card__inner {
        min-height: 0
    }

    .mt-voucher-card.is-card .mt-voucher-card__ft {
        padding-top: 32px
    }

    .mt-voucher-card__inner {
        padding: 24px
    }

    .mt-voucher-card__tit .text {
        font-size: 20px;
        line-height: 28px
    }

    .mt-voucher-card__desc {
        font-size: 14px;
        line-height: 22px
    }

    .mt-voucher-card__desc .color-orange {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }

    .mt-voucher-card__icon {
        top: 2px
    }
}

.mt-entry-panel {
    background: linear-gradient(90deg, #f7faff, #ebf2ff)
}

.mt-entry-panel__inner {
    max-width: 1180px;
    margin: 0 auto;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: var(--Light_wm_color_text-primary, #000);
    padding-bottom: 16px
}

.mt-entry-panel__main {
    display: flex;
    align-items: flex-end;
    padding-bottom: 6px
}

.mt-entry-panel__tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-right: 24px
}

.mt-entry-panel__sub {
    font-size: 16px;
    line-height: 24px
}

.mt-entry-panel__desc {
    margin-left: 12px;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 6px
}

.mt-entry-panel__desc .color-orange {
    color: #ff7200;
    font-size: 24px;
    font-weight: 500;
    line-height: 1
}

.mt-entry-panel .mt-btn {
    font-size: 16px;
    margin-left: 48px
}

.mt-entry-panel .mt-btn.pad {
    display: none
}

@media screen and (max-width:1200px) {
    .mt-entry-panel {
        background: var(--Light_wm_color_primary-secondary, #ebf2ff);
        padding: 16px 80px
    }

    .mt-entry-panel__inner {
        height: auto;
        display: block;
        position: relative;
        max-width: 864px;
        padding: 0
    }

    .mt-entry-panel__hd {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .mt-entry-panel__main {
        display: block;
        padding-bottom: 0
    }

    .mt-entry-panel__tit {
        margin-right: 0
    }

    .mt-entry-panel__sub {
        margin-top: 8px
    }

    .mt-entry-panel__desc {
        padding-top: 16px;
        margin-top: 24px;
        margin-left: 0;
        padding-bottom: 0;
        border-top: 1px solid var(--Light_wm_color_outline-secondary, #d3d6db)
    }

    .mt-entry-panel__desc .color-orange {
        line-height: 1.5
    }

    .mt-entry-panel .mt-btn.pc {
        display: none
    }

    .mt-entry-panel .mt-btn.pad {
        display: block
    }
}

@media screen and (max-width:900px) {
    .mt-entry-panel {
        padding: 16px 40px
    }

    .mt-entry-panel__inner {
        max-width: 688px
    }
}

.mt-inside-scene-card {
    padding: 16px;
    border-radius: 16px;
    background: #f5f7fa;
    display: flex;
    flex-direction: column
}

.mt-inside-scene-card__tit {
    color: var(--Light_wm_color_text-primary, #000);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px;
    margin-top: 16px;
    display: none
}

.mt-inside-scene-card__hd {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    height: 332px
}

.mt-inside-scene-card__bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.mt-inside-scene-card__icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 64px
}

.mt-inside-scene-card__desc {
    box-sizing: border-box;
    color: var(--Light_wm_color_text-quaternary, #fff);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    width: 100%;
    padding: 16px 32px;
    background: linear-gradient(180deg, transparent, #000);
    position: absolute;
    bottom: 0;
    left: 0
}

.mt-inside-scene-card__bd {
    margin-top: 16px;
    display: flex;
    flex: 1;
    align-items: stretch
}

.mt-inside-scene-card__panel+.mt-inside-scene-card__panel {
    margin-left: 16px
}

.mt-inside-scene-card__panel {
    flex: 1;
    padding: 32px 16px 32px 32px;
    border-radius: 8px;
    background: var(--Light_wm_color_background-quaternary, #fff);
    min-height: 226px
}

.mt-inside-scene-card__panel-tit {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 24px
}

.mt-inside-scene-card__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -16px
}

.mt-inside-scene-card__list li {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 16px;
    position: relative;
    width: 50%;
    box-sizing: border-box
}

.mt-inside-scene-card__list li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d3d6db;
    position: absolute;
    top: 8px;
    left: 4px
}

.mt-inside-scene-card__panel:last-child .mt-inside-scene-card__list li:before {
    background-color: #abcfff
}

@media screen and (max-width:900px) {
    .mt-inside-scene-card__tit {
        display: block
    }
}

@media screen and (max-width:600px) {
    .mt-inside-scene-card {
        padding: 24px 16px;
        background: linear-gradient(77deg, #fff -10.86%, hsla(0, 0%, 100%, .65) 100.62%);
        box-shadow: 0 16.403px 39.185px 0 rgba(74, 130, 183, .15)
    }

    .mt-inside-scene-card__tit {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px;
        margin-top: 0
    }

    .mt-inside-scene-card__hd {
        border-radius: 4px;
        height: 180px
    }

    .mt-inside-scene-card__bg {
        border-radius: 4px
    }

    .mt-inside-scene-card__icon {
        height: 32px
    }

    .mt-inside-scene-card__desc {
        font-size: 12px;
        line-height: 14px;
        padding: 4px 8px
    }

    .mt-inside-scene-card__bd {
        margin-top: 24px;
        display: block
    }

    .mt-inside-scene-card__panel+.mt-inside-scene-card__panel {
        margin-left: 0;
        margin-top: 24px
    }

    .mt-inside-scene-card__panel {
        padding: 0;
        border-radius: 0;
        background: transparent;
        min-height: 0
    }

    .mt-inside-scene-card__panel-tit {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .mt-inside-scene-card__list {
        display: block;
        margin-bottom: -8px
    }

    .mt-inside-scene-card__list li {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px;
        width: 100%
    }

    .mt-inside-scene-card__list li:before {
        width: 6px;
        height: 6px;
        left: 5px
    }
}

.mt-rooms-tab-card .mt-tabs.horizontal {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 70px 0 rgba(74, 130, 183, .1)
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd {
    padding: 0;
    border-right: 0;
    max-width: 382px;
    width: 1px;
    flex: 1
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a {
    border-radius: 0;
    height: auto;
    padding: 28px 0 27px;
    border-bottom: 0
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a:hover {
    background-color: transparent;
    box-shadow: none
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a:hover .text {
    color: #429b2a
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a:after,
.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a:before {
    display: none
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a .text {
    color: #262a47;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a .sub {
    margin-top: 12px;
    color: #616b90;
    font-size: 14px;
    line-height: 22px;
    display: none;
    height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item {
    padding: 0 40px 0 54px;
    border-radius: 0
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item:first-child {
    padding-top: 12px
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item:last-child {
    padding-bottom: 12px
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item+.mt-tabs-item a {
    border-top: 1px solid transparent
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item+.mt-tabs-item a:before {
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 0;
    height: 1px;
    background: #ebedf2;
    display: block;
    transform: scaleY(.5)
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active+.mt-tabs-item a:before {
    display: none
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active {
    border-radius: 20px 0 0 0;
    background: linear-gradient(180deg, #fff 7.44%, #f6fbff)
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active a .text {
    color: #429b2a;
    font-weight: 500
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active a .text:after {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxTDExLjUgOEw0LjUgMTUiIHN0cm9rZT0iIzA0NUFGRSIgc3R5bGU9InN0cm9rZTojMDQ1QUZFO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuMDE1NyAwLjM1MjkgMC45OTYxKTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=)
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active a .sub {
    display: -webkit-box
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-bd {
    flex: unset
}

.mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-panel-inner {
    padding-top: 0
}

.mt-rooms-tab-card .mt-tabs-panel-inner {
    padding-top: 32px
}

.mt-rooms-tab-card .mt-tabs .mt-tabs-panel {
    opacity: 0
}

.mt-rooms-tab-card .mt-tabs .mt-tabs-panel.is-active {
    opacity: 1;
    transition: opacity .3s ease-out;
    transform: translateX(0)
}

.mt-rooms-tab-card .mt-tabs .mt-tabs-panel.is-active~.mt-tabs-panel {
    transform: translateX(0);
    opacity: 0
}

.mt-rooms-tab-card .mobile {
    display: none
}

.mt-rooms-tab-card__cnt {
    font-size: 0;
    width: 800px
}

.mt-rooms-tab-card__cnt img,
.mt-rooms-tab-card__cnt video {
    max-height: 100%;
    max-width: 100%
}

@media screen and (max-width:1200px) {
    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd {
        max-width: 298px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a {
        border-radius: 0;
        height: auto;
        padding: 21px 0;
        border-bottom: 0
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a .text {
        line-height: 24px;
        font-size: 16px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a .sub {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px;
        height: 40px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item {
        padding: 0 40px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item:first-child {
        padding-top: 0
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item:last-child {
        padding-bottom: 0
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active a .text:after {
        vertical-align: -1px;
        width: 12px;
        height: 12px
    }

    .mt-rooms-tab-card__cnt {
        width: 566px
    }

    .mt-rooms-tab-card .mt-tabs-panel-inner {
        padding-top: 24px
    }
}

@media screen and (max-width:900px) {
    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd {
        max-width: 244px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a {
        padding: 15px 0 14px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a .text {
        line-height: 22px;
        font-size: 14px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd a .sub {
        margin-top: 4px;
        line-height: 18px;
        height: 36px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item {
        padding: 0 16px 0 24px
    }

    .mt-rooms-tab-card .mt-tabs.horizontal .mt-tabs-hd .mt-tabs-item.is-active a .text:after {
        vertical-align: -1px;
        width: 10px;
        height: 10px
    }

    .mt-rooms-tab-card__cnt {
        width: 444px
    }

    .mt-rooms-tab-card .mt-tabs-panel-inner {
        padding-top: 20px
    }
}

@media screen and (max-width:600px) {
    .mt-rooms-tab-card .mt-tabs .mt-tabs-list {
        overflow-x: auto
    }

    .mt-rooms-tab-card .mt-tabs .mt-tabs-list::-webkit-scrollbar {
        height: 0
    }

    .mt-rooms-tab-card .mt-tabs .mt-tabs-hd a {
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap
    }

    .mt-rooms-tab-card .mt-tabs .mt-tabs-hd a .sub {
        display: none
    }

    .mt-rooms-tab-card .mt-tabs .mt-tabs-item {
        margin-right: 24px
    }

    .mt-rooms-tab-card .mt-tabs .mt-tabs-item:last-child {
        margin-right: 0
    }

    .mt-rooms-tab-card__cnt {
        width: 100%;
        box-shadow: 0 12px 60px 0 rgba(74, 130, 183, .1);
        border-radius: 12px
    }

    .mt-rooms-tab-card__cnt img,
    .mt-rooms-tab-card__cnt video {
        border-radius: 12px 12px 0 0
    }

    .mt-rooms-tab-card__desc.mobile {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        padding: 16px 12px;
        color: #616b90;
        font-size: 12px;
        line-height: 20px;
        text-align: center
    }

    .mt-rooms-tab-card__desc.mobile .mt-rooms-tab-card__desc-text {
        text-align: left
    }

    .mt-rooms-tab-card .mt-tabs-panel-inner {
        padding-top: 12px
    }
}

.mt-operation-position {
    padding-top: 19.0804597701%;
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.mt-operation-position img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    border-radius: 8px;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mt-operation-position .swiper-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mt-operation-position .swiper-pagination {
    bottom: 6px;
    font-size: 0
}

.mt-operation-position .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 4px;
    margin: 0 3px;
    background: #7b818f;
    border-radius: 3px;
    cursor: pointer
}

.mt-operation-position .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #06f;
    width: 27px
}

.mt-operation-position__top {
    position: relative;
    height: 78px;
    background: linear-gradient(180deg, #ffe1ad, #feedc6 43.33%);
    padding: 0 20px;
    z-index: 1000;
    background-size: cover
}

.mt-operation-position__top.is-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.mt-operation-position__top.is-clickable {
    cursor: pointer
}

.mt-operation-position__top-inner {
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative
}

.mt-operation-position__top-text {
    height: 60px;
    width: auto;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    z-index: 1
}

.mt-operation-position__top-entity {
    position: absolute;
    right: 0;
    height: 78px;
    width: auto;
    bottom: 0
}

.mt-operation-position__top-close {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIwIDIxIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuNzYyMSA0LjkwOTg4QzE0LjkxNjggNC43NTUxMyAxNS4xNjc3IDQuNzU1MTMgMTUuMzIyNCA0LjkwOTg4TDE1Ljg4MjggNS40NzAyNUMxNi4wMzc1IDUuNjI0OTkgMTYuMDM3NSA1Ljg3NTg3IDE1Ljg4MjggNi4wMzA2Mkw1LjIzNjY4IDE2LjY3NzZDNS4wODE5NiAxNi44MzI0IDQuODMxMDkgMTYuODMyNCA0LjY3NjM3IDE2LjY3NzZMNC4xMTYwNSAxNi4xMTczQzMuOTYxMzIgMTUuOTYyNSAzLjk2MTMyIDE1LjcxMTYgNC4xMTYwNSAxNS41NTY5TDE0Ljc2MjEgNC45MDk4OFoiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiLz4KICA8cGF0aCBkPSJNNC4xMTcyNCA2LjAzMDVDMy45NjI1MSA1Ljg3NTc1IDMuOTYyNTEgNS42MjQ4NyA0LjExNzI0IDUuNDcwMTNMNC42Nzc1NiA0LjkwOTc2QzQuODMyMjkgNC43NTUwMiA1LjA4MzE1IDQuNzU1MDIgNS4yMzc4OCA0LjkwOTc2TDE1Ljg4NCAxNS41NTY4QzE2LjAzODcgMTUuNzExNSAxNi4wMzg3IDE1Ljk2MjQgMTUuODg0IDE2LjExNzJMMTUuMzIzNiAxNi42Nzc1QzE1LjE2ODkgMTYuODMyMyAxNC45MTggMTYuODMyMyAxNC43NjMzIDE2LjY3NzVMNC4xMTcyNCA2LjAzMDVaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPg==);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
    display: inline-block
}

@media screen and (max-width:1199px) {
    .mt-operation-position__top {
        height: 60px
    }

    .mt-operation-position__top-text {
        height: 48px
    }

    .mt-operation-position__top-entity {
        height: 58px
    }

    .mt-operation-position__top-close {
        right: 16px
    }

    .mt-operation-position__top-inner {
        max-width: 900px
    }
}

@media screen and (max-width:900px) {
    .mt-operation-position__top {
        height: 60px;
        padding-left: 24px;
        padding-right: 36px;
        background: linear-gradient(92deg, #fff1d5 -25.35%, #ffe1ac 36.6%)
    }

    .mt-operation-position__top-text {
        height: 36px
    }

    .mt-operation-position__top-entity {
        height: 60px
    }

    .mt-operation-position__top-close {
        right: 12px
    }
}

@media screen and (max-width:600px) {
    .mt-operation-position {
        border-radius: 16px;
        padding-top: 26.2390670554%
    }

    .mt-operation-position img {
        border-radius: 16px
    }
}

.mt-flow-step__item {
    display: flex
}

.mt-flow-step__item-side {
    width: 8px;
    margin: 0 20px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mt-flow-step__item-side .circle {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    background: #53d530;
    margin: 7px 0;
    border-radius: 50%
}

.mt-flow-step__item-side .line {
    flex: 1;
    min-height: 0;
    border-left: 1px dashed #b0b6c3
}

.mt-flow-step__item-content {
    padding-bottom: 24px
}

.mt-flow-step__item-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000
}

.mt-flow-step__item-title .num {
    margin-right: 8px
}

.mt-flow-step__item-desc {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #4e5461;
    margin-top: 8px
}

.mt-flow-step__item:last-child .mt-flow-step__item-side .line {
    display: none
}

.mt-flow-step__item:last-child .mt-flow-step__item-content {
    padding-bottom: 0
}

.mt-flow-step.horizontal {
    display: flex
}

.mt-flow-step.horizontal .mt-flow-step__item {
    flex-direction: column
}

.mt-flow-step.horizontal .mt-flow-step__item-icon {
    width: 32px;
    height: 32px
}

.mt-flow-step.horizontal .mt-flow-step__item-side {
    width: auto;
    flex-direction: row;
    margin-bottom: 36px;
    margin-right: 16px
}

.mt-flow-step.horizontal .mt-flow-step__item-side .line {
    border-bottom: 2px solid rgba(0, 102, 255, .2);
    margin-left: 16px
}

.mt-flow-step.horizontal .mt-flow-step__item-content {
    padding-right: 64px;
    padding-bottom: 0
}

.mt-flow-step.horizontal .mt-flow-step__item-title {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 36px;
    white-space: nowrap
}

.mt-flow-step.horizontal .mt-flow-step__item-list li {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    line-height: 2
}

.mt-flow-step.horizontal .mt-flow-step__item-list li+li {
    margin-top: 12px
}

@media screen and (max-width:1199px) {
    .mt-flow-step.horizontal .mt-flow-step__item-icon {
        width: 24px;
        height: 24px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-side {
        margin-bottom: 24px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-content {
        padding-right: 66px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-title {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 24px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-list li {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width:767px) {
    .mt-flow-step.horizontal {
        display: block
    }

    .mt-flow-step.horizontal .mt-flow-step__item {
        flex-direction: row;
        margin-bottom: 8px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-side {
        margin-bottom: 0;
        margin-right: 32px;
        flex-direction: column
    }

    .mt-flow-step.horizontal .mt-flow-step__item-side .line {
        border-bottom: 0;
        border-left: 2px solid rgba(0, 102, 255, .2);
        margin-left: 0;
        margin-top: 8px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-content {
        padding-right: 0;
        padding-bottom: 28px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-title {
        margin-bottom: 12px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-list {
        display: flex;
        gap: 12px
    }

    .mt-flow-step.horizontal .mt-flow-step__item-list li+li {
        margin-top: 0
    }

    .mt-flow-step.horizontal .mt-flow-step__item:last-child {
        margin-bottom: 0
    }

    .mt-flow-step.horizontal .mt-flow-step__item:last-child .mt-flow-step__item-content {
        padding-bottom: 0
    }
}

.mt-home-hero {
    background-color: #f7f9fe;
    padding-bottom: 40px
}

.mt-home-hero__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 670px;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    padding: 0 80px
}

.mt-home-hero__item__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    max-width: 1180px;
    padding-top: 110px
}

.mt-home-hero__item__cnt {
    padding-top: 40px;
    margin-right: 72px
}

.mt-home-hero__item__side {
    flex: 1;
    max-width: 810px;
    position: relative;
    margin-right: -7.3943661972%
}

.mt-home-hero__item__side img,
.mt-home-hero__item__side video {
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.mt-home-hero__item__side img {
    z-index: 3
}

.mt-home-hero__item__side .spline-wrap {
    transition: all .1s;
    position: relative;
    z-index: 1
}

.mt-home-hero__item__side video {
    z-index: 2
}

.mt-home-hero__item__side canvas {
    width: 100% !important;
    height: auto !important
}

.mt-home-hero__item__side .is-hide {
    opacity: 0;
    transition: opacity .5s
}

.mt-home-hero__item__side .is-none {
    display: none
}

.mt-home-hero__item__side .is-show {
    display: block;
    opacity: 1
}

.mt-home-hero__item__tit {
    color: var(--Light_wm_color_text-primary, #000);
    font-weight: 600;
    font-size: 52px;
    line-height: 68px;
    letter-spacing: -1.56px
}

.mt-home-hero__item__tit i {
    font-family: TCloudNumber;
    font-weight: 700;
    letter-spacing: -2.16px;
    position: relative;
    font-size: 58px;
    line-height: 1;
    bottom: -3px
}

.mt-home-hero__item__desc {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 24px;
    max-width: 390px;
    font-size: 16px
}

.mt-home-hero__item__btns {
    margin-top: 26px
}

.mt-home-hero__item__btns .mt-btn {
    width: 180px;
    font-size: 16px;
    height: 64px;
    border-radius: 35px;
    font-weight: 600;
    line-height: 20px
}

.mt-home-hero__item__btns .mt-btn:first-child {
    box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1)
}

.mt-home-hero__item__btns .mt-btn+.mt-btn {
    margin-left: 24px
}

.mt-home-hero__carousel {
    position: relative
}

.mt-home-hero__tabs {
    position: absolute;
    bottom: 100px;
    left: calc(50% - 590px);
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #e6e8eb;
    width: 388px;
    justify-content: space-between
}

.mt-home-hero__tabs .slick-active {
    color: #06f;
    font-weight: 500
}

.mt-home-hero__tabs .slick-active .progress {
    background-color: #06f
}

.mt-home-hero__tabs li {
    margin-bottom: -1px;
    cursor: pointer;
    transition: color .3s;
    color: var(--Light_wm_color_text-secondary, #4e5461);
    text-align: center;
    font-size: 16px;
    line-height: 18px
}

.mt-home-hero__tabs li:last-child {
    margin-right: 0
}

.mt-home-hero .tab {
    margin-bottom: -1px;
    cursor: pointer;
    transition: color .3s;
    color: var(--Light_wm_color_text-secondary, #4e5461);
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-right: 44px
}

.mt-home-hero .tab:last-child {
    margin-right: 0
}

.mt-home-hero .tab.active {
    color: #06f
}

.mt-home-hero .tab-text {
    display: block;
    padding-bottom: 18px
}

.mt-home-hero .progress-bar {
    height: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

.mt-home-hero .progress {
    height: 100%
}

.mt-home-hero .progress.active {
    background-color: #06f;
    width: 0;
    animation: progressAnimation 5s linear forwards;
    animation-play-state: paused
}

.mt-home-hero .progress.is-paused {
    animation-play-state: paused
}

.mt-home-hero .progress.is-play {
    animation-play-state: running
}

@keyframes progressAnimation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media screen and (max-width:1340px) {
    .mt-home-hero .small-screen-hide {
        display: none
    }

    .mt-home-hero .small-screen-block {
        display: block !important
    }

    .mt-home-hero__item {
        height: 580px
    }

    .mt-home-hero__item__cnt {
        padding-top: 28px
    }

    .mt-home-hero__tabs {
        bottom: 90px;
        left: 80px
    }
}

@media screen and (max-width:1200px) {
    .mt-home-hero {
        padding-bottom: 20px
    }

    .mt-home-hero__item {
        height: 338px;
        padding-left: 16px;
        padding-right: 16px
    }

    .mt-home-hero__item__inner {
        max-width: 698px;
        padding-top: 60px
    }

    .mt-home-hero__item__cnt {
        margin-right: 25px;
        padding-top: 14px
    }

    .mt-home-hero__item__side {
        max-width: 360px;
        margin-right: -20px
    }

    .mt-home-hero__item__tit {
        font-size: 36px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: -.72px
    }

    .mt-home-hero__item__tit i {
        font-size: 40px;
        bottom: -2px
    }

    .mt-home-hero__item__desc {
        max-width: 270px;
        font-size: 12px;
        line-height: 22px;
        margin-top: 18px
    }

    .mt-home-hero__item__btns {
        margin-top: 30px
    }

    .mt-home-hero__item__btns .mt-btn {
        width: 120px;
        height: 42px;
        font-size: 12px
    }

    .mt-home-hero__item__btns .mt-btn+.mt-btn {
        margin-left: 12px
    }

    .mt-home-hero__tabs {
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        border: 0;
        width: auto
    }

    .mt-home-hero__tabs li {
        width: 4px;
        height: 4px;
        border-radius: 3px;
        background-color: rgba(176, 182, 195, .5);
        margin-right: 6px
    }

    .mt-home-hero__tabs li.slick-active {
        width: 30px
    }

    .mt-home-hero__tabs .tab-text {
        display: none
    }

    .mt-home-hero .progress-bar {
        height: 4px;
        background-color: #b0b6c3
    }
}

@media screen and (max-width:767px) {
    .mt-home-hero {
        min-height: 510px
    }

    .mt-home-hero__item {
        height: auto
    }

    .mt-home-hero__item__inner {
        text-align: center;
        max-width: 360px;
        padding-top: 78px;
        flex-direction: column;
        padding-bottom: 32px
    }

    .mt-home-hero__item__cnt {
        margin-right: 0;
        margin-bottom: 20px;
        padding-top: 0
    }

    .mt-home-hero__item__side {
        min-height: 226px
    }

    .mt-home-hero__item__desc {
        margin: 6px auto 0;
        max-width: unset
    }

    .mt-home-hero__item__btns {
        margin-top: 14px;
        position: relative;
        z-index: 1
    }

    .mt-home-hero__item__btns .mt-btn :first-child {
        box-shadow: none
    }

    .mt-home-hero__tabs {
        bottom: 32px
    }
}

.mt-purchase-plan-card {
    background-size: cover;
    border-radius: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform .3s cubic-bezier(.3, 0, 0, 1)
}

.mt-purchase-plan-card__hd {
    padding: 36px 36px 34px;
    display: flex;
    gap: 16px;
    position: relative;
    z-index: 1;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/hd-bg309-aeddee48295b44e7.png);
    background-position: 100% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.mt-purchase-plan-card__hd-content {
    flex: 1;
    overflow: hidden
}

.mt-purchase-plan-card__hd-icon {
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.mt-purchase-plan-card__hd-title {
    font-size: 24px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 28px
}

.mt-purchase-plan-card__hd-desc {
    color: #4e5461;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 400;
    line-height: 18px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.mt-purchase-plan-card .shadow-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 200px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/shadow1e3b-14aedb90406a5e84.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat
}

.mt-purchase-plan-card__bd {
    padding: 26px 36px 22px;
    flex: 1;
    position: relative
}

.mt-purchase-plan-card__bd-title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.mt-purchase-plan-card__bd-text {
    color: #4e5461;
    font-size: 16px;
    margin-top: 8px;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    gap: 8px;
    align-items: center
}

.mt-purchase-plan-card__bd-text:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDIwODczMjcxNjciPgo8cGF0aCBpZD0iVmVjdG9yIDUiIGQ9Ik0wLjk3NDYwOSA3Ljg0MjQ5TDQuNDcxOSAxMS41MzA1TDEwLjgwOTQgNS4zODM3OSIgc3Ryb2tlPSIjNEU1NDYxIiBzdHJva2Utd2lkdGg9IjEuNDYwNjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=)
}

.mt-purchase-plan-card__btn-wrapper {
    position: relative;
    padding: 0 36px 36px
}

.mt-purchase-plan-card__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 0;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 16px 50px 0 rgba(129, 157, 121, .1);
    color: #4e5461;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    gap: 4px;
    cursor: pointer;
    transition: all .3s cubic-bezier(.3, 0, 0, 1)
}

.mt-purchase-plan-card__btn.normal .mt-purchase-plan-card__btn-icon:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/arrow-hoverd86-77e09a41ed30b2bf.svg);
    opacity: 0
}

.mt-purchase-plan-card__btn.normal:hover {
    background-color: #06f;
    color: #fff
}

.mt-purchase-plan-card__btn.normal:hover .mt-purchase-plan-card__btn-icon {
    background-image: none
}

.mt-purchase-plan-card__btn.normal:hover .mt-purchase-plan-card__btn-icon:before {
    opacity: 1
}

.mt-purchase-plan-card__btn.special:hover {
    opacity: 0
}

.mt-purchase-plan-card__btn-hover {
    display: flex;
    align-items: center;
    padding: 25px 0 25px 24px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #4e5461;
    opacity: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    position: absolute;
    left: 36px;
    right: 36px;
    bottom: 36px
}

.mt-purchase-plan-card__btn-hover img {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    width: calc(100% - 214px);
    max-width: 120px;
    border-bottom-right-radius: 35px;
    transform: scale(.5);
    transform-origin: bottom;
    transition: transform .3s cubic-bezier(.3, 0, 0, 1)
}

.mt-purchase-plan-card__btn-hover:hover {
    opacity: 1
}

.mt-purchase-plan-card__btn-hover:hover img {
    transform: scale(1)
}

@media screen and (max-width:1650px) {
    .mt-purchase-plan-card__btn-hover img {
        display: none
    }
}

.mt-purchase-plan-card__btn-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/arrow-default-new169-086ab0b6dcec7406.svg)
}

@media screen and (max-width:1439px) {
    .mt-purchase-plan-card {
        display: flex;
        flex-direction: row;
        padding: 20px 20px 20px 24px;
        border-radius: 24px;
        justify-content: space-between;
        align-items: center;
        min-height: 122px
    }

    .mt-purchase-plan-card:after {
        content: "";
        display: block;
        height: 90px;
        right: 0;
        width: 94px;
        top: 0;
        position: absolute;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/decoratebfd-30c70435894b4dfd.png);
        background-size: cover
    }

    .mt-purchase-plan-card__hd {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0;
        box-shadow: none;
        background: none
    }

    .mt-purchase-plan-card__hd-content {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .mt-purchase-plan-card__hd-icon {
        width: 30px;
        height: 30px
    }

    .mt-purchase-plan-card__hd-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 0
    }

    .mt-purchase-plan-card__hd-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        white-space: normal
    }

    .mt-purchase-plan-card__btn {
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        padding: 13px 16px 11px;
        flex-shrink: 0;
        margin-left: 10px;
        z-index: 1
    }
}

.mt-video-compare {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    max-width: 1420px;
    cursor: pointer
}

.mt-video-compare .mobile {
    display: none
}

.mt-video-compare .inner {
    overflow: hidden;
    transition: height .3s ease-in-out;
    width: 100%;
    position: relative;
    cursor: pointer
}

.mt-video-compare__part {
    overflow: hidden;
    position: relative;
    color: #fff;
    transition: width .3s ease-in-out;
    height: 366px;
    display: flex;
    align-items: flex-end
}

.mt-video-compare .more {
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: absolute;
    opacity: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc0IiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMjc0IDIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMiAxOUwyNzEgMTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNzIgMTlMMjU3IDIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-position: 100% 100%;
    height: 14px;
    max-width: 220px;
    width: calc(100% - 400px);
    bottom: 56px
}

.mt-video-compare .cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .3s ease-in-out
}

.mt-video-compare .cover,
.mt-video-compare video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mt-video-compare video {
    -o-object-fit: cover;
    object-fit: cover
}

.mt-video-compare .cnt {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 0 0 32px 32px;
    padding: 0 48px 48px
}

.mt-video-compare .active {
    width: 61.9718309859%
}

.mt-video-compare .active .inner {
    height: 100%
}

.mt-video-compare .active .cover {
    opacity: 0
}

.mt-video-compare .active .cnt {
    background-image: linear-gradient(0deg, rgba(35, 69, 134, .76), rgba(35, 69, 134, .38) 30%, rgba(35, 69, 134, 0) 55%)
}

.mt-video-compare .active .more {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    transition-delay: .1s
}

.mt-video-compare .active .mt-video-compare__tit {
    font-size: 40px
}

.mt-video-compare .active .mt-video-compare__desc {
    font-size: 16px;
    margin-top: 22px
}

.mt-video-compare .inactive {
    width: 36.6197183099%
}

.mt-video-compare .inactive .inner {
    height: 316px
}

.mt-video-compare .inactive .cover {
    opacity: 1
}

.mt-video-compare .left .inner {
    border-radius: 124px 32px 32px 32px
}

.mt-video-compare .left .more {
    right: 48px
}

.mt-video-compare .right .inner {
    border-radius: 32px 124px 32px 32px;
    text-align: right
}

.mt-video-compare .right .more {
    left: 48px
}

.mt-video-compare__icon {
    width: 54px;
    height: 54px;
    margin-bottom: 14px
}

.mt-video-compare__tit {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    transition: all .3s ease-in-out
}

.mt-video-compare__desc {
    color: hsla(0, 0%, 100%, .7);
    transition: all .3s ease-in-out;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px
}

.mt-video-compare .more-text {
    display: none
}

.mt-video-compare .icon-play {
    display: none;
    width: 99px;
    height: 99px;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/playa7a-bd0747baa0dfc8ba.png);
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:1200px) {
    .mt-video-compare {
        gap: 12px
    }

    .mt-video-compare .pc {
        display: none
    }

    .mt-video-compare .mobile {
        display: block
    }

    .mt-video-compare .active,
    .mt-video-compare .inactive,
    .mt-video-compare .left,
    .mt-video-compare .right,
    .mt-video-compare__part {
        height: 0;
        flex: 1;
        padding-top: 28.6532951289%;
        width: 100%
    }

    .mt-video-compare .active .mt-video-compare__tit,
    .mt-video-compare .inactive .mt-video-compare__tit,
    .mt-video-compare .left .mt-video-compare__tit,
    .mt-video-compare .right .mt-video-compare__tit,
    .mt-video-compare__part .mt-video-compare__tit {
        font-size: 18px
    }

    .mt-video-compare .active .mt-video-compare__desc,
    .mt-video-compare .inactive .mt-video-compare__desc,
    .mt-video-compare .left .mt-video-compare__desc,
    .mt-video-compare .right .mt-video-compare__desc,
    .mt-video-compare__part .mt-video-compare__desc {
        font-size: 12px;
        line-height: 1;
        margin-top: 12px;
        max-width: calc(100% - 80px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .mt-video-compare .active .inner,
    .mt-video-compare .inactive .inner,
    .mt-video-compare .left .inner,
    .mt-video-compare .right .inner,
    .mt-video-compare__part .inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: unset
    }

    .mt-video-compare .active .cnt,
    .mt-video-compare .inactive .cnt,
    .mt-video-compare .left .cnt,
    .mt-video-compare .right .cnt,
    .mt-video-compare__part .cnt {
        padding: 24px;
        border-radius: 20px;
        background-image: linear-gradient(0deg, rgba(6, 25, 61, .72), rgba(6, 25, 61, .4) 28.1%, rgba(6, 25, 61, 0) 99.85%)
    }

    .mt-video-compare .active .cnt-main,
    .mt-video-compare .inactive .cnt-main,
    .mt-video-compare .left .cnt-main,
    .mt-video-compare .right .cnt-main,
    .mt-video-compare__part .cnt-main {
        display: flex;
        gap: 4px
    }

    .mt-video-compare .active .cnt .icon-play,
    .mt-video-compare .inactive .cnt .icon-play,
    .mt-video-compare .left .cnt .icon-play,
    .mt-video-compare .right .cnt .icon-play,
    .mt-video-compare__part .cnt .icon-play {
        display: block
    }

    .mt-video-compare .active .cnt .icon-play.is-play,
    .mt-video-compare .cover,
    .mt-video-compare .inactive .cnt .icon-play.is-play,
    .mt-video-compare .left .cnt .icon-play.is-play,
    .mt-video-compare .right .cnt .icon-play.is-play,
    .mt-video-compare__part .cnt .icon-play.is-play {
        display: none
    }

    .mt-video-compare .more {
        right: 24px;
        bottom: 24px;
        width: 70px;
        height: 20px;
        background-size: auto 8px;
        opacity: 1
    }

    .mt-video-compare .more-text {
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: 1
    }

    .mt-video-compare .left .inner {
        border-radius: 20px
    }

    .mt-video-compare .left .more {
        left: unset;
        right: 24px
    }

    .mt-video-compare .right .inner {
        border-radius: 20px 70px 20px 20px;
        text-align: left
    }

    .mt-video-compare .right .more {
        left: unset;
        right: 24px
    }

    .mt-video-compare__icon {
        width: 20px;
        height: 20px;
        margin-bottom: 0;
        margin-right: 4px
    }
}

@media screen and (max-width:767px) {
    .mt-video-compare {
        flex-direction: column
    }

    .mt-video-compare .left {
        order: 2
    }

    .mt-video-compare .right {
        order: 1
    }

    .mt-video-compare .active,
    .mt-video-compare .inactive,
    .mt-video-compare .left,
    .mt-video-compare .right,
    .mt-video-compare__part {
        padding-top: 58.3090379009%
    }
}

.mt-solution-card {
    width: 280px;
    padding-top: 135.714%;
    overflow: hidden;
    border-radius: 36px;
    position: relative;
    cursor: pointer
}

.mt-solution-card-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mt-solution-card-img img {
    width: 100%;
    border-radius: 0 0 36px 36px;
    overflow: hidden
}

.mt-solution-card__content {
    position: absolute;
    left: 0;
    right: -1px;
    height: 65.79%;
    bottom: 0;
    padding: 36px;
    border-radius: 0 30px 0 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    background: linear-gradient(180deg, rgba(245, 246, 250, .8), #f5f6fa 65.69%);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: all .3s
}

.mt-solution-card__content.no-proportion .mt-solution-card__content-proportion {
    min-height: 4px
}

.mt-solution-card__content.no-proportion .mt-solution-card__content-desc {
    -webkit-line-clamp: 3
}

.mt-solution-card__content-title {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 36px
}

.mt-solution-card__content-proportion {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    gap: 8px;
    min-height: 36px
}

.mt-solution-card__content-proportion-nums {
    color: #000;
    font-family: TCloudNumber;
    font-size: 24px;
    line-height: 1.5
}

.mt-solution-card__content-proportion-text {
    color: #4e5461;
    font-family: TCloudNumber;
    font-size: 16px;
    line-height: 18px;
    white-space: nowrap;
    position: relative;
    bottom: -2px
}

.mt-solution-card__content-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-solution-card__content-desc,
.mt-solution-card__content-more {
    color: #4e5461;
    font-size: 16px;
    line-height: 2
}

.mt-solution-card__content-more {
    display: none
}

.mt-solution-card__content-btn.mt-btn {
    width: 45%;
    margin-top: 14px;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: none
}

.mt-solution-card__content-btn.mt-btn.mt-btn.round-outline {
    color: #4e5461;
    border: 1px solid #4e5461
}

.mt-solution-card__content-btn.mt-btn.mt-btn.round-outline:hover {
    color: #4e5461;
    background-color: transparent
}

@media screen and (min-width:1199px) {
    .mt-solution-card:hover .mt-solution-card__content {
        height: 100%
    }

    .mt-solution-card:hover .mt-solution-card__content-btn {
        display: block
    }

    .mt-solution-card:hover .mt-solution-card__content-more {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .mt-solution-card:hover .mt-solution-card__content-desc {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .mt-solution-card {
        border-radius: 20px;
        width: 100%;
        padding-top: 123.6%
    }

    .mt-solution-card__content {
        padding: 15px;
        border-radius: 0 14px 0 0;
        height: 69.04%
    }

    .mt-solution-card__content.no-proportion .mt-solution-card__content-proportion {
        min-height: 0;
        margin-bottom: 2px
    }

    .mt-solution-card__content-proportion {
        margin-bottom: 6px;
        min-height: 18px;
        gap: 4px
    }

    .mt-solution-card__content-proportion-nums {
        font-size: 16px;
        line-height: 1
    }

    .mt-solution-card__content-proportion-text {
        line-height: 1;
        font-size: 12px;
        bottom: -1px
    }

    .mt-solution-card__content-title {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 30px
    }

    .mt-solution-card__content-desc {
        font-size: 12px;
        line-height: 22px
    }
}

.mt-video-tab {
    max-width: 1180px;
    position: relative
}

.mt-video-tab__tit {
    color: #000;
    font-weight: 500;
    line-height: 42px;
    position: absolute;
    top: 117px;
    font-size: 24px
}

.mt-video-tab .mt-tabs {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 414px
}

.mt-video-tab .mt-tabs .mt-tabs-list {
    display: block
}

.mt-video-tab .mt-tabs .mt-tabs-item.is-active a {
    color: #53d530;
    font-weight: 500
}

.mt-video-tab .mt-tabs .mt-tabs-item {
    margin-bottom: 16px
}

.mt-video-tab .mt-tabs .mt-tabs-item:last-child {
    margin-bottom: 0
}

.mt-video-tab .mt-tabs .mt-tabs-item a {
    padding-bottom: 0;
    border: 0;
    color: #4e5461;
    font-size: 16px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-video-tab .mt-tabs .mt-tabs-hd {
    padding-bottom: 100px;
    max-width: 420px
}

.mt-video-tab .mt-tabs .mt-tabs-bd {
    width: 54.2253521127%;
    padding-top: 35.2112676056%;
    position: relative
}

.mt-video-tab .mt-tabs .mt-tabs-panel.is-active {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mt-video-tab .mt-tabs .mt-tabs-panel-inner {
    font-size: 0;
    padding-top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.mt-video-tab img,
.mt-video-tab video {
    max-height: 100%;
    max-width: 100%
}

.mt-video-tab video {
    -o-object-fit: cover;
    object-fit: cover
}

.mt-video-tab__btns {
    margin-top: 42px;
    position: absolute;
    bottom: 0
}

.mt-video-tab__btns .mt-btn {
    width: 170px;
    height: 60px;
    border-radius: 35px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.mt-video-tab__btns .mt-btn+.mt-btn {
    margin-left: 24px
}

@media screen and (max-width:1200px) {
    .mt-video-tab__tit {
        font-size: 16px;
        line-height: 1.5;
        top: 32px
    }

    .mt-video-tab__btns {
        bottom: 12px
    }

    .mt-video-tab__btns .mt-btn {
        width: 90px;
        height: 36px;
        min-width: 90px;
        border-radius: 100px;
        font-size: 12px;
        line-height: 12px
    }

    .mt-video-tab__btns .mt-btn:first-child {
        box-shadow: 0 10px 15px 0 rgba(0, 102, 255, .1)
    }

    .mt-video-tab__btns .mt-btn+.mt-btn {
        margin-left: 12px
    }

    .mt-video-tab .mt-tabs {
        min-height: 205px
    }

    .mt-video-tab .mt-tabs .mt-tabs-hd {
        padding-bottom: 75px;
        max-width: 272px
    }

    .mt-video-tab .mt-tabs .mt-tabs-bd {
        width: 49.1404011461%;
        padding-top: 32.0916905444%;
        position: relative
    }

    .mt-video-tab .mt-tabs .mt-tabs-item a {
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (max-width:767px) {
    .mt-video-tab {
        margin: 0 -8px
    }

    .mt-video-tab__tit {
        position: unset;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        cursor: pointer;
        padding-left: 16px
    }

    .mt-video-tab__tit:after {
        content: "";
        width: 24px;
        height: 12px;
        display: block;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMTciIGQ9Ik0xIDEzTDcgN0wxIDEiIHN0cm9rZT0iIzdCODE4RiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==) no-repeat;
        background-size: 100% 100%;
        flex-shrink: 0
    }

    .mt-video-tab__desc {
        color: #4e5461;
        font-size: 12px;
        line-height: 12px;
        padding-left: 16px;
        margin-bottom: 32px
    }

    .mt-video-tab .progress-bar {
        height: 4px;
        border-radius: 2px;
        overflow: hidden;
        position: relative
    }

    .mt-video-tab .progress {
        height: 100%;
        width: 4px;
        height: 4px;
        border-radius: 20px;
        background: rgba(176, 182, 195, .5);
        flex-shrink: 0
    }

    .mt-video-tab .progress.active {
        background-color: #06f;
        width: 0;
        animation: progressAnimation 8s linear forwards;
        animation-play-state: paused
    }

    .mt-video-tab__wrap {
        padding: 0 8px
    }

    .mt-video-tab__tabs-dot {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 6px;
        margin-top: 24px
    }

    .mt-video-tab__tabs-dot li {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: rgba(176, 182, 195, .5)
    }

    .mt-video-tab__tabs-dot li.slick-active {
        width: 30px;
        border-radius: 10px
    }

    .mt-video-tab__obj {
        width: 100%;
        padding-top: 65.889212828%;
        margin-top: -20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative
    }

    .mt-video-tab__obj img,
    .mt-video-tab__obj video {
        position: absolute;
        top: 0
    }

    @keyframes progressAnimation {
        0% {
            width: 0
        }

        to {
            width: 100%
        }
    }
}

.mt-practice {
    border-radius: 40px;
    border: .5px solid rgba(186, 216, 243, .5);
    background: linear-gradient(0deg, rgba(186, 216, 243, .04) 38.33%, rgba(186, 216, 243, .2)), #fff;
    margin-top: 63px;
    position: relative;
    padding: 90px 36px 36px
}

.mt-practice:after {
    content: "";
    display: block;
    position: absolute;
    height: 44px;
    width: 47px;
    right: 36px;
    top: 30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3IDIwLjUzMzNIMjdWLTMuODE0N2UtMDZINDdWMTcuNkM0NyAzMS4yODg5IDQwIDQwLjA4ODkgMjYgNDRWMzYuMTc3OEMzNCAzMi4yNjY3IDM3IDI3LjM3NzggMzcgMjAuNTMzM1pNMTEgMjAuNTMzM0gxVi0zLjgxNDdlLTA2SDIxVjE3LjZDMjEgMzEuMjg4OSAxNCA0MC4wODg5IDAgNDRWMzYuMTc3OEM4IDMyLjI2NjcgMTEgMjcuMzc3OCAxMSAyMC41MzMzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    background-size: contain;
    background-repeat: no-repeat
}

.mt-practice__logo-wrap {
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -68px;
    overflow: hidden
}

.mt-practice__logo-wrap img {
    max-width: 100%;
    max-height: 100%
}

.mt-practice__tit {
    color: var(--Light_wm_color_text-primary, #000);
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.mt-practice__tit:after {
    display: inline-block;
    width: 22px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTk1MzEgMjFMMTcuMTk1MyAxMkw4LjE5NTMxIDMiIHN0cm9rZT0iIzRFNTQ2MSIgc3Ryb2tlLXdpZHRoPSIyLjI1Ii8+Cjwvc3ZnPgo=);
    transition: transform .3s cubic-bezier(.3, 0, 0, 1);
    content: "";
    position: relative;
    top: 1px;
    transform: translateX(0)
}

.mt-practice__tit:hover:after {
    transform: translateX(4px)
}

.mt-practice__desc {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    margin-top: 74px;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:1200px) {
    .mt-practice {
        border-radius: 24px;
        padding: 24px 20px;
        margin-top: 0;
        display: flex;
        align-items: center
    }

    .mt-practice:after {
        display: none
    }

    .mt-practice__logo-wrap {
        position: static;
        transform: none;
        width: 55px;
        height: 55px;
        margin-right: 24px;
        overflow: unset
    }

    .mt-practice__logo-wrap img {
        width: 72px;
        height: 72px;
        max-width: unset;
        max-height: unset;
        position: relative;
        top: 8px
    }

    .mt-practice__cnt {
        flex: 1
    }

    .mt-practice__tit {
        display: flex;
        font-size: 18px;
        line-height: 1;
        justify-content: space-between;
        align-items: center
    }

    .mt-practice__tit:after {
        width: 16px;
        height: 16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTRMMTEgOEw1IDIiIHN0cm9rZT0iIzdCODE4RiIgc3R5bGU9InN0cm9rZTojN0I4MThGO3N0cm9rZTpjb2xvcihkaXNwbGF5LXAzIDAuNDgyNCAwLjUwNTkgMC41NjA4KTtzdHJva2Utb3BhY2l0eToxOyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
        top: unset
    }

    .mt-practice__desc {
        margin-top: 14px;
        font-size: 12px;
        line-height: 22px
    }
}

.mt-calendar-card {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 15px 20px 0 rgba(78, 106, 149, .06);
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.mt-calendar-card__object {
    padding-top: 42.8947368421%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-calendar-card__label {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 12px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0 12px 0 12px
}

.mt-calendar-card__text {
    color: var(--Light_wm_color_text-quaternary, #fff);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .4);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    top: 28px;
    left: 20px
}

.mt-calendar-card__body {
    padding: 24px;
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column
}

.mt-calendar-card__title {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1
}

.mt-calendar-card__tag {
    padding: 5px 8px;
    background: #fff4eb;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    color: var(--Light_wm_color_warning-primary, #ff970f);
    display: inline-flex;
    align-items: center;
    font-weight: 500
}

.mt-calendar-card__tag:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjI1IDcuMTI1QzE0LjI1IDEwLjk4MzIgMTAuNjE0NyAxMy41NzA3IDguOTQ1MzcgMTQuNTU1NEM4LjQzNDQ0IDE0Ljg1NjggNy44MTU1NiAxNC44NTY4IDcuMzA0NjMgMTQuNTU1NEM1LjYzNTMxIDEzLjU3MDcgMiAxMC45ODMyIDIgNy4xMjVDMiAzLjc0MjI2IDQuNzQyMjYgMSA4LjEyNSAxQzExLjUwNzcgMSAxNC4yNSAzLjc0MjI2IDE0LjI1IDcuMTI1WiIgZmlsbD0iI0ZGOTcwRiIgc3R5bGU9ImZpbGw6I0ZGOTcwRjtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMS4wMDAwIDAuNTkyMiAwLjA1ODgpO2ZpbGwtb3BhY2l0eToxOyIvPgo8Y2lyY2xlIGN4PSI4LjEyNSIgY3k9IjYuODgzMTgiIHI9IjIuNjI1IiBmaWxsPSIjRkZGNEVCIiBzdHlsZT0iZmlsbDojRkZGNEVCO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAxLjAwMDAgMC45NTY5IDAuOTIxNik7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px
}

.mt-calendar-card__tag.mobile {
    display: none
}

.mt-calendar-card__ft {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt-calendar-card .mt-btn {
    font-size: 16px
}

@media screen and (max-width:600px) {
    .mt-calendar-card {
        border-radius: 16px;
        box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .08)
    }

    .mt-calendar-card__text {
        font-size: 32px;
        position: absolute;
        top: 24px
    }

    .mt-calendar-card__body {
        padding: 16px 24px 24px
    }

    .mt-calendar-card__title {
        color: var(--Light_wm_color_text-primary, #000);
        font-size: 16px;
        line-height: 1.5
    }

    .mt-calendar-card__tag {
        margin-bottom: 16px
    }

    .mt-calendar-card__tag.pc {
        display: none
    }

    .mt-calendar-card__tag.mobile {
        display: inline-flex;
        width: -moz-fit-content;
        width: fit-content
    }

    .mt-calendar-card .mt-btn {
        width: 100%
    }
}

.mt-activity-card {
    width: 480px;
    height: 292px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: none
}

.mt-activity-card:hover .mt-activity-card__object {
    opacity: 0
}

.mt-activity-card__object {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.mt-activity-card__obj-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, transparent, #000);
    color: var(--Light_wm_color_text-quaternary, #fff)
}

.mt-activity-card__location {
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    align-items: center
}

.mt-activity-card__location:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45ODEyIDE5LjkyMTlDMTQuODYyNCAxOC44MzU1IDE5LjMxNjggMTUuNzc1NSAxOS4zMTY4IDExLjE1ODRDMTkuMzE2OCA3LjIwNDkzIDE2LjExMTkgNCAxMi4xNTg0IDRDOC4yMDQ5MyA0IDUgNy4yMDQ5MyA1IDExLjE1ODRDNSAxNS43NzU1IDkuNDU0NDYgMTguODM1NSAxMS4zMzU3IDE5LjkyMTlDMTEuODQ5NCAyMC4yMTg1IDEyLjQ2NzUgMjAuMjE4NSAxMi45ODEyIDE5LjkyMTlaTTEyLjE1NzcgMTMuOTQzNkMxMy44NTIxIDEzLjk0MzYgMTUuMjI1NiAxMi41NzAxIDE1LjIyNTYgMTAuODc1OEMxNS4yMjU2IDkuMTgxNCAxMy44NTIxIDcuODA3ODYgMTIuMTU3NyA3LjgwNzg2QzEwLjQ2MzQgNy44MDc4NiA5LjA4OTg0IDkuMTgxNCA5LjA4OTg0IDEwLjg3NThDOS4wODk4NCAxMi41NzAxIDEwLjQ2MzQgMTMuOTQzNiAxMi4xNTc3IDEzLjk0MzZaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px
}

.mt-activity-card__date {
    font-size: 16px
}

.mt-activity-card__main {
    padding: 24px;
    background: #ebf2ff url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-hover67e-93e2f6b6cf72ad73.png) no-repeat 50%;
    background-size: cover;
    height: 100%;
    display: flex;
    flex-direction: column
}

.mt-activity-card__tag {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 4px;
    background: rgba(0, 102, 255, .1);
    font-size: 14px;
    line-height: 1;
    color: #4e5461;
    margin-bottom: 12px
}

.mt-activity-card__title {
    color: #000;
    font-size: 20px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    font-weight: 400
}

.mt-activity-card__desc,
.mt-activity-card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.mt-activity-card__desc {
    color: #4e5461;
    -webkit-line-clamp: 4;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.mt-activity-card__ft {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    flex: none;
    flex-grow: 0;
    flex-shrink: 0
}

.mt-activity-card__ft .mt-activity-card__location:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45ODEyIDE5LjkyMTlDMTQuODYyNCAxOC44MzU1IDE5LjMxNjggMTUuNzc1NSAxOS4zMTY4IDExLjE1ODRDMTkuMzE2OCA3LjIwNDkzIDE2LjExMTkgNCAxMi4xNTg0IDRDOC4yMDQ5MyA0IDUgNy4yMDQ5MyA1IDExLjE1ODRDNSAxNS43NzU1IDkuNDU0NDYgMTguODM1NSAxMS4zMzU3IDE5LjkyMTlDMTEuODQ5NCAyMC4yMTg1IDEyLjQ2NzUgMjAuMjE4NSAxMi45ODEyIDE5LjkyMTlaTTEyLjE1NzcgMTMuOTQzNkMxMy44NTIxIDEzLjk0MzYgMTUuMjI1NiAxMi41NzAxIDE1LjIyNTYgMTAuODc1OEMxNS4yMjU2IDkuMTgxNCAxMy44NTIxIDcuODA3ODYgMTIuMTU3NyA3LjgwNzg2QzEwLjQ2MzQgNy44MDc4NiA5LjA4OTg0IDkuMTgxNCA5LjA4OTg0IDEwLjg3NThDOS4wODk4NCAxMi41NzAxIDEwLjQ2MzQgMTMuOTQzNiAxMi4xNTc3IDEzLjk0MzZaIiBmaWxsPSIjNEU1NDYxIiBzdHlsZT0iZmlsbDojNEU1NDYxO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjMwNTkgMC4zMjk0IDAuMzgwNCk7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=)
}

.mt-activity-card__body {
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1
}

.mt-activity-card.type-card {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .08)
}

.mt-activity-card.type-card .mt-activity-card__object {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    opacity: 1;
    order: 0
}

.mt-activity-card.type-card .mt-activity-card__obj-wrap {
    display: none
}

.mt-activity-card.type-card .mt-activity-card__main {
    order: 1;
    background: #fff;
    padding: 16px 24px 24px
}

.mt-activity-card.type-card .mt-activity-card__ft {
    margin-top: 0;
    margin-bottom: 16px
}

.mt-activity-card.type-card .mt-activity-card__body {
    order: 1
}

.mt-activity-card.type-card .mt-activity-card__location {
    border-radius: 4px;
    background: #fff4eb;
    padding: 0 8px;
    height: 26px;
    font-size: 14px;
    font-weight: 500;
    color: #ff970f
}

.mt-activity-card.type-card .mt-activity-card__location:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuMjUgNy4xMjVDMTQuMjUgMTAuOTgzMiAxMC42MTQ3IDEzLjU3MDcgOC45NDUzNyAxNC41NTU0QzguNDM0NDQgMTQuODU2OCA3LjgxNTU2IDE0Ljg1NjggNy4zMDQ2MyAxNC41NTU0QzUuNjM1MzEgMTMuNTcwNyAyIDEwLjk4MzIgMiA3LjEyNUMyIDMuNzQyMjYgNC43NDIyNiAxIDguMTI1IDFDMTEuNTA3NyAxIDE0LjI1IDMuNzQyMjYgMTQuMjUgNy4xMjVaIiBmaWxsPSIjRkY5NzBGIiBzdHlsZT0iZmlsbDojRkY5NzBGO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAxLjAwMDAgMC41OTIyIDAuMDU4OCk7ZmlsbC1vcGFjaXR5OjE7Ii8+CiAgPGNpcmNsZSBjeD0iOC4xMjUiIGN5PSI2Ljg4MzE4IiByPSIyLjYyNSIgZmlsbD0iI0ZGRjRFQiIgc3R5bGU9ImZpbGw6I0ZGRjRFQjtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMS4wMDAwIDAuOTU2OSAwLjkyMTYpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4=);
    width: 16px;
    height: 16px
}

.mt-activity-card.type-card .mt-activity-card__date {
    color: #4e5461
}

.mt-activity-card.type-card .mt-activity-card__tag {
    position: absolute;
    margin-bottom: 0;
    border-radius: 0 0 0 16px;
    background: rgba(0, 0, 0, .4);
    padding: 4px 12px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    top: 0;
    right: 0
}

@media screen and (max-width:1199px) {
    .mt-activity-card.type-card .mt-activity-card__title {
        font-size: 16px;
        line-height: 24px;
        color: #2d3033;
        font-weight: 600;
        display: block
    }

    .mt-activity-card.type-card .mt-activity-card__desc {
        display: block
    }
}

.mt-buy-card-simple {
    padding: 32px;
    background: #fff;
    height: 100%;
    border-radius: 40px;
    color: #000;
    border: 1px solid rgba(226, 235, 240, .5);
    box-shadow: 0 0 200px 0 rgba(220, 233, 249, .4)
}

.mt-buy-card-simple__hd {
    display: flex;
    align-items: flex-start
}

.mt-buy-card-simple__hd img {
    height: 40px;
    width: 40px;
    border-radius: 12px;
    margin-right: 16px
}

.mt-buy-card-simple__tit {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    white-space: nowrap
}

.mt-buy-card-simple__sub {
    margin-top: 8px;
    white-space: nowrap
}

.mt-buy-card-simple__sub .text {
    font-size: 14px;
    line-height: 1;
    margin-right: 10px
}

.mt-buy-card-simple__sub .label {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border: .5px solid var(--Light_wm_color_outline-primary, #b0b6c3);
    padding: 6px 8px;
    border-radius: 10px 13px 13px 2px
}

.mt-buy-card-simple__desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.mt-buy-card-simple__desc .bubble-info-icon {
    cursor: pointer;
    width: 16px;
    vertical-align: -3px;
    margin-left: 4px
}

.mt-buy-card-simple__btns {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 38px
}

.mt-buy-card-simple__btns .mt-btn {
    font-size: 16px;
    font-weight: 500;
    flex: 1;
    height: 48px;
    border-radius: 30px
}

.mt-buy-card-simple__btns .mt-btn.outline-black:not(:hover) {
    border: 1px solid var(--Light_wm_color_outline-primary, #b0b6c3)
}

@media screen and (max-width:1200px) {
    .mt-buy-card-simple {
        padding: 24px;
        border-radius: 24px
    }

    .mt-buy-card-simple__hd img {
        margin-right: 12px
    }

    .mt-buy-card-simple__tit {
        font-size: 20px;
        line-height: 1
    }

    .mt-buy-card-simple__sub {
        font-size: 0
    }

    .mt-buy-card-simple__sub .text {
        font-size: 12px
    }

    .mt-buy-card-simple__desc {
        font-size: 12px;
        margin-top: 16px
    }

    .mt-buy-card-simple__btns {
        gap: 12px;
        margin-top: 24px
    }

    .mt-buy-card-simple__btns .mt-btn {
        font-size: 14px;
        height: 44px;
        min-width: 88px
    }
}

@media screen and (min-width:1201px) and (max-width:1365px) {
    .mt-buy-card-simple__hd img {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:767px) {
    .mt-buy-card-simple__hd img {
        display: none
    }
}

.mt-buy-card-2024__group {
    display: flex;
    gap: 20px;
    justify-content: center
}

.mt-buy-card-2024__item {
    padding: 44px 32px 32px;
    border-radius: 30px;
    border: 1px solid var(--Light_wm_color_primary-secondary, #ebf2ff);
    background: #fff;
    box-shadow: 0 20px 100px 0 rgba(220, 233, 249, .5);
    -webkit-backdrop-filter: blur(19.5px);
    backdrop-filter: blur(19.5px);
    width: 480px;
    color: var(--Light_wm_color_text-primary, #000)
}

.mt-buy-card-2024__item .mt-link {
    color: var(--Light_wm_color_primary-primary, #06f);
    font-size: 14px;
    line-height: 1;
    margin-left: 8px
}

.mt-buy-card-2024__item .mt-link:after {
    background-image: url(https://cdn.meeting.tencent.com/pro/1caadc5c4500d7f2ab30f5e577d9aea6.svg);
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.mt-buy-card-2024__item.is-current {
    border: 2px solid var(--Light_wm_color_primary-primary, #06f);
    position: relative
}

.mt-buy-card-2024__item.is-current:before {
    content: "";
    display: inline-block;
    height: 26px;
    width: 100%;
    box-sizing: border-box;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/currenta4a-78f191e15dc6e436.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.mt-buy-card-2024__item__corner {
    position: absolute;
    right: 0;
    top: 0
}

.mt-buy-card-2024__item__corner img {
    height: 35px
}

.mt-buy-card-2024__item .mt-buy-bubble .info-icon {
    width: 14px;
    height: 14px
}

.mt-buy-card-2024__item.without-price-text .mt-buy-card-2024__item-price {
    min-height: unset
}

.mt-buy-card-2024__item-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mt-buy-card-2024__item-hd {
    padding-bottom: 28px;
    border-bottom: 1px solid #e0e4f3
}

.mt-buy-card-2024__item-bd {
    flex: 1;
    padding-top: 28px
}

.mt-buy-card-2024__item-title {
    display: flex;
    align-items: center
}

.mt-buy-card-2024__item-title .text {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    white-space: nowrap
}

.mt-buy-card-2024__item-title .sub-text {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap
}

.mt-buy-card-2024__item-title .title-label {
    display: inline-flex;
    margin-left: 8px;
    height: 24px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1;
    border-radius: 10px 13px 13px 2px;
    border: .5px solid var(--Light_wm_color_text-disabled, #b0b6c3);
    font-weight: 400;
    box-sizing: border-box;
    white-space: nowrap
}

.mt-buy-card-2024__item-desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    min-height: 42px;
    max-width: 238px
}

.mt-buy-card-2024__item-price {
    position: relative;
    min-height: 100px;
    margin-top: 32px
}

.mt-buy-card-2024__item-price .inner {
    display: flex;
    align-items: flex-end;
    white-space: nowrap
}

.mt-buy-card-2024__item-price .inner+div {
    margin-top: 12px
}

.mt-buy-card-2024__item-price .inner .unit {
    margin-left: 4px;
    position: relative;
    bottom: 4px
}

.mt-buy-card-2024__item-price .currency {
    margin-left: -6px;
    font-size: 42px;
    line-height: 48px
}

.mt-buy-card-2024__item-price .num {
    font-family: TCloudNumber;
    font-size: 48px;
    line-height: 48px;
    margin-left: 0
}

.mt-buy-card-2024__item-price .decimal-num {
    font-family: TCloudNumber;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
    margin-left: 2px;
    position: relative;
    bottom: 2px
}

.mt-buy-card-2024__item-price .unit {
    font-size: 14px;
    line-height: 20px
}

.mt-buy-card-2024__item-price.consult .inner {
    align-items: center;
    font-family: TCloudNumber;
    font-size: 34px;
    line-height: 48px
}

.mt-buy-card-2024__item-price.consult .inner:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjY3NjUgMjcuNTg1QzIxLjQ2ODQgMjcuNTg1IDIwLjExMzMgMjcuMzU2NSAxOC42OTI5IDI2LjkxNTdDMTUuMjgwNiAyNS44NTQ0IDExLjkxNzMgMjMuNjM0IDkuMjIzNDcgMjAuNjYyNkM1LjE5MDgyIDE2LjIwNTUgMy4yNjQyOSAxMS43NjQ2IDMuNjM5OCA3LjgxMzYyQzMuNzU0MDggNi44MzQwMyA0LjA2NDI5IDUuNTkzMjEgNS41MzM2NyA0LjU5NzI5QzYuNjYwMjEgMy42ODMwMSA3Ljk1IDMuMTYwNTYgOC45NjIyNSAzLjE3Njg5QzEwLjAyMzUgMy4xOTMyMSAxMC4zODI3IDMuNTY4NzIgMTEuNDc2NSA1LjE1MjRDMTMuMTU4MiA3LjQ3MDc2IDEzLjI3MjQgOC42MTM2MiAxMy4yMDcxIDkuMjY2NjhDMTMuMDkyOSAxMC4zNDQyIDEyLjUwNTEgMTAuODE3NyAxMS45NjYzIDExLjI0MjJDMTEuODM1NyAxMS4zNDAyIDExLjcwNTEgMTEuNDU0NCAxMS41OTA4IDExLjU1MjRDMTAuOTM3OCAxMi4zODUgMTAuMTM3OCAxMy41NDQyIDEzLjU2NjMgMTcuMDg3MUMxNi40ODg4IDE5Ljg5NTMgMTguMDcyNCAyMC4yMzgxIDE4Ljc0MTggMjAuMTg5MUMxOS4yNjQzIDIwLjE1NjUgMTkuNDYwMiAxOS44Nzg5IDE5LjU0MTggMTkuNzgxTDE5LjU1ODIgMTkuNzY0NkMyMC42NTIgMTguMjI5OSAyMS4wMTEyIDE3Ljg1NDQgMjIuMDU2MSAxNy42OTEyQzIzLjA2ODQgMTcuNTI3OSAyMy41OTA4IDE3Ljg1NDQgMjUuNzQ1OSAxOS4yMDk1QzI3LjY4ODggMjAuNDM0IDI4LjU4NjcgMjEuMjUwNCAyOC4zOTA4IDIyLjU0MDFDMjguMzI1NSAyMy45NDQyIDI3LjI0OCAyNS44NTQ0IDI2LjAzOTggMjYuNzE5N0MyNS4yMDcxIDI3LjI5MTIgMjQuMDQ4IDI3LjU4NSAyMi42NzY1IDI3LjU4NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 8px
}

.mt-buy-card-2024__item-price .price-text {
    font-size: 14px;
    line-height: 1.14;
    margin-top: 6px
}

.mt-buy-card-2024__item-price .price-text div+div {
    margin-top: 8px
}

.mt-buy-card-2024__item .mt-btn {
    min-width: 0;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 4px 20px rgba(0, 103, 198, .1);
    height: 56px;
    border-radius: 30px;
    margin-top: 24px;
    width: 160px
}

.mt-buy-card-2024__item .mt-btn.outline {
    box-shadow: none
}

.mt-buy-card-2024__item-group-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 16px;
    margin-top: 28px
}

.mt-buy-card-2024__item-group>li:first-child .mt-buy-card-2024__item-group-title {
    margin-top: 0
}

.mt-buy-card-2024__item-features li {
    font-size: 14px;
    line-height: 1;
    padding-left: 20px;
    position: relative;
    display: flex;
    align-items: center
}

.mt-buy-card-2024__item-features li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNi43MjE5OSIgY3k9IjYuNzIxOTkiIHI9IjYuNzIxOTkiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zLjczNDM4IDYuNzIxOEw1Ljg1OTE0IDguOTYyNDdMOS43MDk0OCA1LjIyODAzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNDkzNzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mt-buy-card-2024__item-features li+li {
    margin-top: 18px
}

.mt-buy-card-2024__item-features li .icon {
    margin-left: 4px
}

.mt-buy-card-2024__item-features li .icon-new {
    display: inline-block;
    width: 26px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC4yNSIgeT0iMC4yNSIgd2lkdGg9IjI1LjUiIGhlaWdodD0iMTEuNSIgcng9IjMuNzUiIHN0cm9rZT0iIzAwNkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTQuNDk3NSAzLjI4OEg1LjM3NzVMOC4yOTc1IDcuNTM2SDguMzI5NVYzLjI4OEg5LjIwMTVWOUg4LjM1MzVMNS40MDE1IDQuNzA0SDUuMzY5NVY5SDQuNDk3NVYzLjI4OFpNMTAuMzI1NiAzLjI4OEgxNC40Mjk2VjQuMDMySDExLjE5NzZWNS42OTZIMTQuMjM3NlY2LjQ0SDExLjE5NzZWOC4yNTZIMTQuNTY1NlY5SDEwLjMyNTZWMy4yODhaTTE0LjkzMDYgMy4yODhIMTUuOTE0NkwxNy4wMjY2IDcuNzM2SDE3LjA1ODZMMTguMjI2NiAzLjI4OEgxOS4xMzg2TDIwLjMwNjYgNy43MzZIMjAuMzM4NkwyMS40NTA2IDMuMjg4SDIyLjQzNDZMMjAuNzg2NiA5SDE5Ljg1ODZMMTguNjk4NiA0LjU5MkgxOC42NjY2TDE3LjUwNjYgOUgxNi41NzA2TDE0LjkzMDYgMy4yODhaIiBmaWxsPSIjMDA2RkZGIi8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 4px
}

.mt-buy-card-2024__item-features li img {
    max-width: 14px;
    max-height: 14px;
    margin-left: 4px
}

@media screen and (min-width:768px) {
    .mt-buy-card-2024__item-features.layout-column {
        display: flex;
        flex-wrap: wrap
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 {
        gap: 0 36px
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 li {
        box-sizing: border-box
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 li:nth-child(odd) {
        width: 50%
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 li:nth-child(2) {
        margin-top: 0
    }

    .mt-buy-card-2024__item-features.layout-column.column-3 li {
        box-sizing: border-box;
        width: 33.3%
    }

    .mt-buy-card-2024__item-features.layout-column.column-3 li:nth-child(2),
    .mt-buy-card-2024__item-features.layout-column.column-3 li:nth-child(3) {
        margin-top: 0
    }
}

.mt-buy-card-2024__item-bottom-info {
    margin-top: 18px;
    display: flex;
    align-items: center
}

.mt-buy-card-2024__item-bottom-info .icon {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.mt-buy-card-2024__item-bottom-info .text {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 14px;
    line-height: 1
}

.mt-buy-card-2024__item-btns {
    display: flex;
    gap: 20px
}

.mt-buy-card-2024__item .features-layout-lr {
    display: flex;
    justify-content: space-between
}

.mt-buy-card-2024__item .features-layout-lr .mt-buy-card-2024__item-group-title {
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .mt-buy-card-2024 .single-card {
        width: 980px;
        padding: 0
    }

    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-hd {
        padding: 32px 40px;
        border-bottom: 0;
        border-radius: 30px 30px 30px 0;
        overflow: hidden;
        position: relative
    }

    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-hd-bg {
        z-index: -1;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-size: cover;
        background-position: 100% 0;
        background-repeat: no-repeat
    }

    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-desc {
        max-width: 294px;
        font-size: 14px;
        line-height: 24px
    }

    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-bd {
        padding: 32px 40px 40px
    }
}

.mt-buy-card-2024__item-extra {
    padding: 14px 4px 4px;
    border-radius: 27px;
    background: linear-gradient(142deg, rgba(140, 184, 255, .3) 4.72%, rgba(155, 130, 255, .3) 89.47%);
    display: flex;
    flex-direction: column
}

.mt-buy-card-2024__item-extra .mt-buy-card-2024__item {
    flex: 1
}

.mt-buy-card-2024__item-extra .mt-buy-card-2024__item:not(.is-current) {
    border: 0
}

.mt-buy-card-2024__item-extra-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.mt-buy-card-2024__item-extra .info-text {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background: linear-gradient(154deg, #2d88ff -19.9%, #633df9 86.72%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mt-buy-card-2024__item-extra .info-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

@media screen and (max-width:1200px) {
    .mt-buy-card-2024__group {
        flex-wrap: wrap;
        max-width: 700px;
        margin: 0 auto
    }

    .mt-buy-card-2024__item {
        padding: 44px 24px 24px;
        border-radius: 24px;
        width: calc(50% - 10px)
    }

    .mt-buy-card-2024__item-hd {
        padding-bottom: 18px
    }

    .mt-buy-card-2024__item-bd {
        padding-top: 18px
    }

    .mt-buy-card-2024__item-title .text {
        font-size: 20px;
        line-height: 24px
    }

    .mt-buy-card-2024__item-desc {
        line-height: 24px
    }

    .mt-buy-card-2024__item-price {
        min-height: 84px;
        margin-top: 20px
    }

    .mt-buy-card-2024__item-price .inner+div {
        margin-top: 6px
    }

    .mt-buy-card-2024__item-price .inner .unit {
        margin-left: 2px;
        bottom: 2px
    }

    .mt-buy-card-2024__item-price .currency,
    .mt-buy-card-2024__item-price .num {
        font-size: 32px;
        line-height: 34px
    }

    .mt-buy-card-2024__item-price .decimal-num {
        margin-left: 2px
    }

    .mt-buy-card-2024__item-price .unit {
        font-size: 14px;
        line-height: 20px
    }

    .mt-buy-card-2024__item-price.consult .inner {
        font-size: 32px;
        line-height: 34px
    }

    .mt-buy-card-2024__item-price .price-text div+div {
        margin-top: 4px
    }

    .mt-buy-card-2024__item .mt-btn {
        font-size: 14px;
        height: 44px;
        margin-top: 18px;
        width: 180px
    }

    .mt-buy-card-2024__item-group-title {
        font-weight: 400
    }

    .mt-buy-card-2024__item-features li+li {
        margin-top: 16px
    }

    .mt-buy-card-2024__item-features li .icon {
        margin-left: 4px
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 {
        gap: 0
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 li {
        width: 100%
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 li:nth-child(2) {
        margin-top: 16px
    }

    .mt-buy-card-2024__item-features.layout-column.column-2 li:nth-child(odd) {
        width: 100%
    }

    .mt-buy-card-2024__item-btns {
        gap: 12px
    }

    .mt-buy-card-2024__item-btns .mt-btn {
        flex: 1;
        min-width: unset
    }

    .mt-buy-card-2024__item .features-layout-lr {
        gap: 28px;
        flex-direction: column
    }

    .mt-buy-card-2024__item .features-layout-lr .mt-buy-card-2024__item-group-title {
        margin-top: 28px
    }

    .mt-buy-card-2024__item-extra {
        width: calc(50% - 10px)
    }

    .mt-buy-card-2024__item-extra .mt-buy-card-2024__item {
        width: 100%
    }
}

@media screen and (max-width:1200px) and (min-width:768px) {
    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-hd {
        padding: 32px 36px
    }

    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-desc {
        max-width: 220px
    }

    .mt-buy-card-2024 .single-card .mt-buy-card-2024__item-bd {
        padding: 32px
    }
}

@media screen and (max-width:767px) {
    .mt-buy-card-2024__group {
        margin: 0 16px
    }

    .mt-buy-card-2024__item {
        width: 100%
    }

    .mt-buy-card-2024__item-extra {
        width: unset
    }
}

.mt-combination-card {
    display: flex;
    padding: 60px;
    gap: 60px;
    justify-content: space-between;
    border-radius: 40px;
    border: 1px solid rgba(226, 235, 240, .5);
    background: linear-gradient(0deg, rgba(186, 216, 243, .04), rgba(186, 216, 243, .2)), #fff;
    box-sizing: border-box
}

.mt-combination-card__item {
    flex: 1;
    max-width: 340px
}

.mt-combination-card__item-hd {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.mt-combination-card__item-icon {
    width: 36px;
    height: 36px;
    margin-right: 12px
}

.mt-combination-card__item-tit {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    white-space: nowrap
}

@media screen and (max-width:1340px) and (min-width:1201px) {
    .mt-combination-card__item-tit {
        white-space: wrap
    }
}

.mt-combination-card__item-desc {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    line-height: 28px
}

@media screen and (max-width:1200px) {
    .mt-combination-card {
        padding: 32px 48px;
        gap: 32px;
        border-radius: 20px
    }

    .mt-combination-card__item-hd {
        margin-bottom: 16px;
        flex-direction: column
    }

    .mt-combination-card__item-icon {
        width: 24px;
        height: 24px;
        margin-right: 0;
        margin-bottom: 12px
    }

    .mt-combination-card__item-tit {
        font-size: 16px;
        line-height: 100%
    }

    .mt-combination-card__item-desc {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width:767px) {
    .mt-combination-card {
        padding: 32px;
        flex-direction: column
    }

    .mt-combination-card__item-hd {
        margin-bottom: 12px;
        flex-direction: row
    }

    .mt-combination-card__item-icon {
        margin-right: 8px;
        margin-bottom: 0
    }
}

.mt-img-tab .mt-tabs {
    position: relative;
    overflow: hidden
}

.mt-img-tab .mt-tabs>.mt-tabs-hd {
    position: absolute;
    z-index: 1;
    top: 30px;
    width: 40.6779661017%
}

.mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list {
    justify-content: space-between;
    border-bottom: 1px solid #e6e8eb
}

.mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list>.mt-tabs-item a {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 0;
    position: relative;
    margin-bottom: -1px;
    overflow: hidden;
    white-space: nowrap
}

.mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list>.mt-tabs-item a:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    border-radius: 2px;
    bottom: 0;
    transform: translateX(-100%)
}

.mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list>.mt-tabs-item.is-active a {
    color: #06f;
    font-weight: 500
}

.mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list>.mt-tabs-item.is-active a:after {
    background-color: #06f;
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.3, 0, 0, 1)
}

.mt-img-tab .mt-tabs>.mt-tabs-bd .mt-tabs-panel-inner {
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    min-height: 390px
}

.mt-img-tab__btns {
    margin-top: 40px
}

.mt-img-tab__btns .mt-btn {
    width: 170px;
    height: 56px;
    border-radius: 35px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

.mt-img-tab__btns .mt-btn+.mt-btn {
    margin-left: 24px
}

.mt-img-tab__item-main {
    padding-top: 118px;
    width: 44.0677966102%
}

.mt-img-tab__item-tit {
    color: var(--Light_wm_color_text-primary, #000);
    font-weight: 600;
    font-size: 24px;
    line-height: 28px
}

.mt-img-tab__item-desc {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    line-height: 2;
    margin-top: 20px
}

.mt-img-tab__item-obj {
    width: 49.1525423729%;
    padding-top: 31.8644067797%;
    position: relative
}

.mt-img-tab__item-obj img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:1200px) {
    .mt-img-tab .mt-tabs>.mt-tabs-hd {
        width: auto;
        position: static;
        text-align: center
    }

    .mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list {
        justify-content: center;
        display: inline-flex;
        margin: 0 auto;
        border-bottom: 0;
        gap: 20px
    }

    .mt-img-tab .mt-tabs>.mt-tabs-hd>.mt-tabs-list>.mt-tabs-item a {
        font-size: 12px;
        padding-bottom: 12px
    }

    .mt-img-tab .mt-tabs>.mt-tabs-bd .mt-tabs-panel-inner {
        padding-top: 28px;
        min-height: 258px
    }

    .mt-img-tab__item-main {
        padding-top: 18px
    }

    .mt-img-tab__item-tit {
        font-size: 16px;
        line-height: 1.5
    }

    .mt-img-tab__item-desc {
        font-size: 12px;
        line-height: 20px;
        margin-top: 20px
    }

    .mt-img-tab__btns {
        margin-top: 32px
    }

    .mt-img-tab__btns .mt-btn {
        width: 90px;
        height: 36px;
        font-size: 12px
    }

    .mt-img-tab__btns .mt-btn:first-child {
        box-shadow: 0 10px 15px 0 rgba(0, 102, 255, .1)
    }
}

@media screen and (max-width:767px) {
    .mt-img-tab .mt-tabs-panel-inner {
        flex-direction: column;
        min-height: unset
    }

    .mt-img-tab__item-main {
        width: 100%;
        padding-top: 0
    }

    .mt-img-tab__item-tit {
        display: flex;
        align-items: center
    }

    .mt-img-tab__item-tit:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 12px;
        background: url(https://cdn.meeting.tencent.com/pro/f016d540fef26ee079c3192012a358e0.svg) no-repeat;
        background-size: contain;
        margin-left: 8px
    }

    .mt-img-tab__item-desc {
        margin-top: 8px
    }

    .mt-img-tab__item-obj {
        width: 100%;
        padding-top: 65.889212828%;
        margin-top: 12px
    }

    .mt-img-tab__btns {
        display: none
    }
}

.mt-scene-step {
    display: flex;
    background: linear-gradient(0deg, rgba(186, 216, 243, .04), rgba(186, 216, 243, .2)), var(--Light_wm_color_background-quaternary, #fff);
    border-radius: 40px 120px 40px 40px;
    border: 1px solid #e2ebf0;
    overflow: hidden
}

.mt-scene-step__main {
    width: 300px;
    border-right: 1px solid #fff;
    background: linear-gradient(180deg, rgba(186, 216, 243, .2), rgba(186, 216, 243, .15)), linear-gradient(0deg, #fff, #fff), linear-gradient(180deg, rgba(245, 246, 250, .8), #f5f6fa 65.69%);
    -webkit-backdrop-filter: blur(12.3207073212px);
    backdrop-filter: blur(12.3207073212px)
}

.mt-scene-step__side {
    padding: 98px 0 70px 60px;
    flex: 1;
    width: 1px
}

.mt-scene-step__hd {
    font-size: 0;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: flex-end
}

.mt-scene-step__hd img {
    height: 130px
}

.mt-scene-step__bd {
    padding: 36px
}

.mt-scene-step__title {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 36px
}

.mt-scene-step__desc {
    color: var(--Light_wm_color_text-secondary, #4e5461);
    font-size: 16px;
    line-height: 36px
}

@media screen and (max-width:1340px) and (min-width:1201px) {
    .mt-scene-step .mt-flow-step.horizontal .mt-flow-step__item-content {
        padding-right: 32px
    }
}

@media screen and (max-width:1199px) {
    .mt-scene-step {
        border-radius: 20px 80px 20px 20px;
        background: linear-gradient(180deg, rgba(186, 216, 243, .2), rgba(186, 216, 243, .04)), #fff
    }

    .mt-scene-step__main {
        display: none
    }

    .mt-scene-step__side {
        padding: 48px;
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .mt-scene-step {
        border-radius: 20px
    }

    .mt-scene-step__side {
        padding: 36px 40px
    }
}

.mt-guide-entry {
    display: inline-flex;
    margin: 0 auto;
    padding: 8px 8px 8px 12px;
    align-items: center;
    border-radius: 36px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(2, 119, 100, .05);
    box-sizing: border-box;
    color: var(---, #565e66);
    font-size: 14px;
    line-height: 1.14;
    white-space: nowrap;
    border: 1px solid #20c57d;
    cursor: pointer
}

.mt-guide-entry__logo {
    height: 20px;
    display: flex;
    align-items: center
}

.mt-guide-entry__logo img {
    height: 100%
}

.mt-guide-entry__logo:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #e5e5e5;
    margin: 0 10px
}

.mt-guide-entry .mt-link.green-btn {
    margin-left: 60px;
    border-radius: 16px;
    background: #2ec985;
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: var(--Light_wm_color_primary-ondisable, #fff)
}

.mt-guide-entry .mt-link.green-btn:after {
    background-size: contain;
    width: 7px;
    height: 8px;
    margin-left: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNyA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS4yIDAuODAwMDQ4TDUuMTAxMzkgMy40MDA5N0M1LjUyODg3IDMuNjg1OTYgNS41Mjg4NyA0LjMxNDEzIDUuMTAxMzkgNC41OTkxMkwxLjIgNy4yMDAwNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==)
}

@media screen and (max-width:600px) {
    .mt-guide-entry {
        padding: 10px 14px 10px 10px;
        color: var(--Light_wm_color_text-primary, #000);
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .56px
    }

    .mt-guide-entry__logo {
        width: 93px
    }

    .mt-guide-entry__logo:after {
        margin: 0 8px
    }

    .mt-guide-entry .mt-link.green-btn {
        margin-left: 16px;
        border-radius: 0;
        background: transparent;
        padding: 0;
        font-size: 0
    }

    .mt-guide-entry .mt-link.green-btn:after {
        width: 16px;
        height: 16px;
        margin-left: 4px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42OTkzIDkuM0gyLjU5NzM2QzIuMTU1NTQgOS4zIDEuNzk3MzYgOC45NDE4MyAxLjc5NzM2IDguNUMxLjc5NzM2IDguMDU4MTcgMi4xNTU1NCA3LjcgMi41OTczNiA3LjdMMTEuNjk5MiA3LjdMNy4zOTY3NCA0LjExNDZDNy4wNTczMiAzLjgzMTc1IDcuMDExNDYgMy4zMjczIDcuMjk0MzEgMi45ODc4OEM3LjU3NzE2IDIuNjQ4NDYgOC4wODE2MSAyLjYwMjYgOC40MjEwMyAyLjg4NTQ1TDEzLjU5MTQgNy4xOTQwNUMxNC40MDY5IDcuODczNyAxNC40MDY5IDkuMTI2MzUgMTMuNTkxNCA5LjgwNkw4LjQyMTAzIDE0LjExNDZDOC4wODE2MSAxNC4zOTc1IDcuNTc3MTYgMTQuMzUxNiA3LjI5NDMxIDE0LjAxMjJDNy4wMTE0NiAxMy42NzI4IDcuMDU3MzIgMTMuMTY4MyA3LjM5Njc0IDEyLjg4NTVMMTEuNjk5MyA5LjNaIiBmaWxsPSIjMjBDNTdEIi8+Cjwvc3ZnPgo=)
    }
}

:root {
    --tm-rate: 1
}

.mt-bubble-feat-card {
    box-sizing: border-box
}

.mt-bubble-feat-card__title {
    color: var(--Light_wm_color_text-primary, #000);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 16px
}

.mt-bubble-feat-card__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px
}

.mt-bubble-feat-card__list-item {
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1;
    color: var(--Light_wm_color_text-primary, #000);
    padding-left: 16px
}

.mt-bubble-feat-card__list-item:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0664f9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.mt-bubble-feat-card__link-wrap .mt-link {
    font-size: 14px;
    line-height: 16px
}

.mt-bubble-feat-card__link-wrap .mt-link:after {
    background-image: url(https://cdn.meeting.tencent.com/pro/1caadc5c4500d7f2ab30f5e577d9aea6.svg);
    width: 12px;
    height: 12px;
    margin-left: 2px
}