[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;
}

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

@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: #045afe;
    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:#198cff
    }
}

.mt-btn:active {
    background-color: #0054e6
}

.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:#045afe;
        border-color: #045afe
    }
}

.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:#045afe;
        border-color: #045afe
    }
}

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

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

@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:#006fff;
        color: #fff
    }
}

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

@media screen and (any-hover: hover) {
    .mt-btn.round-outline:hover {
        background-color:#045afe;
        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:#045afe;
        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: #045afe;
    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: #045afe;
    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: #045afe;
    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: #006fff;
    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: ""
}

.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: #006fff;
    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-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: #045afe;
    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: #045afe;
    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-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: #006fff;
    border-bottom-color: #006fff
}

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

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

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

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

.mt-tabs.is-animate .mt-tabs-panel.is-active {
    width: auto;
    transition: all .3s ease-out;
    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:#006fff
    }
}

.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 20px;
    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: #006fff
}

.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: #045afe;
    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: #045afe
}

.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: #045afe;
    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: #045afe;
    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__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: #045afe;
    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;
    visibility: hidden;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    pointer-events: none
}

.mt-tabs__swiper-panel.is-active {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
    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__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
    }
}

@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__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: #045afe;
        background-color: transparent
    }

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

    .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: #e6f1ff;
    background-size: 636px auto,392px auto;
    background-repeat: no-repeat;
    background-position: left calc(50% + 450px) bottom,left calc(50% - 135px) top;
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-bottom474-0deb54e6958be07d.png),url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-top2d4-e0b460eb4a6f2950.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: #045afe;
    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
}

@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: #e6f1ff;
        background-size: 408px auto,392px auto;
        background-repeat: no-repeat;
        background-position: bottom,left calc(50% - 180px) top -30px;
        background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-bottom-me95-32cafd166f261435.png),url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-top2d4-e0b460eb4a6f2950.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
    }
}

@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)
    }
}

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

.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.is-sticky {
    position: relative;
    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 {
    border: 1px solid #006fff;
    color: #006fff;
    background: transparent
}

.mt-compare-table-tr.is-sticky .mt-btn:hover {
    background-color: #006fff;
    color: #fff
}

@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: #006fff
}

.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 #006fff
    }

    .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: #006fff;
    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: #006fff;
    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: #006fff;
    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: #045afe;
    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: #006fff;
    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: #006fff;
    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: #006fff
}

.mt-rooms-card__text {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    color: #045afe;
    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: #006fff;
    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: #006fff;
    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: #006fff;
    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: 48px;
    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: #045afe;
        -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: #045afe
    }
}

.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),#045afe;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 48px auto 164px;
    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__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: #006fff;
    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: #045afe;
    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: #006fff
}

.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: #006fff
}

.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:#045afe 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:#006fff
    }
}

.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: #006fff;
    font-weight: 600;
    border-bottom-color: #006fff
}

.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: #006fff;
        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: #006fff
}

.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:#006fff
    }
}

.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: #006fff
}

@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: #045afe 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: #006fff
}

.mt-swiper .swiper-pagination-bullet-active {
    cursor: default;
    width: 31px;
    background-color: #006fff
}

.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: #045afe;
    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;
    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),#045afe;
    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__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.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;
    max-width: 192px;
    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:#045afe;
        color: #045afe;
        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:#045afe;
        color: #045afe;
        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__text.display-inline {
    display: inline
}

.mt-feature-media__text.theme-primary {
    color: #006fff;
    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%
}

.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: #045afe;
    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
    }
}

@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
    }
}

@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-product-card .mt-grid__col {
    font-size: 0
}

.mt-product-card__item {
    overflow: hidden;
    width: 100%;
    height: 350px;
    position: relative;
    display: inline-block;
    padding-top: 69.4285714286%;
    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: 0 32px
}

.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: 12px;
    font-size: 16px;
    display: inline-block;
    line-height: 26px
}

.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: #045afe;
    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: #045afe
    }
}

@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-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: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE5SURBVHgB7ZbbjcIwEEXHzhay28A+G6GBBUerRdBRxA8GGqEAQIYGgA5ogBgsIYSCHzNjxFfuH7Y89zBObgagVauIlBq8QqZSNWRoo/s37NWi3nbLfg+YwtQoQgehPurLz87H189ubZZrIJpjaojmgmuZo/bUVNPxaAJ086uklW9aV7vbtbsOGLM4vH9+74UQncYWqhMhc2tlOdXVvLnuvYKNWRkORMx8pivtO+MF4EBwzKMAFAiuuZMAhH7VvzpDjD1bCuT5PzDN0QAJCOCaOxWAVOQ62OYkAAwE1dxJAlGieLHBPVFbIIrUgdDTfiNybKMBEOYsCNQVxN5za23pOaKxX9FkB1Ihw41tFAA24XIgilzzXAjMQJI0z4FADySUkAnFNnsgoSacrxPsgYQTr4+q8ZSxvFWrE35pR8Q01yjEAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px
}

.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: #045afe
}

.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,#045afe);
    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-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-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: #045afe
}

@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__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%)
}

.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: 56px;
    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: #045afe
}

.mt-com-hero .line-gradient__blue {
    background: linear-gradient(90deg,#045afe,#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__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: 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__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: 600
}

.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: #006fff;
    opacity: 1
}

.mt-anchor-bar__item:hover {
    cursor: pointer
}

.mt-anchor-bar__item.is-active:after {
    background-color: #006fff
}

@media screen and (max-width: 1199px) {
    .mt-anchor-bar.is-fixed {
        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 {
    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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #006fff
}

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

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

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: #045afe
}

.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: #045afe
}

.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: #006fff;
    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-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-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
}

.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__more {
    position: absolute;
    bottom: -29px;
    text-align: center;
    left: 0;
    right: 0
}

.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) 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%
    }
}

@media screen and (max-width: 900px) {
    .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 .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-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: #045afe
}

.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:#045afe
    }

    .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: #045afe;
    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,#006fff 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: #045afe
    }

    .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 {
    animation: animate2-ani02homepage-reverse .4s .48s forwards
}

.mt-home-animation.animate1-reverse .ani-02-homepage,.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 {
    animation: animate2-ani02frame-reverse .4s .48s forwards
}

.mt-home-animation.animate1-reverse .ani-02-frame,.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 {
    animation: animate2-ani02record-reverse .4s forwards
}

.mt-home-animation.animate1-reverse .ani-02-record,.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: 21.0169%;
    flex: none;
    padding: 24px;
    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-meeting-type__option {
    height: 48px;
    line-height: 48px;
    font-weight: 400;
    font-size: 16px;
    color: #4e5461;
    border-radius: 8px;
    position: relative;
    padding: 0 30px 0 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.mt-meeting-type__option+.mt-meeting-type__option {
    margin-top: 4px
}

.mt-meeting-type__option.is-active {
    background: #045afe;
    color: #fff
}

.mt-meeting-type__option.is-active:after {
    width: 10px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSAxTDguNSA4TDEuNSAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 16px;
    content: ""
}

.mt-meeting-type__part {
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    color: #4e5461;
    padding-left: 48px;
    margin-bottom: 16px;
    position: relative
}

.mt-meeting-type__part:before {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzNCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgb3BhY2l0eT0iMC4wMSIgeD0iMS41IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRjAwMDAiLz4KPGNpcmNsZSBjeD0iMjUuMDgzMyIgY3k9IjguOTk5ODQiIHI9IjMuMzMzMzMiIGZpbGw9IiMwMDU4RkYiLz4KPGNpcmNsZSBjeD0iNS45MTY3MSIgY3k9IjguOTk5ODQiIHI9IjMuMzMzMzMiIGZpbGw9IiMwMDU4RkYiLz4KPHBhdGggZD0iTTE5LjUgMTYuNUMxOS41IDE0LjU2NyAyMS4wNjcgMTMgMjMgMTNIMjdDMjguOTMzIDEzIDMwLjUgMTQuNTY3IDMwLjUgMTYuNVYyMkgxOS41VjE2LjVaIiBmaWxsPSIjMDA1OEZGIi8+CjxwYXRoIGQ9Ik0wLjUgMTYuNUMwLjUgMTQuNTY3IDIuMDY3IDEzIDQgMTNIOEM5LjkzMyAxMyAxMS41IDE0LjU2NyAxMS41IDE2LjVWMjJIMC41VjE2LjVaIiBmaWxsPSIjMDA1OEZGIi8+CjxjaXJjbGUgY3g9IjE1LjUiIGN5PSI1LjY2NjY3IiByPSI0LjE2NjY3IiBmaWxsPSIjMDA1OEZGIi8+CjxwYXRoIGQ9Ik04LjUgMTVDOC41IDEyLjc5MDkgMTAuMjkwOSAxMSAxMi41IDExSDE4LjVDMjAuNzA5MSAxMSAyMi41IDEyLjc5MDkgMjIuNSAxNVYyNEg4LjVWMTVaIiBmaWxsPSIjMDA1OEZGIiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
    content: "";
    left: 0;
    position: absolute;
    top: 9px
}

.mt-meeting-type__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4e5461
}

.mt-meeting-type__btns {
    margin-top: 24px
}

.mt-meeting-type__btns .mt-btn {
    width: 184px;
    height: 48px;
    line-height: 46px;
    font-size: 16px
}

.mt-meeting-type__main {
    padding: 24px 24px 24px 48px;
    height: 100%;
    display: flex;
    align-items: center
}

.mt-meeting-type__main--sections {
    flex: 1
}

.mt-meeting-type__main--cnt {
    width: 31.28%;
    margin-right: 16px;
    flex: none
}

.mt-meeting-type__main--obj {
    flex: 1
}

.mt-meeting-type__main.is-hide {
    display: none
}

.mt-meeting-type__img {
    padding-top: 62.069%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    border-radius: 20px
}

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

.mt-equipment-type__lists .mt-grid__col {
    height: 202px
}

.mt-brand-type {
    display: block;
    border-radius: 8px;
    height: 100px;
    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: #045afe;
    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: #045afe;
    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: #006fff;
    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
}

.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: #006fff
}

.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: #006fff;
    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,#045afe,#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: #045afe
}

.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: #045afe;
    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: 26px;
    font-size: 12px;
    line-height: 26px;
    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%
}

.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-win08d-b79eef00e41fd1e9.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.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
}

@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-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
}

@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: #045afe;
    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: #045afe
}

.mt-recommend-entry-card__item:hover:before {
    background: #045afe
}

.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 12px 43px rgba(74,130,183,.15);
    border-radius: 20px;
    padding: 24px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    cursor: pointer
}

@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__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: 16px
}

.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: #646974;
    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:#045afe
    }

    .mt-help-center-card__doc:hover:before {
        background: #045afe
    }
}

.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.has-bg.personal:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-personal605-692f64dfae3d7b85.png)
}

.mt-help-center-card.has-bg.business:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-business09d-5f8f26da8a09b689.png)
}

.mt-help-center-card.has-bg.enterprise:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-enterprise774-ededd154b58a50a5.png)
}

.mt-help-center-card.has-bg.vip:before {
    background-image: url(https://cdn.meeting.tencent.com/assets/next-website/_next/static/images/bg-vipb9a-4fed54f6ca3d2378.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
}

@media screen and (max-width: 1200px) {
    .mt-help-center-card {
        padding:16px 24px;
        border-radius: 16px
    }

    .mt-help-center-card:before {
        border-radius: 16px
    }

    .mt-help-center-card__row.mt-grid__row {
        margin-bottom: -16px;
        margin-left: -8px;
        margin-right: -8px
    }

    .mt-help-center-card__row.mt-grid__row .mt-grid__col {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 16px
    }

    .mt-help-center-card__title {
        font-size: 18px;
        line-height: 26px
    }

    .mt-help-center-card__icon {
        margin-right: 8px
    }

    .mt-help-center-card__docs {
        margin-top: 12px
    }

    .mt-help-center-card__doc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .mt-help-center-card__doc:last-child {
        margin-bottom: 0
    }

    .mt-help-center-card__link {
        font-size: 14px;
        line-height: 26px
    }
}

@media screen and (max-width: 900px) {
    .mt-help-center-card-list.layout-center {
        justify-content:normal
    }

    .mt-help-center-card__row.mt-grid__row {
        margin-bottom: -13px
    }

    .mt-help-center-card__row.mt-grid__row .mt-grid__col {
        margin-bottom: 13px
    }

    .mt-help-center-card__col {
        width: 50%
    }

    .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 15px
    }

    .mt-help-center-card:before {
        display: none
    }

    .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-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: #045afe;
    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: #045afe
}

.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: #045afe
}

.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: #045afe;
    -webkit-text-decoration: underline 1px solid #045afe;
    text-decoration: underline 1px solid #045afe
}

.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-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;
    bottom: 6px;
    left: 6px
}

.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: #006fff;
    padding: 0;
    width: 100%;
    text-align: center;
    background: transparent;
    border-radius: 0
}

.mt-video-list__more-play {
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IC0wLjAwMDQ4ODI4MUM2LjI2ODc1IC0wLjAwMDQ4ODI4MSAwIDYuMjY4MjYgMCAxMy45OTk1QzAgMjEuNzMwOCA2LjI2ODc1IDI3Ljk5OTUgMTQgMjcuOTk5NUMyMS43MzEzIDI3Ljk5OTUgMjggMjEuNzMwOCAyOCAxMy45OTk1QzI4IDYuMjY4MjYgMjEuNzMxMyAtMC4wMDA0ODgyODEgMTQgLTAuMDAwNDg4MjgxWk0xOC41MDMxIDE0LjIxNTFMMTEuNjc4MSAxOS4xODA4QzExLjYzNDQgMTkuMjEyIDExLjU4NDQgMTkuMjI3NiAxMS41MzEyIDE5LjIyNzZDMTEuMzkzOCAxOS4yMjc2IDExLjI4MTIgMTkuMTE1MSAxMS4yODEyIDE4Ljk3NzZWOS4wNTI2NEMxMS4yODEyIDguOTk5NTEgMTEuMjk2OSA4Ljk0OTUxIDExLjMyODEgOC45MDU3NkMxMS40MDk0IDguNzkzMjYgMTEuNTY1NiA4Ljc2ODI2IDExLjY3ODEgOC44NDk1MUwxOC41MDMxIDEzLjgxMkMxOC41MjUgMTMuODI3NiAxOC41NDM4IDEzLjg0NjQgMTguNTU5NCAxMy44NjgzQzE4LjY0MDYgMTMuOTc3NiAxOC42MTU2IDE0LjEzMzkgMTguNTAzMSAxNC4yMTUxWiIgZmlsbD0iIzA0NUFGRSIvPgo8L3N2Zz4K);
    margin-bottom: 16px;
    margin-top: 2px;
    position: relative;
    bottom: 0;
    left: 0
}

.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: #045afe
}

.mt-video-list.is-new .mt-video-list__item-bd {
    padding: 16px 16px 20px
}

@media screen and (max-width: 1200px) {
    .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-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .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: #006fff;
    background-color: rgba(0,111,255,.1);
    border-color: #006fff
}

.mt-pagination__item.is-active {
    color: #fff;
    background-color: #006fff;
    border-color: #006fff
}

.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: #006fff
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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: #045afe
}

.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:#045afe
    }

    .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: #045afe
    }
}

@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:#045afe
    }
}

.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: #045afe
}

.mt-version-detail__release {
    margin-left: 32px;
    color: #045afe;
    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);
    cursor: pointer
}

@media screen and (any-hover: hover) {
    .mt-help-home-desc-card:hover {
        box-shadow:0 18px 43px rgba(74,130,183,.15),0 15px 20px rgba(78,106,149,.06)
    }

    .mt-help-home-desc-card:hover .mt-help-home-desc-card__desc,.mt-help-home-desc-card:hover .mt-help-home-desc-card__title {
        color: #006fff
    }
}

.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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mt-help-home-desc-card__desc {
    font-size: 16px;
    line-height: 24px;
    color: #646974;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@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: #045afe;
    color: #045afe
}

.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:#045afe
    }
}

.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: #045afe;
    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),#006fff;
    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: #006fff;
    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: #006fff;
    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: #006fff;
    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: #006fff;
    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: #006fff;
        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: #045afe;
        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:#045afe
    }
}

.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: #045afe;
    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: #006fff;
    text-decoration: underline
}

.mt-article-collection__item:before {
    content: "";
    background: #045afe;
    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: #045afe
}

@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: #045afe;
    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 {
    width: 100%;
    padding-top: 56.25%;
    max-width: 1280px;
    max-height: 720px;
    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__frame {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    display: none;
    background-clip: content-box
}

.mt-frame-player__frame.is-active {
    display: block
}

.mt-frame-player__video {
    width: 100%;
    border-radius: 32px;
    height: 100%;
    border-right: 1px solid transparent
}

.mt-frame-player__btn,.mt-frame-player__click-area {
    cursor: pointer;
    position: absolute
}

.mt-frame-player__btn {
    width: 5.234375%;
    height: 9.3055555556%;
    background: rgba(4,90,254,.1);
    border: 2px solid #1e75e4;
    box-sizing: border-box;
    border-radius: 50%;
    opacity: 0
}

.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__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-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: #045afe;
    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: #006fff
}

.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: #045afe
}

.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: #045afe;
    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: #006fff
}

.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: #006fff
}

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

.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: 400;
    line-height: normal;
    margin-left: -4px
}

.mt-function-card__desc i {
    font-weight: 600;
    margin: 0 4px
}

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

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

.mt-user-meeting-card__fun-item-title .mt-link-arrow {
    color: #4e5461;
    font-size: 12px;
    display: block;
    line-height: 1;
    margin-top: 6px
}

.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: #006fff;
    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,#045afe);
    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: #045afe
}

.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: #045afe
}

.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: #006fff;
    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: #006fff
}

.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: #045afe
}

@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__desc,.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
}

@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
    }
}

@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,#006fff);
    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-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-rule-card {
    color: red
}

:root {
    --tm-rate: 1
}

.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: #006fff;
    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
}