@charset "UTF-8";

.cdc-btn {
    height: 36px;
    min-width: 92px;
    padding: 0 16px;
    background-color: #0052d9;
    border: 1px solid transparent;
    box-sizing: border-box;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    cursor: pointer;
    text-align: center
}

.cdc-btn:hover {
    background-color: #2670e8;
    box-shadow: none;
    transition: all .3s ease-in-out;
    text-decoration: none
}

.cdc-btn--hole {
    border-color: #0052d9;
    color: #0052d9;
    background-color: #fff
}

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

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

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

.cdc-btn--weak {
    color: #97a3b7;
    box-shadow: none
}

.cdc-btn--weak,
.cdc-btn--weak:hover {
    border-color: #97a3b7;
    background-color: #fff
}

.cdc-btn--weak:hover {
    color: #181818
}

.cdc-btn--text {
    height: auto;
    line-height: 22px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 4px;
    border: 0;
    color: #0052d9;
    background: none;
    box-shadow: none;
    min-width: 0
}

.cdc-btn--text:active,
.cdc-btn--text:hover {
    color: #0349ba;
    background: none !important
}

.cdc-btn--loading {
    border-color: #0052d9;
    color: #0052d9;
    background-color: #fff
}

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

.cdc-btn--loading .cdc-loading {
    margin-top: 0;
    padding: 0
}

.cdc-btn.is-disabled {
    background: #ecf2fe;
    box-shadow: none;
    color: #97a3b7;
    border-color: #ecf2fe;
    cursor: not-allowed
}

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

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

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

.cdc-btn.size-xl {
    min-width: 136px;
    height: 44px;
    padding: 0 24px;
    line-height: 42px
}

.cdc-btn.size-xxl {
    min-width: 156px;
    height: 48px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 46px
}

.cdc-btn.size-full {
    min-width: unset;
    width: 100%
}

.cdc-btn .cdc-svg-icon-con {
    vertical-align: 1px;
    margin-right: 6px
}

.cdc-btn__bubble .tea-bubble__inner {
    background: #fff
}

a.cdc-btn {
    display: inline-block
}

@media screen and (max-width:768px) {
    .cdc-btn:not(.is-disabled):hover {
        background-color: #0052d9;
        border: 1px solid transparent
    }

    .cdc-btn.cdc-btn--hole:not(.is-disabled):hover,
    .cdc-btn.cdc-btn--loading:not(.is-disabled):hover {
        border-color: #0052d9;
        background-color: #fff
    }

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

    .cdc-btn.cdc-btn--weak {
        color: #97a3b7
    }

    .cdc-btn.cdc-btn--weak,
    .cdc-btn.cdc-btn--weak:not(.is-disabled):hover {
        border-color: #97a3b7;
        background-color: #fff
    }
}

.cdc-icon-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #97a3b7;
    cursor: pointer;
    background: none;
    transition: all .2s ease-in
}

.cdc-icon-btn *+* {
    margin-left: 7px
}

.cdc-icon-btn.is-active {
    color: #0052d9
}

.cdc-icon-btn--block,
.cdc-icon-btn--round {
    padding: 6px 8px;
    background: #ecf2fe;
    color: #0052d9;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px
}

.cdc-icon-btn--block.is-active,
.cdc-icon-btn--round.is-active {
    background: #0052d9;
    color: #fff
}

.cdc-icon-btn--round {
    border-radius: 16px
}

.cdc-icon-btn--circle {
    width: 16px;
    height: 16px;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ebedf1;
    color: #4b5b76;
    border-radius: 50%
}

.cdc-icon-btn--circle.is-active {
    color: #0052d9
}

.cdc-icon-btn.danger-btn {
    color: #f64041
}

@media screen and (min-width:769px) {
    .cdc-icon-btn:hover {
        color: #0052d9
    }

    .cdc-icon-btn--block:hover {
        background: #0052d9;
        color: #fff
    }

    .cdc-icon-btn--circle:hover {
        color: #0052d9
    }
}

.cdc-header__account-inner {
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
    max-width: 300px
}

.cdc-header__account-inner:hover .cdc-header__account-bubble {
    z-index: 99;
    visibility: visible;
    opacity: 1
}

.cdc-header__account-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #16181a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
    position: relative;
    padding-right: 20px
}

.cdc-header__account-user .icon-arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-arrow_f9d.svg) 50%/cover no-repeat
}

.cdc-header__account-number {
    border-radius: 60px;
    padding: 0 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    right: 20px
}

.cdc-header__account-dot,
.cdc-header__account-number {
    display: inline-block;
    background: #f64041;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.cdc-header__account-dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    right: 0
}

.cdc-header__account-btn {
    height: 40px;
    width: 160px;
    box-shadow: none
}

.cdc-header__account-wrap {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(55, 99, 170, .12);
    position: relative
}

.cdc-header__account-avatar {
    display: inline-block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    cursor: pointer
}

.cdc-header__account-bubble__ft .cdc-header__account-bubble__btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    border: none;
    border-top: 1px solid #d6dbe3;
    background-image: none;
    box-shadow: none;
    height: auto;
    padding: 12px 0 0
}

.cdc-header__account-bubble__ft .cdc-header__account-bubble__btn:hover {
    color: #0052d9
}

.cdc-header__account-bubble .cdc-header__account-bubble__list {
    margin-bottom: 0
}

.cdc-header__account-bubble .cdc-header__account-bubble__item {
    display: block;
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    padding: 5px 0;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.cdc-header__account-bubble .cdc-header__account-bubble__item .cdc-header__account-number {
    top: 50%;
    left: 96px;
    right: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cdc-header__account-bubble .cdc-header__account-bubble__item:hover {
    color: #0052d9
}

@-webkit-keyframes movepoint {
    85% {
        top: 14px
    }

    to {
        top: 50%
    }
}

@keyframes movepoint {
    85% {
        top: 14px
    }

    to {
        top: 50%
    }
}

.cdc-header__account-bubble .cdc-header__account-bubble__item.message-center .cdc-header__account-number {
    -webkit-animation: movepoint .8s infinite;
    animation: movepoint .8s infinite
}

.cdc-header__account-bubble .cdc-header__account-bubble__inner {
    position: relative;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    padding: 12px 16px;
    background-image: none
}

.cdc-header__account-bubble .cdc-header__account-bubble__ft {
    margin: 8px 0 0
}

.cdc-header__account-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdc-header__account .cdc-login-bubble {
    position: absolute;
    top: 56px;
    right: 10px;
    z-index: 1000
}

.cdc-header__account .cdc-login-bubble.tea-bubble--top .tea-bubble__inner:after,
.cdc-header__account .cdc-login-bubble.tea-bubble--top .tea-bubble__inner:before {
    right: 36px
}

.cdc-header__account .cdc-header__account-bubble {
    padding-top: 12px;
    margin-top: -4px;
    position: absolute;
    margin-right: 22px;
    width: 156px;
    left: auto;
    right: 0;
    top: 32px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all .3s ease-in-out;
    border-top: none;
    -webkit-transform: none;
    transform: none
}

.cdc-header__account-notice .tea-bubble {
    width: 300px
}

.cdc-header__account-notice .tea-bubble__inner {
    background: #4b5b76;
    color: #fff;
    border-color: #4b5b76;
    padding: 6px;
    border-radius: 4px
}

.cdc-header__account-notice .tea-bubble__inner:after,
.cdc-header__account-notice .tea-bubble__inner:before {
    border-bottom-color: #4b5b76 !important
}

.cdc-header__account-notice-hd {
    font-weight: 500;
    line-height: 22px;
    position: relative;
    margin-bottom: 8px;
    font-size: 14px
}

.cdc-header__account-notice-bd {
    line-height: 20px
}

.cdc-header__account-notice .icon-close,
.cdc-header__account-notice .recommend-bubble2-close,
.cdc-header__account-notice .recommend-bubble-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close-white_d99.svg) 50%/cover no-repeat;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0
}

.cdc-header__account-notice .cdc-text-truncation__content {
    color: #fff;
    line-height: 20px;
    max-height: 40px
}

.cdc-header__account-notice .cdc-text-truncation__content:after {
    width: 0 !important
}

.cdc-header__account-notice .cdc-text-truncation__content a:not(.cdc-text-truncation__toggle-btn) {
    margin-left: 6px;
    border-bottom: 1px solid #fff;
    line-height: 16px;
    color: #fff
}

.cdc-header__account-notice .cdc-text-truncation__toggle-btn,
.cdc-header__account-notice .cdc-text-truncation__toggle-btn:before {
    color: #fff
}

.cdc-header__account-notice .cdc-text-truncation__toggle-btn:after {
    content: "查看更多";
    border-bottom: 1px solid #fff;
    line-height: 12px;
    margin-bottom: 4px;
    position: relative
}

.cdc-header__account-notice .cdc-text-truncation__toggle-btn:hover:after {
    color: #fff
}

.cdc-header__account-notice.tea-overlay {
    z-index: 1000 !important
}

@media screen and (max-width:768px) {
    .cdc-header__account-notice {
        display: none
    }
}

.cdc-header__nav-item,
.cdc-header__nav-list {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-header__nav-item {
    vertical-align: middle;
    margin-left: 24px;
    padding-right: 20px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    color: #181818;
    cursor: pointer
}

.cdc-header__nav-item:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../../images/icon-arrow-down_270.svg) 50% no-repeat
}

.cdc-header__nav-item.is-active,
.cdc-header__nav-item:hover {
    color: #0052d9
}

.cdc-header__nav-item.is-active:after,
.cdc-header__nav-item:hover:after {
    background-image: url(../../images/icon-arrow-up_877.svg)
}

.cdc-header__dropdown {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    min-height: 136px;
    transition: height .2s ease-in-out;
    max-height: calc(100vh - 62px);
    overflow: hidden;
    background: #fff;
    background-blend-mode: soft-light;
    mix-blend-mode: normal;
    box-shadow: 0 8px 16px rgba(55, 99, 170, .1)
}

.cdc-header__dropdown-inner {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 54px 72px 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.cdc-header__dropdown-list {
    box-sizing: border-box;
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    margin-right: -24px
}

.cdc-header__dropdown-all {
    width: 226px;
    -ms-flex: none;
    flex: none;
    border-right: 1px solid #dfe3e8
}

.cdc-header__dropdown-item {
    box-sizing: border-box;
    padding: 16px 12px 16px 10px;
    min-width: 226px;
    margin-right: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 82px;
    cursor: pointer
}

.cdc-header__dropdown-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    display: block;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cdc-header__dropdown-item__icon.icon-article {
    background-image: url(../../images/icon-article_8e0.svg)
}

.cdc-header__dropdown-item__icon.icon-ask {
    background-image: url(../../images/icon-ask_53a.svg)
}

.cdc-header__dropdown-item__icon.icon-video {
    background-image: url(../../images/icon-video_94f.svg)
}

.cdc-header__dropdown-item__icon.icon-class {
    background-image: url(../../images/icon-class_2ea.svg)
}

.cdc-header__dropdown-item__icon.icon-learn {
    background-image: url(../../images/icon-learn_83f.svg)
}

.cdc-header__dropdown-item__icon.icon-training {
    background-image: url(../../images/icon-training_924.svg)
}

.cdc-header__dropdown-item__icon.icon-lab {
    background-image: url(../../images/icon-lab_8e5.svg)
}

.cdc-header__dropdown-item__icon.icon-living {
    background-image: url(../../images/icon-living_95d.svg)
}

.cdc-header__dropdown-item__icon.icon-competition {
    background-image: url(../../images/icon-competition_f07.svg)
}

.cdc-header__dropdown-item__icon.icon-app {
    background-image: url(../../images/icon-app_28d.svg)
}

.cdc-header__dropdown-item__icon.icon-sdk {
    background-image: url(../../images/icon-sdk_bc1.svg)
}

.cdc-header__dropdown-item__icon.icon-api {
    background-image: url(../../images/icon-api_779.svg)
}

.cdc-header__dropdown-item__icon.icon-tool {
    background-image: url(../../images/icon-tool_c72.svg)
}

.cdc-header__dropdown-item__icon.icon-coding {
    background-image: url(../../images/icon-coding_978.svg)
}

.cdc-header__dropdown-item__icon.icon-studio {
    background-image: url(../../images/icon-studio_4f7.svg)
}

.cdc-header__dropdown-item__icon.icon-code {
    background-image: url(../../images/icon-code_e53.svg)
}

.cdc-header__dropdown-item__icon.icon-cloudstudio {
    background-image: url(../../images/icon-cloudstudio_5fc.svg)
}

.cdc-header__dropdown-item__icon.icon-cloudnative {
    background-image: url(../../images/icon-cloudnative_75f.svg)
}

.cdc-header__dropdown-item__icon.icon-cloudfun {
    background-image: url(../../images/icon-cloudfun_595.svg)
}

.cdc-header__dropdown-item__icon.icon-laboratory {
    background-image: url(../../images/icon-laboratory_ceb.svg)
}

.cdc-header__dropdown-item__main {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cdc-header__dropdown-item__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-header__dropdown-item__title .cdc-btn--text {
    height: 22px;
    line-height: 22px;
    padding: 0
}

.cdc-header__dropdown-item__desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-header__dropdown-item:hover {
    background: #f2f6fc
}

.cdc-header__dropdown-item:hover .cdc-header__dropdown__desc,
.cdc-header__dropdown-item:hover .cdc-header__dropdown__title {
    color: #0052d9
}

.cdc-header {
    position: relative;
    width: 100%;
    z-index: 1000;
    margin: 0 auto
}

.cdc-header__commercial {
    width: 100%;
    height: 48px;
    position: relative;
    background: rgba(0, 0, 0, .6)
}

.cdc-header__commercial-img {
    height: 100%;
    width: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.cdc-header__commercial-tag {
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px;
    box-sizing: border-box;
    padding: 3px 11px;
    top: 0;
    left: 0
}

.cdc-header__commercial-close {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(../../images/icon-close-commercail_315.svg) 50% no-repeat
}

.cdc-header__mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, .5)
}

.cdc-header__top {
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    padding-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d6dbe3;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-header__top-logo {
    font-size: 0
}

.cdc-header__top-logo i {
    display: block;
    width: 78px;
    height: 28px;
    background: url(../../logo/z-blog-logo.png) 50%/cover no-repeat;
    background-size: 50%;
}

.cdc-header__top-logo.community i {
    width: 77px;
    height: 16px;
    background: url(../../logo/shequ.png);
    background-size: 40%;
    background-repeat: no-repeat;
}

.cdc-header__top-line {
    width: 1px;
    height: 16px;
    background: #9ba6b7;
    margin: 0 16px
}

.cdc-header__top-left {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-header__top-left,
.cdc-header__top-operates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-header__link {
    font-weight: 600;
    font-size: 14px;
    color: #16181a;
    margin-left: 20px
}

.cdc-header__link:hover {
    text-decoration: none;
    color: #0052d9
}

.cdc-header__bottom {
    position: absolute;
    width: 100%;
    left: 0;
    height: 54px;
    background: #fff;
    -ms-flex-align: center;
    box-sizing: border-box;
    padding-left: 20px;
    box-shadow: 0 8px 16px rgba(55, 99, 170, .1);
    z-index: 9
}

.cdc-header__bottom,
.cdc-header__bottom-nav {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.cdc-header__bottom-nav {
    height: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-align: center
}

.cdc-header__bottom-operates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.cdc-header__bottom .cdc-header__bottom-home {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-header__bottom .cdc-header__bottom-home:hover {
    color: #0052d9
}

.cdc-header__tvp {
    margin-left: 24px;
    padding-left: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    cursor: pointer;
    position: relative
}

.cdc-header__tvp:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 22px;
    left: 0;
    top: 0;
    background: rgba(155, 166, 183, .3)
}

.cdc-header__tvp:hover {
    color: #0052d9
}

.cdc-header__capsule {
    width: 166px;
    height: 30px;
    border-radius: 60px;
    margin-left: 24px
}

.cdc-header__capsule>img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 60px
}

.cdc-header__more {
    height: 100%;
    vertical-align: middle;
    margin-left: 24px;
    padding-right: 20px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #181818;
    cursor: pointer
}

.cdc-header__more:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../../images/icon-arrow-down_270.svg) 50% no-repeat
}

.cdc-header__more-dropdown {
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    padding-top: 8px;
    position: absolute
}

.cdc-header__more-dropdown-inner {
    background: #fff;
    border: 1px solid #f0f3f8;
    box-shadow: 0 4px 16px rgba(76, 97, 134, .1);
    border-radius: 2px;
    box-sizing: border-box;
    padding: 20px 16px 8px;
    min-width: 367px
}

.cdc-header__more-item {
    margin-bottom: 12px;
    width: calc(50% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top
}

.cdc-header__more-item:last-child {
    margin-bottom: 0
}

.cdc-header__more-item>a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    position: relative
}

.cdc-header__more-item>a:hover {
    color: #0052d9
}

.cdc-header__more-item .cdc-badge {
    top: -6px;
    right: 42px
}

.cdc-header__more.is-active,
.cdc-header__more:hover {
    color: #0052d9
}

.cdc-header__more.is-active:after,
.cdc-header__more:hover:after {
    background-image: url(../../images/icon-arrow-up_877.svg)
}

.cdc-header__more.is-active .cdc-header__more-dropdown,
.cdc-header__more:hover .cdc-header__more-dropdown {
    display: block
}

.cdc-header__search {
    width: 340px;
    margin: 0 20px 0 30px
}

.cdc-header__search .cdc-search {
    border: 1px solid #d6dbe3;
    background-color: #fff
}

.cdc-header__search .cdc-search__dropdown {
    min-width: 480px
}

.cdc-header__search:hover .cdc-search {
    background-color: #f1f2f5;
    border-color: #d6dbe3
}

.cdc-header__create {
    position: relative;
    margin-right: 20px
}

.cdc-header__create-btn {
    display: block;
    width: 140px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #0052d9;
    background-color: #0052d9;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.cdc-header__create-btn:hover {
    background-color: #2670e8;
    border-color: #2670e8;
    box-shadow: none;
    transition: all .3s ease-in-out
}

.cdc-header__create-btn .cdc-svg-icon {
    font-size: 0;
    vertical-align: -3px;
    margin-right: 4px
}

.cdc-header__create-btn-arrow.cdc-svg-icon-con {
    position: absolute;
    top: 9px;
    right: 10px;
    margin-right: 0;
    -webkit-transform: rotate(180deg) scale(.8);
    transform: rotate(180deg) scale(.8)
}

.cdc-header__create-btn.not-logged {
    color: #0052d9;
    background: #fff;
    border: 1px solid #0052d9
}

.cdc-header__create-btn.not-logged:hover {
    background-color: rgba(0, 82, 217, .15);
    border-color: #0052d9;
    box-shadow: none;
    transition: all .3s ease-in-out
}

.cdc-header__create-bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    padding: 16px
}

.cdc-header__create-bubble .tea-bubble__inner:after,
.cdc-header__create-bubble .tea-bubble__inner:before {
    content: none
}

.cdc-header__create-bubble-operate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 16px
}

.cdc-header__create-bubble-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #f3f6fb;
    border-radius: 2px;
    padding: 8px 10px 4px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-header__create-bubble-item>i {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    background-position: 50%;
    background-repeat: no-repeat
}

.cdc-header__create-bubble-item:hover {
    color: #0052d9
}

.cdc-header__create-bubble-article {
    background-image: url(../../images/icon-bubble-article_5e2.svg)
}

.cdc-header__create-bubble-answer {
    background-image: url(../../images/icon-bubble-answer_060.svg)
}

.cdc-header__create-bubble-video {
    height: 22px;
    background-image: url(../../images/icon-bubble-video_eeb.svg)
}

.cdc-header__create-bubble-btn {
    display: block;
    margin-top: 16px;
    background: #fff;
    border: 1px solid #0052d9;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    width: calc(100% - 2px);
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    font-size: 14px;
    color: #0052d9;
    text-align: center;
    position: relative;
    cursor: pointer
}

.cdc-header__create-bubble-btn .cdc-svg-icon {
    position: absolute;
    top: 9px;
    right: 9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cdc-header__create-bubble-btn:hover {
    background: rgba(0, 82, 217, .15);
    transition: all .3s ease-in-out;
    box-shadow: none
}

.cdc-header__message {
    position: relative;
    margin-left: 24px
}

.cdc-header__message-icon {
    cursor: pointer;
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-message_0d6.svg) 50% no-repeat
}

.cdc-header__message-icon.is-active {
    background-image: url(../../images/icon-message-active_4b7.svg)
}

.cdc-header__message-number {
    position: absolute;
    top: -5px;
    right: -5px;
    font-weight: 500;
    font-size: 12px;
    min-width: 16px;
    min-height: 16px;
    box-sizing: border-box;
    padding: 0 4px;
    border-radius: 50%;
    color: #fff;
    background-color: #f64041
}

.cdc-header__message-bubble .tea-bubble__inner {
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
}

.cdc-header__message-bubble .tea-bubble__inner:before {
    margin-bottom: 0
}

.cdc-header__message-popup {
    min-width: 272px;
    box-sizing: border-box;
    padding: 16px 8px 8px
}

.cdc-header__message-content {
    min-height: 80px
}

.cdc-header__message-list {
    padding-right: 20px;
    margin: -16px -20px 0 0;
    max-height: 380px;
    overflow-x: hidden;
    overflow-y: auto
}

.cdc-header__message-list::-webkit-scrollbar {
    width: 3px;
    background-color: transparent
}

.cdc-header__message-list::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #e8f0fd
}

.cdc-header__message-item {
    position: relative;
    padding: 16px 0 16px 8px;
    font-size: 14px;
    line-height: 24px;
    transition: all .2s;
    word-wrap: break-word;
    color: #4b5b76;
    border-bottom: 1px solid #d6dbe3
}

.cdc-header__message-item .item-btns {
    margin-top: 5px
}

.cdc-header__message-item .cdc-btn {
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 10px;
    min-width: 0;
    box-shadow: none
}

.cdc-header__message-item .unread-icon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 16px;
    box-sizing: border-box;
    width: 20px;
    height: 18px;
    background-color: transparent;
    border: none;
    font-size: 0
}

.cdc-header__message-item .unread-icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #0052d9
}

.cdc-header__message-item a {
    color: #181818;
    font-weight: 500
}

.cdc-header__message-item a:hover {
    color: #0052d9
}

.cdc-header__message-item:last-child {
    border-bottom: none
}

.cdc-header__message-none {
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: #4b5b76;
    text-align: center;
    margin-top: -8px
}

.cdc-header__message-more {
    display: block;
    padding: 16px 10px 0;
    text-align: center;
    font-size: 12px;
    position: relative;
    background: #fff
}

.cdc-header__message-more a {
    color: #0052d9
}

.cdc-header__message-more:before {
    content: "";
    position: absolute;
    left: -24px;
    right: -24px;
    height: 1px;
    background: #d6dbe3;
    top: 0
}

.cdc-header__message-loading {
    margin-top: -8px
}

.cdc-header__account {
    position: relative
}

.cdc-header.show-menu .cdc-header__search .cdc-search {
    background-color: #eff3f9
}

.cdc-header.show-menu .cdc-header__bottom {
    box-shadow: inset 0 -1px 0 rgba(155, 166, 183, .3)
}

.cdc-header.is-fixed .cdc-header__placeholder {
    height: 94px
}

.cdc-header.is-fixed .cdc-header__inner {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.cdc-header.is-fixed.cdc-header--air .cdc-header__placeholder {
    height: 0
}

.cdc-header.is-fixed.cdc-header--half-air .cdc-header__placeholder {
    height: 40px
}

.cdc-header.is-fixed.show-ad .cdc-header__placeholder {
    height: 142px
}

.cdc-header.is-absolute {
    position: absolute;
    top: 0;
    left: 0
}

.cdc-header.show-mask .cdc-header__bottom .cdc-search__mask {
    display: none
}

.cdc-header.show-ad .cdc-header__dropdown {
    top: 88px
}

.cdc-header--air .cdc-header__bottom,
.cdc-header--half-air .cdc-header__bottom {
    background: hsla(0, 0%, 100%, .75);
    box-shadow: inset 0 -1px 0 rgba(155, 166, 183, .3);
    -webkit-backdrop-filter: blur(9.51399px);
    backdrop-filter: blur(9.51399px)
}

.cdc-header--air.show-mask .cdc-header__bottom,
.cdc-header--half-air.show-mask .cdc-header__bottom {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.cdc-header--air.is-sticky .cdc-header__bottom,
.cdc-header--half-air.is-sticky .cdc-header__bottom {
    background: #fff;
    box-shadow: 0 8px 16px rgba(55, 99, 170, .1)
}

.cdc-header--block {
    padding-bottom: 54px
}

.cdc-header.in-technical .cdc-header__search {
    width: 413px
}

.cdc-header__activity {
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center
}

.cdc-header__activity-tit {
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    position: relative;
    margin-right: 42px
}

.cdc-header__activity-tit .cdc-badge {
    top: -6px;
    right: -30px
}

.cdc-header__activity-tit:hover {
    color: #0052d9
}

.cdc-header__activity-con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(180deg, #fff, #fff3f3);
    border: 1px solid #f64041;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 16px
}

.cdc-header__activity-tag {
    background: #f64041;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    padding: 0 6px;
    max-width: 8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-header__activity-desc {
    max-width: 20em;
    padding: 0 8px
}

.cdc-header__activity-desc,
.cdc-header__activity-link {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #f64041;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-header__activity-link {
    padding: 0 8px 0 12px;
    margin-left: 4px;
    position: relative;
    max-width: 5em
}

.cdc-header__activity-link:before {
    content: "";
    height: 12px;
    width: 1px;
    background: #f64041;
    position: absolute;
    left: 0;
    top: 4px
}

@media screen and (max-width:1366px) {
    .cdc-header.in-technical .cdc-header__search {
        width: 289px
    }

    .cdc-header.in-technical .cdc-header__search .cdc-search__wrap {
        min-width: 194px
    }
}

@media screen and (max-width:768px) {
    .cdc-header {
        display: none
    }
}

.cdc-layout {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 120px;
    box-sizing: border-box;
    width: 100%
}

.cdc-layout__main {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    padding-right: 40px
}

.cdc-layout__side {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 338px
}

.cdc-layout.is-mobile {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px
}

.cdc-layout.is-mobile .cdc-layout__main {
    padding-left: 0;
    padding-right: 0
}

.cdc-layout.is-mobile .cdc-layout__side {
    width: 100%
}

.cdc-footer {
    background: #eef1f5;
    -webkit-font-smoothing: antialiased;
    overflow: hidden
}

.cdc-footer,
.cdc-footer__inner {
    box-sizing: border-box;
    width: 100%
}

.cdc-footer__inner {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto
}

.cdc-footer__main {
    box-sizing: border-box;
    padding: 40px 0 32px;
    border-bottom: 1px solid rgba(73, 87, 112, .2);
    display: table;
    width: 100%;
    table-layout: fixed
}

.cdc-footer__website {
    display: table-cell;
    vertical-align: top;
    margin-right: 0
}

.cdc-footer__website-group {
    font-size: 0;
    box-sizing: border-box;
    width: 100%
}

.cdc-footer__website-column {
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: top;
    width: 25%;
    padding-left: 0;
    padding-right: 20px
}

.cdc-footer__website-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 22px;
    color: #495770
}

.cdc-footer__website-title a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    color: #495770
}

.cdc-footer__website-title a:hover {
    color: #0052d9
}

.cdc-footer__website-list {
    margin-top: -4px;
    margin-bottom: -4px
}

.cdc-footer__website-item a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    padding: 4px 0;
    font-size: 12px;
    line-height: 18px;
    color: #495770
}

.cdc-footer__website-item a:hover {
    color: #0052d9
}

.cdc-footer__qr {
    display: table-cell;
    vertical-align: top;
    width: 120px;
    box-sizing: border-box
}

.cdc-footer__qr-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    margin-bottom: 20px
}

.cdc-footer__qr-object {
    margin-bottom: 16px;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 8px solid #fff;
    border-radius: 5px
}

.cdc-footer__qr-image {
    width: 100%;
    height: 100%;
    display: block
}

.cdc-footer__qr-info {
    font-size: 12px;
    line-height: 18px;
    color: #495770;
    white-space: nowrap
}

.cdc-footer__recommend {
    box-sizing: border-box;
    padding: 32px 0;
    border-bottom: 1px solid rgba(73, 87, 112, .2)
}

.cdc-footer__recommend-cell {
    position: relative;
    padding-left: 168px
}

.cdc-footer__recommend-cell+.cdc-footer__recommend-cell {
    margin-top: 24px
}

.cdc-footer__recommend-title {
    position: absolute;
    left: 0;
    top: -2.5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.cdc-footer__recommend-list {
    margin: 0 -20px;
    font-size: 0
}

.cdc-footer__recommend-item {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    padding: 0 20px
}

.cdc-footer__recommend-item a {
    font-size: 12px;
    line-height: 18px;
    color: #495770;
    display: inline-block
}

.cdc-footer__recommend-item a:hover {
    color: #0052d9
}

.cdc-footer__copyright {
    box-sizing: border-box;
    padding: 24px 0;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #495770
}

.cdc-footer__copyright a {
    color: #495770
}

.cdc-footer__copyright a:hover {
    color: #0052d9
}

@media (max-width:1440px) {
    .cdc-footer .cdc-footer__inner {
        max-width: 1200px;
        padding: 0 10px
    }
}

.cdc-card {
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    min-width: 328px;
    margin-bottom: 20px
}

.cdc-card.white {
    background: #fff;
    border-radius: 2px;
    box-shadow: none
}

.cdc-card.white .cdc-card__title {
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px
}

.cdc-card.white .cdc-card__title:before {
    width: 0;
    height: 0
}

.cdc-card__inner {
    box-sizing: border-box;
    padding: 20px
}

.cdc-card__icon {
    display: inline-block;
    background-color: transparent;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    position: absolute
}

.cdc-card__hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 2px 0 12px;
    border-bottom: 1px solid #d6dbe3
}

.cdc-card__title {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818
}

.cdc-card__title:before {
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    left: -12px;
    width: 3px;
    height: 18px;
    background: #0052d9
}

.cdc-card__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    padding-right: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.cdc-card__extra:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 4px;
    display: block;
    width: 7px;
    height: 10px;
    transition: -webkit-transform .33s ease-in-out;
    transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out, -webkit-transform .33s ease-in-out;
    background: url(../../images/icon-arrow_c56.svg) 50% no-repeat
}

.cdc-card__extra:hover {
    color: #0052d9
}

.cdc-card__extra:hover:after {
    background-image: url(../../images/icon-arrow-active_365.svg);
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.cdc-icon,
.cdc-icon>i {
    display: inline-block;
    vertical-align: middle
}

.cdc-icon>i {
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cdc-icon>i.icon-view {
    background-image: url(../../images/icon-view_4e2.svg)
}

.cdc-icon>i.icon-ask {
    background-image: url(../../images/icon-ask_857.svg)
}

.cdc-icon>i.icon-share {
    background-image: url(../../images/icon-share_74a.svg)
}

.cdc-icon>i.icon-delete {
    background-image: url(../../images/icon-delete_184.svg)
}

.cdc-icon>i.icon-report {
    background-image: url(../../images/icon-report_352.svg)
}

.cdc-icon>i.icon-more {
    background-image: url(../../images/icon-more-circle_76d.svg)
}

.cdc-icon>i.icon-like {
    background-image: url(../../images/icon-like_680.svg)
}

.cdc-icon>i.icon-top {
    background-image: url(../../images/icon-top_789.svg)
}

.cdc-icon>i.icon-edit {
    background-image: url(../../images/icon-edit_1d3.svg)
}

.cdc-icon>i.icon-download {
    background-image: url(../../images/icon-download_090.svg)
}

.cdc-icon>i.icon-participant {
    background-image: url(../../images/icon-participant_caa.svg)
}

.cdc-icon>i.icon-recommend {
    background-image: url(../../images/icon-top_789.svg)
}

.cdc-icon>i.icon-hot {
    background-image: url(../../images/icon-hot_66f.svg);
    width: 38px;
    height: 42px
}

.cdc-icon>i.icon-hot-text {
    background-image: url(../../images/icon-hot-text_947.svg);
    width: 30px;
    height: 12px
}

.cdc-icon>i.icon-attention {
    background-image: url(../../images/icon-attention_121.svg)
}

.cdc-icon>i.icon-bulb {
    background-image: url(../../images/icon-bulb_e97.svg)
}

.cdc-icon>i.icon-arrow-right-white {
    background-image: url(../../images/icon-arrow-right-white_b25.svg)
}

.cdc-icon>i.icon-ticket {
    background-image: url(../../images/icon-ticket_96c.svg)
}

.cdc-icon>i.icon-light {
    background-image: url(../../images/icon-light_e71.svg)
}

.cdc-icon>i.icon-answer {
    background-image: url(../../images/icon-answer_744.svg)
}

.cdc-icon__number {
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    margin-left: 6px
}

.cdc-icon.is-active>i.icon-top {
    background-image: url(../../images/icon-unpin_720.svg)
}

.cdc-icon.is-active>i.icon-recommend {
    display: none
}

.cdc-icon.is-active>i.icon-recommend+.cdc-icon__number {
    color: #97a3b7;
    cursor: not-allowed
}

.cdc-icon.is-active.link:hover>i {
    background-image: url(../../images/icon-unpin-h_4c9.svg)
}

.cdc-icon__list {
    margin-right: -24px
}

.cdc-icon__list .cdc-icon {
    margin-right: 24px
}

@media screen and (min-width:769px) {
    .cdc-icon.link {
        cursor: pointer
    }

    .cdc-icon.link:hover>i.icon-view {
        background-image: url(../../images/icon-view-h_47b.svg)
    }

    .cdc-icon.link:hover>i.icon-ask {
        background-image: url(../../images/icon-ask-h_d74.svg)
    }

    .cdc-icon.link:hover>i.icon-share {
        background-image: url(../../images/icon-share-h_507.svg)
    }

    .cdc-icon.link:hover>i.icon-delete {
        background-image: url(../../images/icon-delete-h_ab6.svg)
    }

    .cdc-icon.link:hover>i.icon-report {
        background-image: url(../../images/icon-report-h_196.svg)
    }

    .cdc-icon.link:hover>i.icon-more {
        background-image: url(../../images/icon-more-circle-hover_d00.svg)
    }

    .cdc-icon.link:hover>i.icon-like {
        background-image: url(../../images/icon-like-h_768.svg)
    }

    .cdc-icon.link:hover>i.icon-edit {
        background-image: url(../../images/icon-edit-h_906.svg)
    }

    .cdc-icon.link:hover>i.icon-top {
        background-image: url(../../images/icon-top-h_3e4.svg)
    }

    .cdc-icon.link:hover>i.icon-download {
        background-image: url(../../images/icon-download-h_c74.svg)
    }

    .cdc-icon.link:hover>i.icon-participant {
        background-image: url(../../images/icon-participant_caa.svg)
    }

    .cdc-icon.link:hover>i.icon-recommend {
        background-image: url(../../images/icon-top-h_3e4.svg)
    }

    .cdc-icon.link:hover>i.icon-attention {
        background-image: url(../../images/icon-attention-h_b05.svg)
    }

    .cdc-icon.link:hover>i.icon-bulb {
        background-image: url(../../images/icon-bulb-h_3ec.svg)
    }

    .cdc-icon.link:hover>i.icon-answer {
        background-image: url(../../images/icon-answer-h_426.svg)
    }

    .cdc-icon.link:hover .cdc-icon__number {
        color: #0052d9
    }
}

.cdc-tag-links__icon {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-tag_1e9.svg) 50% no-repeat;
    margin-right: 8px;
    vertical-align: middle
}

.cdc-tag-links__items {
    display: inline;
    margin: 0 -12px;
    cursor: pointer
}

.cdc-tag-links__items a:hover {
    color: #0052d9
}

.cdc-tag-links__item {
    display: inline;
    margin: 0 12px;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.cdc-tag-links__item.is-active {
    color: #0052d9
}

@media screen and (max-width:768px) {
    .cdc-tag-links__items {
        margin: 0 -8px
    }

    .cdc-tag-links__item {
        margin: 0 8px
    }
}

.cdc-avatar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #d8d8d8
}

.cdc-avatar,
.cdc-avatar__inner {
    border-radius: 50%;
    border-bottom-left-radius: 0
}

.cdc-avatar__inner {
    display: block;
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-size: auto 100%;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cdc-avatar__inner,
.cdc-avatar__level {
    box-sizing: border-box;
    position: absolute
}

.cdc-avatar__level {
    height: 18px;
    line-height: 16px;
    background: #f64041;
    border: 1px solid #fff;
    box-shadow: 4px 4px 12px rgba(214, 53, 53, .1);
    border-radius: 10px;
    right: -20px;
    bottom: -4px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    padding: 0 6px
}

.cdc-avatar__btn {
    position: absolute;
    color: #0052d9;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    box-shadow: none;
    border-radius: 14px;
    bottom: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 2px 10px;
    min-width: 64px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    white-space: nowrap
}

.cdc-avatar__btn .icon-add {
    display: inline-block;
    vertical-align: -3px;
    width: 10px;
    height: 10px;
    background: url(../../images/icon-add_22b.svg) 50% no-repeat;
    background-size: cover;
    margin-right: 4px
}

.cdc-avatar__btn:active,
.cdc-avatar__btn:hover {
    background: #fff
}

.cdc-avatar__btn.is-focus {
    color: #97a3b7;
    border-color: #97a3b7
}

.cdc-avatar__tag {
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #0052d9;
    border-radius: 10px;
    border: 1px solid #0052d9;
    background: #fff;
    box-shadow: 4px 4px 12px 0 rgba(213, 114, 26, .1);
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;
    min-width: 48px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10
}

.cdc-avatar__tag.is-blue {
    border: 1px solid #fff;
    background: #0052d9;
    color: #fff
}

.cdc-avatar__tag.is-orange {
    border: 1px solid #fff;
    background: #ff7800;
    color: #fff
}

.cdc-avatar.large {
    width: 32px;
    height: 32px
}

.cdc-avatar.large .cdc-avatar__inner {
    font-size: 16px;
    line-height: 30px
}

.cdc-avatar.xlarge {
    width: 64px;
    height: 64px
}

.cdc-avatar.xlarge .cdc-avatar__inner {
    font-size: 32px;
    line-height: 62px
}

.cdc-avatar.xxlarge {
    width: 72px;
    height: 72px
}

.cdc-avatar.xxlarge .cdc-avatar__inner {
    font-size: 36px;
    line-height: 70px
}

.cdc-avatar.xxxlarge {
    width: 120px;
    height: 120px
}

.cdc-avatar.xxxlarge .cdc-avatar__inner {
    font-size: 60px;
    line-height: 118px
}

.cdc-avatar.font-color .cdc-avatar__inner {
    border-color: #e1e3e9;
    background-color: #f0f5ff;
    height: 100%
}

.cdc-avatar.bg-color .cdc-avatar__inner {
    border-color: transparent;
    color: #fff;
    height: 100%
}

.cdc-avatar.circle,
.cdc-avatar.circle .cdc-avatar__inner {
    border-radius: 50%
}

.cdc-avatar.circle.bg-color .cdc-avatar__inner,
.cdc-avatar.circle.font-color .cdc-avatar__inner {
    width: 100%
}

.cdc-avatar__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -5px
}

.cdc-avatar__list .cdc-avatar {
    margin-right: 5px
}

.cdc-avatar__list--stack .cdc-avatar {
    position: relative;
    margin-right: 0
}

.cdc-avatar__list--stack .cdc-avatar+.cdc-avatar {
    margin-left: -6px;
    z-index: 1
}

.cdc-avatar.show-tag {
    margin-bottom: 14px;
    box-sizing: border-box
}

.cdc-author-bubble {
    z-index: 99;
    max-width: none
}

.cdc-author-bubble.cdc-bubble .tea-bubble__inner {
    padding: 0;
    width: 403px;
    background: #f0f4fa;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.cdc-author-bubble__hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #f0f4fa;
    box-sizing: border-box;
    padding: 20px;
    position: relative
}

.cdc-author-bubble__hd:after {
    display: none;
    content: "";
    position: absolute;
    width: 245px;
    height: 110px;
    top: 0;
    right: 0;
    background: url(../../images/icon-bg_398.svg) 50% no-repeat
}

.cdc-author-bubble__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.cdc-author-bubble__infos {
    -ms-flex: 1;
    flex: 1
}

.cdc-author-bubble__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 10em
}

.cdc-author-bubble__position {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-author-bubble__position-text {
    font-size: 12px;
    line-height: 20px;
    color: #4b4b76;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12em
}

.cdc-author-bubble__emblem {
    position: relative
}

.cdc-author-bubble__emblem .cdc-emblems {
    margin-top: 4px
}

.cdc-author-bubble__btn {
    position: relative;
    z-index: 2
}

.cdc-author-bubble__btn .cdc-btn .icon-add {
    display: inline-block;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/icon-add-white_03a.svg);
    background-size: cover;
    margin-right: 6px
}

.cdc-author-bubble__btn .cdc-btn.is-focus .icon-add {
    background-image: url(../../images/icon-checked-white_6d2.svg)
}

.cdc-author-bubble__bd {
    box-sizing: border-box;
    padding: 20px;
    background: #fff
}

.cdc-author-bubble__desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-author-bubble__list {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-author-bubble__item {
    color: #181818;
    vertical-align: middle;
    cursor: pointer;
    min-width: 96px;
    box-sizing: border-box;
    padding: 0 32px;
    position: relative
}

.cdc-author-bubble__item>span {
    display: inline-block;
    vertical-align: middle
}

.cdc-author-bubble__item-title {
    font-size: 14px;
    line-height: 22px;
    margin-right: 16px
}

.cdc-author-bubble__item-number {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.cdc-author-bubble__item-split {
    position: absolute;
    top: 2px;
    right: -1px;
    display: inline-block;
    width: 1px;
    height: 18px;
    background: #ced3db
}

.cdc-author-bubble__item:first-child {
    padding-left: 0
}

.cdc-author-bubble__item:last-child {
    padding-right: 0
}

.cdc-author-bubble__item:last-child .cdc-author-bubble__item-split {
    display: none
}

.cdc-author-bubble__item:hover .cdc-author-bubble__item-number {
    color: #0052d9
}

.cdc-author-bubble.internal .cdc-author-bubble__hd:after {
    display: block
}

.cdc-emblems {
    font-size: 0;
    margin: 20px -4px 0;
    position: relative;
    z-index: 9
}

.cdc-emblems__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    z-index: 9
}

.cdc-emblems__item-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.cdc-emblems__item-icon.translate {
    background-image: url(../../images/emblem-translate_67e.svg)
}

.cdc-emblems__item-icon.article {
    background-image: url(../../images/emblem-article-blue_c32.svg)
}

.cdc-emblems__item-icon.column {
    background-image: url(../../images/emblem-column-blue_161.svg)
}

.cdc-emblems__item-icon.propagandist {
    background-image: url(../../images/emblem-propagandist-blue_8b2.svg)
}

.cdc-emblems__item-icon.evangelist {
    background-image: url(../../images/emblem-evangelist-red_8a9.svg)
}

.cdc-emblems__item-icon.microapp {
    background-image: url(../../images/emblem-microapp-color_bf9.svg)
}

.cdc-emblems__item-icon.authorship {
    background-image: url(../../images/emblem-authorship_962.svg)
}

.cdc-emblems__item-icon.medal-gold {
    background-image: url(../../images/emblem-medal-gold_317.svg)
}

.cdc-emblems__item-icon.medal-silver {
    background-image: url(../../images/emblem-medal-silver_bdb.svg)
}

.cdc-emblems__item-icon.medal-bronze {
    background-image: url(../../images/emblem-medal-bronze_f16.svg)
}

.cdc-emblems__item-icon.tvp {
    background-image: url(../../images/emblem-tvp_21f.svg)
}

.cdc-emblems__item-icon.verification {
    vertical-align: top;
    background-image: url(../../images/emblem-verification_511.svg)
}

.cdc-emblems__item-icon.book {
    background-image: url(../../images/emblem-book-blue_7f4.svg)
}

.cdc-emblems__item-icon.verification-blue {
    background-image: url(../../images/emblem-company_839.svg)
}

.cdc-emblems__item-icon.attest {
    background-image: url(../../images/emblem-attest_6fc.svg)
}

.cdc-emblems__item-bubble .tea-bubble__inner {
    padding: 4px 10px;
    white-space: nowrap
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.translate {
    background-image: url(../../images/emblem-translate_67e.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.article {
    background-image: url(../../images/emblem-article_621.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.column {
    background-image: url(../../images/emblem-column_3e3.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.propagandist {
    background-image: url(../../images/emblem-propagandist_8a8.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.evangelist {
    background-image: url(../../images/emblem-evangelist_730.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.microapp {
    background-image: url(../../images/emblem-microapp_4fb.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.authorship {
    background-image: url(../../images/emblem-authorship-disabled_078.svg)
}

.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.medal-bronze,
.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.medal-gold,
.cdc-emblems__item.is-disabled .cdc-emblems__item-icon.medal-silver {
    background-image: url(../../images/emblem-medal-disabled_981.svg)
}

.cdc-emblems.inline {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle
}

.cdc-emblems.inline .cdc-emblems__item {
    margin-left: 0;
    margin-right: 5px
}

.cdc-emblems.inline .cdc-emblems__item:last-child {
    margin-right: 0
}

.cdc-user-card {
    position: relative
}

.cdc-user-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 140px
}

.cdc-user-card__avatar {
    margin-bottom: 12px
}

.cdc-user-card__detail {
    max-width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.cdc-user-card__name {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.cdc-user-card__name:hover {
    color: #0052d9
}

.cdc-user-card__position {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    max-width: 100%;
    min-height: 20px
}

.cdc-user-card__position-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-user-card__infos {
    margin-top: 4px
}

.cdc-user-card__info {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    position: relative;
    margin-right: 10px
}

.cdc-user-card__info:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: rgba(75, 91, 118, .8);
    top: 8px;
    right: -3px
}

.cdc-user-card__info:last-child {
    margin-right: 0
}

.cdc-user-card__info:last-child:after {
    display: none
}

.cdc-user-card__btn.cdc-btn {
    margin-top: 12px;
    width: 92px;
    padding: 0
}

.cdc-user-card__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 216px;
    overflow: hidden
}

.cdc-user-card__close {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer
}

.cdc-user-card__close .icon-close,
.cdc-user-card__close .recommend-bubble2-close,
.cdc-user-card__close .recommend-bubble-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_e1e.svg) 50% no-repeat;
    background-size: cover
}

.cdc-user-card__rank {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #f2f4f8;
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 12px;
    margin-top: 4px
}

.cdc-user-card__rank.is-top {
    background: linear-gradient(92deg, #fff7ec -6.52%, #fdecd2);
    color: #734429
}

.cdc-user-card.is-mobile {
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.cdc-user-card.is-mobile .cdc-user-card__inner {
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 10px 16px;
    max-width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-user-card.is-mobile .cdc-user-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.cdc-user-card.is-mobile .cdc-user-card__detail {
    display: block;
    text-align: left;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px;
    max-width: calc(100% - 146px)
}

.cdc-user-card.is-mobile .cdc-user-card__position {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cdc-user-card.is-mobile .cdc-user-card__btn.cdc-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 58px;
    min-width: unset;
    padding: 0
}

.cdc-user-card.is-mobile .cdc-user-card__name {
    margin: 0
}

.cdc-article-panel {
    box-sizing: border-box;
    padding: 16px 0;
    border-bottom: 1px solid #d6dbe3;
    position: relative;
    max-width: 782px
}

.cdc-article-panel__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.cdc-article-panel__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-article-panel__main {
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cdc-article-panel__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.cdc-article-panel__title.is-active,
.cdc-article-panel__title:hover {
    color: #0052d9
}

.cdc-article-panel__title em {
    font-weight: 500;
    color: #ff7800
}

.cdc-article-panel__title a {
    display: block;
    color: inherit
}

.cdc-article-panel__media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel__desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    min-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-article-panel__desc:hover {
    color: #0052d9
}

.cdc-article-panel__infos {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px
}

.cdc-article-panel__infos,
.cdc-article-panel__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel__user {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.cdc-article-panel__user-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.cdc-article-panel__user-name {
    font-weight: 500;
    color: #000;
    line-height: 20px;
    cursor: pointer;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-article-panel__user-name.is-active,
.cdc-article-panel__user-name:hover {
    color: #0052d9
}

.cdc-article-panel__user+.cdc-article-panel__date {
    margin-left: 12px
}

.cdc-article-panel__user+.cdc-article-panel__date:before {
    display: block
}

.cdc-article-panel__date {
    color: #97a3b7;
    position: relative
}

.cdc-article-panel__date:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -7px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: rgba(151, 163, 183, .9);
    display: none
}

.cdc-article-panel__operate {
    margin-left: 24px;
    z-index: 2
}

.cdc-article-panel__operate,
.cdc-article-panel__operate .cdc-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel__tags {
    position: relative;
    z-index: 2;
    margin-bottom: 12px
}

.cdc-article-panel__tags .cdc-tag-links__item {
    cursor: pointer
}

.cdc-article-panel__object {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    width: 150px;
    position: relative
}

.cdc-article-panel__object-thumbnail {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: auto;
    padding-top: 54.6667%
}

.cdc-article-panel__object-tag {
    top: -4px;
    right: -2px;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 4px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel__object-tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel__tag {
    top: -4px;
    right: 0;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 8px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel__tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: -1px;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel__bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 0;
    padding: 8px 0
}

.cdc-article-panel__bubble .tea-bubble__inner:after,
.cdc-article-panel__bubble .tea-bubble__inner:before {
    display: none
}

.cdc-article-panel__bubble-list {
    min-width: 136px
}

.cdc-article-panel__bubble-item {
    padding: 8px 16px
}

.cdc-article-panel__bubble-item .cdc-icon__number {
    color: #4b5b76;
    font-size: 14px;
    line-height: 20px;
    margin-left: 12px
}

.cdc-article-panel.special .cdc-article-panel__inner {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cdc-article-panel.special .cdc-article-panel__desc {
    -webkit-line-clamp: 3
}

.cdc-article-panel.special .cdc-article-panel__tags {
    position: relative;
    bottom: 0
}

.cdc-article-panel.special .cdc-article-panel__object {
    width: 262px;
    margin-right: 20px;
    margin-left: 0
}

.cdc-article-panel.special .cdc-article-panel__object-thumbnail {
    padding-top: 51.908396%
}

.cdc-article-panel__list {
    margin-bottom: -4px
}

.cdc-article-panel__list .cdc-article-panel {
    margin-bottom: 4px
}

.cdc-article-panel.small {
    padding: 8px 0;
    border-bottom: none
}

.cdc-article-panel.small .cdc-article-panel__inner {
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel.small .cdc-article-panel__object {
    width: 68px;
    margin-right: 16px
}

.cdc-article-panel.small .cdc-article-panel__object-thumbnail {
    padding-top: 100%
}

.cdc-article-panel.small .cdc-article-panel__title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.cdc-article-panel.small .cdc-article-panel__desc {
    font-size: 14px;
    line-height: 22px;
    -webkit-line-clamp: 2;
    min-height: unset
}

.cdc-article-panel.is-mobile {
    padding: 20px 0 12px
}

.cdc-article-panel.is-mobile .cdc-article-panel__title {
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-article-panel.is-mobile .cdc-article-panel__desc {
    -webkit-line-clamp: 3
}

.cdc-article-panel.is-mobile .cdc-article-panel__media {
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-article-panel.is-mobile .cdc-article-panel__media .cdc-article-panel__object {
    width: 120px;
    margin-left: 16px
}

.cdc-article-panel.is-mobile .cdc-article-panel__media .cdc-article-panel__object-thumbnail {
    padding-top: 55%
}

.cdc-article-panel.is-mobile .cdc-article-panel__user {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-article-panel.is-mobile .cdc-article-panel__user+.cdc-article-panel__tags {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cdc-article-panel.is-mobile .cdc-article-panel__tags {
    position: relative;
    bottom: unset;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-article-panel.is-mobile .cdc-article-panel__tags .cdc-tag-links__icon {
    margin-top: 2px
}

.cdc-article-panel.is-mobile .cdc-article-panel__tags .cdc-tag-links__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cdc-article-panel.is-mobile .cdc-article-panel:hover .cdc-article-panel__title {
    color: #181818
}

.cdc-article-panel.show-top {
    background: #f5f7fa;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px;
    border-bottom: 0
}

.cdc-article-panel2 {
    box-sizing: border-box;
    padding: 16px 0 12px;
    border-bottom: 1px solid #d6dbe3;
    position: relative;
    max-width: 782px
}

.cdc-article-panel2__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.cdc-article-panel2__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-article-panel2__main {
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cdc-article-panel2__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-bottom: 12px;
    cursor: pointer
}

.cdc-article-panel2__title.is-active,
.cdc-article-panel2__title:hover {
    color: #0052d9
}

.cdc-article-panel2__title em {
    font-weight: 500;
    color: #ff7800
}

.cdc-article-panel2__title a {
    display: block;
    color: inherit
}

.cdc-article-panel2__media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel2__desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    min-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.cdc-article-panel2__desc:hover {
    color: #0052d9
}

.cdc-article-panel2__infos {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px
}

.cdc-article-panel2__infos,
.cdc-article-panel2__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel2__user {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.cdc-article-panel2__user-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.cdc-article-panel2__user-name {
    font-weight: 500;
    color: #000;
    line-height: 20px;
    cursor: pointer;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-article-panel2__user-name.is-active,
.cdc-article-panel2__user-name:hover {
    color: #0052d9
}

.cdc-article-panel2__user+.cdc-article-panel2__date {
    margin-left: 16px
}

.cdc-article-panel2__user+.cdc-article-panel2__date:before {
    display: block
}

.cdc-article-panel2__date {
    color: #97a3b7;
    position: relative
}

.cdc-article-panel2__date:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -7px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: rgba(151, 163, 183, .9);
    display: none
}

.cdc-article-panel2__operate {
    margin-left: 24px;
    z-index: 2
}

.cdc-article-panel2__operate,
.cdc-article-panel2__operate .cdc-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel2__tags {
    position: relative;
    z-index: 2;
    margin-bottom: 12px
}

.cdc-article-panel2__tags .cdc-tag-links__item {
    cursor: pointer
}

.cdc-article-panel2__object {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
    width: 120px;
    position: relative
}

.cdc-article-panel2__object-thumbnail {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: auto;
    padding-top: 54.6667%
}

.cdc-article-panel2__object-tag {
    top: -4px;
    right: -2px;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 4px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel2__object-tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel2__tag {
    top: -4px;
    right: 0;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 8px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel2__tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: -1px;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel2__bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 0;
    padding: 8px 0
}

.cdc-article-panel2__bubble .tea-bubble__inner:after,
.cdc-article-panel2__bubble .tea-bubble__inner:before {
    display: none
}

.cdc-article-panel2__bubble-list {
    min-width: 136px
}

.cdc-article-panel2__bubble-item {
    padding: 8px 16px
}

.cdc-article-panel2__bubble-item .cdc-icon__number {
    color: #4b5b76;
    font-size: 14px;
    line-height: 20px;
    margin-left: 12px
}

.cdc-article-panel2.special .cdc-article-panel2__inner {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cdc-article-panel2.special .cdc-article-panel2__desc {
    -webkit-line-clamp: 3
}

.cdc-article-panel2.special .cdc-article-panel2__tags {
    position: relative;
    bottom: 0
}

.cdc-article-panel2.special .cdc-article-panel2__object {
    width: 262px;
    margin-right: 20px;
    margin-left: 0
}

.cdc-article-panel2.special .cdc-article-panel2__object-thumbnail {
    padding-top: 51.908396%
}

.cdc-article-panel2__list {
    margin-bottom: -4px
}

.cdc-article-panel2__list .cdc-article-panel2 {
    margin-bottom: 4px
}

.cdc-article-panel2.small {
    padding: 8px 0;
    border-bottom: none
}

.cdc-article-panel2.small .cdc-article-panel2__inner {
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel2.small .cdc-article-panel2__object {
    width: 68px;
    margin-right: 16px
}

.cdc-article-panel2.small .cdc-article-panel2__object-thumbnail {
    padding-top: 100%
}

.cdc-article-panel2.small .cdc-article-panel2__title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.cdc-article-panel2.small .cdc-article-panel2__desc {
    font-size: 14px;
    line-height: 22px;
    -webkit-line-clamp: 2;
    min-height: unset
}

.cdc-article-panel2.is-mobile {
    padding: 20px 0 12px
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__title {
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__desc {
    -webkit-line-clamp: 3
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__media {
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__media .cdc-article-panel2__object {
    width: 120px;
    margin-left: 16px
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__media .cdc-article-panel2__object-thumbnail {
    padding-top: 55%
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__user {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__user+.cdc-article-panel2__tags {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__tags {
    position: relative;
    bottom: unset;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__tags .cdc-tag-links__icon {
    margin-top: 2px
}

.cdc-article-panel2.is-mobile .cdc-article-panel2__tags .cdc-tag-links__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cdc-article-panel2.is-mobile .cdc-article-panel2:hover .cdc-article-panel2__title {
    color: #181818
}

.cdc-article-panel2.show-top {
    background: #f5f7fa;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px;
    border-bottom: 0
}

.cdc-hero {
    width: 100%;
    height: 360px
}

.cdc-hero__main {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #e5eaf0
}

.cdc-hero__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.cdc-hero__item-link {
    display: block;
    height: 100%;
    text-decoration: none
}

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

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

.cdc-hero__item-bg:after,
.cdc-hero__item-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 750px;
    top: 0;
    z-index: 0;
    background: linear-gradient(90deg, #e5eaf0 34.47%, rgba(241, 244, 248, 0) 68.01%, rgba(241, 244, 248, 0) 0, rgba(241, 244, 248, 0) 68.02%)
}

.cdc-hero__item-bg:before {
    left: calc(50% - 960px)
}

.cdc-hero__item-bg:after {
    right: calc(50% - 960px);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cdc-hero__item-content {
    height: 100%;
    position: relative;
    margin: 0 auto;
    max-width: 1400px;
    box-sizing: border-box;
    padding: 86px 10px 10px 0
}

.cdc-hero__item-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #181818;
    margin-bottom: 12px
}

.cdc-hero__item-desc,
.cdc-hero__item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 600px
}

.cdc-hero__item-desc {
    font-size: 16px;
    line-height: 24px;
    color: #4b5b76
}

.cdc-hero__item-btns {
    position: absolute;
    left: 0;
    bottom: 64px
}

.cdc-hero__item-btns .cdc-btn {
    min-width: 240px
}

.cdc-hero__ctrl {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    font-size: 0;
    width: 100%;
    border-bottom: .5px solid #e6ecf1;
    background: hsla(0, 0%, 100%, .6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.cdc-hero__ctrl>ul {
    margin: 0 auto;
    max-width: 1400px;
    box-sizing: border-box;
    padding-right: 10px
}

.cdc-hero__ctrl-item {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 0;
    cursor: pointer
}

.cdc-hero__ctrl-item-inner {
    position: relative;
    display: inline-block;
    vertical-align: 2px;
    overflow: hidden
}

.cdc-hero__ctrl-item-inner:before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: rgba(214, 219, 227, .8)
}

.cdc-hero__ctrl-item-text {
    color: #919aa9;
    font-size: 12px;
    line-height: 18px;
    margin-right: 6px
}

.cdc-hero__ctrl-item-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 4px;
    background-color: #4b5b76
}

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

    .cdc-hero__main:after,
    .cdc-hero__main:before {
        display: none
    }
}

@media screen and (max-width:768px) {
    .cdc-hero {
        height: auto;
        overflow: hidden
    }

    .cdc-hero__ctrl-item-text {
        display: none
    }

    .cdc-hero__main {
        min-height: 248px
    }

    .cdc-hero__item-bg {
        padding-left: 200px
    }

    .cdc-hero__item-bg:before {
        width: 0
    }

    .cdc-hero__item-bg:after {
        left: 0;
        right: auto;
        width: calc(100% - 200px);
        top: 0;
        bottom: 0;
        background: url(../../images/white-mask_fdd.png) 50%/cover no-repeat;
        -webkit-transform: none;
        transform: none
    }

    .cdc-hero__item-content {
        padding: 24px 20px 0
    }

    .cdc-hero__item-title {
        font-size: 24px;
        line-height: 32px;
        max-width: 280px;
        margin-bottom: 8px
    }

    .cdc-hero__item-desc {
        font-size: 16px;
        line-height: 24px;
        max-width: 240px
    }

    .cdc-hero__item-btns {
        left: 20px;
        bottom: 44px
    }

    .cdc-hero__item-btns .cdc-btn {
        height: 36px;
        line-height: 34px;
        min-width: 146px
    }

    .cdc-hero__ctrl {
        left: 10px;
        bottom: 12px;
        border-bottom: none;
        background: none;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset
    }

    .cdc-hero__ctrl-item-inner:before {
        content: "";
        display: block;
        width: 29px;
        height: 4px;
        background: rgba(75, 91, 118, .2);
        border-radius: 2px
    }

    .cdc-hero__ctrl-item-progress {
        background-color: #0052d9
    }
}

.cdc-process {
    position: relative;
    display: block;
    background: #e5eaf1;
    border-radius: 20px;
    height: 10px
}

.cdc-process__bar {
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg, #6d9fff, #0052d9);
    border-radius: 20px;
    min-width: 10px
}

.cdc-process__bar-icon {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    right: 0;
    background: url(../../images/icon-process_b37.svg) 50% no-repeat
}

.cdc-widget-global {
    position: fixed;
    right: 28px;
    bottom: 20%;
    margin-top: -22px;
    z-index: 300;
    width: 44px
}

.cdc-widget-global__btn {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    z-index: 9
}

.cdc-widget-global__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px
}

.cdc-widget-global__btn.code:after {
    background: url(../../images/icon-code_aee.svg) 50% no-repeat
}

.cdc-widget-global__btn.code:hover:after {
    background: url(../../images/icon-code-hover_c5a.svg) 50% no-repeat
}

.cdc-widget-global__btn-tag {
    position: absolute;
    z-index: 9;
    top: -10px;
    right: -20px;
    background: #f64041;
    border: 1px solid #fff;
    box-shadow: 4px 4px 12px rgba(214, 53, 53, .1);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 6px;
    font-size: 10px;
    height: 18px;
    line-height: 16px;
    color: #fff
}

.cdc-widget-global__btn.top {
    margin-top: 12px
}

.cdc-widget-global__btn.top:after {
    background: url(../../images/icon-arrow-up_161.svg) 50% no-repeat
}

.cdc-widget-global__btn.feedback {
    margin-bottom: 12px
}

.cdc-widget-global__btn.feedback:after {
    background: url(../../images/icon-feedback_aff.svg) 50% no-repeat
}

.cdc-widget-global__btn.feedback:hover:after {
    background: url(../../images/icon-feedback-hover_654.svg) 50% no-repeat
}

.cdc-widget-global__btn.mcp {
    margin-bottom: 12px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #f3f5f8, #fff);
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    width: 48px;
    height: 48px
}

.cdc-widget-global__btn.mcp:after {
    width: 0
}

.cdc-widget-global__btn.mcp .mcp-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    overflow: hidden
}

.cdc-widget-global__btn.mcp .mcp-icon-inner {
    display: inline-block;
    width: 28px;
    height: 2744px;
    background-image: url(../../images/mcp-gif_9c5.png);
    -webkit-animation: stepsAnimation 5s steps(98) infinite both;
    animation: stepsAnimation 5s steps(98) infinite both;
    background-size: auto 100%;
    background-repeat: no-repeat;
    will-change: transform
}

@-webkit-keyframes stepsAnimation {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -2744px, 0);
        transform: translate3d(0, -2744px, 0)
    }
}

@keyframes stepsAnimation {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -2744px, 0);
        transform: translate3d(0, -2744px, 0)
    }
}

.cdc-widget-global__btn.switch-old {
    margin-bottom: 12px;
    height: 126px;
    border-radius: 22px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4b5b76;
    padding-top: 35px;
    padding-left: 13px;
    padding-right: 13px;
    box-sizing: border-box;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-widget-global__btn.switch-old:after {
    top: 14px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../../images/icon-switch-old_5eb.svg) 50% no-repeat
}

.cdc-widget-global__btn.switch-old:hover {
    color: #0052d9
}

.cdc-widget-global__btn.switch-old:hover:after {
    background: url(../../images/icon-switch-old-hover_06e.svg) 50% no-repeat
}

.cdc-widget-global__btn.star {
    margin-bottom: 12px
}

.cdc-widget-global__btn.star:after {
    width: 18px;
    height: 18px;
    background: url(../../images/icon-star_4e8.svg) 50% no-repeat
}

.cdc-widget-global__btn.star:hover:after {
    background: url(../../images/icon-star-hover_1b1.svg) 50% no-repeat
}

.cdc-widget-global__btn.announcement {
    margin-bottom: 12px;
    background: #006eff
}

.cdc-widget-global__btn.announcement:after {
    width: 18px;
    height: 18px;
    background: url(../../images/icon-announcement_111.svg) 50% no-repeat
}

.cdc-widget-global__btn.announcement:hover {
    background: #286cde
}

.cdc-widget-global__bubble .cdc-bubble {
    max-width: 350px
}

.cdc-widget-global__bubble .cdc-bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    padding: 16px 24px 12px 16px;
    min-width: 186px;
    border-radius: 2px
}

.cdc-widget-global__bubble .cdc-bubble .tea-bubble__inner:after {
    border-left-color: #fff
}

.cdc-widget-global__bubble .cdc-bubble.tea-bubble--right .tea-bubble__inner:before {
    border-left-color: #e8ecf1
}

.cdc-widget-global__bubble .cdc-bubble.tea-bubble--right .tea-bubble__inner:after {
    margin-left: -1px;
    border-left-color: #fff
}

.cdc-widget-global__bubble .cdc-bubble.tea-bubble--left .tea-bubble__inner:before {
    border-right-color: #e8ecf1
}

.cdc-widget-global__bubble .cdc-bubble.tea-bubble--left .tea-bubble__inner:after {
    margin-right: -1px;
    border-right-color: #fff;
    border-left-color: transparent
}

.cdc-widget-global__bubble .cdc-bubble.announcement .tea-bubble__inner {
    padding-right: 40px;
    border-color: #d6dbe2
}

.cdc-widget-global__bubble .cdc-bubble.announcement .tea-bubble__inner:before {
    border-top-color: #d6dbe2
}

.cdc-widget-global__bubble .cdc-bubble.announcement .tea-bubble__inner:after {
    border-bottom-style: solid;
    border-right-style: solid;
    border-left: 7px solid transparent;
    border-bottom-width: 7px;
    border-right-width: 7px;
    border-top: 7px solid #fff;
    margin-right: 1px
}

.cdc-widget-global__bubble .cdc-bubble.announcement .close-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.cdc-widget-global__bubble .cdc-bubble.announcement .cdc-widget-global__bubble-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.cdc-widget-global__bubble .cdc-bubble.star {
    max-width: unset
}

.cdc-widget-global__bubble .cdc-bubble.star .tea-bubble__inner {
    width: 362px;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    padding: 24px 20px 30px;
    border-radius: 0
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content {
    margin: 0;
    position: relative
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .inner-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    text-align: center;
    margin-bottom: 12px
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug {
    margin-top: 24px
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global__list {
    margin-bottom: 24px
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global__list-text {
    line-height: 20px;
    font-size: 14px;
    color: #181818;
    margin-bottom: 12px
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global__list .tea-form-check__label {
    line-height: 20px
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global__textarea {
    width: 100%;
    height: 120px;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    outline: none;
    resize: none;
    padding: 20px 16px;
    box-sizing: border-box
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global-opt {
    margin-top: 12px;
    text-align: right
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global-opt.overload .dynamic-count {
    color: #f64041
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global__count {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    margin-right: 16px
}

.cdc-widget-global__bubble .cdc-bubble.star .cdc-widget-global__bubble-content .cdc-widget-global-sug .cdc-widget-global__commit {
    width: 100px;
    height: 32px;
    line-height: 30px
}

.cdc-widget-global__bubble.mcp {
    max-width: 368px
}

.cdc-widget-global__bubble.mcp .tea-bubble__inner {
    padding: 16px;
    border-color: #fff;
    background: linear-gradient(180deg, #f3f5f8, #fff);
    position: relative
}

.cdc-widget-global__bubble.mcp .tea-bubble__inner:after,
.cdc-widget-global__bubble.mcp .tea-bubble__inner:before {
    border-width: 0
}

.cdc-widget-global__bubble.mcp .close-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../../images/icon-close_75b.svg) 50%/cover no-repeat
}

.cdc-widget-global__bubble.mcp .close-icon:hover {
    background-image: url(../../images/icon-close-h_0cf.svg)
}

.cdc-widget-global__bubble.mcp .cdc-widget-global__bubble-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.cdc-widget-global__bubble-content {
    margin: 0 auto -15px
}

.cdc-widget-global__bubble-content .announcement-inner-text {
    font-weight: 400;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.cdc-widget-global__bubble-content .announcement-inner-text:before {
    content: "";
    display: block;
    float: right;
    height: 22px
}

.cdc-widget-global__bubble-content .announcement-inner-text a {
    clear: both;
    float: right;
    margin-left: 4px
}

.cdc-widget-global__bubble-qr {
    margin-bottom: 12px;
    text-align: center;
    display: inline-block
}

.cdc-widget-global__bubble-qr .qr-image {
    width: 92px;
    height: 92px;
    margin-bottom: 10px
}

.cdc-widget-global__bubble-qr .qr-text {
    max-width: unset !important;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #495770;
    word-break: break-word
}

.cdc-widget-global__bubble-qr .qr-text em {
    font-weight: 500;
    color: #ff7800;
    margin-left: 2px
}

.cdc-widget-global__bubble-qr+.cdc-widget-global__qr {
    padding-top: 15px;
    border-top: 1px solid #e4e4e4
}

.cdc-widget-global__bubble-qr+.cdc-widget-global__bubble-qr {
    margin-left: 24px
}

.cdc-widget-global__bubble-text .cdc-bubble .tea-bubble__inner {
    min-width: auto;
    padding: 12px 20px
}

.cdc-widget-global__bubble-text .cdc-bubble .cdc-widget-global__bubble-content {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-widget-global__bubble-text .cdc-bubble .cdc-widget-global__bubble-content .inner-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4b5b76
}

.cdc-widget-global__bubble-text .cdc-bubble .cdc-widget-global__bubble-content a {
    font-size: 14px;
    line-height: 16px;
    color: #0052d9
}

.cdc-widget-global__bubble-text .cdc-bubble .cdc-widget-global__bubble-content .cdc-widget-global__bubble-close {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    cursor: pointer;
    background-image: url(../../images/icon-bubble-close_90b.svg)
}

.cdc-widget-global__bubble-text .cdc-bubble .cdc-widget-global__bubble-content .cdc-widget-global__bubble-close:hover {
    background-image: url(../../images/icon-bubble-close-hover_95a.svg)
}

.cdc-widget-global .cdc-tip-bubble {
    position: absolute;
    top: 0;
    right: 62px
}

@media screen and (max-width:768px) {
    .cdc-widget-global__bubble {
        display: none
    }
}

.cdc-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fff;
    padding: 0 16px;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #97a3b7;
    line-height: 30px;
    white-space: normal;
    text-overflow: ellipsis;
    cursor: pointer
}

.cdc-search__text {
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap
}

.cdc-search__btn {
    position: absolute;
    right: 12px;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    height: 30px;
    font-size: 0;
    line-height: 30px;
    cursor: pointer;
    background: transparent;
    border-width: 0
}

.cdc-search__i {
    display: block;
    width: 16px;
    height: 16px
}

.cdc-search__i.search {
    background: url(../../images/icon-search_1b9.svg) 50% no-repeat
}

.cdc-search__i.clear {
    background: url(../../images/icon-close_91d.svg) 50% no-repeat
}

.cdc-search__wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 220px;
    width: 100%
}

.cdc-search__wrap.is-open .cdc-search__dropdown {
    display: block
}

.cdc-search__wrap.is-open .cdc-search .cdc-search__selector {
    display: none
}

.cdc-search__wrap.is-mobile .cdc-search {
    background-color: #eff3f9;
    border-radius: 2px;
    padding: 0 32px
}

.cdc-search__wrap.is-mobile .cdc-search__btn {
    right: unset;
    left: 8px
}

.cdc-search__wrap.is-mobile .cdc-search__dropdown {
    width: 100%;
    z-index: 9;
    min-width: 100%
}

.cdc-search__wrap.is-mobile .cdc-search__bar {
    border-radius: 2px;
    padding-left: 32px;
    padding-right: 32px;
    background-color: #eff3f9;
    border: none
}

.cdc-search__wrap.is-mobile .cdc-search__bar-btns {
    right: unset;
    left: 0;
    top: 1px
}

.cdc-search__wrap.is-mobile .cdc-search__bar-btns .cdc-search__btn:first-child {
    padding-left: 0
}

.cdc-search__wrap.is-mobile .cdc-search__bar-btns .cdc-search__btn:last-child:after {
    display: none
}

.cdc-search__wrap.is-mobile .cdc-search__bar-input {
    line-height: 32px
}

.cdc-search__wrap.is-mobile .cdc-search__bar-input::-moz-placeholder {
    color: #97a3b7;
    opacity: 1;
    font-weight: 500
}

.cdc-search__wrap.is-mobile .cdc-search__bar-input::-ms-input-placeholder {
    color: #97a3b7;
    font-weight: 500
}

.cdc-search__wrap.is-mobile .cdc-search__bar-input::-webkit-input-placeholder {
    color: #97a3b7;
    font-weight: 500
}

.cdc-search__wrap.is-mobile .cdc-search__i.clear,
.cdc-search__wrap.is-mobile .cdc-search__mask {
    display: none
}

.cdc-search__wrap.with-selector .cdc-search__bar {
    padding-right: 90px
}

.cdc-search__dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    min-width: 400px
}

.cdc-search__bar {
    box-sizing: border-box;
    position: relative;
    padding-right: 90px;
    padding-left: 16px;
    height: 32px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 12px;
    border: 1px solid #0052d9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-search__bar-input {
    box-sizing: border-box;
    background: transparent;
    width: 100%;
    font-size: 14px;
    color: #181818;
    line-height: 30px;
    outline: none;
    border: none
}

.cdc-search__bar-input::-moz-placeholder {
    color: #97a3b7;
    opacity: 1
}

.cdc-search__bar-input::-ms-input-placeholder {
    color: #97a3b7
}

.cdc-search__bar-input::-webkit-input-placeholder {
    color: #97a3b7
}

.cdc-search__bar-btns {
    position: absolute;
    right: 16px;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 80px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-search__bar-btns .cdc-search__btn {
    height: 30px;
    line-height: 32px;
    position: relative;
    right: 0;
    top: 0
}

.cdc-search__bar-btns .cdc-search__btn:first-child {
    padding-left: 16px
}

.cdc-search__bar-btns .cdc-search__btn:last-child {
    margin-right: 0
}

.cdc-search__bar-btns .cdc-search__btn:last-child:after {
    content: "";
    position: absolute;
    left: -16px;
    height: 16px;
    border-left: 1px solid #d6dbe3
}

.cdc-search__result {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    box-sizing: border-box
}

.cdc-search__result-bd {
    padding: 20px
}

.cdc-search__result-group {
    margin-bottom: 15px;
    padding-top: 15px
}

.cdc-search__result-group:first-child {
    padding-top: 0
}

.cdc-search__result-group:last-child {
    margin-bottom: 0
}

.cdc-search__result-group dt {
    font-size: 14px;
    line-height: 30px;
    color: #4b5b76
}

.cdc-search__result-group+dl {
    border-top: 1px solid #d6dbe3
}

.cdc-search__result-keywords a {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 30px;
    color: #181818
}

.cdc-search__result-keywords a:hover {
    color: #0052d9
}

.cdc-search__result-history dt {
    position: relative
}

.cdc-search__result-history dt .link-clear {
    position: absolute;
    right: -5px;
    top: 6px;
    padding: 0 5px
}

.cdc-search__result-history dt .link-clear .link-clear__delete {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-delete_e27.svg) 50% no-repeat
}

.cdc-search__result-history dt .link-clear .link-clear__delete:hover {
    background-image: url(../../images/icon-delete-h_354.svg)
}

.cdc-search__result-history .cdc-search__result-link {
    position: relative;
    padding-right: 40px
}

.cdc-search__result-link {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 30px;
    color: #181818;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s
}

.cdc-search__result-link .link-btn {
    position: absolute;
    right: 15px;
    top: 0;
    box-sizing: border-box;
    padding: 0 5px;
    height: 100%;
    background-color: transparent;
    border: none;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    cursor: pointer
}

.cdc-search__result-link .link-btn__close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_91d.svg) 50% no-repeat
}

.cdc-search__result-link:hover {
    color: #0052d9;
    text-decoration: none;
    background-color: #f3f5f9
}

.cdc-search__result-link:hover .link-btn {
    opacity: 1;
    visibility: visible
}

.cdc-search__result-link:hover .link-btn__close {
    background-image: url(../../images/icon-close-blue_411.svg)
}

.cdc-search__result-none {
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px;
    font-size: 14px;
    color: #97a3b7
}

.cdc-search__result-list {
    max-height: 156px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -20px;
    padding-right: 16px
}

.cdc-search__result-list::-webkit-scrollbar {
    width: 4px
}

.cdc-search__result-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #d6dbe3
}

.cdc-search__result-item {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s;
    color: #181818
}

.cdc-search__result-item__icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.cdc-search__result-item__icon.article {
    background: url(../../images/result-article_414.svg) 50% no-repeat
}

.cdc-search__result-item__icon.column {
    background: url(../../images/result-column_716.svg) 50% no-repeat
}

.cdc-search__result-item__icon.ask {
    background: url(../../images/result-ask_0f8.svg) 50% no-repeat
}

.cdc-search__result-item__icon.stack {
    background: url(../../images/result-stack_b12.svg) 50% no-repeat
}

.cdc-search__result-item__icon.salon {
    background: url(../../images/result-salon_5ca.svg) 50% no-repeat
}

.cdc-search__result-item__icon.devdoc {
    background: url(../../images/result-devdoc_b34.svg) 50% no-repeat
}

.cdc-search__result-item__icon.user {
    background: url(../../images/result-user_cd5.svg) 50% no-repeat
}

.cdc-search__result-item__icon.video {
    background: url(../../images/result-video_68e.svg) 50% no-repeat
}

.cdc-search__result-item__type {
    margin-right: 5px;
    color: #999;
    font-size: 12px;
    vertical-align: middle
}

.cdc-search__result-item__text {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cdc-search__result-item__text em {
    color: #ff7200;
    margin-right: 2px
}

.cdc-search__result-item__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-search__result-item__link em {
    margin: 0 4px;
    color: #ff7800
}

.cdc-search__result-item__total {
    font-weight: 500
}

.cdc-search__result-item:hover {
    color: #0052d9;
    text-decoration: none;
    background-color: #f3f5f9
}

.cdc-search__result-item:hover .cdc-search__result-item__text em {
    color: #ff7800
}

.cdc-search__result-tip {
    box-sizing: border-box;
    padding: 10px 20px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.cdc-search__result-tip a {
    color: #0052d9;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40em;
    margin: 0 4px
}

.cdc-search__result-tip__total {
    color: #f64041
}

.cdc-search__result-ft {
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 16px;
    border-top: 1px solid #d6dbe3
}

.cdc-search__result-ft a {
    color: #0052d9;
    margin: 0 4px
}

.cdc-search__result-technical {
    margin-bottom: -10px
}

.cdc-search__result-technical .cdc-search__result-item {
    padding: 4px 10px;
    margin: 0
}

.cdc-search__result-technical .cdc-search__result-item:hover {
    background: #ecf2fe
}

.cdc-search__result-technical .cdc-search__result-item:hover .cdc-search__result-item__link {
    color: #0052d9
}

.cdc-search__selector {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    position: relative;
    cursor: pointer
}

.cdc-search__selector:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #d6dbe3;
    top: 3px;
    bottom: 3px;
    right: 0
}

.cdc-search__selector-inner {
    box-sizing: border-box;
    padding-right: 24px;
    position: relative
}

.cdc-search__selector-inner:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../../images/icon-arrowdown_9cc.svg) 50% no-repeat
}

.cdc-search__selector-inner.open:after,
.cdc-search__selector-inner:hover:after {
    background-image: url(../../images/icon-arrowdown-h_931.svg)
}

.cdc-search__selector-inner.open .cdc-search__selector-text,
.cdc-search__selector-inner:hover .cdc-search__selector-text {
    color: #0052d9
}

.cdc-search__selector-inner.open:after {
    background-image: url(../../images/icon-arrowup_877.svg)
}

.cdc-search__selector-text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-search__selector-dropdown {
    margin-top: 8px;
    position: absolute;
    right: 0;
    left: -18px;
    top: 100%;
    background: #fff;
    text-align: center;
    border: 1px solid #d6dbe3;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    z-index: 9
}

.cdc-search__selector-dropdown__item {
    box-sizing: border-box;
    padding: 5px 0;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    cursor: pointer
}

.cdc-search__selector-dropdown__item.is-selected,
.cdc-search__selector-dropdown__item:hover {
    background: #e3edfd;
    color: #0052d9
}

.cdc-search:hover {
    background-color: #d6dbe3
}

@media screen and (max-width:1366px) {
    .cdc__search {
        width: 220px
    }
}

.cdc-loading-tip {
    width: 100%;
    margin-top: 20px
}

.cdc-loading-tip__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-loading-tip__text {
    padding-right: 18px;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    position: relative;
    cursor: pointer
}

.cdc-loading-tip__text:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-more_f3c.svg) 50% no-repeat;
    right: 0;
    top: 3px
}

.cdc-loading-tip.end .cdc-loading-tip__text {
    padding-right: 0;
    cursor: default;
    color: #97a3b7
}

.cdc-loading-tip.end .cdc-loading-tip__text:after {
    display: none
}

.cdc-loading {
    text-align: center;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 6px 0
}

.cdc-loading__item {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #0052d9;
    -webkit-animation: bouncedelay .7s ease-in-out infinite both;
    animation: bouncedelay .7s ease-in-out infinite both;
    text-align: center;
    margin-left: 4px;
    margin-right: 4px
}

.cdc-loading__item.one {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.cdc-loading__item.two {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.cdc-loading.small .cdc-loading__item {
    width: 5px;
    height: 5px;
    margin-left: 1px;
    margin-right: 1px
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }
}

@keyframes bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }
}

.cdc-m-footer {
    background: #f5f7fa
}

.cdc-m-footer__inner {
    box-sizing: border-box;
    padding: 20px 16px
}

.cdc-m-footer__qr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.cdc-m-footer__qr-image {
    background: linear-gradient(180deg, #f3f5f8, #fff);
    border: 8px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    border-radius: 4px;
    width: 128px;
    height: 128px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.cdc-m-footer__qr-image img {
    display: block;
    width: 100%;
    height: 100%
}

.cdc-m-footer__qr-text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: center
}

.cdc-m-footer__feedback {
    background: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    box-sizing: border-box;
    height: 56px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px
}

.cdc-m-footer__feedback-icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background: url(../../images/icon-feedback_4a4.svg) 50% no-repeat
}

.cdc-m-footer__feedback-text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-m-footer__copyright {
    box-sizing: border-box
}

.cdc-m-footer__copyright p {
    font-size: 12px;
    line-height: 20px;
    color: #495770;
    text-align: center
}

.cdc-m-footer__copyright p+p {
    margin-top: 4px
}

.cdc-m-footer__focus {
    position: fixed;
    z-index: 99;
    left: 16px;
    right: 16px;
    bottom: 34px;
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.cdc-m-footer__focus-inner {
    width: 100%;
    box-sizing: border-box;
    padding: 26px 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.cdc-m-footer__focus-icon {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    background: url(../../images/logo-icon_7e2.png) 50% no-repeat;
    background-size: 100% 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-m-footer__focus-text {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-m-footer__focus-text em {
    margin: 0 4px;
    font-weight: 500
}

.cdc-m-footer__focus-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/icon-close_4c7.svg) 50% no-repeat
}

.cdc-m-header {
    display: none
}

.cdc-m-header__inner {
    box-sizing: border-box;
    padding: 16px 20px;
    background-color: #fff;
    border-bottom: 1px solid #d6dbe3;
    position: relative;
    z-index: 10
}

.cdc-m-header__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-m-header__main .cdc-m-header__search {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 36px;
    margin-top: 0
}

.cdc-m-header__trigger {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-menu_000.svg) 50% no-repeat;
    cursor: pointer
}

.cdc-m-header__logo {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cdc-m-header__logo-icon {
    display: block;
    width: 126px;
    height: 28px;
    background: url(../../logo/z-blog-logo.png);
    background-size: 50%;
    background-repeat: no-repeat;
}

.cdc-m-header__message {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 36px
}

.cdc-m-header__message-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url(../../images/icon-message_9af.svg)
}

.cdc-m-header__message-num {
    position: absolute;
    top: -5px;
    right: -5px;
    font-weight: 500;
    font-size: 12px;
    min-width: 16px;
    min-height: 16px;
    box-sizing: border-box;
    padding: 0 4px;
    border-radius: 50%;
    color: #fff;
    background-color: #f64041
}

.cdc-m-header__search-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url(../../images/icon-search-dark_979.svg)
}

.cdc-m-header__operate {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-m-header__operate-text {
    color: #181818;
    font-size: 14px;
    font-weight: 500
}

.cdc-m-header__operate-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-user_24c.svg) 50% no-repeat;
    position: relative
}

.cdc-m-header__operate-icon-login {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-user-login_182.svg) 50% no-repeat;
    position: relative;
    border-radius: 50%;
    background-size: cover
}

.cdc-m-header__operate-number {
    display: inline-block;
    background: #f64041;
    border-radius: 60px;
    padding: 0 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    top: -6px;
    left: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cdc-m-header__search {
    margin-top: 12px
}

.cdc-m-header__mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1003;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.cdc-m-header__mask.is-show {
    opacity: 1;
    visibility: visible
}

.cdc-m-header__side {
    position: fixed;
    left: -400px;
    top: 0;
    z-index: 1003;
    width: 304px;
    height: 100%;
    background-color: #fff;
    transition: all .3s ease
}

.cdc-m-header__side.is-show {
    left: 0
}

.cdc-m-header__sidebar {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cdc-m-header__sidebar-top {
    box-sizing: border-box;
    padding: 30px 20px 20px;
    border-bottom: 1px solid #d6dbe3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-m-header__sidebar-top__logo {
    display: block;
    width: 126px;
    height: 28px;
    background: url(../../logo/z-blog-logo.png);
     background-size: 50%;
    background-repeat: no-repeat;
}

.cdc-m-header__sidebar-top__back {
    display: block;
    width: 24px;
    height: 24px;
    position: relative
}

.cdc-m-header__sidebar-top__back:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-arrow-left_38c.svg) 50% no-repeat;
    top: 4px;
    right: 0
}

.cdc-m-header__sidebar-menus {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-height: calc(100vh - 161px);
    overflow-y: auto
}

.cdc-m-header__sidebar-menus .tpm1-collapse {
    margin-bottom: 4px
}

.cdc-m-header__sidebar-menus .tpm1-collapse__panel-hd {
    box-shadow: none;
    background: #fff;
    border: none;
    padding: 16px 20px;
    position: relative
}

.cdc-m-header__sidebar-menus .tpm1-collapse__panel-hd:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-arrow-down_cbc.svg) 50% no-repeat
}

.cdc-m-header__sidebar-menus .tpm1-collapse__panel-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    padding: 0
}

.cdc-m-header__sidebar-menus .tpm1-collapse__panel-bd {
    padding: 8px 0;
    background: #f5f7fa
}

.cdc-m-header__sidebar-menus .tpm1-collapse__panel.is-open .tpm1-collapse__panel-hd:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    background-image: url(../../images/icon-arrow-down-h_3f4.svg)
}

.cdc-m-header__sidebar-menu {
    box-sizing: border-box;
    padding: 8px 20px
}

.cdc-m-header__sidebar-menu__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 12px
}

.cdc-m-header__sidebar-menu__icon.icon-article {
    background-image: url(../../images/icon-article_854.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-ask {
    background-image: url(../../images/icon-ask_d59.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-video {
    background-image: url(../../images/icon-video_28b.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-learn {
    background-image: url(../../images/icon-learn_6f9.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-class {
    background-image: url(../../images/icon-class_801.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-training {
    background-image: url(../../images/icon-training_71a.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-lab {
    background-image: url(../../images/icon-lab_a2c.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-living {
    background-image: url(../../images/icon-living_ac3.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-competition {
    background-image: url(../../images/icon-competition_a0a.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-app {
    background-image: url(../../images/icon-app_5bb.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-sdk {
    background-image: url(../../images/icon-sdk_986.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-api {
    background-image: url(../../images/icon-api_7d3.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-tool {
    background-image: url(../../images/icon-tool_51e.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-coding {
    background-image: url(../../images/icon-coding_3f6.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-studio {
    background-image: url(../../images/icon-studio_37c.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-code {
    background-image: url(../../images/icon-code_b0b.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-cloudstudio {
    background-image: url(../../images/icon-cloudstudio_a1a.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-cloudnative {
    background-image: url(../../images/icon-cloudnative_86b.svg)
}

.cdc-m-header__sidebar-menu__icon.icon-cloudfun {
    background-image: url(../../images/icon-cloudfun_967.svg)
}

.cdc-m-header__sidebar-menu__link {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    vertical-align: middle
}

.cdc-m-header__sidebar-menu.is-active {
    background: #edf1f7;
    border-radius: 2px
}

.cdc-m-header__sidebar-menu.is-active .cdc-m-header__sidebar-menu__link {
    color: #0052d9
}

.cdc-m-header__sidebar-menu.link {
    display: block;
    box-sizing: border-box;
    padding: 20px 20px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-m-header__sidebar-menu.link:last-child {
    position: relative
}

.cdc-m-header__sidebar-menu.link:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #d6dbe3
}

.cdc-m-header__sidebar-menu.link.is-active {
    color: #0052d9
}

.cdc-m-header__sidebar-menu.is-extra-btn {
    margin: 0 16px;
    padding: 7px 0;
    border-top: 1px solid #d6dbe3
}

.cdc-m-header__sidebar-back {
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 48px;
    margin: 0 20px;
    border-top: 1px solid #d6dbe3
}

.cdc-m-header__sidebar-back__link>i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    transition: -webkit-transform .33s ease-in-out;
    transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out, -webkit-transform .33s ease-in-out;
    background: url(../../images/icon-back_020.svg) 50% no-repeat;
    vertical-align: middle
}

.cdc-m-header__sidebar-back__link span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7
}

.cdc-m-header__sidebar-capsule {
    width: calc(100% - 20px);
    height: 38px;
    margin: 16px auto 0;
    text-align: center
}

.cdc-m-header__sidebar-capsule img {
    width: auto;
    height: 100%
}

.cdc-m-header__sidebar-activity {
    display: inline-block;
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    position: relative;
    margin-left: 20px;
    margin-bottom: 32px
}

.cdc-m-header__sidebar-activity .cdc-badge {
    top: -9px;
    right: -32px
}

.cdc-m-header__home {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.cdc-m-header__home .icon-home {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-home_fb1.svg) 50% no-repeat
}

.cdc-m-header__extra {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cdc-m-header__extra-search {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 18px
}

.cdc-m-header__extra-search .search-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-search_37a.svg) 50% no-repeat
}

.cdc-m-header__extra-message {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 18px;
    position: relative
}

.cdc-m-header__extra-message>i {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.cdc-m-header__extra-message .message-icon {
    background-image: url(../../images/icon-message_9af.svg)
}

.cdc-m-header__extra-message .user-icon {
    background-image: url(../../images/icon-user-blue_183.svg)
}

.cdc-m-header__extra-message .message-num {
    position: absolute;
    top: -5px;
    right: -5px;
    font-weight: 500;
    font-size: 12px;
    min-width: 16px;
    min-height: 16px;
    box-sizing: border-box;
    padding: 0 4px;
    border-radius: 50%;
    color: #fff;
    background-color: #f64041
}

.cdc-m-header__extra-operate {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative
}

.cdc-m-header__extra-operate .operate-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-operate_a9d.svg) 50% no-repeat
}

.cdc-m-header__extra-bubble .tea-bubble {
    -webkit-transform: translateX(14px);
    transform: translateX(14px)
}

.cdc-m-header__extra-bubble .tea-bubble__inner {
    width: 120px
}

.cdc-m-header__extra-bubble .bubble-content-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 0
}

.cdc-m-header__extra-bubble .bubble-content-item:last-child {
    margin-bottom: 0
}

.cdc-m-header__extra-bubble .bubble-content-item .item-icon {
    display: inline-block;
    width: 16px;
    height: 16px
}

.cdc-m-header__focus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 8px 16px;
    background-image: url(../../images/focus-bg_d4d.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: auto 100%
}

.cdc-m-header__focus-text {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.cdc-m-header__focus-text em {
    font-weight: 600;
    color: #0052d9;
    margin: 0 4px
}

.cdc-m-header__focus-btn {
    background: #0052d9;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box
}

.cdc-m-header.user.is-sticky.with-focus .cdc-m-header__focus {
    margin-bottom: 16px
}

.cdc-m-header.user .cdc-m-header__main {
    background-color: transparent
}

.cdc-m-header.user .cdc-m-header__logo {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.cdc-m-header.with-focus .cdc-m-header__inner {
    padding-top: 0
}

.cdc-m-header.is-sticky .cdc-m-header__inner {
    padding-top: 10px;
    padding-bottom: 10px
}

.cdc-m-header.is-sticky.with-focus .cdc-m-header__inner {
    padding-top: 0
}

.cdc-m-header.is-sticky.with-focus .cdc-m-group-banner__placeholder,
.cdc-m-header.is-sticky.with-focus .cdc-m-guider-banner__guide-mvp {
    margin-bottom: 10px
}

.cdc-m-header.is-sticky .cdc-m-header__main {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cdc-m-header.is-sticky .cdc-m-header__logo {
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: translate(0);
    transform: translate(0);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 8px
}

.cdc-m-header.is-sticky .cdc-m-header__logo-icon {
    width: 24px;
    height: 24px;
    background: url(../../images/cloud-logo_5a9.svg) 50% no-repeat
}

.cdc-m-header.is-sticky .cdc-m-header__search {
    position: relative;
    right: unset;
    top: unset;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 16px
}

.cdc-m-header.is-sticky .cdc-m-header__search-input {
    width: 100%;
    outline: none;
    border: none;
    background: #e8ecf2;
    border-radius: 30px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    padding: 0 36px 0 20px;
    font-size: 14px;
    color: #97a3b7
}

.cdc-m-header.is-sticky .cdc-m-header__search-icon {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-search-blue_4cd.svg) 50% no-repeat
}

.cdc-m-header.is-sticky.with-focus {
    padding-top: 0
}

.cdc-m-header.is-sticky.with-focus .cdc-m-header__focus {
    margin-bottom: 10px
}

.cdc-m-header.is-fixed .cdc-m-header__placeholder {
    height: 57px
}

.cdc-m-header.is-fixed.with-focus .cdc-m-header__placeholder {
    height: 97px
}

.cdc-m-header.is-fixed .cdc-m-header__inner {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.cdc-m-header.is-fixed.is-air .cdc-m-header__placeholder {
    height: 0
}

.cdc-m-header-notice {
    max-width: 280px;
    display: none
}

.cdc-m-header-notice-hd {
    font-weight: 500;
    line-height: 22px;
    position: relative;
    margin-bottom: 8px;
    font-size: 14px;
    padding-right: 20px;
    white-space: nowrap
}

.cdc-m-header-notice-bd {
    line-height: 20px;
    font-size: 12px;
    color: #fff
}

.cdc-m-header-notice-btn {
    display: inline-block;
    margin-left: 4px;
    border-bottom: 1px solid #fff;
    line-height: 16px
}

.cdc-m-header-notice .tea-bubble__inner {
    background: #4b5b76;
    color: #fff;
    border-color: #4b5b76;
    padding: 6px
}

.cdc-m-header-notice .tea-bubble__inner:after,
.cdc-m-header-notice .tea-bubble__inner:before {
    border-bottom-color: #4b5b76 !important
}

.cdc-m-header-notice .icon-close,
.cdc-m-header-notice .recommend-bubble2-close,
.cdc-m-header-notice .recommend-bubble-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close-white_d99.svg) 50%/cover no-repeat;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0
}

.cdc-m-header-notice .cdc-text-truncation__content {
    color: #fff;
    line-height: 20px;
    max-height: 40px
}

.cdc-m-header-notice .cdc-text-truncation__content:after {
    width: 0 !important
}

.cdc-m-header-notice .cdc-text-truncation__content a:not(.cdc-text-truncation__toggle-btn) {
    margin-left: 6px;
    border-bottom: 1px solid #fff;
    line-height: 16px;
    color: #fff
}

.cdc-m-header-notice .cdc-text-truncation__toggle-btn,
.cdc-m-header-notice .cdc-text-truncation__toggle-btn:before {
    color: #fff
}

.cdc-m-header-notice .cdc-text-truncation__toggle-btn:after {
    content: "查看更多";
    border-bottom: 1px solid #fff;
    line-height: 12px;
    margin-bottom: 4px;
    position: relative
}

.cdc-m-header-notice .cdc-text-truncation__toggle-btn:hover:after {
    color: #fff
}

.cdc-m-header-notice.tea-overlay {
    z-index: 1000 !important
}

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

    .cdc-m-header,
    .cdc-m-header-notice {
        display: block
    }
}

.is-mobile .cdc-m-header,
.is-mobile .cdc-m-header-article {
    display: block
}

.cdc-author-info {
    width: 334px;
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.cdc-author-info__inner {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 22px 18px 20px;
    overflow: hidden
}

.cdc-author-info__inner:after {
    display: none;
    content: "";
    position: absolute;
    width: 111px;
    height: 138px;
    background: url(../../images/icon-decorate_edc.svg) 50% no-repeat;
    top: -2px;
    right: -20px
}

.cdc-author-info__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    margin-bottom: 8px
}

.cdc-author-info__user {
    text-align: center
}

.cdc-author-info__user-avatar {
    margin: 0 auto 20px
}

.cdc-author-info__user-name {
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 2px
}

.cdc-author-info__user-name>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.cdc-author-info__user-name .cdc-emblems {
    margin-top: 0;
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-author-info__user-name .cdc-emblems__item {
    margin: 0 3px
}

.cdc-author-info__user-position {
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 24px
}

.cdc-author-info__user-position>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.cdc-author-info__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

.cdc-author-info__btn {
    min-width: 139px;
    height: 36px;
    line-height: 34px
}

.cdc-author-info__btn+.cdc-author-info__btn {
    margin-left: 20px
}

.cdc-author-info__infos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    box-sizing: border-box;
    padding-top: 24px;
    border-top: 1px solid #d6dbe3
}

.cdc-author-info__info {
    min-width: 68px;
    text-align: center
}

.cdc-author-info__info-number {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #181818
}

.cdc-author-info__info-text {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.cdc-author-info.internal .cdc-author-info__inner:after {
    display: block
}

.cdc-crumb__inner {
    margin: 0 -4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center
}

.cdc-crumb__item {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #97a3b7;
    margin: 0 4px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-crumb__item.current {
    color: #4b5b76;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.cdc-crumb__item.current:hover {
    color: #4b5b76
}

.cdc-crumb__item.current:hover:after {
    display: none
}

.cdc-crumb__item:hover {
    color: #0052d9
}

.cdc-crumb__split {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #97a3b7;
    margin: 0 4px
}

.cdc-carousel {
    width: 100%;
    height: 100%
}

.cdc-carousel__inner,
.cdc-carousel__item {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cdc-carousel__item-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.cdc-carousel__item-inner:after,
.cdc-carousel__item-inner:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 200px;
    top: 0;
    z-index: 1
}

.cdc-carousel__item-inner:before {
    left: calc(50% - 960px);
    background: linear-gradient(90deg, #f3f5f8, rgba(243, 245, 248, 0))
}

.cdc-carousel__item-inner:after {
    right: calc(50% - 960px);
    background: linear-gradient(-90deg, #f3f5f8, rgba(243, 245, 248, 0))
}

.cdc-carousel__item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    overflow: hidden
}

.cdc-carousel__item-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 124px 10px 10px;
    position: relative
}

.cdc-carousel__item-link {
    color: #0052d9;
    height: auto;
    padding: 0;
    border-bottom: 1px dashed #0052d9;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 6px;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-carousel__item-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    max-width: 480px;
    margin-top: -6px;
    color: #181818
}

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

.cdc-carousel__item-desc {
    font-size: 16px;
    line-height: 24px;
    color: #4b5b76;
    max-width: 475px;
    margin-top: 8px
}

.cdc-carousel__item-operate {
    margin-top: 18px
}

.cdc-carousel__item-btn {
    height: 40px;
    line-height: 34px;
    min-width: 136px;
    margin-bottom: 20px
}

.cdc-carousel__item-btn.focus {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-carousel__item-btn.focus .focus-icon {
    display: block;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    background: url(../../images/icon-plus_03a.svg) 50% no-repeat
}

.cdc-carousel__item-btn.focus .focus-icon.icon-checked {
    background-image: url(../../images/icon-checked_189.svg)
}

.cdc-carousel__item-btn.focus .focus-text {
    font-size: 14px;
    line-height: 22px;
    vertical-align: 4px
}

.cdc-carousel__item-btn.focus.cdc-btn--weak {
    background: #ecf2fe;
    border: 1px solid #d6dbe3
}

.cdc-carousel__item-btn.focus.cdc-btn--weak .focus-text,
.cdc-carousel__item-btn.focus.cdc-btn--weak:hover .focus-text {
    color: #97a3b7
}

.cdc-carousel__item-btn.share {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 16px
}

.cdc-carousel__item-btn.share .share-icon {
    display: block;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    background: url(../../images/icon-share_729.svg) 50% no-repeat
}

.cdc-carousel__item-btn.share .share-text {
    font-size: 14px;
    line-height: 22px;
    vertical-align: 4px
}

.cdc-carousel__item-search {
    width: 480px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    padding: 2px 90px 2px 20px;
    box-sizing: border-box;
    position: relative
}

.cdc-carousel__item-search .search-input {
    box-sizing: border-box;
    background: transparent;
    width: 100%;
    font-size: 14px;
    color: #181818;
    line-height: 36px;
    outline: none;
    border: none
}

.cdc-carousel__item-search .search-input::-moz-placeholder {
    color: #97a3b7;
    opacity: 1
}

.cdc-carousel__item-search .search-input::-ms-input-placeholder {
    color: #97a3b7
}

.cdc-carousel__item-search .search-input::-webkit-input-placeholder {
    color: #97a3b7
}

.cdc-carousel__item-search .search-btn {
    position: absolute;
    width: 81px;
    height: 36px;
    line-height: 34px;
    border-radius: 30px;
    top: 2px;
    right: 2px;
    min-width: unset
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-bg {
    margin-left: 40px
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-content {
    padding: 20px 20px 0
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-link {
    max-width: 220px;
    margin-bottom: 8px
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 4px;
    max-width: 240px
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-desc {
    max-width: 240px;
    position: relative;
    margin-top: 4px
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-operate {
    margin-top: 20px
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-btn {
    min-width: 90px
}

.cdc-carousel__item.is-mobile .cdc-carousel__item-search {
    margin-top: 23px;
    width: 100%
}

@media (max-width:1920px) {

    .cdc-carousel__item-inner:after,
    .cdc-carousel__item-inner:before {
        display: none
    }
}

.cdc-section {
    width: 100%;
    margin-bottom: 40px
}

.cdc-section__hd {
    padding-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d6dbe3;
    position: relative
}

.cdc-section__title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #181818
}

.cdc-section__title em {
    font-weight: 500;
    color: #0052d9
}

.cdc-section__tabs {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 32px
}

.cdc-section__item {
    margin-right: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    cursor: pointer
}

.cdc-section__item.is-active {
    color: #0052d9
}

.cdc-section__more {
    position: absolute;
    right: 0;
    bottom: 11px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    display: block;
    padding-right: 16px
}

.cdc-section__more:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-arrow_95d.svg) 50% no-repeat;
    top: 3px;
    right: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.cdc-section__more:hover {
    color: #0052d9
}

.cdc-section__more:hover:after {
    background-image: url(../../images/icon-arrow-h_204.svg);
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.cdc-section__refresh {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.cdc-section__refresh-icon {
    display: block;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-refresh_83b.svg) 50% no-repeat
}

.cdc-section__refresh-text {
    font-size: 16px;
    line-height: 24px;
    color: #4b5b76
}

.cdc-section__refresh:hover .cdc-section__refresh-icon {
    background-image: url(../../images/icon-refresh-h_7ef.svg)
}

.cdc-section__refresh:hover .cdc-section__refresh-text {
    color: #0052d9
}

.cdc-section__btn {
    position: absolute;
    right: 60px;
    bottom: 8px;
    width: 114px;
    padding: 0;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none;
    height: 28px;
    border-radius: 20px;
    border: none !important
}

.cdc-section__btn,
.cdc-section__btn:hover {
    background-color: #ecf2fe !important
}

.cdc-section__bd {
    margin-top: 20px
}

.cdc-section.is-mobile {
    box-sizing: border-box;
    padding: 0 16px;
    margin-bottom: 32px
}

.cdc-section.is-mobile .cdc-section__hd {
    border-bottom: none;
    padding-bottom: 0
}

.cdc-section.is-mobile .cdc-section__bd {
    margin-top: 16px
}

.cdc-section.is-mobile .cdc-section__btn,
.cdc-section.is-mobile .cdc-section__more {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.cdc-tip {
    position: fixed;
    top: 50px;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    min-width: 480px;
    color: #181818
}

.cdc-tip__inner {
    box-sizing: border-box;
    padding: 12px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-tip__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    display: block;
    width: 28px;
    height: 28px;
    background: url(../../images/icon-default_84d.svg) 50% no-repeat
}

.cdc-tip__icon.icon-success {
    background-image: url(../../images/icon-success_d78.svg)
}

.cdc-tip__icon.icon-error {
    background-image: url(../../images/icon-error_1a0.svg)
}

.cdc-tip__icon.icon-warning {
    background-image: url(../../images/icon-warning_b56.svg)
}

.cdc-tip__main {
    -ms-flex: 1;
    flex: 1
}

.cdc-tip__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    margin-bottom: 4px
}

.cdc-tip__text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-tip__text a {
    color: #0052d9
}

.cdc-tip__close {
    cursor: pointer;
    display: block;
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_1ae.svg) 50% no-repeat
}

.cdc-tip__close:hover {
    background-image: url(../../images/icon-close-h_471.svg)
}

.cdc-tip__extra {
    cursor: pointer;
    display: block;
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-tip__extra a {
    color: #0052d9
}

.cdc-tip.success .cdc-tip__title {
    color: #088f50
}

.cdc-tip.error .cdc-tip__text,
.cdc-tip.error .cdc-tip__title {
    color: #b42c3f
}

.cdc-tip.warning .cdc-tip__text,
.cdc-tip.warning .cdc-tip__title {
    color: #be740f
}

.cdc-tip.is-hidden {
    display: none
}

.cdc-tip--block {
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: translate(0);
    transform: translate(0);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #ecf2fe;
    border: 1px solid #699ef5;
    z-index: 1
}

.cdc-tip--block.error {
    border: 1px solid #ef8b8b;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #fce8e8
}

.cdc-tip--block.warning {
    border: 1px solid #be740f;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #fef0db
}

.cdc-tip.with-bg {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #ecf2fe;
    border: 1px solid #699ef5;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px
}

.cdc-tip.with-bg.success {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #e0f7eb;
    border: 1px solid #66d799
}

.cdc-tip.with-bg.error {
    border: 1px solid #ef8b8b;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #fce8e8
}

.cdc-tip.with-bg.warning {
    border: 1px solid #be740f;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #fef0db
}

.cdc-tip.is-miniprogram {
    top: 0
}

@media (max-width:768px) {
    .cdc-tip {
        min-width: unset;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left: 16px;
        right: 16px
    }

    .cdc-tip__icon {
        margin-right: 12px
    }

    .cdc-tip.with-bg {
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #ecf2fe;
        border: 1px solid #699ef5;
        box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
        border-radius: 2px
    }

    .cdc-tip.with-bg.success {
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #e0f7eb;
        border: 1px solid #66d799
    }

    .cdc-tip.with-bg.error {
        border: 1px solid #ef8b8b;
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #fce8e8
    }

    .cdc-tip.with-bg.warning {
        border: 1px solid #be740f;
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #fef0db
    }

    .cdc-tip.success .cdc-tip__title+.cdc-tip__text {
        color: #4b5b76
    }

    .cdc-tip.success .cdc-tip__title+.cdc-tip__text a {
        color: #0052d9
    }

    .cdc-tip.success .cdc-tip__text {
        color: #088f50
    }

    .cdc-tip.success .cdc-tip__text a {
        color: #0052d9
    }

    .cdc-tip--block {
        position: relative;
        left: unset;
        right: unset
    }
}

.cdc-level-tag {
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
    padding: 0 7px 0 6px;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    min-width: 37px;
    background: #9fb1ce;
    box-shadow: 4px 4px 12px rgba(159, 177, 206, .1)
}

.cdc-level-tag.level-1,
.cdc-level-tag.level-2 {
    background: #72a7ff;
    box-shadow: 4px 4px 12px rgba(23, 119, 167, .1)
}

.cdc-level-tag.level-3,
.cdc-level-tag.level-4,
.cdc-level-tag.level-5 {
    background: #2071f7;
    border: 1px solid #fff;
    box-shadow: 4px 4px 12px rgba(0, 75, 198, .1);
    border-radius: 10px
}

.cdc-level-tag.level-6,
.cdc-level-tag.level-7,
.cdc-level-tag.level-8 {
    background: #6248ff;
    border: 1px solid #fff;
    box-shadow: 4px 4px 12px rgba(70, 34, 217, .1);
    border-radius: 10px
}

.cdc-level-tag.level-9,
.cdc-level-tag.level-10 {
    background: #933eff;
    border: 1px solid #fff;
    box-shadow: 4px 4px 12px rgba(214, 53, 53, .1);
    border-radius: 10px
}

.cdc-none-panel__inner {
    margin: 40px auto;
    text-align: center
}

.cdc-none-panel__icon {
    display: block;
    width: 220px;
    height: 180px;
    background: url(../../images/icon-nonepanel_78a.png) 50% no-repeat;
    margin: 0 auto 18px;
    background-size: cover
}

.cdc-none-panel__icon.icon-user {
    background-image: url(../../images/icon-user_d80.png)
}

.cdc-none-panel__icon.icon-list {
    background-image: url(../../images/icon-list_ef8.png)
}

.cdc-none-panel__icon.icon-video {
    background-image: url(../../images/icon-video_ae0.png)
}

.cdc-none-panel__icon.icon-404 {
    background-image: url(../../images/icon-404_eac.png)
}

.cdc-none-panel__icon.icon-article {
    background-image: url(../../images/icon-article_73c.png)
}

.cdc-none-panel__icon.icon-training {
    background-image: url(../../images/icon-training_fd6.png)
}

.cdc-none-panel__icon.icon-column {
    background-image: url(../../images/icon-column_79a.svg)
}

.cdc-none-panel__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000
}

.cdc-none-panel__desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-none-panel__desc a {
    margin-left: 4px;
    color: #0052d9
}

.cdc-none-panel__operates {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-none-panel__operate {
    min-width: 160px;
    margin: 0 10px
}

.cdc-none-panel__bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 4px;
    padding: 16px;
    width: 389px
}

.cdc-none-panel__bubble .tea-bubble__inner:after {
    margin-bottom: -1px;
    border-bottom-color: #fff
}

.cdc-none-panel__bubble .tea-bubble__inner:before {
    border-bottom-color: #e8ecf1
}

.cdc-none-panel__bubble .tea-bubble--top .tea-bubble__inner:after {
    margin-bottom: -1px;
    border-bottom-color: #fff
}

.cdc-none-panel__bubble .tea-bubble--top .tea-bubble__inner:before {
    border-bottom-color: #e8ecf1
}

.cdc-none-panel__bubble-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-none-panel__bubble-content .content-qr {
    width: 100px;
    height: 100px;
    background: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px hsla(0, 0%, 100%, .4);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.cdc-none-panel__bubble-content .content-qr>img {
    width: 100%;
    height: 100%
}

.cdc-none-panel__bubble-content .content-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 8px
}

.cdc-none-panel__bubble-content .content-title span {
    margin-left: 4px
}

.cdc-none-panel__bubble-content .content-title em {
    font-weight: 500;
    color: #0052d9
}

.cdc-none-panel__bubble-content .content-item {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    position: relative;
    padding-left: 12px
}

.cdc-none-panel__bubble-content .content-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: #4b5b76;
    border-radius: 50%;
    left: 0;
    top: 11px
}

.cdc-none-panel__bubble-content .content-item em {
    margin-left: 4px;
    font-weight: 500;
    color: #ff7800
}

.cdc-none-panel.single-page {
    min-height: calc(100vh - 764px)
}

.cdc-none-panel.single-page .cdc-none-panel__inner {
    margin: 140px auto 300px
}

.cdc-none-panel.is-mobile .cdc-none-panel__inner {
    margin: 60px auto
}

.cdc-none-panel.is-mobile .cdc-none-panel__icon {
    width: 170px;
    height: 140px;
    margin-bottom: 20px
}

.cdc-none-panel.is-mobile .cdc-none-panel__icon.icon-404 {
    width: 220px;
    height: 180px
}

.cdc-none-panel.is-mobile .cdc-none-panel__desc {
    margin-top: 20px
}

.cdc-none-panel.is-mobile .cdc-none-panel__operate {
    min-width: 120px
}

.cdc-none-panel.is-mobile.single-page {
    min-height: calc(100vh - 452px)
}

.cdc-link {
    position: relative;
    padding-right: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    cursor: pointer
}

.cdc-link:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    width: 16px;
    height: 16px;
    transition: -webkit-transform .33s ease-in-out;
    transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out, -webkit-transform .33s ease-in-out;
    background: url(../../images/icon-arrow_95d.svg) 50% no-repeat
}

.cdc-link:hover {
    color: #0052d9
}

.cdc-link:hover:after {
    background-image: url(../../images/icon-arrow-h_204.svg);
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.cdc-link.blue {
    color: #0052d9
}

.cdc-link.blue:after {
    background-image: url(../../images/icon-arrow-h_204.svg)
}

.cdc-link.down:after {
    background-image: url(../../images/icon-arrow-down_3c7.svg)
}

.cdc-link.down:hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cdc-link.down.blue:after,
.cdc-link.down:hover:after {
    background-image: url(../../images/icon-arrow-down-h_5cd.svg)
}

.is-mobile .cdc-link:hover {
    color: #4b5b76
}

.is-mobile .cdc-link:hover:after {
    background: url(../../images/icon-arrow_95d.svg) 50% no-repeat
}

.cdc-feedback-modal {
    text-align: center
}

.cdc-feedback-modal .cdc-modal__inner {
    padding-bottom: 36px;
    width: 510px
}

.cdc-feedback-modal__icon {
    display: block;
    width: 72px;
    height: 72px;
    margin: 34px auto 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.cdc-feedback-modal__icon.icon-success {
    background-image: url(../../images/icon-success_d76.svg)
}

.cdc-feedback-modal__icon.icon-error {
    background-image: url(../../images/icon-error_ebf.svg)
}

.cdc-feedback-modal__icon.icon-primary {
    background-image: url(../../images/icon-primary_0a5.svg)
}

.cdc-feedback-modal__content {
    text-align: center
}

.cdc-feedback-modal__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #000
}

.cdc-feedback-modal__desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #4c5b76
}

.cdc-feedback-modal__desc a {
    color: #0052d9;
    margin: 0 2px;
    word-break: keep-all
}

.cdc-feedback-modal__desc .is-error {
    color: #e54545
}

.cdc-feedback-modal__operates {
    margin-top: 28px;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-feedback-modal__edit,
.cdc-feedback-modal__operates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-feedback-modal__edit {
    margin: 20px auto;
    height: 36px;
    width: 400px
}

.cdc-feedback-modal__edit-input {
    outline: none;
    box-sizing: border-box;
    min-width: 332px;
    height: 36px;
    line-height: 34px;
    padding-right: 30px;
    padding-left: 12px;
    border: 1px solid transparent;
    color: #181818;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5), 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.cdc-feedback-modal__edit-input:active,
.cdc-feedback-modal__edit-input:focus {
    border-color: #0052d9
}

.cdc-feedback-modal__edit-btn {
    margin-left: -20px
}

.cdc-feedback-modal__edit-btn .cdc-btn {
    height: 36px;
    line-height: 34px;
    min-width: 78px
}

.cdc-feedback-modal__operate.cdc-btn {
    height: 36px;
    line-height: 34px;
    min-width: 150px;
    margin: 0 10px
}

.cdc-feedback-modal__note {
    font-size: 14px;
    line-height: 22px;
    color: #333
}

@media screen and (max-width:768px) {
    .cdc-feedback-modal .cdc-modal__inner {
        border-radius: 0;
        position: fixed;
        bottom: 0;
        top: unset;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        padding: 16px 16px 36px;
        width: 100% !important;
        min-width: unset;
        max-width: unset
    }

    .cdc-feedback-modal__icon {
        margin-top: 23px;
        margin-bottom: 17px
    }

    .cdc-feedback-modal__title {
        font-weight: 600
    }

    .cdc-feedback-modal__edit {
        width: 100%;
        margin-top: 12px
    }

    .cdc-feedback-modal__edit-input {
        min-width: 75%
    }

    .cdc-feedback-modal__operates {
        margin: 32px -10px 0
    }

    .cdc-feedback-modal__operate {
        width: 100%
    }

    .cdc-feedback-modal__operate.cdc-btn {
        min-width: 132px
    }
}

.cdc-info-modal .cdc-modal__inner {
    width: 500px;
    position: absolute
}

.cdc-info-modal .cdc-modal__hd {
    padding-bottom: 16px
}

.cdc-info-modal__main .tp-form {
    padding-top: 16px;
    margin-bottom: -16px
}

.cdc-info-modal__main .tp-form__item-label {
    min-width: 84px;
    padding-top: 0;
    padding-bottom: 0
}

.cdc-info-modal__main .tp-form__item-label label {
    font-size: 14px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    color: #4b5b76;
    word-break: break-all
}

.cdc-info-modal__main .tp-form__item-controls {
    padding-left: 12px;
    padding-bottom: 16px
}

.cdc-info-modal__main .cdc-input {
    width: 360px
}

.cdc-info-modal__options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -6px
}

.cdc-info-modal__options+.cdc-input {
    margin-top: 12px
}

.cdc-info-modal__select {
    margin: 0 6px
}

.cdc-info-modal__select.tp-dropdown {
    width: 112px
}

.cdc-info-modal__operates {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-info-modal__operate {
    margin: 0 10px
}

.cdc-info-modal__operate.cdc-btn {
    min-width: 150px
}

@media screen and (max-width:768px) {
    .cdc-info-modal .cdc-modal__inner {
        width: 100%;
        min-width: 100%;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        top: unset;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        padding: 16px 16px 0
    }

    .cdc-info-modal .cdc-modal__hd {
        padding-bottom: 14px
    }

    .cdc-info-modal .cdc-modal__title {
        font-size: 16px;
        line-height: 24px
    }

    .cdc-info-modal__main {
        width: 100%
    }

    .cdc-info-modal__main .tp-form {
        display: block;
        width: 100%
    }

    .cdc-info-modal__main .tp-form__item {
        display: block
    }

    .cdc-info-modal__main .tp-form__item-label {
        display: block;
        margin-bottom: 4px
    }

    .cdc-info-modal__main .tp-form__item-label label {
        font-size: 12px;
        line-height: 18px
    }

    .cdc-info-modal__main .tp-form__item-controls {
        display: block;
        padding-left: 0;
        margin-left: 0;
        box-sizing: border-box
    }

    .cdc-info-modal__main .cdc-input {
        width: 100%
    }

    .cdc-info-modal__options {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 -8px
    }

    .cdc-info-modal__select {
        margin: 0 0 8px
    }

    .cdc-info-modal__select.tp-dropdown {
        width: 100%
    }

    .cdc-info-modal__operates {
        padding: 20px 0;
        margin: 16px -6px 0
    }

    .cdc-info-modal__operate.cdc-btn {
        width: calc(50% - 6px);
        margin: 0 6px
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.cdc-input {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 8px;
    height: 36px;
    border: 1px solid transparent;
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5), 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border-radius: 2px;
    min-width: 40px;
    display: inline-block;
    vertical-align: middle;
    outline: none
}

.cdc-input::-webkit-input-placeholder {
    color: #97a3b7
}

.cdc-input::-moz-placeholder,
.cdc-input::-ms-input-placeholder,
.cdc-input::-webkit-input-placeholder,
.cdc-input::placeholder {
    color: #97a3b7
}

@media (max-width:768px) {
    .cdc-input {
        font-size: 12px
    }
}

.cdc-input:focus,
.cdc-input:focus:hover,
.cdc-input:hover {
    border-color: #0052d9;
    background: #fff;
    color: #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5), 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.cdc-input.cdc-input-disabled,
.cdc-input.cdc-input-disabled:hover {
    border-color: transparent;
    background: hsla(0, 0%, 100%, .7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5), 8px 8px 20px 0 rgba(55, 99, 170, .1);
    cursor: not-allowed
}

.cdc-input-search {
    display: inline-block;
    border-bottom: 1px solid #d6dbe3
}

.cdc-input-search-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../../images/icon-search_389.svg)
}

.cdc-input-search .cdc-input {
    border: none;
    display: inline-block;
    vertical-align: middle
}

.cdc-input-search .cdc-input:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.cdc-input-search.cdc-input-search-statu {
    border-bottom: none
}

.cdc-input-search .cdc-input-search-statu-inner {
    border-top: 1px solid #d6dbe3;
    width: 100%;
    padding: 50px;
    text-align: center;
    box-sizing: border-box
}

.cdc-input-search .cdc-input-search-no-result {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

@media (max-width:768px) {
    .cdc-input-search .cdc-input-search-no-result {
        font-size: 12px
    }
}

.cdc-input-search .cdc-input-search-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/input_icon_loading_59d.png) no-repeat 50%;
    background-size: contain;
    -webkit-animation: RotatinAnimation .5s linear infinite;
    animation: RotatinAnimation .5s linear infinite
}

.cdc-dropdown.tp-dropdown {
    width: 100%
}

.cdc-dropdown.tp-dropdown .tp-dropdown__header {
    z-index: 10;
    height: 36px;
    border: 1px solid transparent;
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5), 8px 8px 20px 0 rgba(55, 99, 170, .1);
    padding: 7px 28px 7px 8px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    width: 100%
}

.cdc-dropdown.tp-dropdown .tp-dropdown__header:focus,
.cdc-dropdown.tp-dropdown .tp-dropdown__header:hover {
    border-color: #0052d9
}

.cdc-dropdown.tp-dropdown .tp-dropdown__value {
    display: inline-block;
    width: 100%;
    color: #181818;
    line-height: 22px
}

.cdc-dropdown.tp-dropdown .tp-dropdown__value>div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdc-dropdown.tp-dropdown .tp-dropdown__icon {
    background: url(../../images/icon-arrowdown_f5c.svg)
}

.cdc-dropdown.tp-dropdown .tp-dropdown.is-expanded .tp-dropdown__header {
    border-color: #0052d9
}

.cdc-dropdown.tp-dropdown .tp-dropdown.is-expanded .tp-dropdown__value {
    color: #0052d9
}

.cdc-dropdown.tp-dropdown .tp-dropdown.is-expanded .tp-dropdown__icon {
    background-image: url(../../images/icon-arrowdown-hover_9e2.svg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.cdc-dropdown-box.tp-dropdown-box {
    margin-top: -4px;
    width: 100%;
    border: 1px solid #d6dbe3;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5), 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.cdc-dropdown-box.tp-dropdown-box .tp-dropdown-box__inner {
    max-height: 340px
}

.cdc-dropdown-box.tp-dropdown-box .tp-dropdown-box__inner::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.cdc-dropdown-box.tp-dropdown-box .tp-dropdown-box__inner::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 0
}

.cdc-dropdown-box.tp-dropdown-box .tp-list {
    padding: 0
}

.cdc-dropdown-box.tp-dropdown-box .tp-list li {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    color: #181818;
    padding: 7px 8px;
    cursor: pointer;
    width: 100%
}

.cdc-dropdown-box.tp-dropdown-box .tp-list li:hover {
    background: linear-gradient(90deg, rgba(218, 232, 252, .8), rgba(222, 233, 253, .8));
    color: #181818
}

@media screen and (max-width:768px) {
    .cdc-dropdown.tp-dropdown .tp-dropdown__value {
        font-size: 12px
    }

    .cdc-dropdown-box.tp-dropdown-box .tp-dropdown-box__inner {
        max-height: 140px
    }

    .cdc-dropdown-box.tp-dropdown-box .tp-list li {
        font-size: 12px
    }
}

.cdc-mask {
    top: 0;
    height: 100vh;
    background: rgba(0, 0, 0, .3)
}

.cdc-mask,
.cdc-popup {
    position: fixed;
    left: 0;
    z-index: 1001;
    width: 100%
}

.cdc-popup {
    overflow-x: hidden;
    bottom: 0;
    box-shadow: 6px 6px 12px rgba(55, 99, 170, .06)
}

.cdc-popup,
.cdc-popup__inner {
    background-color: #fff;
    box-sizing: border-box
}

.cdc-popup__inner {
    padding: 42px 20px 60px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.cdc-popup__inner a {
    color: #0052d9
}

.cdc-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_98a.svg) 50% no-repeat
}

.cdc-popup.is-hidden {
    display: none
}

.cdc-popup.is-act-in {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cdc-popup.is-act-out {
    -webkit-transform: translateX(105vw);
    transform: translateX(105vw)
}

.cdc-helper {
    margin-bottom: 20px
}

.cdc-helper__inner {
    position: relative
}

.cdc-helper__ip {
    top: -30px;
    left: 0;
    position: absolute;
    width: 48px;
    height: 42px;
    background: url(../../images/ip-head_497.svg) 50% no-repeat;
    background-size: 100% auto
}

.cdc-helper__ip:before {
    right: -11px;
    bottom: 10px;
    content: "";
    position: absolute;
    width: 27px;
    height: 18px;
    background: url(../../images/ip-decorate_c16.svg) 50% no-repeat;
    background-size: 100% 100%
}

.cdc-helper__btn {
    position: relative;
    width: 44px;
    height: 127px;
    background: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 81px;
    text-align: center;
    box-sizing: border-box;
    padding: 13.5px 13px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4b5b76;
    cursor: pointer
}

.cdc-helper__btn:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 55px;
    top: -39px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../../images/ip-hand_d07.png) 50% no-repeat;
    background-size: 100% 100%
}

.cdc-helper__btn:hover {
    color: #0052d9
}

.cdc-helper__bubble .tea-bubble__inner {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
    max-width: 296px;
    padding: 20px;
    min-width: 197px
}

.cdc-helper__bubble .tea-bubble__inner:after,
.cdc-helper__bubble .tea-bubble__inner:before {
    display: none
}

.cdc-helper__bubble .bubble-content {
    position: relative
}

.cdc-helper__bubble .bubble-content__close {
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_98a.svg) 50% no-repeat
}

.cdc-helper__bubble .bubble-content__close:hover {
    background-image: url(../../images/icon-close-h_471.svg)
}

.cdc-helper__bubble .bubble-content__hd {
    margin-bottom: 8px
}

.cdc-helper__bubble .bubble-content__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.cdc-helper__bubble .bubble-content__desc {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.cdc-helper__bubble .bubble-content__desc em {
    color: #000
}

.cdc-helper__bubble .bubble-content__links {
    margin-bottom: -8px
}

.cdc-helper__bubble .bubble-content__link {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #495770
}

.cdc-helper__bubble .bubble-content__link:hover {
    color: #0052d9
}

.cdc-helper__bubble .bubble-content__operates {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #d4d7de;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-helper__bubble .bubble-content__operates span {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #979797;
    cursor: pointer
}

.cdc-helper__bubble .bubble-content__operates span:hover {
    color: #181818
}

.cdc-modal {
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden
}

.cdc-modal:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.cdc-modal__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    white-space: normal;
    min-width: 420px;
    box-sizing: border-box;
    padding: 20px 26px 32px;
    background: linear-gradient(0deg, #fff, #fff), linear-gradient(1turn, #fff, #f3f5f8);
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 8px
}

.cdc-modal__hd {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10
}

.cdc-modal__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #000
}

.cdc-modal__close {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_98a.svg) 50% no-repeat;
    top: 0;
    right: 0;
    cursor: pointer
}

.cdc-modal__close:hover {
    background-image: url(../../images/icon-close-h_471.svg)
}

.cdc-modal__mask {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    opacity: .5;
    z-index: 1001;
    background: rgba(0, 0, 0, .6)
}

.cdc-modal__wrap.is-hidden {
    display: none
}

@media (max-width:768px) {
    .cdc-modal__inner {
        width: calc(100% - 32px);
        max-width: 420px;
        min-width: unset
    }
}

.cdc-activity-entrance-modal .cdc-modal__inner {
    min-width: unset;
    width: 540px;
    height: 627px;
    background: url(../../images/bg-img_5ec.png) 50% no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 0
}

.cdc-activity-entrance-modal .cdc-modal__inner .cdc-modal__close {
    right: 75px;
    top: 50px
}

.cdc-activity-entrance-modal__content {
    box-sizing: border-box;
    padding: 60px 90px
}

.cdc-activity-entrance-modal__title {
    width: 353px;
    padding-top: 20.963172%;
    background: url(../../images/icon-title_36f.svg) 50% no-repeat;
    margin: 0 auto 12px
}

.cdc-activity-entrance-modal__desc {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #4c5b76;
    margin-bottom: 14px
}

.cdc-activity-entrance-modal__qr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cdc-activity-entrance-modal__qr>img {
    display: block;
    width: 140px;
    height: 140px;
    background: rgba(237, 243, 251, .6);
    border: 2px solid #fff;
    box-shadow: 10px 10px 36px rgba(73, 114, 183, .3);
    -webkit-backdrop-filter: blur(18.1248px);
    backdrop-filter: blur(18.1248px);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 7px
}

.cdc-activity-entrance-modal__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 12px
}

.cdc-activity-entrance-modal__btn .cdc-btn {
    width: 116px;
    text-align: center
}

.cdc-activity-entrance-modal.is-mobile .cdc-modal__inner {
    width: 330px;
    height: 403px;
    background-image: url(../../images/bg-m-img_4e4.png)
}

.cdc-activity-entrance-modal.is-mobile .cdc-modal__inner .cdc-modal__close {
    top: 40px;
    right: 60px
}

.cdc-activity-entrance-modal.is-mobile .cdc-activity-entrance-modal__content {
    padding: 50px 50px 50px 40px
}

.cdc-activity-entrance-modal.is-mobile .cdc-activity-entrance-modal__title {
    padding-top: 21.60804%;
    width: 199px;
    background-image: url(../../images/icon-title-m_dcd.svg)
}

.cdc-activity-entrance-modal.is-mobile .cdc-activity-entrance-modal__desc {
    font-size: 0;
    width: 207px;
    height: 21px;
    background: url(../../images/desc-bg_c1b.png) 50% no-repeat;
    background-size: 100% auto;
    margin: 0 auto 18px
}

.cdc-activity-entrance {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(237, 243, 251, .6);
    border: 2px solid #fff;
    box-shadow: 9.06238px 9.06238px 36.2495px rgba(73, 114, 183, .3);
    -webkit-backdrop-filter: blur(18.1248px);
    backdrop-filter: blur(18.1248px);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px;
    z-index: 999
}

.cdc-activity-entrance__qr {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 2px;
    overflow: hidden;
    margin-bottom: 2px
}

.cdc-activity-entrance__qr>img {
    display: block;
    width: 100%;
    height: 100%
}

.cdc-activity-entrance__title {
    width: 80px;
    height: 56px;
    background: url(../../images/title-bg_77b.png) 50% no-repeat;
    background-size: cover
}

.cdc-activity-entrance__extra {
    width: 230px
}

.cdc-activity-entrance__extra-inner {
    box-sizing: border-box;
    padding: 7px 10px 10px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    background: url(../../images/bg-m_731.png) 50% no-repeat;
    background-size: cover
}

.cdc-activity-entrance__extra-image {
    display: block;
    width: 152px;
    height: 33px;
    background: url(../../images/icon-title_003.svg) 50% no-repeat
}

.cdc-activity-entrance__extra-close {
    display: block;
    top: 50%;
    margin-top: -8px;
    right: 4px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_961.svg) 50% no-repeat
}

.cdc-activity-entrance.is-mobile {
    padding: 8px
}

.cdc-activity-entrance.is-mobile .cdc-activity-entrance__title {
    width: 60px;
    height: 42px
}

.cdc-activity-entrance.is-mobile.show-extra {
    padding: 0
}

.cdc-report-modal .cdc-modal__inner {
    width: 500px
}

.cdc-report-modal__content {
    margin-top: 20px;
    padding-top: 36px;
    margin-left: -26px;
    margin-right: -26px;
    border-top: 1px solid #d6dbe3
}

.cdc-report-modal__list {
    box-sizing: border-box;
    padding: 0 26px 20px
}

.cdc-report-modal__list .tea-form-check {
    padding-left: 28px;
    margin-bottom: 16px
}

.cdc-report-modal__list .tea-form-check .tea-radio-wrap:hover .tea-radio {
    border-color: #0052d9
}

.cdc-report-modal__list .tea-form-check .tea-radio-wrap .tea-radio:checked {
    background-color: #0052d9;
    border-color: #0052d9
}

.cdc-report-modal__list .tea-form-check__label,
.cdc-report-modal__textarea {
    font-size: 14px;
    color: #181818
}

.cdc-report-modal__textarea {
    display: block;
    resize: none;
    width: calc(100% - 52px);
    height: 100px;
    padding: 5px 10px;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    vertical-align: middle;
    outline: 0;
    box-sizing: border-box;
    margin: 0 auto 30px
}

.cdc-report-modal__textarea:focus,
.cdc-report-modal__textarea:hover {
    border-color: #0052d9
}

.cdc-report-modal__operates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-report-modal__operate {
    margin: 0 12px;
    border-radius: 2px
}

@media screen and (max-width:768px) {
    .cdc-report-modal .cdc-modal__inner {
        width: 100%;
        min-width: 100%;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        top: unset;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        padding: 16px 16px 0
    }

    .cdc-report-modal__content {
        padding-top: 20px
    }

    .cdc-report-modal__list {
        padding-bottom: 4px
    }

    .cdc-report-modal__textarea {
        margin-bottom: 20px
    }

    .cdc-report-modal__operates {
        padding-bottom: 20px;
        margin: 0 -6px
    }

    .cdc-report-modal__operate {
        width: calc(50% - 6px);
        margin: 0 6px
    }
}

.cdc-quick-ask-modal .cdc-modal__inner {
    width: 800px;
    box-sizing: border-box;
    padding: 24px;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 0
}

.cdc-quick-ask-modal .cdc-modal__title {
    font-size: 18px
}

.cdc-quick-ask-modal .cdc-modal__close {
    top: 5px
}

.cdc-quick-ask-modal__info {
    background: linear-gradient(97deg, #3c80ff, #90b4fb 100.56%);
    position: relative;
    height: 52px;
    padding-left: 80px;
    padding-right: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px
}

.cdc-quick-ask-modal__info:before {
    content: "";
    width: 96px;
    height: 52px;
    background: url(../../images/bg_37c.svg) 50%/cover no-repeat;
    position: absolute;
    left: 0
}

.cdc-quick-ask-modal__info img {
    height: 67px;
    position: absolute;
    left: 8px;
    bottom: 0
}

.cdc-quick-ask-modal__info-text {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden
}

.cdc-quick-ask-modal__content {
    margin-top: 24px
}

.cdc-quick-ask-modal__content .cdc-screen-input {
    margin-top: 16px
}

.cdc-quick-ask-modal__content .cdc-screen-input .tea-tag-input__inner {
    border-color: #d6dbe3;
    padding: 12px 12px 0
}

.cdc-quick-ask-modal__content .cdc-screen-input .tea-tag-input__inner .tea-tag-group .tea-tag {
    margin-bottom: 12px
}

.cdc-quick-ask-modal__content .cdc-screen-input .tea-input {
    line-height: 22px;
    color: #181818;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 12px
}

.cdc-quick-ask-modal__content .cdc-screen-input.is-loading .tea-tag-input__inner:after {
    top: 16px
}

.cdc-quick-ask-modal__content .cdc-btn {
    width: 200px;
    height: 48px;
    line-height: 46px;
    margin-top: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cdc-quick-ask-modal__check {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-quick-ask-modal__tip {
    background: #fffaf5;
    box-sizing: border-box;
    padding: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.cdc-quick-ask-modal__tip em {
    color: #ff7800
}

.cdc-quick-ask-modal__tip a {
    color: #0052d9;
    cursor: pointer;
    margin: 0 4px
}

.cdc-quick-ask-modal__input {
    width: 100%
}

.cdc-quick-ask-modal__input>input {
    width: 100%;
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    height: 48px;
    line-height: 46px;
    box-sizing: border-box;
    padding: 0 12px;
    outline: none;
    color: #181818;
    font-weight: 400;
    font-size: 14px
}

.cdc-quick-ask-modal__input>input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 46px
}

.cdc-quick-ask-modal__input>input:-moz-placeholder,
.cdc-quick-ask-modal__input>input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 46px
}

.cdc-quick-ask-modal__input>input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 46px
}

.cdc-quick-ask-modal__input>input:active,
.cdc-quick-ask-modal__input>input:focus,
.cdc-quick-ask-modal__input>input:hover {
    border-color: #0052d9
}

.cdc-quick-ask-modal__input>input:focus {
    font-weight: 400;
    font-size: 14px
}

.cdc-quick-ask-modal__selector {
    margin-top: 16px
}

.cdc-quick-ask-modal__editor {
    margin-top: 20px;
    height: 290px;
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px
}

.cdc-quick-ask-modal__editor .qa-r-editor {
    height: 100%;
    overflow-y: auto
}

.cdc-quick-ask-modal .cdc-tags-input {
    margin-top: 16px
}

.cdc-quick-ask-modal .cdc-tags-input__dropdown {
    padding: 24px
}

.cdc-quick-ask-modal .cdc-tags-input__dropdown-tip {
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d6dbe3;
    font-weight: 400
}

.cdc-quick-ask-modal .cdc-tags-input__dropdown-list {
    max-height: 204px;
    margin: 0 -24px
}

.cdc-quick-ask-modal .cdc-tags-input__dropdown-item {
    padding: 0 24px;
    margin-bottom: 10px;
    cursor: text
}

.cdc-quick-ask-modal .cdc-tags-input__dropdown-item:hover {
    background: transparent
}

.t-popup__content {
    color: #4b5b76
}

.m-modal-quick-ask {
    width: 100%;
    height: 100%;
    bottom: auto;
    top: 0
}

.m-modal-quick-ask .cdc-popup__inner {
    padding: 0;
    height: 100%
}

.m-modal-quick-ask .cdc-popup__inner>.cdc-popup__close {
    display: none
}

.m-modal-quick-ask-inner {
    height: 100%;
    position: relative
}

.m-modal-quick-ask-head {
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(214, 219, 227, .3);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    text-align: center;
    position: relative
}

.m-modal-quick-ask-head-arrow-left {
    width: 24px;
    height: 24px;
    background-image: url(../../images/icon-arrow-left-m_8a7.svg);
    position: absolute;
    top: 17px;
    left: 16px
}

.m-modal-quick-ask-head-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #0052d9;
    position: absolute;
    right: 16px;
    top: 16px
}

.m-modal-quick-ask-head-btn.is-empty {
    color: #97a3b7
}

.m-modal-quick-ask-body {
    padding: 20px 16px 24px;
    height: calc(100% - 122px);
    box-sizing: border-box
}

.m-modal-quick-ask-info {
    background: linear-gradient(97deg, #3c80ff, #90b4fb 100.56%);
    position: relative;
    height: 52px;
    padding-left: 76px;
    padding-right: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px
}

.m-modal-quick-ask-info:before {
    content: "";
    width: 96px;
    height: 52px;
    background: url(../../images/bg_37c.svg) 50%/cover no-repeat;
    position: absolute;
    left: 0
}

.m-modal-quick-ask-info img {
    height: 67px;
    position: absolute;
    left: 8px;
    bottom: 0
}

.m-modal-quick-ask-info-text {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden
}

.m-modal-quick-ask-item-tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 10px
}

.m-modal-quick-ask-item-tit em {
    color: #f64041
}

.m-modal-quick-ask-item .cdc-dropdown-input {
    height: 38px;
    line-height: 36px
}

.m-modal-quick-ask-item-textarea {
    width: 100%;
    height: 100%;
    outline: none;
    resize: none;
    word-break: break-all;
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    padding: 8px 12px;
    box-sizing: border-box
}

.m-modal-quick-ask-item-textarea::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 22px
}

.m-modal-quick-ask-item-textarea:-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 222px
}

.m-modal-quick-ask-item-textarea::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 22px
}

.m-modal-quick-ask-item-textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 22px
}

.m-modal-quick-ask-item-textarea:active,
.m-modal-quick-ask-item-textarea:focus,
.m-modal-quick-ask-item-textarea:hover {
    border-color: #0052d9
}

.m-modal-quick-ask-item:last-child {
    height: calc(100% - 92px)
}

.m-modal-quick-ask-item:last-child .m-modal-quick-ask-item-input {
    height: calc(100% - 34px)
}

.m-modal-quick-ask-item+.m-modal-quick-ask-item {
    margin-top: 20px
}

.m-modal-quick-ask-foot {
    background: #fff;
    box-shadow: 0 -8px 16px rgba(55, 99, 170, .1);
    height: 62px;
    overflow: hidden
}

.m-modal-quick-ask-foot-inner {
    height: 70px;
    padding: 8px 0 30px 16px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: auto
}

.m-modal-quick-ask-foot-add {
    background: #0052d9;
    border-radius: 20px;
    padding: 0 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-modal-quick-ask-foot-tag-list {
    margin-left: 8px
}

.m-modal-quick-ask-foot-tag-list .tea-tag-group {
    width: 100%;
    overflow-x: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    word-break: keep-all
}

.m-modal-quick-ask .tea-tag {
    background: #f1f2f5;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    padding: 2px 24px 2px 6px;
    box-sizing: border-box;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    white-space: nowrap
}

.m-modal-quick-ask .tea-tag:last-child {
    margin-right: 0
}

.m-modal-quick-ask .tea-tag .tea-icon-dismiss {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 6px;
    background-image: url(../../images/icon-close_37e.svg);
    background-repeat: no-repeat
}

.m-modal-quick-ask .tea-tag .tea-tag__end-decorator {
    position: absolute;
    top: 4px;
    right: 6px
}

.m-modal-quick-ask__check {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.m-modal-quick-ask__check .t-checkbox__label {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.m-modal-quick-ask__check-name {
    max-width: calc(100vw - 240px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.m-modal-quick-ask-choose-pop {
    height: calc(100% - 80px)
}

.m-modal-quick-ask-choose-pop .cdc-popup__inner {
    padding: 16px
}

.m-modal-quick-ask-choose-pop .cdc-popup__inner>.cdc-popup__close {
    display: block;
    top: 20px
}

.m-modal-quick-ask-choose-pop-head {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.m-modal-quick-ask-choose-pop-head span {
    color: #f64041
}

.m-modal-quick-ask-choose-pop-body {
    margin-top: 12px;
    height: calc(100% - 36px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.m-modal-quick-ask-choose-pop-body .cdc-search__wrap {
    width: 100%
}

.m-modal-quick-ask-choose-pop-body .cdc-search__wrap .cdc-search {
    background: #eff3f9;
    height: 36px;
    line-height: 34px;
    padding: 0 30px 0 12px
}

.m-modal-quick-ask-choose-pop-body .cdc-search__wrap .cdc-search__btn {
    height: 34px
}

.m-modal-quick-ask-choose-pop-body .cdc-search__wrap.is-open .cdc-search__dropdown {
    min-width: auto
}

.m-modal-quick-ask-choose-pop-body .cdc-search__wrap.is-open .cdc-search__dropdown .cdc-search__bar {
    height: 36px;
    padding-left: 12px
}

.m-modal-quick-ask-choose-pop-tags {
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid hsla(0, 0%, 84.7%, .4);
    box-sizing: border-box
}

.m-modal-quick-ask-choose-pop-tags .tea-tag-group {
    margin-top: 8px
}

.m-modal-quick-ask-choose-pop-tags .tea-tag-group .tea-tag {
    margin-bottom: 4px
}

.m-modal-quick-ask-choose-pop-tags .tea-tag {
    background: #f1f2f5;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    padding: 2px 24px 2px 6px;
    box-sizing: border-box;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.m-modal-quick-ask-choose-pop-tags .tea-tag:last-child {
    margin-right: 0
}

.m-modal-quick-ask-choose-pop-tags .tea-tag .tea-icon-dismiss {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 6px;
    background-image: url(../../images/icon-close_37e.svg);
    background-repeat: no-repeat
}

.m-modal-quick-ask-choose-pop-tip {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #495770
}

.m-modal-quick-ask-choose-pop-none {
    padding-top: 190px;
    margin-top: 20%;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    color: #97a3b7;
    background: url(../../images/tag-notfind_56d.png) no-repeat center 40px/170px 140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-modal-quick-ask-choose-pop-none span {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px
}

.m-modal-quick-ask-choose-pop-select {
    margin-top: 16px;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px;
    box-sizing: border-box
}

.m-modal-quick-ask-choose-pop-select .cdc-screen-input-result-item {
    padding-bottom: 20px
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con {
    padding: 14px
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con-list {
    max-height: 172px;
    overflow: hidden
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con-item {
    padding: 0;
    margin-bottom: 20px
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con-item:hover {
    background: transparent;
    border-radius: 0
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con-item:hover .cdc-dropdown-input-con-title-text {
    color: #4b5b76
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con-title {
    display: block
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con-title span {
    padding-left: 0;
    margin-top: 4px
}

.m-modal-quick-ask-drop-input .cdc-dropdown-input-con .cdc-arrow-down {
    margin-top: 18px
}

.m-modal-quick-ask-drop-input.is-arrow .cdc-dropdown-input-con-list {
    max-height: 428px;
    overflow: auto
}

.cdc-focus-tip {
    position: fixed;
    z-index: 99;
    left: 16px;
    right: 16px;
    bottom: 34px;
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.cdc-focus-tip__inner {
    width: 100%;
    box-sizing: border-box;
    padding: 26px 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.cdc-focus-tip__icon {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    background: url(../../images/logo-icon_7e2.png) 50% no-repeat;
    background-size: 100% 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-focus-tip__text {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-focus-tip__text em {
    margin: 0 4px;
    font-weight: 500
}

.cdc-focus-tip__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/icon-close_4c7.svg) 50% no-repeat
}

.cdc-m-header-article {
    width: 100%;
    height: 56px;
    position: relative;
    z-index: 1000
}

.cdc-m-header-article__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.cdc-m-header-article__content .cdc-m-guider-banner {
    padding: 0 20px;
    background-color: #fff
}

.cdc-m-header-article__content .cdc-m-guider-banner__guide-add,
.cdc-m-header-article__content .cdc-m-guider-banner__guide-focus {
    margin-bottom: 0 !important
}

.cdc-m-header-article__main {
    padding-right: 20px;
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(214, 219, 227, .3);
    background: #fff
}

.cdc-m-header-article__trigger {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(../../images/icon-menu_000.svg);
    background-size: cover;
    cursor: pointer
}

.cdc-m-header-article__trigger:hover {
    background-image: url(../../images/icon-menu-hover_7b3.svg)
}

.cdc-m-header-article__title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cdc-m-header-article__title-logo {
    width: 126px;
    height: 28px;
    background-image: url(../../logo/z-blog-logo.png);
    background-size: cover
}

.cdc-m-header-article__con {
    padding: 16px;
    box-sizing: border-box
}

.cdc-m-header-article__extra {
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-m-header-article__extra-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.cdc-m-header-article__extra-icon i {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 50%
}

.cdc-m-header-article__extra-operate {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px
}

.cdc-m-header-article__extra-operate-number {
    display: inline-block;
    background: #f64041;
    border-radius: 60px;
    padding: 0 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    top: -6px;
    left: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cdc-m-header-article__extra-operate-text {
    color: #181818;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.cdc-m-header-article__extra-icon+.cdc-m-header-article__extra-icon {
    margin-left: 16px
}

.cdc-m-header-article__extra .extra-search {
    background-image: url(../../images/icon-search_979.svg)
}

.cdc-m-header-article__extra .extra-share {
    background-image: url(../../images/icon-share_504.svg)
}

.cdc-m-header-article__extra .extra-man {
    background-image: url(../../images/icon-man_397.svg)
}

.cdc-m-header-article__extra .extra-man-login {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/4c26fd06-5e95-4bb8-9315-5e8619f63b64.png);
    background-position: 50% !important;
    background-repeat: no-repeat;
    background-size: cover !important
}

@media screen and (max-width:768px) {
    .cdc-m-header-article {
        display: block
    }
}

.cdc-message,
.is-mobile .cdc-m-header-article {
    position: fixed
}

.cdc-message {
    min-width: 328px;
    background: #fff;
    border: 1px solid #e6ebf4;
    box-shadow: 8px 8px 16px rgba(55, 99, 170, .1);
    left: 50%;
    bottom: 80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 12px;
    box-sizing: border-box;
    opacity: 0
}

.cdc-message-inner {
    padding-left: 34px;
    position: relative;
    margin-right: 10px
}

.cdc-message-inner .icon {
    width: 24px;
    height: 24px;
    display: block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cdc-message-inner .icon-success {
    background-image: url(../../images/icon-success_82e.svg)
}

.cdc-message-title {
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.cdc-message-desc,
.cdc-message-title {
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.cdc-message-desc {
    font-size: 12px;
    line-height: 18px;
    color: #7c878e;
    margin-top: 4px
}

.cdc-message-desc span {
    color: #253554
}

.cdc-message-look {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #0052d9
}

.cdc-message.is-show {
    opacity: 1
}

.cdc-badge {
    position: absolute
}

.cdc-badge-inner {
    border: 1px solid #f64041;
    border-radius: 7px 7px 7px 0;
    background: #fff;
    padding: 0 4px;
    box-sizing: border-box
}

.cdc-badge-text {
    width: 22px;
    height: 9px;
    background-image: url(../../images/icon-hot_729.svg)
}

.cdc-screen-input.tea-tag-input {
    width: 100%;
    min-height: 30px;
    background-color: #fff;
    text-align: left;
    position: relative
}

.cdc-screen-input.tea-tag-input .tea-tag-input__inner {
    padding: 8px 12px 0;
    border: 1px solid #cfd5de;
    border-radius: 0;
    font-size: 0;
    min-height: 30px;
    box-sizing: border-box;
    cursor: text
}

.cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag-group {
    display: inline-block;
    font-size: 0;
    line-height: normal;
    vertical-align: 6px;
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    overflow-x: clip
}

.cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag-group .tea-tag {
    position: relative;
    background-color: #f1f2f5;
    border-radius: 2px;
    color: #000;
    margin: 0 12px 8px 0;
    height: auto;
    line-height: 24px;
    font-size: 0;
    vertical-align: middle;
    border: none;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-word;
    padding: 0 24px 0 6px;
    white-space: normal;
    cursor: pointer;
    max-width: 100%;
    box-sizing: border-box
}

.cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag-group .tea-tag span {
    font-size: 12px;
    font-weight: 400;
    color: #4b5b76;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    max-width: none;
    white-space: normal
}

.cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag-group .tea-tag .tea-icon-dismiss {
    cursor: pointer;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block;
    position: absolute;
    right: 6px;
    bottom: calc(50% - 6px);
    background-image: url(../../images/icon-tag-close_3e8.svg);
    background-position: 50%
}

.cdc-screen-input.tea-tag-input.is-active .tea-tag-input__inner {
    border-color: #0052d9
}

.cdc-screen-input .tea-input {
    width: auto !important;
    height: 22px;
    min-width: 1px;
    position: static;
    border: none;
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 8px;
    padding: 0
}

.cdc-screen-input .tea-input:focus-visible {
    border: none;
    outline: none;
    border-radius: 0
}

.cdc-screen-input .tea-input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7
}

.cdc-screen-input .tea-input:-moz-placeholder,
.cdc-screen-input .tea-input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7
}

.cdc-screen-input .tea-input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7
}

.cdc-screen-input.is-loading .tea-tag-input__inner {
    padding-right: 32px;
    position: relative
}

.cdc-screen-input.is-loading .tea-tag-input__inner:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 11px;
    right: 8px;
    background-image: url(../../images/icon-loading_5ab.png);
    background-size: cover;
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite
}

.cdc-screen-input .tea-tag-group .cdc-screen-input-result-item .cdc-screen-input-result-btn,
.cdc-screen-input .tea-tag-group .cdc-screen-input-result-item .cdc-screen-input-result-icon {
    display: none
}

.cdc-screen-input-box {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    box-sizing: border-box;
    padding: 12px 0
}

.cdc-screen-input-box>div {
    height: auto !important;
    max-height: 190px
}

.cdc-screen-input-box .tea-list.tea-list--option {
    position: relative;
    height: auto !important
}

.cdc-screen-input-box .tea-list.tea-list--option li {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 20px;
    box-sizing: border-box
}

.cdc-screen-input-box .tea-list.tea-list--option li:last-child .cdc-screen-input-result-item {
    padding-bottom: 0
}

.cdc-screen-input-box .tea-list.tea-list--option li.tea-list__status {
    height: auto !important;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7
}

.cdc-screen-input-box .tea-list.tea-list--option li.tea-list__status>span.tea-action-state {
    word-break: break-all
}

.cdc-screen-input-box .tea-list.tea-list--option li.tea-list__status>span.tea-action-state>span {
    display: inline-block;
    vertical-align: -6px;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.cdc-screen-input-box .cdc-screen-input-result-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px
}

.cdc-screen-input-box .cdc-screen-input-result-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-screen-input-box .cdc-screen-input-result-icon {
    width: 16px;
    height: 16px;
    background-image: url(../../images/icon-tag_e7b.svg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.cdc-screen-input-box .cdc-screen-input-result-btn {
    height: 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    min-width: 55px;
    padding: 0;
    box-shadow: none
}

.cdc-screen-input-box .cdc-screen-input-result-btn.is-disabled {
    background: #ecf2fe;
    border-color: #d6dbe3;
    color: #97a3b7
}

.cdc-screen-input-box .cdc-screen-input-tip {
    padding-bottom: 12px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: left;
    border-bottom: 1px solid #d6dbe3;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-screen-input-box .cdc-screen-input-blank {
    margin-top: 80px;
    margin-bottom: 90px
}

.cdc-screen-input-box.size-l {
    padding: 24px 0 36px
}

.cdc-screen-input-box.size-l>div {
    max-height: 239px
}

.cdc-screen-input-box.size-l .cdc-screen-input-result-item {
    padding-bottom: 10px
}

.cdc-screen-input-box.size-l .tea-list.tea-list--option li {
    padding: 0 24px
}

.is-pc .cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag:hover {
    background-color: #ecf2fe
}

.is-pc .cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag:hover span {
    color: #0052d9
}

.is-pc .cdc-screen-input.tea-tag-input .tea-tag-input__inner .tea-tag:hover .tea-icon-dismiss {
    background-image: url(../../images/icon-tag-close-hover_ee1.svg)
}

.is-pc .cdc-screen-input.tea-tag-input .cdc-screen-input-result-btn:hover {
    background: #ecf2fe
}

.is-mobile .cdc-screen-input .tea-tag-input__inner {
    padding-left: 38px;
    position: relative
}

.is-mobile .cdc-screen-input .tea-tag-input__inner:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background-image: url(../../images/icon-search_18d.svg)
}

.is-mobile .cdc-screen-input-box>div {
    max-height: 168px
}

.is-mobile .cdc-screen-input-box .tea-list.tea-list--option li {
    padding: 0 12px
}

.is-mobile .cdc-screen-input-box .cdc-screen-input-result-item {
    padding-bottom: 20px
}

.cdc-svg-icon-con {
    display: inline-block;
    line-height: 0
}

.cdc-svg-icon-con .cdc-svg-icon-text {
    margin-left: 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    vertical-align: middle
}

.cdc-svg-icon-con.is-disabled,
.cdc-svg-icon-con.is-disabled .cdc-svg-icon,
.cdc-svg-icon-con.is-disabled .cdc-svg-icon-text,
.cdc-svg-icon-con.is-grey,
.cdc-svg-icon-con.is-grey .cdc-svg-icon,
.cdc-svg-icon-con.is-grey .cdc-svg-icon-text {
    color: #97a3b7 !important
}

.cdc-svg-icon-con.is-operate {
    cursor: pointer
}

.cdc-svg-icon-con.is-grey {
    cursor: default
}

.cdc-svg-icon-con.is-disabled {
    cursor: not-allowed
}

.cdc-svg-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    -ms-flex: none;
    flex: none;
    color: inherit
}

.cdc-svg-icon svg {
    width: 100%;
    height: 100%
}

@media screen and (min-width:769px) {

    .cdc-svg-icon-con.is-operate:hover,
    .cdc-svg-icon-con.is-operate:hover .cdc-svg-icon,
    .cdc-svg-icon-con.is-operate:hover .cdc-svg-icon-text {
        color: #0052d9 !important
    }

    .cdc-svg-icon-con.is-disabled:hover,
    .cdc-svg-icon-con.is-disabled:hover .cdc-svg-icon,
    .cdc-svg-icon-con.is-disabled:hover .cdc-svg-icon-text,
    .cdc-svg-icon-con.is-grey:hover,
    .cdc-svg-icon-con.is-grey:hover .cdc-svg-icon,
    .cdc-svg-icon-con.is-grey:hover .cdc-svg-icon-text {
        color: #97a3b7
    }
}

.cdc-dropdown-input {
    width: 100%;
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    height: 48px;
    line-height: 46px;
    box-sizing: border-box;
    padding: 0 12px;
    outline: none;
    color: #181818;
    font-weight: 400;
    font-size: 14px
}

.cdc-dropdown-input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 46px
}

.cdc-dropdown-input:-moz-placeholder,
.cdc-dropdown-input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 46px
}

.cdc-dropdown-input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #97a3b7;
    line-height: 46px
}

.cdc-dropdown-input:active,
.cdc-dropdown-input:focus,
.cdc-dropdown-input:hover {
    border-color: #0052d9
}

.cdc-dropdown-input:focus {
    font-weight: 400;
    font-size: 14px
}

.cdc-dropdown-input-box {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    box-sizing: border-box
}

.cdc-dropdown-input-box .cdc-dropdown-input-con {
    padding: 24px;
    box-sizing: border-box
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-head {
    padding-bottom: 12px;
    margin-bottom: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #d6dbe3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-tip {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-btn {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    cursor: pointer
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-list {
    max-height: 244px;
    overflow: auto
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-list li:last-child .cdc-dropdown-input-con-item {
    margin-bottom: 0
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-item {
    margin-bottom: 8px;
    padding: 6px 10px;
    box-sizing: border-box;
    cursor: pointer
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-item:hover {
    background: #ecf2fe;
    border-radius: 2px
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-item:hover .cdc-dropdown-input-con-title-text {
    color: #0052d9
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-title-text {
    color: #4b5b76;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-title span {
    color: #ff7800;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 8px
}

.cdc-dropdown-input-box .cdc-dropdown-input-con-desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cdc-dropdown-input-box .cdc-arrow-down {
    margin-top: 16px
}

.cdc-arrow-down {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    text-align: center
}

.cdc-arrow-down .cdc-svg-icon {
    display: inline-block;
    vertical-align: -3px;
    margin-left: 4px
}

.cdc-evaluate {
    text-align: center
}

.cdc-evaluate-star {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(../../images/icon-evaluate-star_f0c.svg);
    background-size: cover;
    margin-right: 12px;
    cursor: pointer
}

.cdc-evaluate-star:last-child {
    margin-right: 0
}

.cdc-evaluate-star.is-active {
    background-image: url(../../images/icon-evaluate-star-active_5ea.svg)
}

.cdc-evaluate__bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #f0f3f8;
    box-shadow: 0 4px 16px rgba(76, 97, 134, .1);
    border-radius: 0
}

.cdc-video-modal .cdc-modal__inner {
    padding: 20px 20px 24px;
    border-radius: 4px;
    width: 1040px;
    max-height: calc(100% - 32px);
    overflow: auto
}

.cdc-video-modal .cdc-modal__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 16px;
    box-sizing: border-box
}

.cdc-video-modal__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    max-width: 44em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-video-modal__progress {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #4b5b76;
    margin-left: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: text
}

.cdc-video-modal__inner {
    margin-top: 24px
}

.cdc-video-modal__con {
    width: 100%;
    padding-top: 62.5%;
    position: relative
}

.cdc-video-modal__con-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cdc-video-modal__opt {
    margin-top: 24px;
    text-align: center
}

.cdc-video-modal__opt .cdc-btn {
    width: 140px;
    margin: 0 10px
}

@media screen and (max-width:1072px) {
    .cdc-video-modal .cdc-modal__inner {
        width: calc(100% - 32px)
    }
}

@media screen and (max-width:768px) {
    .cdc-video-modal .cdc-modal__inner {
        padding: 40px 16px 36px;
        border-radius: 8px;
        width: calc(100% - 32px);
        max-width: unset
    }

    .cdc-video-modal .cdc-modal__close {
        top: -30px;
        right: -6px
    }

    .cdc-video-modal .cdc-modal__title {
        display: block;
        padding-right: 0
    }

    .cdc-video-modal__title {
        font-size: 16px;
        line-height: 24px
    }

    .cdc-video-modal__progress {
        margin-top: 8px;
        margin-left: 0;
        font-size: 14px;
        line-height: 18px;
        -webkit-text-size-adjust: 100%
    }

    .cdc-video-modal__inner {
        margin-top: 16px
    }

    .cdc-video-modal__opt {
        margin-top: 20px;
        margin-left: -8px;
        margin-right: -8px
    }

    .cdc-video-modal__opt .cdc-btn {
        width: calc(50% - 16px);
        margin: 0 8px
    }
}

.cdc-video-modal.is-skip .cdc-modal__inner {
    width: 600px;
    padding: 20px 20px 24px;
    border-radius: 4px;
    max-width: unset
}

.cdc-video-modal.is-skip .cdc-modal__close {
    top: -5px
}

.cdc-video-modal.is-skip .cdc-video-modal__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    max-width: 26em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-video-modal.is-skip .cdc-video-modal__inner {
    margin-top: 20px
}

.cdc-video-modal.is-skip .cdc-video-modal__con {
    background: #f4f6f9;
    border-radius: 2px;
    padding: 16px;
    box-sizing: border-box
}

.cdc-video-modal.is-skip .cdc-video-modal__con-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-video-modal.is-skip .cdc-video-modal__con-href {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-break: break-all;
    margin-top: 8px;
    position: relative;
    overflow: hidden;
    max-height: 44px
}

.cdc-video-modal.is-skip .cdc-video-modal__con-href a {
    color: #0052d9;
    background: #f4f6f9;
    padding-left: 8px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0
}

.cdc-video-modal.is-skip .cdc-video-modal__opt {
    margin-top: 24px;
    text-align: center
}

.cdc-video-modal.is-skip .cdc-video-modal__opt .cdc-btn {
    width: 140px;
    margin: 0 10px
}

@media screen and (max-width:768px) {
    .cdc-video-modal.is-skip .cdc-modal__inner {
        width: 600px
    }
}

@media screen and (max-width:632px) {
    .cdc-video-modal.is-skip .cdc-modal__inner {
        width: calc(100% - 32px);
        padding: 40px 16px 36px;
        border-radius: 8px
    }

    .cdc-video-modal.is-skip .cdc-modal__close {
        right: -6px;
        top: -32px
    }

    .cdc-video-modal.is-skip .cdc-video-modal__title {
        font-size: 16px;
        line-height: 24px;
        max-width: unset;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal
    }

    .cdc-video-modal.is-skip .cdc-video-modal__inner {
        margin-top: 18px
    }

    .cdc-video-modal.is-skip .cdc-video-modal__con {
        padding: 10px
    }

    .cdc-video-modal.is-skip .cdc-video-modal__con-href {
        margin-top: 10px
    }

    .cdc-video-modal.is-skip .cdc-video-modal__opt {
        margin-top: 20px;
        margin-left: -8px;
        margin-right: -8px
    }

    .cdc-video-modal.is-skip .cdc-video-modal__opt .cdc-btn {
        width: calc(50% - 16px);
        margin: 0 8px
    }
}

.cdc-tab-subctrl {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0
}

.cdc-tab-subctrl li,
.cdc-tab-subctrl li:before {
    display: inline-block;
    vertical-align: middle
}

.cdc-tab-subctrl li:before {
    content: "";
    margin: 0 12px;
    width: 1px;
    height: 20px;
    background: #d6dbe3
}

.cdc-tab-subctrl li:first-child:before {
    display: none
}

.cdc-tab-subctrl a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #4b5b76;
    text-align: center
}

.cdc-tab-subctrl a:hover {
    color: #0052d9;
    text-decoration: none
}

.cdc-tab-subctrl .actived a {
    color: #0052d9
}

.cdc-tab-subctrl.button {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.cdc-tab-subctrl.button li {
    display: table-cell;
    text-align: center;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #ddd
}

.cdc-tab-subctrl.button li.actived {
    position: relative
}

.cdc-tab-subctrl.button a {
    width: 100%;
    height: 100%;
    line-height: 34px
}

.cdc-tab-subctrl.button .actived a {
    font-weight: 400;
    background-color: #eff9ff
}

.cdc-tab-subctrl.button li.actived:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #0052d9;
    position: absolute;
    left: -1px;
    top: -1px
}

.cdc-tab-subctrl.button li:before {
    display: none
}

.cdc-tab-subctrl.round-button {
    margin-bottom: 20px;
    text-align: center
}

.cdc-tab-subctrl.round-button>ul {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: #eef1f5;
    border-radius: 20px
}

.cdc-tab-subctrl.round-button li:before {
    display: none
}

.cdc-tab-subctrl.round-button a {
    box-sizing: border-box;
    display: block;
    min-width: 110px;
    height: 40px;
    padding: 0 10px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    color: #000
}

.cdc-tab-subctrl.round-button a:hover {
    color: #0052d9
}

.cdc-tab-subctrl.round-button .actived a,
.cdc-tab-subctrl.round-button .actived a:hover {
    background-color: #0052d9;
    border-radius: 20px;
    color: #fff
}

.cdc-suspend-pill {
    position: fixed;
    top: 158px;
    left: calc(50% - 788px);
    z-index: 1
}

.cdc-suspend-pill__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center
}

.cdc-suspend-pill .t-popup__content,
.cdc-suspend-pill .t-tooltip,
.cdc-suspend-pill .t-tooltip--light {
    color: #3f3f3f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 11px 0
}

.cdc-suspend-pill .t-popup__content span,
.cdc-suspend-pill .t-tooltip--light span,
.cdc-suspend-pill .t-tooltip span {
    color: #0052d9
}

.cdc-suspend-pill .t-popup__content,
.cdc-suspend-pill .t-popup__content--arrow {
    padding: 9px 10px !important;
    min-width: 326px !important
}

.cdc-suspend-pill .t-popup__content--arrow .t-popup__arrow,
.cdc-suspend-pill .t-popup__content .t-popup__arrow {
    left: -8px !important
}

.cdc-suspend-pill__item.cdc-icon-btn {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .06);
    border-radius: 50%;
    position: relative;
    display: block;
    color: #6b798f;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.cdc-suspend-pill__item.cdc-icon-btn:hover {
    color: #266de3
}

.cdc-suspend-pill__item.cdc-icon-btn.collect .cdc-svg-icon,
.cdc-suspend-pill__item.cdc-icon-btn.like .cdc-svg-icon,
.cdc-suspend-pill__item.cdc-icon-btn.recommend .cdc-svg-icon {
    margin-top: -2px
}

.cdc-suspend-pill__item.cdc-icon-btn.collect,
.cdc-suspend-pill__item.cdc-icon-btn.emoji,
.cdc-suspend-pill__item.cdc-icon-btn.like,
.cdc-suspend-pill__item.cdc-icon-btn.recommend {
    margin-bottom: 32px
}

.cdc-suspend-pill__item.cdc-icon-btn.emoji {
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-suspend-pill__item.cdc-icon-btn.group {
    border-radius: 30px;
    height: auto;
    padding: 16px 10px;
    background: linear-gradient(180deg, #f5f7f9, #fcfcfd)
}

.cdc-suspend-pill__item.cdc-icon-btn.group .cdc-svg-icon-text {
    display: inline-block;
    width: 16px;
    margin-top: 8px;
    font-size: 14px
}

.cdc-suspend-pill__item.cdc-icon-btn.group .cdc-svg-icon-con {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.cdc-suspend-pill__item.cdc-icon-btn.group:hover .cdc-svg-icon-text {
    color: #266de3
}

.cdc-suspend-pill__item.cdc-icon-btn *+* {
    margin-left: 0
}

.cdc-suspend-pill__item-number {
    background: #e3e9f1;
    border-radius: 60px;
    color: #384760
}

.cdc-suspend-pill__item-number,
.cdc-suspend-pill__item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 0;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -14px;
    cursor: text
}

.cdc-suspend-pill__item-text {
    background: #fff;
    border-radius: 60px;
    border: 1px solid #ff7800;
    color: #ff7800
}

.cdc-suspend-pill__line {
    width: 40px;
    height: 1px;
    background: #d6dbe3;
    margin-bottom: 20px
}

.cdc-suspend-pill .emoji-item {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.cdc-suspend-pill .emoji-item-icon {
    display: inline-block;
    width: 32px;
    height: 958px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    -webkit-animation: gifEmoji 1.5s steps(30) infinite both;
    animation: gifEmoji 1.5s steps(30) infinite both;
    will-change: transform
}

.cdc-suspend-pill .emoji-item-icon.salute {
    background-image: url(../../images/salute_889.png)
}

.cdc-suspend-pill .emoji-item-icon.like {
    background-image: url(../../images/like_aa8.png)
}

.cdc-suspend-pill .emoji-item-icon.thank {
    background-image: url(../../images/thank_9fb.png)
}

.cdc-suspend-pill .emoji-item-icon.update {
    background-image: url(../../images/update_583.png)
}

.cdc-suspend-pill .emoji-item-icon.fire {
    background-image: url(../../images/fire_d38.png)
}

.cdc-suspend-pill .emoji-item-icon.fight {
    background-image: url(../../images/fight_dd7.png)
}

@-webkit-keyframes gifEmoji {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -958px, 0);
        transform: translate3d(0, -958px, 0)
    }
}

.new-function-bubble.comment-bubble .tea-bubble {
    max-width: 363px
}

.new-function-bubble.comment-bubble .tea-bubble__inner {
    background: url(../../images/bg_b38.png) 50%/cover no-repeat;
    padding-left: 24px
}

.new-function-bubble.comment-bubble .tea-bubble__inner:after,
.new-function-bubble.comment-bubble .tea-bubble__inner:before {
    border-width: 0 !important
}

.new-function-bubble.comment-bubble .new-function-bubble__tit {
    line-height: 22px
}

.new-function-bubble.comment-bubble .new-function-bubble__content {
    gap: 20px
}

.new-function-bubble.comment-bubble .new-function-bubble__btn {
    background: #fff;
    color: #0052d9;
    margin-top: 12px
}

.new-function-bubble.comment-bubble .new-function-bubble__btn:hover {
    background: #f4f7fb
}

.new-function-bubble .emoji-item {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.new-function-bubble .emoji-item-icon {
    display: inline-block;
    width: 32px;
    height: 958px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    -webkit-animation: gifEmoji 1.5s steps(30) infinite both;
    animation: gifEmoji 1.5s steps(30) infinite both;
    will-change: transform
}

.new-function-bubble .emoji-item-icon.salute {
    background-image: url(../../images/salute_889.png)
}

.new-function-bubble .emoji-item-icon.like {
    background-image: url(../../images/like_aa8.png)
}

.new-function-bubble .emoji-item-icon.thank {
    background-image: url(../../images/thank_9fb.png)
}

.new-function-bubble .emoji-item-icon.update {
    background-image: url(../../images/update_583.png)
}

.new-function-bubble .emoji-item-icon.fire {
    background-image: url(../../images/fire_d38.png)
}

.new-function-bubble .emoji-item-icon.fight {
    background-image: url(../../images/fight_dd7.png)
}

.new-function-bubble .tea-bubble {
    max-width: 352px
}

.new-function-bubble .tea-bubble__inner {
    background: linear-gradient(357deg, #8dc8ff .98%, #2370ff 109.42%);
    border: none;
    color: #fff
}

.new-function-bubble .tea-bubble__inner:after,
.new-function-bubble .tea-bubble__inner:before {
    border-right-color: #5b9eff !important
}

.new-function-bubble__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.new-function-bubble__tit {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 2px
}

.new-function-bubble__btn {
    border-radius: 2px;
    background: linear-gradient(99deg, #ff9b3f 6.9%, #ff7800 93.1%);
    display: -ms-flexbox;
    display: flex;
    width: 68px;
    height: 22px;
    padding: 2px 12px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    margin-top: 8px;
    font-size: 12px;
    line-height: 22px
}

.new-function-bubble__btn:hover {
    background: linear-gradient(99deg, #ffaf65 6.9%, #ff881e 93.1%)
}

.new-function-bubble__emoji {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 88px
}

.new-function-bubble__emoji img {
    width: 40px;
    height: 40px
}

.new-function-bubble__main {
    -ms-flex: 1;
    flex: 1
}

.new-function-bubble .emoji-item {
    width: 40px;
    height: 40px
}

.new-function-bubble .emoji-item-icon {
    width: 40px;
    height: 1200px;
    -webkit-animation: gifEmoji2 1.5s steps(30) infinite both;
    animation: gifEmoji2 1.5s steps(30) infinite both
}

@-webkit-keyframes gifEmoji2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -1200px, 0);
        transform: translate3d(0, -1200px, 0)
    }
}

@keyframes gifEmoji2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -1200px, 0);
        transform: translate3d(0, -1200px, 0)
    }
}

.new-function-bubble.tea-overlay {
    z-index: 1000
}

.save-bubble-content .tea-bubble .tea-bubble__inner {
    min-width: auto;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 0 4px 16px rgba(76, 97, 134, .1);
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px
}

.save-bubble-content .tea-bubble .tea-bubble__inner:before {
    border-bottom-color: #e8ecf1
}

.save-bubble-content .tea-bubble .tea-bubble__inner:after {
    margin-bottom: -1px;
    border-bottom-color: #fff
}

.save-bubble-content .tea-bubble--bottom .tea-bubble__inner:before {
    border-top-color: #e8ecf1;
    border-bottom: none
}

.save-bubble-content .tea-bubble--bottom .tea-bubble__inner:after {
    border-top-color: #fff;
    border-bottom: none
}

.save-bubble-content .tea-bubble--left.tea-bubble .tea-bubble__inner:before {
    border-right-color: #e8ecf1;
    border-bottom-color: transparent
}

.save-bubble-content .tea-bubble--left.tea-bubble .tea-bubble__inner:after {
    border-right-color: #fff;
    border-bottom-color: transparent
}

.save-bubble-content .save-opt {
    padding-bottom: 16px;
    min-width: 192px
}

.save-bubble-content .save-bubble-title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    padding: 16px;
    box-sizing: border-box
}

.save-bubble-content .save-bubble-list {
    max-height: 330px;
    overflow-y: auto;
    padding: 0 16px;
    box-sizing: border-box
}

.save-bubble-content .save-bubble-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 8px;
    cursor: pointer
}

.save-bubble-content .save-bubble-item-name {
    max-width: 7em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.save-bubble-content .save-bubble-item-name:hover {
    color: #0052d9
}

.save-bubble-content .save-bubble-item-img {
    width: 52px;
    height: 68px;
    background: #f1f2f5;
    border-radius: 4px;
    position: relative
}

.save-bubble-content .save-bubble-item-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.save-bubble-content .save-bubble-item-num {
    width: 100%;
    height: 16px;
    border-radius: 0 0 4px 4px;
    background: #0052d9;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    text-align: center
}

.save-bubble-content .save-bubble-item.is-add {
    cursor: pointer
}

.save-bubble-content .save-bubble-item.is-add:hover .save-bubble-item-add {
    background-image: url(../../images/icon-add-hover_c03.svg)
}

.save-bubble-content .save-bubble-item.is-add .save-bubble-item-add {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../../images/icon-add_388.svg)
}

.save-bubble-content .save-bubble-item+.save-bubble-item {
    margin-top: 20px
}

.save-bubble-content .save-bubble {
    min-width: 100px;
    width: auto;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px
}

.save-bubble-content .save-bubble span {
    display: block;
    font-size: 12px;
    color: #4b5b76
}

.immerse-bubble-content .tea-bubble .tea-bubble__inner {
    min-width: auto;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    padding: 2px 8px;
    box-sizing: border-box;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.immerse-bubble-content .tea-bubble .tea-bubble__inner:after,
.immerse-bubble-content .tea-bubble .tea-bubble__inner:before {
    content: none
}

.icon-close,
.recommend-bubble2-close,
.recommend-bubble-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_a1e.svg) 50% no-repeat
}

.recommend-bubble2 .tea-bubble .tea-bubble__inner,
.recommend-bubble-inner,
.recommend-bubble .tea-bubble .tea-bubble__inner {
    border: 1px solid #f0f3f8;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(76, 97, 134, .1);
    font-size: 14px;
    line-height: 22px
}

.recommend-bubble .tea-bubble .tea-bubble__inner {
    padding: 12px 40px 14px 14px
}

.recommend-bubble-link {
    display: inline-block;
    margin-left: 4px;
    color: #0052d9
}

.recommend-bubble-link:hover {
    text-decoration: underline
}

.recommend-bubble-text {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.recommend-bubble2 .tea-bubble {
    max-width: 340px
}

.recommend-bubble2 .tea-bubble .tea-bubble__inner {
    padding: 12px 24px 20px 16px
}

.recommend-bubble2-link {
    display: inline-block;
    color: #0052d9
}

.recommend-bubble2-text {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 10px 0
}

.group-qr-bubble .tea-bubble__inner {
    background: url(../../images/group_656.png) 50% no-repeat;
    background-size: cover;
    border: none;
    padding: 20px
}

.group-qr-bubble .tea-bubble__inner:after,
.group-qr-bubble .tea-bubble__inner:before {
    border: none
}

.group-qr-bubble__content {
    text-align: center
}

.group-qr-bubble__txt {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px
}

.group-qr-bubble__txt em {
    color: #ff7800;
    font-weight: 500;
    font-style: normal;
    margin-left: 4px
}

.group-qr-bubble__img {
    width: 88px;
    height: 88px
}

@media screen and (max-width:1616px) {
    .cdc-suspend-pill {
        left: 20px
    }
}

@media screen and (max-width:768px) {
    .new-function-bubble {
        display: none
    }
}

.cdc-article-panel-response {
    box-sizing: border-box;
    padding: 16px 0;
    border-bottom: 1px solid #d6dbe3;
    position: relative;
    max-width: 782px
}

.cdc-article-panel-response__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-article-panel-response__main {
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #4b5b76
}

.cdc-article-panel-response__title {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.cdc-article-panel-response__title em {
    font-weight: 500;
    color: #ff7800
}

.cdc-article-panel-response__title:hover {
    color: #0052d9
}

.cdc-article-panel-response__media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel-response__desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    min-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-article-panel-response__desc:hover {
    color: #0052d9
}

.cdc-article-panel-response__infos {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px
}

.cdc-article-panel-response__infos,
.cdc-article-panel-response__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel-response__user {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.cdc-article-panel-response__user-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.cdc-article-panel-response__user-name {
    font-weight: 500;
    color: #000;
    line-height: 20px
}

.cdc-article-panel-response__user-name:hover {
    color: #0052d9
}

.cdc-article-panel-response__user+.cdc-article-panel-response__date {
    margin-left: 12px
}

.cdc-article-panel-response__user+.cdc-article-panel-response__date:before {
    display: block
}

.cdc-article-panel-response__date {
    color: #97a3b7;
    position: relative
}

.cdc-article-panel-response__date:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -7px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: rgba(151, 163, 183, .9);
    display: none
}

.cdc-article-panel-response__operate {
    margin-left: 24px;
    z-index: 2
}

.cdc-article-panel-response__tags {
    position: relative;
    z-index: 2;
    margin-bottom: 12px
}

.cdc-article-panel-response__tags .cdc-tag-links__item {
    cursor: pointer
}

.cdc-article-panel-response__object {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    width: 150px;
    height: 88px;
    position: relative;
    overflow: hidden
}

.cdc-article-panel-response__object-thumbnail {
    display: block;
    width: 100%;
    height: 100%
}

.cdc-article-panel-response__object-tag {
    top: -4px;
    right: -2px;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 4px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel-response__object-tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel-response__tag {
    top: -4px;
    right: 0;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 8px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel-response__tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: -1px;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel-response__bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 0;
    padding: 8px 0
}

.cdc-article-panel-response__bubble .tea-bubble__inner:after,
.cdc-article-panel-response__bubble .tea-bubble__inner:before {
    display: none
}

.cdc-article-panel-response__bubble-list {
    min-width: 136px
}

.cdc-article-panel-response__bubble-item {
    padding: 8px 16px
}

.cdc-article-panel-response__bubble-item .cdc-icon__number {
    color: #4b5b76;
    font-size: 14px;
    line-height: 20px;
    margin-left: 12px
}

.cdc-article-panel-response.special .cdc-article-panel-response__inner {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cdc-article-panel-response.special .cdc-article-panel-response__desc {
    -webkit-line-clamp: 3
}

.cdc-article-panel-response.special .cdc-article-panel-response__tags {
    position: relative;
    bottom: 0
}

.cdc-article-panel-response.special .cdc-article-panel-response__object {
    width: 262px;
    margin-right: 20px;
    margin-left: 0
}

.cdc-article-panel-response.special .cdc-article-panel-response__object-thumbnail {
    padding-top: 51.908396%
}

.cdc-article-panel-response__list {
    margin-bottom: -4px
}

.cdc-article-panel-response__list .cdc-article-panel-response {
    margin-bottom: 4px
}

.cdc-article-panel-response.small {
    padding: 8px 0;
    border-bottom: none
}

.cdc-article-panel-response.small .cdc-article-panel-response__inner {
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel-response.small .cdc-article-panel-response__object {
    width: 68px;
    margin-right: 16px
}

.cdc-article-panel-response.small .cdc-article-panel-response__object-thumbnail {
    padding-top: 100%
}

.cdc-article-panel-response.small .cdc-article-panel-response__title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.cdc-article-panel-response.small .cdc-article-panel-response__desc {
    font-size: 14px;
    line-height: 22px;
    -webkit-line-clamp: 2;
    min-height: unset
}

.cdc-article-panel-response.show-top {
    background: #f5f7fa;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px;
    border-bottom: 0
}

@media screen and (max-width:768px) {
    .cdc-article-panel-response {
        padding: 20px 0 12px
    }

    .cdc-article-panel-response .cdc-article-panel-response__title {
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .cdc-article-panel-response .cdc-article-panel-response__desc {
        -webkit-line-clamp: 3
    }

    .cdc-article-panel-response .cdc-article-panel-response__media {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cdc-article-panel-response .cdc-article-panel-response__media .cdc-article-panel-response__object {
        width: 120px;
        margin-left: 16px
    }

    .cdc-article-panel-response .cdc-article-panel-response__media .cdc-article-panel-response__object-thumbnail {
        padding-top: 55%
    }

    .cdc-article-panel-response .cdc-article-panel-response__user {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .cdc-article-panel-response .cdc-article-panel-response__user+.cdc-article-panel-response__tags {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .cdc-article-panel-response .cdc-article-panel-response__tags {
        position: relative;
        bottom: unset;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cdc-article-panel-response .cdc-article-panel-response__tags .cdc-tag-links__icon {
        margin-top: 2px
    }

    .cdc-article-panel-response .cdc-article-panel-response__tags .cdc-tag-links__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cdc-article-panel-response .cdc-article-panel-response:hover .cdc-article-panel-response__title {
        color: #181818
    }
}

.cdc-alert-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 8px;
    padding: 4px 8px;
    box-sizing: border-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 4px
}

.cdc-alert-inner .cdc-svg-icon-con {
    margin-top: 3px;
    color: #0052d9
}

.cdc-alert-info,
.cdc-alert-info .cdc-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #0052d9
}

.cdc-alert.is-draft .cdc-alert-inner {
    background-color: #f1f3f5
}

.cdc-alert.is-draft .cdc-alert-inner .cdc-svg-icon-con {
    color: #7b89a1
}

.cdc-alert.is-draft .cdc-alert-info {
    color: #757e8d
}

.cdc-alert.is-warning .cdc-alert-inner {
    background-color: #fff3e9
}

.cdc-alert.is-warning .cdc-alert-info,
.cdc-alert.is-warning .cdc-alert-inner .cdc-svg-icon-con {
    color: #ff7800
}

.cdc-alert.is-error .cdc-alert-inner {
    background-color: #ffefef
}

.cdc-alert.is-error .cdc-alert-info,
.cdc-alert.is-error .cdc-alert-inner .cdc-svg-icon-con {
    color: #f64041
}

.cdc-alert.is-success .cdc-alert-inner {
    background-color: #ebf8f1
}

.cdc-alert.is-success .cdc-alert-info,
.cdc-alert.is-success .cdc-alert-inner .cdc-svg-icon-con {
    color: #0cbf58
}

.cdc-modal-report .cdc-modal__inner {
    padding: 24px;
    width: 925px
}

.cdc-modal-report .cdc-modal__title {
    font-size: 18px;
    line-height: 26px
}

.cdc-modal-report__inner {
    padding-top: 24px
}

.cdc-modal-report__inner .t-checkbox-group {
    display: block
}

.cdc-modal-report__inner .t-checkbox {
    width: calc(33.3% - 12px);
    margin-bottom: 8px;
    margin-right: 12px;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-modal-report__inner .t-checkbox .t-checkbox__input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 2px
}

.cdc-modal-report__inner .t-checkbox .t-checkbox__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #181818
}

.cdc-modal-report__inner .tea-checkbox,
.cdc-modal-report__inner input[type=checkbox] {
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: none
}

.cdc-modal-report-tip,
.cdc-modal-report__inner .tea-form-check__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #181818
}

.cdc-modal-report-tip {
    margin-bottom: 12px
}

.cdc-modal-report__textarea {
    height: 194px;
    position: relative;
    margin-top: 12px;
    padding: 12px 10px 42px 20px;
    box-sizing: border-box;
    border: 1px solid #d6dbe3;
    box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .5);
    border-radius: 2px
}

.cdc-modal-report__textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    resize: none
}

.cdc-modal-report__textarea-num {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.cdc-modal-report__operates {
    margin-top: 40px;
    text-align: center
}

.cdc-modal-report__operates .cdc-btn {
    width: 200px;
    height: 48px
}

.cdc-modal-report__operates .cdc-btn+.cdc-btn {
    margin-left: 20px
}

@media screen and (max-width:936px) {
    .cdc-modal-report .cdc-modal__inner {
        width: calc(100% - 32px)
    }

    .cdc-modal-report__operates .cdc-btn {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width:768px) {
    .cdc-modal-report .cdc-modal__inner {
        padding: 0;
        width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 -8px 16px rgba(55, 99, 170, .1);
        border: none;
        max-width: none
    }

    .cdc-modal-report .cdc-modal__hd {
        padding-left: 16px;
        padding-top: 16px;
        padding-right: 16px;
        box-sizing: border-box
    }

    .cdc-modal-report .cdc-modal__close {
        right: 16px;
        top: 16px
    }

    .cdc-modal-report .cdc-modal__title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        text-align: center
    }

    .cdc-modal-report__inner {
        padding: 16px
    }

    .cdc-modal-report__inner .t-checkbox {
        width: 100%;
        margin-bottom: 8px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cdc-modal-report__textarea {
        margin-top: 24px;
        height: 188px;
        padding: 12px 12px 42px
    }

    .cdc-modal-report__textarea-num {
        color: #97a3b7;
        bottom: 8px;
        right: 8px
    }

    .cdc-modal-report__textarea textarea:-ms-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7
    }

    .cdc-modal-report__textarea textarea::placeholder {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7
    }

    .cdc-modal-report__textarea textarea::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7
    }

    .cdc-modal-report__textarea textarea::-moz-placeholder {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7
    }

    .cdc-modal-report__textarea textarea::-ms-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7
    }

    .cdc-modal-report__operates {
        margin-top: 24px
    }

    .cdc-modal-report__operates .cdc-btn {
        width: 100%;
        height: 48px;
        line-height: 46px;
        box-shadow: none
    }

    .cdc-modal-report__operates .cdc-btn--hole {
        display: none
    }
}

.cdc-form {
    display: table;
    table-layout: fixed;
    width: 100%
}

.cdc-form-item {
    display: table-row
}

.cdc-form-item.pure-text .cdc-form-title {
    padding-top: 0;
    padding-bottom: 10px
}

.cdc-form-item.pure-text .cdc-form-cnt {
    padding-bottom: 10px
}

.cdc-form-item.pure-text+.cdc-form-btns .cdc-form-cnt {
    padding-top: 15px
}

.cdc-form-item.address-row .cdc-select {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.cdc-form-item.address-row .cdc-select:first-child {
    margin-left: 0
}

.cdc-form-item-code .cdc-btn {
    vertical-align: middle
}

.cdc-form-item-code .cdc-btn.small {
    height: 30px;
    line-height: 28px;
    min-width: 100px;
    margin-left: 10px
}

.cdc-form-item-code.full {
    position: relative;
    padding-right: 110px
}

.cdc-form-item-code.full .cdc-form-input {
    width: 100%
}

.cdc-form-item-code.full .cdc-btn {
    position: absolute;
    right: 0;
    top: 0
}

.cdc-form-item-message .cdc-form-cnt {
    padding-top: 5px
}

.cdc-form-item-message .cdc-bubble-trigger {
    left: -26px
}

.cdc-form-item-message .cdc-bubble-trigger .cdc-bubble-inner {
    width: 160px
}

.cdc-form-item-message .cdc-switch {
    float: right
}

.cdc-form-title {
    display: table-cell;
    vertical-align: top;
    padding: 5px 10px 15px 0;
    width: 70px;
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.cdc-form-title em {
    color: #e54545
}

.cdc-form-cnt {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 15px;
    font-size: 12px;
    color: #333
}

.cdc-form-text {
    line-height: 20px
}

.cdc-form-btns {
    display: table-row;
    font-size: 0
}

.cdc-form-btns .cdc-form-cnt {
    padding-top: 5px
}

.cdc-form-btns.center .cdc-form-cnt {
    text-align: center
}

.cdc-form-validate {
    margin-top: 5px;
    color: #999
}

.cdc-form-validate.error {
    color: #e54545
}

.cdc-form-validate.success {
    color: #00c8dc
}

.cdc-form span.cdc-form-validate {
    margin-left: 5px
}

.cdc-form-vertical {
    display: block;
    box-sizing: border-box
}

.cdc-form-vertical .cdc-form-item {
    display: block;
    margin-bottom: 20px
}

.cdc-form-vertical .cdc-form-item.pure-text .cdc-form-title {
    padding-bottom: 0
}

.cdc-form-vertical .cdc-form-item.pure-text .cdc-form-cnt {
    margin-bottom: 10px;
    padding-bottom: 0
}

.cdc-form-vertical .cdc-form-item.pure-text+.cdc-form-btns .cdc-form-cnt {
    padding-top: 0
}

.cdc-form-vertical .cdc-form-title {
    display: block;
    padding: 0;
    margin-bottom: 5px;
    width: auto;
    line-height: 18px;
    color: #000
}

.cdc-form-vertical .cdc-form-cnt {
    display: block;
    padding-bottom: 0
}

.cdc-form-vertical .cdc-form-btns {
    display: block;
    margin-top: 50px
}

.cdc-form-vertical .cdc-form-btns .cdc-form-title {
    display: none
}

.cdc-form-noborder {
    border-top: 1px solid #e5e8ed;
    table-layout: auto
}

.cdc-form-noborder .cdc-form-title {
    padding: 13px 15px 13px 0;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    border-bottom: 1px solid #e5e8ed;
    width: 1%;
    white-space: nowrap
}

.cdc-form-noborder .cdc-form-cnt {
    padding: 9px 0;
    border-bottom: 1px solid #e5e8ed
}

.cdc-form-noborder .cdc-form-validate {
    font-size: 14px
}

.cdc-form-noborder .cdc-form-input {
    padding: 5px 0;
    font-size: 14px;
    height: 32px;
    line-height: 20px;
    border-color: transparent
}

.cdc-form-noborder .cdc-form-item-code.full {
    padding-right: 130px
}

.cdc-form-m .cdc-form-title {
    padding-bottom: 20px;
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    width: 100px
}

.cdc-form-m .cdc-form-cnt {
    padding-bottom: 20px
}

.cdc-dark-tip-bubble {
    position: fixed;
    bottom: 40px;
    left: 90px;
    width: 375px;
    z-index: 1000;
    border-radius: 4px;
    border: 2px solid #fff;
    background: linear-gradient(39deg, #f4faff 16.74%, #fff);
    box-shadow: 4px 4px 20px 0 rgba(55, 99, 170, .1)
}

.cdc-dark-tip-bubble-ip {
    background: url(../../images/ip-img_dd5.png) 50% no-repeat;
    background-size: cover;
    width: 173px;
    height: 144px;
    position: absolute;
    bottom: -20px;
    left: -72px
}

.cdc-dark-tip-bubble-content {
    max-width: 240px;
    padding: 24px 24px 20px 100px
}

.cdc-dark-tip-bubble-title {
    color: #181818;
    max-height: 48px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.cdc-dark-tip-bubble-desc,
.cdc-dark-tip-bubble-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.cdc-dark-tip-bubble-desc {
    color: #4b5b76;
    margin-top: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.cdc-dark-tip-bubble .cdc-btn {
    margin-top: 12px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    box-shadow: none;
    border: none;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 28px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: linear-gradient(90deg, #2c9aff, #0052d9), #0052d9
}

.cdc-dark-tip-bubble-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/icon-close-black_12e.svg) 50% no-repeat;
    cursor: pointer;
    z-index: 99
}

.cdc-dark-tip-bubble.is-close {
    opacity: 0;
    width: 0
}

.cdc-new-product-info2-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 16px;
    position: relative;
    width: 314px;
    height: 100%;
    min-height: 120px;
    border: 2px solid #fff;
    background: linear-gradient(1turn, #fff, #f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.cdc-new-product-info2-main {
    min-width: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    padding: 12px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.cdc-new-product-info2-btns .cdc-btn {
    width: calc(46% + 3px);
    height: 32px;
    line-height: 20px
}

.cdc-new-product-info2-btns a {
    color: #0052d9
}

.cdc-new-product-info2-btns-introduce {
    margin-right: 16px
}

.cdc-new-product-info2-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.cdc-new-product-info2-title.has-activity {
    margin-bottom: 12px
}

.cdc-new-product-info2-desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.cdc-new-product-info2-desc em {
    color: #f64041
}

.cdc-new-product-info2-activity {
    cursor: pointer;
    border-radius: 2px;
    background: linear-gradient(270deg, #fff2f2, snow);
    padding: 2px 16px 2px 0;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}

.cdc-new-product-info2-activity a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f64041
}

.cdc-new-product-info2-activity .hot-icon {
    display: inline-block;
    width: 31px;
    height: 16px;
    background: url(../../images/icon-hot_3ac.png) no-repeat;
    background-size: cover;
    margin-right: 10px;
    vertical-align: -3px
}

.cdc-new-product-info2.is-single,
.cdc-new-product-info2.is-single .cdc-new-product-info2-inner {
    width: 100%
}

.cdc-new-product-info2.is-single .cdc-new-product-info2-title {
    margin-bottom: 12px
}

.cdc-mod-product2 {
    position: relative
}

.cdc-mod-product2-pagination {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 18px;
    right: 20px
}

.cdc-mod-product2-pagination>span {
    display: block;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 2
}

.cdc-mod-product2-pagination>span.pagination-prev {
    background-image: url(../../images/icon-arrowleft_e41.svg);
    margin-right: 8px
}

.cdc-mod-product2-pagination>span.pagination-next {
    background-image: url(../../images/icon-arrowright_95d.svg)
}

.cdc-mod-product2-pagination>span:hover.pagination-prev {
    background-image: url(../../images/icon-arrowleft-h_1ab.svg)
}

.cdc-mod-product2-pagination>span:hover.pagination-next {
    background-image: url(../../images/icon-arrowright-h_204.svg)
}

.cdc-mod-product2-pagination>span.pagination-prev.disabled {
    cursor: not-allowed;
    background-image: url(../../images/icon-arrowleft-disabled_3a7.svg)
}

.cdc-mod-product2-pagination>span.pagination-next.disabled {
    cursor: not-allowed;
    background-image: url(../../images/icon-arrowright-disabled_672.svg)
}

.cdc-mod-product2 .cdc-card {
    border-radius: 2px;
    border: 2px solid #fff
}

.cdc-mod-product2 .cdc-card__inner {
    padding-top: 10px;
    padding-bottom: 22px
}

.cdc-mod-product2 .cdc-card__hd {
    border-bottom: 1px solid #d6d8e3
}

.cdc-mod-product2 .cdc-card__bd {
    margin-top: 16px
}

.cdc-product-info2__card-name {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-product-info2__card-desc {
    color: #4b5b76;
    text-align: justify;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-product-info2__card-list {
    margin-top: 16px
}

.cdc-product-info2__card-list a {
    color: #0052d9;
    font-size: 14px;
    line-height: 20px;
    margin-right: 30px
}

.cdc-product-info2__card-list a .product-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 4px
}

.cdc-product-info2__card-list a .introduce-icon {
    background-image: url(../../images/icon-introduce_555.svg)
}

.cdc-product-info2__card-list a .document-icon {
    background-image: url(../../images/icon-document_a19.svg)
}

.cdc-product-info2__card-list a .try-icon {
    background-image: url(../../images/icon-try_224.svg)
}

.cdc-product-info2__card-list a:last-child {
    margin-right: 0
}

.cdc-product-info2__card-list a:hover {
    text-decoration: underline
}

.cdc-product-info2__activity {
    cursor: pointer;
    border-radius: 2px;
    background: linear-gradient(270deg, #fff2f2, snow);
    padding: 2px 16px 2px 0;
    margin-top: 16px
}

.cdc-product-info2__activity a {
    display: block;
    color: #f64041;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-product-info2__activity .hot-icon {
    display: inline-block;
    width: 31px;
    height: 16px;
    background: url(../../images/icon-hot_3ac.png) no-repeat;
    background-size: cover;
    margin-right: 10px;
    vertical-align: -3px
}

.cdc-m-guider-banner__guide-focus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 8px 16px;
    background: url(../../images/icon-background1_b22.jpg), #d3d3d3 50%/cover no-repeat;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover
}

.cdc-m-guider-banner__guide-focus-text {
    font-size: 12px;
    line-height: 20px;
    color: #181818;
    white-space: nowrap
}

.cdc-m-guider-banner__guide-focus-text em {
    font-weight: 600;
    color: #0052d9;
    margin: 0 4px
}

.cdc-m-guider-banner__guide-focus-btn {
    background: #0052d9;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box
}

.cdc-m-guider-banner__guide-add {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 8px 16px;
    background: url(../../images/icon-background2_010.jpg), #d3d3d3 50%/cover no-repeat;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover
}

.cdc-m-guider-banner__guide-add-text {
    margin-left: 45px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap
}

.cdc-m-guider-banner__guide-add-text em {
    font-weight: 600;
    color: #ffd76e;
    margin: 0 4px
}

.cdc-m-guider-banner__guide-add-btn {
    background: linear-gradient(110deg, #fffcf8, #feda96), #ff7800;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    height: 24px;
    width: 72px;
    line-height: 24px;
    text-align: center;
    color: #674532;
    font-size: 12px;
    box-sizing: border-box
}

.cdc-m-guider-banner__guide-mvp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 8px 16px;
    background: url(../../images/icon-background3_7cc.png), 50%/cover no-repeat;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover
}

.cdc-m-guider-banner__guide-mvp-text {
    margin-left: 52px;
    white-space: nowrap;
    color: #183565;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.cdc-m-guider-banner__guide-mvp-text em {
    font-size: 14px;
    font-weight: 600;
    margin: 0 4px;
    color: #ff7800;
    text-shadow: 0 .5px 1px rgba(200, 149, 101, .25);
    line-height: 20px
}

.cdc-m-guider-banner__guide-mvp-btn {
    height: 24px;
    width: 72px;
    line-height: 24px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 2px;
    background: linear-gradient(90deg, #3d88ff, #2556f2), linear-gradient(278deg, #fd531e -2.6%, #ff9439 91.84%), #ff7800;
    box-shadow: 0 6px 12px 0 rgba(65, 88, 125, .1), 8px 8px 20px 0 rgba(55, 99, 170, .1);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap
}

.cdc-m-guider-banner__guide-mvp.is-detail-page {
    background-image: url(../../images/icon-background4_8d9.png)
}

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

    .cdc-m-guider-banner__guide-mvp-text,
    .cdc-m-guider-banner__guide-mvp-text em {
        font-size: 11px
    }
}

.mod-invite-modal.cdc-modal {
    overflow: hidden
}

.mod-invite-modal .cdc-modal__inner {
    padding-bottom: 0
}

.mod-invite-modal__content {
    margin: 20px auto 0
}

.mod-invite-modal__search {
    border-bottom: 1px solid #d6dbe3;
    box-sizing: border-box;
    padding-left: 24px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 16px;
    padding-right: 12px
}

.mod-invite-modal__search-icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-search_c31.svg) 50% no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    margin-top: -5px
}

.mod-invite-modal__search-input {
    border: none;
    outline: none;
    font-size: 14px;
    color: #181818;
    width: 100%
}

.mod-invite-modal__result-list {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.mod-invite-modal__result-list::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.mod-invite-modal__result-list::-webkit-scrollbar-track {
    background-color: transparent
}

.mod-invite-modal__result-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #999
}

.mod-invite-modal__result-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 12px;
    position: relative;
    box-sizing: border-box;
    padding-right: 12px;
    cursor: pointer
}

.mod-invite-modal__result-item .item-avatar {
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mod-invite-modal__result-item .item-name {
    margin-right: 12px;
    color: #181818;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 28em
}

.mod-invite-modal__result-item .item-invite {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0052d9;
    display: none
}

.mod-invite-modal__result-item:hover {
    background-color: rgba(0, 82, 217, .1)
}

.mod-invite-modal__result-item:hover .item-name {
    color: #0052d9
}

.mod-invite-modal__result-item:hover .item-invite {
    display: block
}

.mod-invite-modal__result-none {
    height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 30px;
    color: #97a3b7
}

.mod-invite-modal__result-none>i {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(../../images/icon-none_00b.svg) 50% no-repeat
}

.mod-invite-modal__footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: relative;
    margin: 0 -25px;
    padding: 16px 20px;
    text-align: center;
    color: #181818;
    font-weight: 500;
    overflow: hidden;
    background-color: #f7f8fa;
    box-shadow: 0 -2px 6px rgba(55, 99, 170, .1)
}

.mod-invite-modal__footer-title {
    margin-bottom: 4px
}

.mod-invite-modal__footer-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mod-invite-modal__footer-link>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 360px
}

.mod-invite-modal__footer-link .cdc-btn {
    border-radius: 2px
}

.mod-invite-modal__bubble.tea-overlay {
    z-index: 1001 !important
}

.mod-invite-modal__bubble .bubble-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mod-invite-modal__bubble .bubble-content__icon {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../../images/icon-success_55d.svg) 50% no-repeat;
    margin-right: 4px
}

@media screen and (max-width:768px) {
    .mod-invite-modal {
        font-size: 12px
    }
}

.mod-new-year .cdc-modal__inner {
    background: transparent;
    width: 714px;
    height: 504px;
    padding: 0;
    box-shadow: none
}

.mod-new-year .cdc-modal__inner .cdc-modal__close {
    background-image: url(../../images/icon-close_95d.svg);
    top: unset;
    top: 0;
    right: 0;
    -webkit-transform: translate(-80%, 50%);
    transform: translate(-80%, 50%);
    z-index: 2;
    width: 28px;
    height: 28px
}

.mod-new-year__body {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    background: url(../../images/bg_54c.png) 50%/cover no-repeat
}

.mod-new-year__btn.cdc-btn {
    width: 240px;
    height: 42px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #520b00;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border: 1px solid #4b1200;
    box-shadow: none;
    background: transparent;
    position: absolute;
    bottom: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mod-new-year__btn:hover {
    background: transparent !important;
    color: #4b1200 !important
}

.mod-new-year__main {
    position: absolute;
    top: 108px;
    width: 680px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

.mod-new-year__gift {
    margin-right: 60px
}

.mod-new-year__gift-img {
    width: 324px;
    height: 240px;
    background: url(../../images/gift_ac0.png) 50%/cover no-repeat
}

.mod-new-year__gift-divider {
    position: relative;
    color: #734b0f;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    box-sizing: border-box
}

.mod-new-year__gift-divider:before {
    left: 12px;
    background: linear-gradient(90deg, rgba(115, 75, 15, 0), #734b0f)
}

.mod-new-year__gift-divider:after,
.mod-new-year__gift-divider:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 1px
}

.mod-new-year__gift-divider:after {
    right: 12px;
    background: linear-gradient(90deg, #734b0f, rgba(115, 75, 15, 0))
}

.mod-new-year__gift-text {
    white-space: nowrap;
    background: linear-gradient(90deg, rgba(250, 223, 145, 0) 3.51%, rgba(250, 205, 131, .4) 51.33%, rgba(249, 218, 139, 0) 96.13%);
    height: 24px;
    color: #734b0f;
    line-height: 24px
}

.mod-new-year__code,
.mod-new-year__gift-text {
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.mod-new-year__code {
    color: #495770;
    font-style: normal;
    line-height: normal;
    margin-top: 20px
}

.mod-new-year__code-img {
    width: 160px;
    height: 160px;
    border-radius: 4px;
    border: 2px solid #fff;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .12);
    margin-bottom: 16px
}

.mod-m-new-year.is-mobile {
    display: none
}

@media screen and (max-width:768px) {
    .mod-new-year {
        display: none
    }

    .mod-m-new-year.is-mobile {
        display: block
    }
}

.mod-m-new-year .cdc-modal__inner {
    background: transparent;
    width: 100vw;
    max-width: 420px;
    padding: 0 0 88px;
    box-shadow: none
}

.mod-m-new-year .cdc-modal__inner .cdc-modal__hd {
    position: static !important
}

.mod-m-new-year .cdc-modal__inner .cdc-modal__close {
    background-image: url(../../images/icon-close_95d.svg);
    top: unset;
    bottom: -88px;
    right: 50%;
    -webkit-transform: translateX(36%);
    transform: translateX(36%);
    z-index: 2;
    width: 28px;
    height: 28px
}

.mod-m-new-year__main {
    box-sizing: border-box;
    height: 96vw;
    max-height: 440px;
    position: relative;
    background: url(../../images/bg_0cb.png) top/contain no-repeat
}

.mod-m-new-year__btn.cdc-btn {
    width: 240px;
    height: 42px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    background: linear-gradient(180deg, #fce8a7 -37.98%, #dca565 140.14%);
    box-shadow: 0 1.762px 8px 0 rgba(84, 46, 19, .3), inset 0 -3px 6px 0 #c58e4e;
    color: #520b00;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border: none !important
}

.mod-m-new-year__btn.cdc-btn--hole {
    border: 1px solid #fff !important;
    background: transparent;
    color: #fff;
    box-shadow: none
}

.mod-m-new-year__btn.cdc-btn--hole:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #fff
}

.mod-m-new-year__btn:last-child {
    margin-top: 12px
}

.mod-m-new-year__btn:hover {
    box-shadow: 0 1.762px 8px 0 rgba(84, 46, 19, .3), inset 0 -3px 6px 0 #c58e4e !important
}

.mod-m-new-year__operation {
    position: absolute;
    bottom: -112px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mod-m-new-year__text {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(250, 223, 145, 0) 3.51%, rgba(250, 205, 131, .4) 51.33%, rgba(249, 218, 139, 0) 96.13%);
    height: 24px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.mod-m-new-year__divider {
    position: absolute;
    top: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mod-m-new-year__divider-content {
    position: relative;
    color: #fcf0ce;
    text-align: center;
    text-shadow: 0 4px 8px rgba(81, 31, 28, .3);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    padding: 0 56px;
    box-sizing: border-box
}

.mod-m-new-year__divider-content:before {
    left: 0;
    background: linear-gradient(90deg, rgba(253, 225, 183, 0), #ffd69e)
}

.mod-m-new-year__divider-content:after,
.mod-m-new-year__divider-content:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 1px
}

.mod-m-new-year__divider-content:after {
    right: 0;
    background: linear-gradient(90deg, #ffd69e, rgba(253, 225, 183, 0))
}

.cdc-article-panel-new {
    box-sizing: border-box;
    padding: 16px 0;
    border-bottom: 1px solid #d6dbe3;
    position: relative;
    cursor: pointer;
    max-width: 782px
}

.cdc-article-panel-new__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.cdc-article-panel-new__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-article-panel-new__main {
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cdc-article-panel-new__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-article-panel-new__title em {
    font-weight: 500;
    color: #ff7800
}

.cdc-article-panel-new__media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel-new__desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    min-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-article-panel-new__infos {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px
}

.cdc-article-panel-new__infos,
.cdc-article-panel-new__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel-new__user {
    position: relative;
    z-index: 2
}

.cdc-article-panel-new__user-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.cdc-article-panel-new__user-name {
    font-weight: 500;
    color: #000;
    line-height: 20px
}

.cdc-article-panel-new__user+.cdc-article-panel-new__date {
    margin-left: 12px
}

.cdc-article-panel-new__user+.cdc-article-panel-new__date:before {
    display: block
}

.cdc-article-panel-new__date {
    color: #97a3b7;
    position: relative
}

.cdc-article-panel-new__date:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -7px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: rgba(151, 163, 183, .9);
    display: none
}

.cdc-article-panel-new__operate {
    margin-left: 24px;
    z-index: 2
}

.cdc-article-panel-new__tags {
    position: relative;
    z-index: 2;
    margin-bottom: 12px
}

.cdc-article-panel-new__object {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    width: 150px;
    position: relative
}

.cdc-article-panel-new__object-thumbnail {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: auto;
    padding-top: 54.6667%
}

.cdc-article-panel-new__object-tag {
    top: -4px;
    right: -2px;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 4px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel-new__object-tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel-new__tag {
    top: -4px;
    right: 0;
    position: absolute;
    display: block;
    min-width: 32px;
    height: 26px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-right: 8px;
    text-align: right;
    line-height: 26px;
    background-color: #ff7800;
    border-radius: 0 6px 0 0
}

.cdc-article-panel-new__tag:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: -1px;
    height: 26px;
    width: 14px;
    background: url(../../images/icon-tag_a75.svg) 50% no-repeat
}

.cdc-article-panel-new__bubble .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 0;
    padding: 8px 0
}

.cdc-article-panel-new__bubble .tea-bubble__inner:after,
.cdc-article-panel-new__bubble .tea-bubble__inner:before {
    display: none
}

.cdc-article-panel-new__bubble-list {
    min-width: 136px
}

.cdc-article-panel-new__bubble-item {
    padding: 8px 16px
}

.cdc-article-panel-new__bubble-item .cdc-icon__number {
    color: #4b5b76;
    font-size: 14px;
    line-height: 20px;
    margin-left: 12px
}

.cdc-article-panel-new:hover .cdc-article-panel-new__title {
    color: #0052d9
}

.cdc-article-panel-new__list {
    margin-bottom: -4px
}

.cdc-article-panel-new__list .cdc-article-panel-new {
    margin-bottom: 4px
}

.cdc-article-panel-new.is-mobile {
    padding: 20px 0 12px
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__title {
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__inner {
    -ms-flex-align: center;
    align-items: center
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__object {
    margin-left: 24px;
    width: 120px
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__desc {
    -webkit-line-clamp: 3
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__media {
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__media .cdc-article-panel-new__object {
    width: 120px;
    margin-left: 16px
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__media .cdc-article-panel-new__object-thumbnail {
    padding-top: 55%
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__infos {
    margin-top: 12px
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__infos .cdc-icon__list {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__user,
.cdc-article-panel-new.is-mobile .cdc-article-panel-new__user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__user+.cdc-article-panel-new__tags {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__user .cdc-avatar {
    margin-right: 16px;
    width: 28px;
    height: 28px
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__tags {
    margin-left: 16px;
    margin-bottom: 0;
    position: relative;
    bottom: unset;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__tags .cdc-tag-links__icon {
    margin-top: 2px
}

.cdc-article-panel-new.is-mobile .cdc-article-panel-new__tags .cdc-tag-links__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cdc-modal-evaluate {
    height: 220px
}

.cdc-modal-evaluate .cdc-popup__inner {
    height: 100%;
    padding: 36px 16px 10px;
    box-sizing: border-box
}

.cdc-modal-evaluate-inner {
    height: 100%
}

.cdc-modal-evaluate-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000
}

.cdc-modal-evaluate-star {
    margin-top: 38px
}

.cdc-modal-evaluate-star .cdc-evaluate {
    width: calc(100% - 24px);
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-modal-evaluate-progress {
    margin-top: 12px
}

.cdc-modal-evaluate-line {
    width: calc(100% - 4px);
    margin: 0 auto;
    height: 1px;
    background: #97a3b7;
    position: relative
}

.cdc-modal-evaluate-line:after,
.cdc-modal-evaluate-line:before {
    content: "";
    width: 6px;
    height: 7px;
    background-image: url(../../images/icon-arrow_192.svg);
    background-size: cover;
    position: absolute;
    top: -3px;
    left: -2px
}

.cdc-modal-evaluate-line:after {
    left: auto;
    right: -2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cdc-modal-evaluate-tip {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-modal-evaluate-tip span {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.cdc-modal-evaluate-keyboard {
    margin-top: 24px
}

.cdc-modal-evaluate-input-box {
    position: relative;
    background: #eff3f9;
    border-radius: 4px;
    height: 100%;
    padding-bottom: 22px;
    box-sizing: border-box
}

.cdc-modal-evaluate-textarea {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 8px;
    background: none;
    box-sizing: border-box;
    resize: none;
    font-size: 14px;
    line-height: 22px
}

.cdc-modal-evaluate-words {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7;
    position: absolute;
    right: 4px;
    bottom: 4px
}

.cdc-modal-evaluate-words em {
    color: #f64041
}

.cdc-modal-evaluate-foot {
    text-align: right
}

.cdc-modal-evaluate-foot .cdc-btn {
    width: 62px;
    height: 24px;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    min-width: 62px;
    box-shadow: none
}

.cdc-modal-evaluate-list {
    margin: 24px 0
}

.cdc-modal-evaluate-list-text {
    line-height: 20px;
    font-size: 14px;
    color: #181818;
    margin-bottom: 12px
}

.cdc-modal-evaluate-list .tea-form-check__label {
    line-height: 24px
}

.cdc-modal-evaluate.is-keyboard {
    height: calc(100% - 78px)
}

.cdc-modal-evaluate.is-keyboard .cdc-modal-evaluate-keyboard {
    height: calc(100% - 153px)
}

.cdc-modal-evaluate.is-keyboard .cdc-modal-evaluate-input-box {
    height: calc(100% - 34px)
}

.cdc-modal-evaluate.is-feedback {
    min-height: 400px
}

.cdc-modal-evaluate.is-feedback .cdc-modal-evaluate-keyboard {
    height: calc(100% - 153px)
}

.cdc-modal-evaluate.is-feedback .cdc-modal-evaluate-input-box {
    height: calc(100% - 34px)
}

.cdc-modal-evaluate.is-feedback .cdc-modal-evaluate-keyboard {
    height: calc(100% - 356px)
}

.cdc-feedback-btn {
    display: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, .85);
    position: fixed;
    right: -2px;
    bottom: 160px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    transition: all .4s
}

.cdc-feedback-btn__inner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 6px 12px;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.cdc-feedback-btn .icon-feedback {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../../images/icon-feedback_ca2.svg) 50%/cover no-repeat
}

.cdc-feedback-btn.is-hidden {
    right: -165px
}

@media screen and (max-width:786px) {
    .cdc-feedback-btn {
        display: block
    }
}

.cdc-activity-modal .cdc-modal__inner {
    background: transparent;
    width: 720px;
    height: 580px;
    padding: 0;
    box-shadow: none;
    max-width: 100vh;
    max-height: 80.5vh
}

.cdc-activity-modal .cdc-modal__inner .cdc-modal__close {
    background-image: url(../../images/icon-close_95d.svg);
    top: -56px;
    right: 0;
    -webkit-transform: translate(-80%, 50%);
    transform: translate(-80%, 50%);
    z-index: 2;
    width: 28px;
    height: 28px
}

.cdc-activity-modal__body {
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.cdc-activity-modal__btn.cdc-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    box-shadow: none;
    background: transparent;
    position: absolute;
    bottom: -44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    width: auto;
    height: auto;
    padding: 0;
    min-width: auto
}

.cdc-activity-modal__btn:hover {
    background: transparent !important;
    color: #fff !important
}

.cdc-activity-modal__img1,
.cdc-activity-modal__img2 {
    width: 100%
}

.cdc-activity-modal__img2 {
    display: none
}

@media screen and (max-width:876px) {
    .cdc-activity-modal .cdc-modal__inner {
        width: 596px;
        height: 480px
    }

    .cdc-activity-modal__btn.cdc-btn {
        bottom: -36px
    }
}

@media screen and (max-width:768px) {
    .cdc-activity-modal .cdc-modal__inner {
        background: transparent;
        width: 360px;
        height: 420px;
        padding: 0;
        box-shadow: none
    }

    .cdc-activity-modal .cdc-modal__inner .cdc-modal__hd {
        position: static !important
    }

    .cdc-activity-modal__btn.cdc-btn {
        bottom: -36px
    }

    .cdc-activity-modal__img2 {
        display: block;
        width: 360px;
        height: 420px
    }

    .cdc-activity-modal__img1 {
        display: none
    }
}

.cdc-detect-uin .cdc-modal__inner {
    width: 460px;
    border-radius: 4px;
    border: 2px solid #fff;
    background: linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #fff, #f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    padding: 24px 28px
}

.cdc-detect-uin .cdc-modal__inner:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../images/bg_2c1.png) 50%/cover no-repeat;
    width: 140px;
    height: 148px
}

.cdc-detect-uin .cdc-modal__title {
    color: #0052d9;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.cdc-detect-uin .cdc-modal__close {
    right: -10px;
    top: -10px
}

.cdc-detect-uin__bd {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1001
}

.cdc-detect-uin__text {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.cdc-detect-uin__tip {
    color: #4b5b76;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px
}

.cdc-detect-uin__opt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.cdc-detect-uin__opt .cdc-btn {
    -ms-flex: 1;
    flex: 1;
    box-shadow: unset
}

.cdc-m-detect-uin.is-mobile {
    display: none
}

.cdc-m-detect-uin__mask.cdc-mask {
    z-index: -1
}

@media screen and (max-width:768px) {
    .cdc-detect-uin__wrap .cdc-modal__mask {
        display: none
    }

    .cdc-m-detect-uin__mask.cdc-mask {
        z-index: 1001
    }

    .cdc-detect-uin {
        display: none
    }

    .cdc-m-detect-uin:not(.is-hidden).is-mobile {
        display: block
    }
}

.cdc-m-detect-uin .cdc-popup__inner {
    padding: 16px 16px 24px;
    border-radius: 4px;
    border: 2px solid #fff;
    background: linear-gradient(0deg, #fff, #fff), linear-gradient(0deg, #fff, #f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.cdc-m-detect-uin .cdc-popup__inner:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../images/bg_2c1.png) 50%/cover no-repeat;
    width: 148px;
    height: 148px
}

.cdc-m-detect-uin .cdc-popup__close {
    top: 20px;
    z-index: 1001
}

.cdc-m-detect-uin__tit {
    color: #0052d9;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px
}

.cdc-m-detect-uin__bd {
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.cdc-m-detect-uin__text {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.cdc-m-detect-uin__tip {
    color: #4b5b76;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 30px
}

.cdc-m-detect-uin__opt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.cdc-m-detect-uin__opt .cdc-btn {
    -ms-flex: 1;
    flex: 1;
    box-shadow: unset
}

.cdc-m-detect-uin__inner {
    position: relative;
    z-index: 1001
}

.cdc-pagination {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.cdc-pagination__total-page {
    margin-right: 8px;
    line-height: 16px
}

.cdc-pagination .tp-pagination {
    margin: 0;
    padding: 0;
    line-height: 0
}

.cdc-pagination .tp-pagination__dot,
.cdc-pagination .tp-pagination__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    min-width: 16px;
    height: 16px;
    font-weight: 400;
    font-size: 12px;
    padding: 0 2px;
    margin: 0 6px;
    color: #4b5b76;
    border: 0;
    border-radius: 2px
}

.cdc-pagination .tp-pagination__dot.is-active,
.cdc-pagination .tp-pagination__dot.is-active:hover,
.cdc-pagination .tp-pagination__item.is-active,
.cdc-pagination .tp-pagination__item.is-active:hover {
    background-color: #bbd3fc;
    color: #0052d9
}

.cdc-pagination .tp-pagination__dot:hover,
.cdc-pagination .tp-pagination__item:hover {
    background-color: transparent;
    color: #0052d9
}

.cdc-pagination .tp-pagination__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #4b5b76;
    border: 0;
    border-radius: 2px;
    height: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.cdc-pagination .tp-pagination__btn span {
    display: inline;
    white-space: nowrap;
    font-size: 12px;
    color: inherit
}

.cdc-pagination .tp-pagination__btn:after {
    display: none
}

.cdc-pagination .tp-pagination__btn:hover {
    background-color: transparent;
    color: #0052d9
}

.cdc-pagination .tp-pagination__jumper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 6px;
    line-height: 16px
}

.cdc-pagination .tp-pagination__jumper-btn,
.cdc-pagination .tp-pagination__jumper-text {
    white-space: nowrap;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    line-height: 16px;
    color: #4b5b76;
    font-weight: 400
}

.cdc-pagination .tp-pagination__jumper-btn {
    background: none;
    border: 0;
    height: 18px;
    line-height: 18px;
    padding: 0;
    margin-left: 12px
}

.cdc-pagination .tp-pagination__jumper-btn.is-disabled {
    opacity: .5
}

.cdc-pagination .tp-pagination__jumper-input {
    display: inline;
    width: 34px;
    min-width: 20px;
    height: 20px;
    margin: 0 4px;
    color: #4b5b76
}

.cdc-pagination-num {
    margin: 0 12px
}

.cdc-pagination-num span {
    display: inline-block;
    width: 16px;
    text-align: center;
    cursor: pointer
}

.cdc-pagination-num span:hover {
    color: #0052d9
}

.cdc-pagination-num span.is-active {
    background: #bbd3fc;
    border-radius: 2px;
    color: #0052d9
}

.cdc-pagination-num span+span {
    margin-left: 12px
}

.cdc-pagination-next {
    cursor: pointer
}

.cdc-pagination-next:hover {
    color: #0052d9
}

.cdc-special-guide {
    border-radius: 4px;
    background: #f1f6ff;
    box-sizing: border-box;
    margin-bottom: 12px;
    font-size: 12px;
    color: #0052d9;
    line-height: 20px;
    position: relative;
    padding: 4px 32px 4px 8px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cdc-special-guide span:first-child {
    color: #000;
    margin-right: 8px
}

.cdc-special-guide .tea-dropdown {
    position: absolute;
    right: 8px;
    top: 0;
    width: 16px;
    height: 16px
}

.cdc-special-guide__bubble {
    border: 1px solid #d6dbe3;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(76, 97, 134, .1)
}

.cdc-special-guide__bubble.tea-bubble {
    max-width: 260px
}

.cdc-special-guide__bubble .tea-bubble__inner {
    padding: 12px 16px;
    background: #fff
}

.cdc-special-guide__bubble .tea-bubble__inner:after,
.cdc-special-guide__bubble .tea-bubble__inner:before {
    display: none
}

.cdc-special-guide__bubble-content {
    position: relative
}

.cdc-special-guide__bubble-content>h3 {
    color: #13161b;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdc-special-guide__bubble-content>span {
    color: #495770;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cdc-special-guide__bubble-content .light {
    font-weight: 500;
    color: #181818;
    margin: 0 4px
}

.cdc-special-guide__bubble-content .link {
    color: #0052d9;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 12px;
    text-align: end;
    display: block
}

.cdc-special-guide__bubble-content .link>img {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: -3px
}

.cdc-special-guide__drop-down-list {
    border: 1px solid #d6dbe3;
    margin-top: 4px;
    margin-right: -32px;
    padding: 12px 8px;
    background-color: #fff;
    color: #181818;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cdc-special-guide__drop-down-list>li a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8px 11px;
    cursor: pointer;
    color: #181818
}

.cdc-special-guide__drop-down-list>li a:hover {
    border-radius: 2px;
    background: #f2f4f8;
    color: #0052d9
}

.cdc-special-guide-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../../images/icon-column_793.svg) 50% no-repeat;
    vertical-align: -5px;
    margin-right: 8px
}

.cdc-special-guide-name {
    color: #0052d9;
    margin-right: 24px;
    cursor: pointer
}

.cdc-special-guide-name-icon {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-dropdown_318.svg) 50% no-repeat;
    position: absolute;
    top: 6px;
    right: 8px
}

.cdc-special-guide-name-icon.is-open {
    background: url(../../images/icon-dropdown-up_5f2.svg) 50% no-repeat
}

.cdc-special-guide-first,
.cdc-special-guide-list {
    display: none
}

.cdc-special-guide .name-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 2px
}

@media screen and (max-width:768px) {
    .cdc-special-guide {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        padding-right: 28px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0
    }

    .cdc-special-guide__drop-down-list {
        margin-right: 16px
    }

    .cdc-special-guide>span {
        vertical-align: top
    }

    .cdc-special-guide-name,
    .cdc-special-guide-name-icon {
        display: none
    }

    .cdc-special-guide-list {
        display: inline-block;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cdc-special-guide-list-icon {
        cursor: pointer;
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../../images/icon-dropdown_318.svg) 50% no-repeat;
        position: absolute;
        top: 6px;
        right: 8px
    }

    .cdc-special-guide-list-icon.is-open {
        background: url(../../images/icon-dropdown-up_5f2.svg) 50% no-repeat
    }

    .cdc-special-guide-list-item {
        display: block;
        overflow: hidden;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 12px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%
    }

    .cdc-special-guide-list-item .column-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #0052d9;
        display: block
    }

    .cdc-special-guide-list-item:last-child {
        margin-bottom: 0
    }

    .cdc-special-guide-first {
        box-sizing: border-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 12px;
        line-height: 20px;
        -ms-flex: 1;
        flex: 1
    }

    .cdc-special-guide-first,
    .cdc-special-guide-first-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #0052d9
    }

    .cdc-special-guide-first-text {
        display: block;
        width: 100%
    }
}

.cdc-modal-m-notice {
    line-height: 22px;
    display: none
}

.cdc-modal-m-notice__btn {
    text-align: center
}

.cdc-modal-m-notice__text {
    overflow-y: auto;
    max-height: 270px;
    padding: 0 20px 0 24px;
    margin-right: 2px;
    margin-top: 4px
}

.cdc-modal-m-notice__text a {
    color: #0052d9
}

.cdc-modal-m-notice__text::-webkit-scrollbar {
    width: 3px
}

.cdc-modal-m-notice__text::-webkit-scrollbar-thumb {
    background-color: #97a3b7
}

.cdc-modal-m-notice img {
    margin-top: 8px;
    display: block;
    width: 100%
}

.cdc-modal-m-notice .cdc-popup__inner {
    padding: 24px 0;
    border-radius: 4px;
    background: #fff
}

.cdc-modal-m-notice .cdc-popup__close {
    top: 8px;
    right: 8px
}

.cdc-modal-m-notice .list-item {
    list-style: disc inside;
    margin-top: 8px
}

.cdc-modal-m-notice .cdc-btn {
    width: 200px;
    margin-top: 16px
}

@media screen and (max-width:786px) {
    .cdc-modal-m-notice {
        display: block
    }
}

.cdc-modal-notice {
    line-height: 22px
}

.cdc-modal-notice__btn {
    text-align: center
}

.cdc-modal-notice__text {
    overflow-y: auto;
    max-height: 226px;
    padding: 0 20px 0 24px;
    margin-right: 2px;
    margin-top: 4px
}

.cdc-modal-notice__text a {
    color: #0052d9
}

.cdc-modal-notice__text::-webkit-scrollbar {
    width: 3px
}

.cdc-modal-notice__text::-webkit-scrollbar-thumb {
    background-color: #97a3b7
}

.cdc-modal-notice img {
    margin-top: 8px;
    display: block;
    width: 100%
}

.cdc-modal-notice .cdc-modal__inner {
    padding: 24px 0;
    border-radius: 4px;
    background: #fff;
    width: 420px
}

.cdc-modal-notice .cdc-modal__close {
    top: -16px;
    right: 8px
}

.cdc-modal-notice .list-item {
    list-style: disc inside;
    margin-top: 8px
}

.cdc-modal-notice .cdc-btn {
    width: 200px;
    margin-top: 16px
}

@media screen and (max-width:786px) {
    .cdc-modal-notice {
        display: none
    }
}

.cdc-m-notice {
    position: fixed;
    bottom: 36px;
    left: 8px;
    right: 8px;
    z-index: 1001;
    display: none
}

.cdc-m-notice__inner {
    border-radius: 4px;
    background: rgba(0, 0, 0, .85);
    padding: 8px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    line-height: 22px
}

.cdc-m-notice__content {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdc-m-notice__tag {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    padding: 2px 6px;
    background: #0052d9;
    border-radius: 2px;
    margin-right: 8px
}

.cdc-m-notice .cdc-btn {
    border-radius: 20px;
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    min-width: 60px;
    height: 26px;
    margin-left: 8px
}

.cdc-m-notice .icon-close,
.cdc-m-notice .recommend-bubble2-close,
.cdc-m-notice .recommend-bubble-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close-white_2e1.svg) 50%/cover no-repeat;
    position: relative;
    top: unset;
    right: unset;
    margin-right: 12px
}

@media screen and (max-width:786px) {
    .cdc-m-notice {
        display: block
    }
}

.cdc-text-truncation {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.cdc-text-truncation__content {
    font-size: 12px;
    line-height: 1.5em;
    color: #4b5b76;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: block;
    max-width: 100%;
    text-align: justify;
    white-space: normal;
    word-break: break-all;
    max-height: 12em
}

.cdc-text-truncation__content .is-mobile {
    height: auto
}

.cdc-text-truncation__content:before {
    content: "";
    float: right;
    height: calc(100% - 18px)
}

.cdc-text-truncation__toggle-btn {
    opacity: 0
}

.cdc-text-truncation__toggle-checkbox {
    display: none
}

.cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content {
    -webkit-line-clamp: 999;
    max-height: unset
}

.cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content:after {
    visibility: hidden
}

.cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content .cdc-text-truncation__toggle-btn:not(.is-href):before {
    display: none
}

.cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content .cdc-text-truncation__toggle-btn:not(.is-href):after {
    content: "收起";
    vertical-align: middle
}

.cdc-text-truncation__toggle-btn {
    color: #4b5b76;
    float: right;
    clear: both
}

.cdc-text-truncation__toggle-btn:before {
    content: "...";
    margin-left: 2px;
    color: #4b5b76
}

.cdc-text-truncation__toggle-btn:after {
    display: inline-block;
    vertical-align: middle;
    content: "展开";
    font-size: 12px;
    line-height: 18px;
    margin-left: 8px
}

.cdc-text-truncation__toggle-btn:hover:after {
    color: #0052d9
}

.cdc-text-truncation__btn {
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 2px;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.cdc-text-truncation.show-more {
    padding-bottom: 0 !important
}

.cdc-text-truncation.show-more .cdc-text-truncation__toggle-btn {
    opacity: 1
}

.cdc-text-truncation.show-more .cdc-text-truncation__toggle-btn:after {
    cursor: pointer
}

.cdc-text-truncation.show-more .cdc-text-truncation__content:after {
    content: "";
    width: 999vw;
    height: 999vw;
    position: absolute;
    box-shadow: inset calc(100px - 999vw) calc(30px - 999vw) 0 0 transparent;
    margin-left: -100px
}

.cdc-text-truncation.is-notice {
    position: relative;
    padding-bottom: 28px
}

.cdc-text-truncation.is-notice .cdc-text-truncation__content {
    text-align: initial
}

.cdc-top-ad {
    width: 100%;
    height: 48px;
    position: relative;
    background: rgba(0, 0, 0, .6);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block
}

.cdc-top-ad .icon-close,
.cdc-top-ad .recommend-bubble2-close,
.cdc-top-ad .recommend-bubble-close {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(../../images/icon-close_5ea.svg) 50%/cover no-repeat
}

@media screen and (max-width:1000px) {
    .cdc-top-ad {
        background-size: 2200px 100%
    }
}

@media screen and (max-width:860px) {
    .cdc-top-ad {
        background-size: 1920px 100%
    }
}

@media screen and (max-width:768px) {
    .cdc-top-ad {
        display: none
    }
}

.cdc-create-modal .cdc-modal__inner {
    padding: 20px 16px 30px 24px !important;
    border-radius: 0;
    box-shadow: 0 4px 16px 0 rgba(76, 97, 134, .1)
}

.cdc-create-modal__form {
    margin-top: 16px;
    width: 405px
}

.cdc-create-modal__form-controls {
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    position: relative
}

.cdc-create-modal__form-controls.is-textarea {
    display: block;
    height: 94px;
    border-radius: 2px;
    border: 1px solid #d6dbe3;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
    padding-top: 12px
}

.cdc-create-modal__form-controls.is-textarea .mod-info-panel__form-textarea {
    width: calc(100% - 4px);
    border: none;
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    line-height: 22px
}

.cdc-create-modal__form-controls.is-textarea .mod-info-panel__form-textarea::-webkit-scrollbar {
    width: 4px;
    height: 30px
}

.cdc-create-modal__form-controls.is-textarea .mod-info-panel__form-count {
    top: auto;
    bottom: -4px
}

.cdc-create-modal__form-controls.is-textarea:hover {
    border-color: #0052d9
}

.cdc-create-modal__form-input,
.cdc-create-modal__form-textarea {
    font-size: 14px;
    color: #181818;
    outline: none;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0 12px;
    background: #fcfdff
}

.cdc-create-modal__form-input::-webkit-input-placeholder,
.cdc-create-modal__form-textarea::-webkit-input-placeholder {
    color: #97a3b7
}

.cdc-create-modal__form-input::-moz-placeholder,
.cdc-create-modal__form-textarea::-moz-placeholder {
    color: #97a3b7
}

.cdc-create-modal__form-input::-ms-input-placeholder,
.cdc-create-modal__form-textarea::-ms-input-placeholder {
    color: #97a3b7
}

.cdc-create-modal__form-input:focus,
.cdc-create-modal__form-input:hover,
.cdc-create-modal__form-textarea:focus,
.cdc-create-modal__form-textarea:hover {
    border-color: #0052d9
}

.cdc-create-modal__form-input {
    width: 340px;
    height: 42px;
    line-height: 40px
}

.cdc-create-modal__form-textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 340px;
    height: 64px;
    line-height: 20px;
    resize: none
}

.cdc-create-modal__form-textarea::-webkit-scrollbar {
    width: 2px;
    background-color: transparent
}

.cdc-create-modal__form-textarea::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #d6dbe3
}

.cdc-create-modal__form-count {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    margin-left: 12px
}

.cdc-create-modal__form-operate {
    padding-top: 12px;
    text-align: center
}

.cdc-create-modal__form-operate .cdc-btn {
    min-width: 100px
}

.cdc-create-modal__form-operate .cdc-btn+.cdc-btn {
    margin-left: 18px
}

.cdc-emoji-bubble .tea-bubble {
    max-width: none
}

.cdc-emoji-bubble .tea-bubble__inner {
    background: #fff;
    color: #181818;
    font-size: 14px;
    line-height: 22px
}

.cdc-emoji-bubble .tea-bubble__inner:after {
    border-right-color: #fff
}

.cdc-emoji-bubble .emoji-item {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.cdc-emoji-bubble .emoji-item-icon {
    display: inline-block;
    width: 32px;
    height: 958px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    -webkit-animation: gifEmoji 1.5s steps(30) infinite both;
    animation: gifEmoji 1.5s steps(30) infinite both;
    will-change: transform
}

.cdc-emoji-bubble .emoji-item-icon.salute {
    background-image: url(../../images/salute_889.png)
}

.cdc-emoji-bubble .emoji-item-icon.like {
    background-image: url(../../images/like_aa8.png)
}

.cdc-emoji-bubble .emoji-item-icon.thank {
    background-image: url(../../images/thank_9fb.png)
}

.cdc-emoji-bubble .emoji-item-icon.update {
    background-image: url(../../images/update_583.png)
}

.cdc-emoji-bubble .emoji-item-icon.fire {
    background-image: url(../../images/fire_d38.png)
}

.cdc-emoji-bubble .emoji-item-icon.fight {
    background-image: url(../../images/fight_dd7.png)
}

@keyframes gifEmoji {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -958px, 0);
        transform: translate3d(0, -958px, 0)
    }
}

.cdc-emoji-bubble__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.cdc-emoji-bubble__list-item {
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px
}

.cdc-emoji-bubble__list-item:not(.is-selected):hover {
    background: #f2f4f8;
    color: #0052d9
}

.cdc-emoji-bubble__list-item.is-selected {
    border: 1px solid #d6dbe3;
    background: #f2f4f8
}

.cdc-emoji-bubble__list .emoji-item {
    width: 48px;
    height: 48px
}

.cdc-emoji-bubble__list .emoji-item-icon {
    width: 48px;
    height: 1440px;
    -webkit-animation: emojiGif 1.5s steps(30) infinite both;
    animation: emojiGif 1.5s steps(30) infinite both
}

.cdc-emoji-bubble__list .emoji-item-name {
    font-weight: 500
}

.cdc-emoji-bubble.tea-overlay {
    z-index: 1000
}

@-webkit-keyframes emojiGif {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -1440px, 0);
        transform: translate3d(0, -1440px, 0)
    }
}

@keyframes emojiGif {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -1440px, 0);
        transform: translate3d(0, -1440px, 0)
    }
}

@-webkit-keyframes emojiGif2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -1080px, 0);
        transform: translate3d(0, -1080px, 0)
    }
}

@keyframes emojiGif2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -1080px, 0);
        transform: translate3d(0, -1080px, 0)
    }
}

@media screen and (max-width:768px) {
    .cdc-emoji-bubble .tea-bubble--bottom {
        max-width: none
    }

    .cdc-emoji-bubble .tea-bubble--bottom .tea-bubble__inner {
        background: #fff;
        color: #181818;
        font-size: 14px;
        line-height: 22px
    }

    .cdc-emoji-bubble .tea-bubble--bottom .tea-bubble__inner:after,
    .cdc-emoji-bubble .tea-bubble--bottom .tea-bubble__inner:before {
        border: none
    }

    .cdc-emoji-bubble__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

    .cdc-emoji-bubble__list-item {
        padding: 4px;
        text-align: center;
        cursor: pointer;
        border-radius: 4px
    }

    .cdc-emoji-bubble__list-item:not(.is-selected):hover {
        background: #fff;
        color: #181818
    }

    .cdc-emoji-bubble__list-item.is-selected {
        background: #f2f4f8;
        border: none
    }

    .cdc-emoji-bubble__list-item.is-selected .emoji-item-name,
    .cdc-emoji-bubble__list-item.is-selected .emoji-item-num {
        color: #0052d9
    }

    .cdc-emoji-bubble__list .emoji-item {
        width: 36px;
        height: 36px
    }

    .cdc-emoji-bubble__list .emoji-item-icon {
        width: 36px;
        height: 1080px;
        -webkit-animation: emojiGif2 1.5s steps(30) infinite both;
        animation: emojiGif2 1.5s steps(30) infinite both
    }

    .cdc-emoji-bubble__list .emoji-item-name {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px
    }

    .cdc-emoji-bubble__list .emoji-item-num {
        font-size: 12px;
        line-height: 20px
    }
}

.cdc-discussion-card {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 2px
}

.cdc-discussion-card__inner {
    box-sizing: border-box;
    padding: 12px 20px 0;
    position: relative;
    z-index: 9
}

.cdc-discussion-card__inner:after {
    display: none;
    content: "";
    position: absolute;
    width: 111px;
    height: 138px;
    top: -2px;
    right: -20px
}

.cdc-discussion-card__hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px
}

.cdc-discussion-card__hd-title {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-left: 32px
}

.cdc-discussion-card__hd-title:before {
    content: "";
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url(../../images/icon-discussion_f56.svg) 50% no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.cdc-discussion-card__hd-link {
    color: #0052d9;
    font-size: 12px;
    line-height: 22px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cdc-discussion-card__hd-link .icon-topic {
    margin-right: 8px;
    display: inline-block;
    width: 60px;
    height: 20px;
    background: url(../../images/discuss-topic_8d4.png) 50% no-repeat;
    background-size: contain
}

.cdc-discussion-card__hd-link:not(span):hover {
    text-decoration: underline
}

.cdc-discussion-card__detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 12px
}

.cdc-discussion-card__avatar {
    margin-right: 12px;
    cursor: pointer
}

.cdc-discussion-card__avatar .cdc-avatar {
    width: 52px;
    height: 52px
}

.cdc-discussion-card__main {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 0
}

.cdc-discussion-card__name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__name-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-discussion-card__name-text:hover {
    color: #0052d9
}

.cdc-discussion-card__position {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
    margin-top: 8px
}

.cdc-discussion-card__position-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 6px;
    position: relative;
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.cdc-discussion-card__position-text+.cdc-discussion-card__position-text {
    padding-left: 8px;
    padding-right: 0
}

.cdc-discussion-card__position-text+.cdc-discussion-card__position-text:before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #4b5b76;
    position: absolute;
    top: 50%;
    left: 0
}

.cdc-discussion-card__list {
    margin: 16px 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cdc-discussion-card__item,
.cdc-discussion-card__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__item {
    text-align: center;
    min-width: 48px;
    cursor: pointer;
    position: relative
}

.cdc-discussion-card__item-number {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.cdc-discussion-card__item-text {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    margin-right: 8px
}

.cdc-discussion-card__item-icon {
    margin-left: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__item-icon .icon-arrow {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../../images/icon-arrow-down_f9f.svg) 50% no-repeat;
    background-size: cover
}

.cdc-discussion-card__item-dropdown {
    width: 300px;
    position: absolute;
    right: 0;
    top: 30px;
    padding: 20px 4px 20px 8px;
    border-radius: 2px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(82, 114, 164, .15)
}

.cdc-discussion-card__item-dropdown-detail {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 16px;
    text-align: left;
    color: #4b5b76;
    line-height: 24px
}

.cdc-discussion-card__item-dropdown-detail:hover {
    border-radius: 2px;
    background: #f2f4f8;
    color: #0052d9
}

.cdc-discussion-card__item-dropdown-inner {
    max-height: 200px;
    overflow-y: scroll
}

.cdc-discussion-card__item-dropdown-inner::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #d6dbe3
}

.cdc-discussion-card__item-dropdown-inner::-webkit-scrollbar {
    width: 3px
}

.cdc-discussion-card__item:hover .cdc-discussion-card__item-number,
.cdc-discussion-card__item:hover .cdc-discussion-card__item-text {
    color: #0052d9
}

.cdc-discussion-card__item:hover .cdc-discussion-card__item-icon .icon-arrow {
    background-image: url(../../images/icon-arrow-down-hover_859.svg)
}

.cdc-discussion-card__item.is-active .cdc-discussion-card__item-number,
.cdc-discussion-card__item.is-active .cdc-discussion-card__item-text,
.cdc-discussion-card__item.is-active:hover .cdc-discussion-card__item-number,
.cdc-discussion-card__item.is-active:hover .cdc-discussion-card__item-text {
    color: #0052d9
}

.cdc-discussion-card__item.is-active .icon-arrow,
.cdc-discussion-card__item.is-active:hover .icon-arrow {
    background-image: url(../../images/icon-arrow-up_891.svg)
}

.cdc-discussion-card__object {
    margin: 32px auto 28px;
    text-align: center
}

.cdc-discussion-card__object-icon {
    display: block;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    background-image: url(../../images/animation-bg_a20.png);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: up 4s steps(36) forwards;
    animation: up 4s steps(36) forwards
}

.cdc-discussion-card__text {
    text-align: center;
    margin-bottom: 38px
}

.cdc-discussion-card__text p {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-discussion-card__text p strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.cdc-discussion-card__text p+p {
    margin-top: 8px
}

.cdc-discussion-card__btn {
    margin-left: 14px
}

.cdc-discussion-card__btn .cdc-btn {
    min-width: 60px;
    height: 32px;
    line-height: 22px;
    padding: 0
}

.cdc-discussion-card__link {
    padding-top: 12px;
    box-sizing: border-box;
    border-top: 1px solid #d6dbe3;
    margin-top: 12px
}

.cdc-discussion-card__link .cdc-link {
    max-width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__link .cdc-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
    margin: 0 4px
}

.cdc-discussion-card__level {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__level-number {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    background: transparent;
    padding: 0 6px;
    position: relative
}

.cdc-discussion-card__level-number:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(90deg, #348cff, #346dff);
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg)
}

.cdc-discussion-card__level-emblems {
    margin: 0 0 0 12px
}

.cdc-discussion-card__level-emblems.cdc-emblems {
    margin: 0 0 0 2px
}

.cdc-discussion-card__level-emblems .cdc-emblems__item {
    margin: 0 0 0 4px
}

.cdc-discussion-card__recommend {
    border-top: 1px solid #d6dbe3;
    padding: 16px 0 20px
}

.cdc-discussion-card__recommend-hd {
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.cdc-discussion-card__recommend-title {
    color: #c89e62;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__recommend-change {
    color: #0052d9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.cdc-discussion-card__recommend-change:hover {
    text-decoration: underline
}

.cdc-discussion-card__recommend-list {
    margin: 0;
    padding: 0
}

.cdc-discussion-card__recommend-item {
    list-style-type: none;
    width: 100%;
    margin-bottom: 12px;
    cursor: pointer
}

.cdc-discussion-card__recommend-item:last-child {
    margin-bottom: 0
}

.cdc-discussion-card__recommend-item:hover .cdc-discussion-card__recommend-text {
    color: #0052d9
}

.cdc-discussion-card__recommend-item:hover .icon-discuss {
    background-image: url(../../images/icon-discuss-hover_b7f.svg)
}

.cdc-discussion-card__recommend-text {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    line-height: 22px;
    font-weight: 500
}

.cdc-discussion-card__recommend-topic {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-discussion-card__recommend-answer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 2px;
    background: #f6faff;
    margin-top: 8px;
    padding: 8px 12px 8px 4px;
    max-height: 88px;
    transition: max-height .2s ease;
    opacity: 1;
    visibility: visible
}

.cdc-discussion-card__recommend-answer-logo {
    color: #0052d9;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    min-width: 24px;
    height: 24px;
    margin-right: 4px
}

.cdc-discussion-card__recommend-answer-info {
    color: #4b5b76;
    line-height: 22px;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cdc-discussion-card__recommend-answer-info .cdc-text-truncation__content {
    font-size: 14px;
    line-height: 22px;
    max-height: 44px
}

.cdc-discussion-card__recommend-answer-info .cdc-text-truncation__content:before {
    height: calc(100% - 22px)
}

.cdc-discussion-card__recommend-answer-info .cdc-text-truncation__toggle-btn:after {
    content: "查看 >";
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    border-bottom: none;
    margin-left: 4px;
    vertical-align: baseline
}

.cdc-discussion-card__recommend-answer-info .cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content {
    max-height: 44px
}

.cdc-discussion-card__recommend-answer-info.show-more a {
    color: #0052d9;
    display: inline-block;
    margin-left: 4px
}

.cdc-discussion-card__recommend-answer.is-hidden {
    max-height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden
}

.cdc-discussion-card__recommend .icon-discuss {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../../images/icon-discuss_a58.svg) 50% no-repeat;
    background-size: cover;
    margin-right: 8px
}

@-webkit-keyframes up {
    to {
        background-position: 0 -2592px
    }
}

.cdc-toolbar {
    width: 100%;
    position: relative
}

.cdc-toolbar:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #d6dbe3
}

.cdc-toolbar__inner {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-toolbar__tab {
    -ms-flex: 1;
    flex: 1;
    z-index: 11;
    max-width: 100%;
    overflow: hidden;
    margin-right: 8px
}

.cdc-toolbar__tab .tea-tabs__scroll-area {
    height: 40px;
    overflow: hidden
}

.cdc-toolbar__tab .tea-tabs__tablist {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cdc-toolbar__others {
    text-align: left;
    margin-right: 32px
}

.cdc-toolbar__others-text {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    z-index: 11
}

.cdc-toolbar__others-text>i {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(../../images/icon-arrow_34d.svg) 50% no-repeat;
    display: inline-block;
    vertical-align: middle
}

.cdc-toolbar__others-text:after,
.cdc-toolbar__others-text:before {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    left: 50%;
    margin-left: -18px
}

.cdc-toolbar__others-text:before {
    border-bottom-color: #f0f3f8;
    top: 40px
}

.cdc-toolbar__others-text:after {
    border-bottom-color: #fff;
    margin-bottom: 1px;
    top: 41px
}

.cdc-toolbar__others-dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    box-sizing: border-box;
    padding-top: 52px
}

.cdc-toolbar__others-dropdown .dropdown__inner {
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #f0f3f8;
    box-shadow: 0 4px 16px rgba(76, 97, 134, .1);
    box-sizing: border-box;
    padding: 24px 32px
}

.cdc-toolbar__others-dropdown .dropdown__inner::-webkit-scrollbar {
    width: 3px
}

.cdc-toolbar__others-dropdown .dropdown__inner::-webkit-scrollbar-thumb {
    background-color: #97a3b7;
    border-radius: 4px
}

.cdc-toolbar__others-dropdown .dropdown__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px -20px
}

.cdc-toolbar__others-dropdown .dropdown__item {
    display: block;
    cursor: pointer;
    margin: 10px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.cdc-toolbar__others-dropdown .dropdown__item.is-active,
.cdc-toolbar__others-dropdown .dropdown__item:hover,
.cdc-toolbar__others:hover .cdc-toolbar__others-text {
    color: #0052d9
}

.cdc-toolbar__others:hover .cdc-toolbar__others-text>i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(../../images/icon-arrow-h_955.svg)
}

.cdc-toolbar__others:hover .cdc-toolbar__others-dropdown {
    display: block
}

.cdc-toolbar__extra {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.cdc-toolbar__extra-more {
    display: block;
    padding-right: 16px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    cursor: pointer
}

.cdc-toolbar__extra-more:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/icon-arrow_34d.svg) 50% no-repeat;
    top: 3px;
    right: 0
}

.cdc-toolbar__extra-more:hover {
    color: #0052d9
}

.cdc-toolbar__extra-more:hover .cdc-toolbar__extra-dropdown {
    visibility: visible;
    opacity: 1;
    z-index: 99
}

.cdc-toolbar__extra-more:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(../../images/icon-arrow-h_955.svg)
}

.cdc-toolbar__extra-search.cdc-search__wrap {
    margin-right: 0
}

.cdc-toolbar__extra-search.cdc-search__wrap.is-open .cdc-search__dropdown {
    width: 320px
}

.cdc-toolbar__extra-search .cdc-search {
    width: 220px;
    background: #f5f7fa;
    height: 28px;
    line-height: 26px
}

.cdc-toolbar__extra-search .cdc-search__text {
    font-size: 12px;
    font-weight: 400
}

.cdc-toolbar__extra-search .cdc-search__btn {
    height: 28px
}

.cdc-toolbar__extra-dropdown {
    position: absolute;
    min-width: 120px;
    border-top: 8px solid transparent;
    text-align: left;
    left: 0;
    top: 20px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .1s ease-in-out
}

.cdc-toolbar__extra-dropdown__inner {
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    background: #fff;
    padding: 16px;
    box-sizing: border-box;
    color: #4b5b76
}

.cdc-toolbar__extra-dropdown .cdc-toolbar__extra-dropdown__item {
    display: block;
    margin-bottom: 16px;
    color: #4b5b76;
    cursor: pointer
}

.cdc-toolbar__extra-dropdown .cdc-toolbar__extra-dropdown__item:hover {
    color: #0052d9
}

.cdc-toolbar__extra-dropdown .cdc-toolbar__extra-dropdown__item:last-child {
    margin-bottom: 0
}

.cdc-toolbar__extra-dropdown .cdc-toolbar__extra-dropdown__item.is-selected {
    color: #0052d9
}

.cdc-toolbar.is-mobile {
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-sizing: border-box
}

.cdc-toolbar.is-mobile .cdc-toolbar__inner {
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-toolbar.is-mobile .cdc-toolbar__tab {
    margin: 0 20px;
    overflow-x: auto;
    overflow-y: hidden
}

.cdc-toolbar.is-mobile .cdc-toolbar__tab::-webkit-scrollbar {
    display: none
}

.cdc-sub-follow-modal {
    border-radius: 4px
}

.cdc-sub-follow-modal .cdc-modal__inner {
    padding: 0;
    max-width: 510px
}

.cdc-sub-follow-modal .cdc-modal__close {
    background-image: url(../../images/icon-close_148.svg);
    top: 20px;
    right: 20px;
    z-index: 1
}

.cdc-sub-follow-modal__tit {
    text-shadow: 0 4px 4px rgba(0, 49, 221, .3);
    font-family: TencentSans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: pre-wrap
}

.cdc-sub-follow-modal__hd {
    padding-left: 20px;
    padding-right: 200px;
    border-radius: 4px 4px 0 0;
    position: relative;
    height: 150px;
    background: linear-gradient(97deg, #3c80ff, #90b4fb 100.47%), #d9d9d9
}

.cdc-sub-follow-modal__bd,
.cdc-sub-follow-modal__hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-sub-follow-modal__bd {
    padding: 32px 0;
    -ms-flex-direction: column;
    flex-direction: column
}

.cdc-sub-follow-modal__name {
    color: var(---, #181818);
    text-align: center;
    -webkit-font-feature-settings: "liga" off, "clig" off;
    font-feature-settings: "liga" off, "clig" off;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.cdc-sub-follow-modal__ip {
    background: url(../../images/ip-img_d58.png) 50% no-repeat;
    background-size: cover;
    width: 279px;
    height: 182px;
    position: absolute;
    bottom: 0;
    right: 0
}

.cdc-sub-follow-modal__info {
    margin-top: 16px
}

.cdc-sub-follow-modal__tags {
    margin-bottom: 8px
}

.cdc-sub-follow-modal__tag {
    color: #42536e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border-radius: 2px;
    background: #ecf2fe;
    padding: 2px 4px
}

.cdc-sub-follow-modal__tag:not(:last-child) {
    margin-right: 8px
}

.cdc-sub-follow-modal-content {
    max-width: 240px;
    padding: 24px 24px 20px 100px
}

.cdc-sub-follow-modal-title {
    color: #181818;
    max-height: 48px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.cdc-sub-follow-modal-desc,
.cdc-sub-follow-modal-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.cdc-sub-follow-modal-desc {
    color: #4b5b76;
    margin-top: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.cdc-sub-follow-modal .cdc-btn {
    margin-top: 36px;
    text-align: center;
    box-shadow: none;
    border: none;
    width: 200px
}

.cdc-sub-follow-modal__desc {
    color: var(--unnamed, #4b5b76);
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

@media screen and (max-width:768px) {
    .cdc-sub-follow-modal .cdc-modal__inner {
        min-width: 328px;
        width: 328px
    }

    .cdc-sub-follow-modal .cdc-modal__close {
        top: 10px;
        right: 10px
    }

    .cdc-sub-follow-modal__info {
        margin-top: 12px
    }

    .cdc-sub-follow-modal__name {
        font-size: 16px;
        line-height: 24px
    }

    .cdc-sub-follow-modal__tit {
        font-size: 20px
    }

    .cdc-sub-follow-modal__ip {
        width: 160px;
        height: 96px;
        background-position: 100% 100%
    }

    .cdc-sub-follow-modal__hd {
        height: 100px;
        padding-right: 128px
    }
}

.cdc-emoji-select {
    max-width: 240px
}

.cdc-emoji-select .tea-bubble__inner {
    background: #fff;
    color: #181818;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #f0f3f8;
    border-radius: 0;
    padding: 4px 0
}

.cdc-emoji-select .tea-bubble--bottom .tea-bubble__inner:after {
    border-width: 7px;
    margin-left: -7px
}

.cdc-emoji-select .tea-bubble--bottom .tea-bubble__inner:before {
    border-top-color: #f0f3f8
}

.cdc-emoji-select .tea-bubble--top .tea-bubble__inner:after {
    border-width: 7px;
    margin-left: -7px;
    margin-bottom: -1.5px;
    border-bottom-color: #fff
}

.cdc-emoji-select .tea-bubble--top .tea-bubble__inner:before {
    border-bottom-color: #f0f3f8
}

.cdc-emoji-select__list {
    padding-left: 8px;
    max-height: 112px;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2px
}

.cdc-emoji-select__list::-webkit-scrollbar-thumb {
    background: #d6dbe3
}

.cdc-emoji-select__list::-webkit-scrollbar {
    width: 3px
}

.cdc-emoji-select__btn {
    cursor: pointer;
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/3a3ddeea-db1a-427f-ba10-245156e70a6d.svg) 50%/cover no-repeat
}

.cdc-emoji-select__btn:hover {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/9bd1eebd-4ac5-430b-a43a-61ce90a35a4b.svg)
}

.cdc-emoji-select__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px;
    cursor: pointer;
    border-radius: 2px;
    box-sizing: border-box
}

.cdc-emoji-select__item:hover {
    background-color: #f5f6f9
}

.cdc-emoji-select__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.cdc-emoji-select__item-bubble .tea-bubble__inner {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #f0f3f8;
    padding: 1px 8px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05)
}

.cdc-emoji-select__item-bubble .tea-bubble__inner:after,
.cdc-emoji-select__item-bubble .tea-bubble__inner:before {
    border: none !important
}

.mod-overview {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 32px
}

.mod-overview.cdc-card {
    background: transparent;
    box-shadow: none;
    border: none
}

.mod-overview .cdc-card__inner {
    padding: 0
}

.mod-overview .cdc-card__hd {
    padding-left: 10px;
    border-bottom: none
}

.mod-overview .cdc-card__bd p {
    margin-top: 0;
    min-height: 24px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    line-height: 24px;
    font-size: 14px;
    box-sizing: border-box;
    color: #333;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif
}

.mod-overview__bubble .tea-bubble__inner {
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    padding: 0;
    min-width: 320px
}

.mod-overview__bubble .tea-bubble--top .tea-bubble__inner:after {
    border-bottom-color: #fff
}

.mod-overview.is-mobile {
    padding: 20px 16px;
    background: #f5f7fa
}

.mod-overview.is-mobile .cdc-card__hd {
    border-bottom: 1px solid #d6dbe3
}

.mod-overview.is-mobile .cdc-card__bd {
    padding-top: 12px
}

.mod-overview.is-mobile .mod-overview__inner {
    padding: 18px 16px 20px
}

.mod-overview.is-mobile .mod-overview__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818
}

.overlay-main {
    background-image: url(../../images/icon-background_590.svg);
    background-position: top;
    background-repeat: no-repeat;
    padding: 18px
}

.overlay-main.product {
    background-image: url(../../images/product-bg_34d.png)
}

.overlay-main.service {
    background-image: url(../../images/service-bg_32d.png)
}

.overlay-main.solution {
    background-image: url(../../images/solution-bg_092.png)
}

.overlay-main.tech {
    background-image: url(../../images/tech-bg_25b.png)
}

.overlay-label {
    font-size: 12px;
    line-height: 20px;
    color: #495770;
    margin-bottom: 16px
}

.overlay-label,
.overlay-title {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.overlay-title {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-bottom: 8px
}

.overlay-desc {
    color: #4b5b76;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.overlay-desc,
.overlay-link {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.overlay-link {
    display: block;
    text-align: center;
    padding: 15px;
    color: #0052d9 !important;
    font-style: normal
}

.mod-overview__keyword {
    margin: 0 4px;
    cursor: pointer;
    color: #0052d9;
    padding-right: 10px;
    background-image: url(../../images/icon-keyword_32a.svg);
    background-position: right 2px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    box-shadow: none
}

.mod-overview__keyword .overlay-main {
    background-image: url(../../images/icon-mobile-bg_583.svg)
}

.mod-overview__keyword .overlay-label {
    margin-bottom: 10px
}

.mod-overview__keyword .overlay-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.mod-overview__keyword .t-portal-wrapper {
    display: inline !important
}

.mod-overview__keyword .t-dialog__mask {
    background: rgba(0, 0, 0, .3)
}

.mod-overview__keyword .t-dialog__footer,
.mod-overview__keyword .t-dialog__header-content {
    display: none !important
}

.mod-overview__keyword .t-dialog--default {
    padding: 0
}

.mod-overview__keyword .t-dialog {
    max-width: 340px
}

.mod-overview__keyword .t-dialog__body {
    padding: 0;
    position: relative
}

.mod-overview__keyword .t-dialog__close {
    position: absolute;
    top: 15px;
    right: 18px;
    z-index: 2
}

.mod-overview__keyword .t-dialog__close svg {
    width: 16px;
    height: 16px;
    color: #495770 !important
}

.mod-overview__keyword .t-dialog--top,
.mod-overview__keyword .t-dialog__position {
    padding-top: 25vh !important
}

.cdc-group-card.cdc-card.white {
    background: #fff;
    border-radius: 2px;
    box-shadow: none
}

.cdc-group-card.cdc-card.white .cdc-card__title {
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px
}

.cdc-group-card.cdc-card.white .cdc-card__title:before {
    background-color: transparent;
    background: url(../../images/icon-group_6be.svg) 50%/cover no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0
}

.cdc-group-card.cdc-card .cdc-card__extra {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0
}

.cdc-group-card.cdc-card .cdc-card__extra:after {
    height: 0
}

.cdc-group-card__panel {
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid #e9ecf1
}

.cdc-group-card__panel-hd {
    padding: 16px;
    display: -ms-flexbox;
    display: flex
}

.cdc-group-card__panel-bd,
.cdc-group-card__panel-hd {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.cdc-group-card__panel-bd {
    color: #4b5b76;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: none;
    padding: 0 16px 12px
}

.cdc-group-card__panel .cdc-btn {
    margin-top: 10px;
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 2px
}

.cdc-group-card__panel .icon-arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../images/icon-arrow-up_8c6.svg) 50%/cover no-repeat;
    margin-right: 4px;
    vertical-align: -3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cdc-group-card__panel:not(:first-child) {
    margin-top: 12px
}

.cdc-group-card__panel:first-child {
    margin-top: 16px
}

.cdc-group-card__panel:first-child.is-unfolded {
    background: url(../../images/bg1_77d.png) 50%/cover no-repeat
}

.cdc-group-card__panel:nth-child(2).is-unfolded {
    background: url(../../images/bg2_03f.png) 50%/cover no-repeat
}

.cdc-group-card__panel:nth-child(3).is-unfolded {
    background: url(../../images/bg3_304.png) 50%/cover no-repeat
}

.cdc-group-card__panel.is-unfolded .icon-arrow {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.cdc-group-card__panel.is-unfolded .cdc-group-card__panel-bd {
    display: -ms-flexbox;
    display: flex
}

.cdc-group-card__name {
    white-space: nowrap;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.cdc-group-card__desc {
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    max-height: 60px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.cdc-group-card__img {
    width: 80px;
    min-width: 80px;
    border-radius: 4px
}

.cdc-group-card__close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-close_e97.svg) 50%/cover no-repeat;
    cursor: pointer
}

.cdc-group-card__close:hover {
    background-image: url(../../images/icon-close-h_95a.svg)
}

.cdc-group-card__refresh {
    color: #0052d9;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer
}

.cdc-group-card__refresh i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/icon-refresh_187.svg) 50% no-repeat;
    background-size: cover;
    margin-left: 8px;
    vertical-align: -3px
}

.cdc-group-card__refresh:hover {
    text-decoration: underline
}

.cdc-group-card__opt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 16px
}

.cdc-m-group-banner {
    position: relative
}

.cdc-m-group-banner__btn {
    height: 24px;
    width: 72px;
    line-height: 24px;
    text-align: center;
    box-sizing: border-box;
    background: linear-gradient(110deg, #fffcf8, #feda96), #ff7800;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    color: #674532;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap
}

.cdc-m-group-banner__main {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    -ms-flex: 1;
    flex: 1
}

.cdc-m-group-banner__icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../images/icon-arrow-up_42b.svg) 50%/cover no-repeat;
    margin-right: 16px;
    vertical-align: -3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cdc-m-group-banner__cnt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    box-sizing: border-box;
    padding: 8px 16px
}

.cdc-m-group-banner__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../../images/bg1_89e.png) 50%/cover no-repeat;
    margin-left: -20px;
    margin-right: -20px;
    z-index: 1000;
    max-height: 40px;
    transition: max-height .2s ease;
    overflow: hidden
}

.cdc-m-group-banner__inner.show-all {
    max-height: 1000px;
    background: url(../../images/bg3_500.png) 50%/cover no-repeat
}

.cdc-m-group-banner__inner.show-all .cdc-m-group-banner__icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.cdc-m-group-banner__placeholder {
    height: 40px;
    margin-bottom: 16px
}

.cdc-post-panel {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(55, 99, 170, .06);
    padding: 20px;
    margin-bottom: 16px
}

.cdc-post-panel .cdc-icon.link .icon-ask {
    background-image: url(../../images/icon-ask_b4a.svg)
}

.cdc-post-panel .cdc-icon.link .icon-like {
    background-image: url(../../images/icon-like_703.svg)
}

.cdc-post-panel .cdc-icon.link .icon-share {
    background-image: url(../../images/icon-share2_a26.svg)
}

.cdc-post-panel .cdc-icon.link:hover:not(.is-click)>i.icon-ask {
    background-image: url(../../images/icon-ask-h_b35.svg)
}

.cdc-post-panel .cdc-icon.link:hover:not(.is-like)>i.icon-like {
    background-image: url(../../images/icon-like-h_0d6.svg)
}

.cdc-post-panel .cdc-icon.link:hover>i.icon-share {
    background-image: url(../../images/icon-share2-h_150.svg)
}

.cdc-post-panel .cdc-icon .icon-more {
    background-image: url(../../images/icon-more_9da.svg);
    cursor: pointer
}

.cdc-post-panel .cdc-icon:hover>i.icon-more {
    background-image: url(../../images/icon-more-h_ec1.svg)
}

.cdc-post-panel .cdc-icon.is-click.link .icon-ask {
    background-image: url(../../images/icon-ask-active_bf5.svg)
}

.cdc-post-panel .cdc-icon.is-click.link .cdc-icon__number {
    color: #0052d9
}

.cdc-post-panel .cdc-icon.is-like.link .icon-like {
    background-image: url(../../images/icon-like-active_a51.svg)
}

.cdc-post-panel .cdc-icon.is-like.link .cdc-icon__number {
    color: #0052d9
}

.cdc-post-panel .cdc-icon.is-share.link .icon-share {
    background-image: url(../../images/icon-share2-h_150.svg)
}

.cdc-post-panel .cdc-icon.is-share.link .cdc-icon__number {
    color: #0052d9
}

.cdc-post-panel .cdc-text-truncation__content {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    max-height: 72px;
    white-space: pre-wrap
}

.cdc-post-panel .cdc-text-truncation__content:before {
    height: calc(100% - 22px)
}

.cdc-post-panel .cdc-text-truncation__content .cdc-comment-emoji {
    width: 24px;
    height: 24px
}

.cdc-post-panel .cdc-text-truncation__toggle-btn:after {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    vertical-align: baseline
}

.cdc-post-panel .cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content .cdc-text-truncation__toggle-btn:after {
    content: "收起";
    vertical-align: baseline
}

.cdc-post-panel .cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content {
    max-height: none
}

.cdc-post-panel-inner {
    padding-left: 34px
}

.cdc-post-panel-hd {
    margin: 0 0 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-post-panel-avatar {
    margin-right: 10px
}

.cdc-post-panel-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    white-space: nowrap;
    min-width: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px
}

.cdc-post-panel-name a {
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden
}

.cdc-post-panel-name a:hover {
    color: #0052d9
}

.cdc-post-panel-tag {
    color: #ff7800;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    height: 16px;
    border: 1px solid #ff7800;
    background: #fff3e9;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 8px
}

.cdc-post-panel-tag.red {
    color: #f64041;
    border-color: #f64041;
    background: #ffefef
}

.cdc-post-panel-avatar.cdc-avatar {
    position: absolute;
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cdc-post-panel-date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #97a3b7;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.cdc-post-panel-date,
.cdc-post-panel-date .cdc-icon,
.cdc-post-panel-more {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cdc-post-panel-content {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-break: break-word;
    white-space: pre-wrap
}

.cdc-post-panel-content.is-mobile {
    display: none
}

.cdc-post-panel-opt {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-post-panel-btn {
    position: relative;
    margin-right: 32px;
    cursor: pointer
}

.cdc-post-panel-btn.is-mobile {
    display: none
}

.cdc-post-panel-link {
    color: #0052d9;
    margin: 0 4px;
    position: relative;
    padding-left: 22px
}

.cdc-post-panel-link:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/icon-link_f9f.svg) 50%/cover no-repeat;
    position: absolute;
    left: 0;
    top: -1px
}

.cdc-post-panel-img {
    width: 168px;
    height: 98px;
    position: relative;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    margin-top: 8px
}

.cdc-post-panel-img .t-image__loading {
    display: none !important
}

.cdc-post-panel .post-img {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.cdc-post-panel .post-img-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    pointer-events: none;
    box-sizing: border-box;
    margin-left: -168px;
    margin-top: -160px;
    width: 336px;
    height: 320px;
    border: 1px solid rgba(0, 0, 0, .7);
    border-width: 110px 84px
}

.cdc-post-panel .post-img-num {
    background: rgba(0, 0, 0, .5);
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 20px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    box-sizing: border-box
}

.cdc-post-panel-divider {
    width: 100%;
    height: 6px;
    background: url(../../images/divider_5b9.svg) 50% no-repeat;
    background-size: 100% auto;
    margin: 8px 0 12px
}

.cdc-post-panel-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    margin-right: 24px
}

.cdc-post-panel-status .cdc-alert {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap
}

.cdc-post-panel-status .cdc-alert-inner {
    max-width: 100%
}

.cdc-post-panel-status .cdc-alert-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cdc-post-panel-status .cdc-alert-info__text {
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cdc-post-panel-source {
    color: #0052d9;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 10px;
    display: inline-block
}

.cdc-post-panel.is-owner .cdc-post-panel-inner {
    padding-left: 0
}

.cdc-post-panel.is-mobile {
    margin-bottom: 10px;
    padding: 16px
}

.cdc-post-panel.is-mobile:last-child {
    margin-bottom: 0
}

.cdc-post-panel.is-mobile .cdc-post-panel-inner {
    padding-left: 0
}

.cdc-post-panel.is-mobile .cdc-post-panel-hd {
    padding-left: 34px
}

.cdc-post-panel.is-mobile .cdc-post-panel-avatar.cdc-avatar {
    left: 0
}

.cdc-post-panel.is-mobile .cdc-post-panel-opt {
    border-top: 1px solid #d6dbe3;
    padding: 16px 16px 0;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 16px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.cdc-post-panel.is-mobile .cdc-post-panel-btn {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin: 0
}

.cdc-post-panel.is-mobile.is-user-center {
    padding: 16px
}

.cdc-post-panel.is-mobile.detail-page {
    box-shadow: none
}

.cdc-post-panel.is-mobile.detail-page .cdc-comment-response {
    margin: 0 -16px
}

.cdc-post-panel.is-mobile.detail-page .cdc-comment-response.is-blank .cdc-comment-response__blank {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 40px
}

.cdc-post-panel.is-mobile.detail-page .cdc-comment-response__toolbar {
    padding: 0 0 16px
}

.cdc-post-panel.is-mobile.detail-page .cdc-post-panel-divider {
    background-image: url(../../images/m-divider_d40.svg);
    margin: 8px -16px 16px;
    width: 100vw
}

.cdc-post-panel.is-user-center {
    box-shadow: none;
    padding: 20px 0;
    border-bottom: 1px solid #e5e8ed;
    margin-bottom: 0
}

.cdc-post-panel.is-user-center .cdc-text-truncation__toggle-btn:after,
.cdc-post-panel.is-user-center:not(.is-mobile) .cdc-icon.link:hover .cdc-icon__number {
    color: #00a4ff
}

.cdc-post-panel.is-user-center .cdc-icon.link:hover:not(.is-click)>i.icon-ask {
    background-image: url(../../images/icon-ask-light_663.svg)
}

.cdc-post-panel.is-user-center .cdc-icon.link:hover:not(.is-like)>i.icon-like {
    background-image: url(../../images/icon-like-light_868.svg)
}

.cdc-post-panel.is-user-center .cdc-icon.link:hover>i.icon-share {
    background-image: url(../../images/icon-share2-light_180.svg)
}

.cdc-post-panel.is-user-center .cdc-icon:hover>i.icon-more {
    background-image: url(../../images/icon-more-light_a03.svg)
}

.cdc-post-panel.is-user-center .cdc-icon.is-click.link .icon-ask {
    background-image: url(../../images/icon-ask-l-active_9d7.svg)
}

.cdc-post-panel.is-user-center .cdc-icon.is-click.link .cdc-icon__number {
    color: #00a4ff
}

.cdc-post-panel.is-user-center .cdc-icon.is-like.link .icon-like {
    background-image: url(../../images/icon-like-l-active_a13.svg)
}

.cdc-post-panel.is-user-center .cdc-icon.is-like.link .cdc-icon__number {
    color: #00a4ff
}

.cdc-post-panel.is-user-center .cdc-icon.is-share.link .icon-share {
    background-image: url(../../images/icon-share2-light_180.svg)
}

.cdc-post-panel.is-user-center .cdc-icon.is-share.link .cdc-icon__number {
    color: #00a4ff
}

.cdc-post-panel.is-user-center .cdc-avatar {
    width: 24px;
    height: 24px
}

.cdc-post-panel.is-user-center .cdc-post-panel-link,
.cdc-post-panel.is-user-center .cdc-post-panel-source {
    color: #00a4ff
}

.cdc-post-panel.is-user-center .cdc-post-panel-link:before {
    background-image: url(../../images/icon-link-light_458.svg)
}

.cdc-post-panel.is-user-center .cdc-post-panel-inner {
    padding-left: 34px !important
}

.cdc-post-panel-dropdown .tea-bubble__inner {
    width: 82px;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    padding: 8px 0
}

.cdc-post-panel-dropdown .tea-bubble__inner:before {
    border-bottom-color: #e8ecf1 !important
}

.cdc-post-panel-dropdown .tea-bubble__inner:after {
    border-width: 7px !important;
    border-bottom-color: #fff !important;
    margin-bottom: -1.5px !important;
    margin-left: -7px !important
}

.cdc-post-panel-dropdown .dropdown-item+.dropdown-item {
    margin-top: 16px
}

.cdc-post-panel-dropdown .dropdown-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    cursor: pointer;
    text-align: center
}

.cdc-post-panel-dropdown .dropdown-item .cdc-svg-icon-con .cdc-svg-icon-text {
    color: #4b5b76;
    margin-left: 8px
}

.cdc-post-panel-dropdown .dropdown-item:hover,
.cdc-post-panel-dropdown .dropdown-item:hover .cdc-svg-icon-con .cdc-svg-icon-text {
    color: #0052d9
}

.is-mobile .cdc-post-panel .cdc-icon:hover>i.icon-more {
    background-image: url(../../images/icon-more_9da.svg)
}

.is-mobile .cdc-post-panel .cdc-icon.link:hover:not(.is-click)>i.icon-ask {
    background-image: url(../../images/icon-ask_b4a.svg)
}

.is-mobile .cdc-post-panel .cdc-icon.link:hover:not(.is-like)>i.icon-like {
    background-image: url(../../images/icon-like_703.svg)
}

.is-mobile .cdc-post-panel .cdc-icon.link:hover:not(.is-share)>i.icon-share {
    background-image: url(../../images/icon-share2_a26.svg)
}

.is-mobile .t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt {
    display: none
}

.pg-usercenter .cdc-post-panel {
    padding: 20px 16px;
    border-bottom: none;
    position: relative
}

.pg-usercenter .cdc-post-panel:before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background-color: #e5e8ed
}

.pg-usercenter .cdc-post-panel:last-child:before {
    height: 0
}

.cdc-comment-response.is-user-center .cdc-loading-tip__text {
    color: #00a4ff
}

.cdc-comment-response.is-user-center .cdc-loading-tip__text:after {
    background-image: url(../../images/icon-more-light_4b8.svg)
}

.cdc-comment-response.is-user-center .cdc-comment-response-panel__name-mine,
.cdc-comment-response.is-user-center .cdc-comment-response__segment-item.is-active {
    border-color: #00a4ff;
    color: #00a4ff
}

.cdc-comment-response__avatar {
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cdc-comment-response__avatar.cdc-avatar {
    width: 24px;
    height: 24px
}

.cdc-comment-response__textarea {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    outline: none;
    box-sizing: border-box
}

.cdc-comment-response__textarea:active,
.cdc-comment-response__textarea:focus,
.cdc-comment-response__textarea:hover {
    border-color: #0052d9
}

.cdc-comment-response__textarea ::-webkit-input-placeholder {
    color: #97a3b7
}

.cdc-comment-response__textarea :-moz-placeholder,
.cdc-comment-response__textarea ::-moz-placeholder {
    color: #97a3b7
}

.cdc-comment-response__textarea :-ms-input-placeholder {
    color: #97a3b7
}

.cdc-comment-response__toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 12px 0;
    border-bottom: 1px solid #d6dbe3
}

.cdc-comment-response__number {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818
}

.cdc-comment-response__segment-item {
    position: relative;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    display: inline-block;
    box-sizing: border-box;
    min-width: 60px;
    height: 26px;
    margin-left: -1px;
    padding: 0 12px;
    color: #4b5b76;
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.cdc-comment-response__segment-item:hover {
    background-color: #f5f7fa
}

.cdc-comment-response__segment-item.is-active {
    border-color: #0052d9;
    color: #0052d9;
    z-index: 9
}

.cdc-comment-response__note {
    margin: 20px 0 0
}

.cdc-comment-response__note.cdc-tip {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #ecf2fe;
    border: 1px solid #699ef5;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translate(0);
    transform: translate(0);
    z-index: 2
}

.cdc-comment-response__list {
    margin-top: 24px
}

.cdc-comment-response__more {
    margin-top: 28px;
    background: #f0f4fa;
    box-sizing: border-box;
    padding: 13px 0
}

.cdc-comment-response__more .cdc-loading-tip {
    margin-top: 0
}

.cdc-comment-response.is-blank .cdc-comment-response-inner,
.cdc-comment-response.is-blank .cdc-comment-response__list,
.cdc-comment-response.is-blank .cdc-comment-response__more {
    display: none
}

.cdc-comment-response.is-blank .cdc-comment-response__toolbar {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0
}

.cdc-comment-response.is-blank .cdc-comment-response__blank {
    margin: 100px 0;
    text-align: center
}

.cdc-comment-response.is-blank .cdc-comment-response__blank-img {
    width: 220px;
    height: 180px;
    display: block;
    background-image: url(../../images/icon-blank_bf3.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto
}

.cdc-comment-response.is-blank .cdc-comment-response__blank-tip {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-top: 24px
}

.cdc-comment-response .cdc-operate-footer {
    display: none
}

@media screen and (max-width:768px) {
    .cdc-comment-response {
        height: 100%;
        overflow: hidden
    }

    .cdc-comment-response-inner {
        height: calc(100% - 84px);
        overflow: hidden;
        padding-bottom: 62px;
        box-sizing: border-box
    }

    .cdc-comment-response__body {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 16px 24px;
        box-sizing: border-box;
        position: relative
    }

    .cdc-comment-response__avatar {
        margin-right: 12px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .cdc-comment-response__avatar.cdc-avatar {
        width: 24px;
        height: 24px
    }

    .cdc-comment-response__textarea {
        background: #fff;
        border: 1px solid #d6dbe3;
        border-radius: 2px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        outline: none;
        box-sizing: border-box
    }

    .cdc-comment-response__textarea:active,
    .cdc-comment-response__textarea:focus,
    .cdc-comment-response__textarea:hover {
        border-color: #0052d9
    }

    .cdc-comment-response__textarea ::-webkit-input-placeholder {
        color: #97a3b7
    }

    .cdc-comment-response__textarea :-moz-placeholder,
    .cdc-comment-response__textarea ::-moz-placeholder {
        color: #97a3b7
    }

    .cdc-comment-response__textarea :-ms-input-placeholder {
        color: #97a3b7
    }

    .cdc-comment-response__toolbar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
        border-bottom: 1px solid #d6dbe3;
        padding: 42px 0 16px;
        width: calc(100% - 32px);
        margin: 0 auto
    }

    .cdc-comment-response__number {
        font-weight: 500;
        color: #181818;
        font-size: 14px;
        line-height: 22px
    }

    .cdc-comment-response__segment-item {
        position: relative;
        background: #fff;
        border: 1px solid transparent;
        display: inline-block;
        box-sizing: border-box;
        min-width: 60px;
        height: 24px;
        margin-left: -1px;
        padding: 0 12px;
        color: #4b5b76;
        font-size: 12px;
        line-height: 22px;
        white-space: nowrap;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        outline: 0;
        cursor: pointer;
        transition: all .2s ease-in-out;
        box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
        border-radius: 2px
    }

    .cdc-comment-response__segment-item:hover {
        background-color: #fff
    }

    .cdc-comment-response__segment-item.is-active {
        border-color: #0052d9;
        color: #0052d9;
        z-index: 9
    }

    .cdc-comment-response__note {
        margin: 20px 0 0
    }

    .cdc-comment-response__note.cdc-tip {
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #ecf2fe;
        border: 1px solid #699ef5;
        box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
        border-radius: 2px;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transform: translate(0);
        transform: translate(0);
        z-index: 2
    }

    .cdc-comment-response__list {
        margin-top: 20px
    }

    .cdc-comment-response__more {
        background: #f0f4fa;
        box-sizing: border-box;
        padding: 12px 0;
        margin-top: 0;
        background: none
    }

    .cdc-comment-response__more .cdc-loading-tip {
        margin-top: 0
    }

    .cdc-comment-response-single-edit {
        padding: 0 16px;
        display: none
    }

    .cdc-comment-response-panel__name a {
        color: #000
    }

    .cdc-comment-response.is-blank .cdc-comment-response__list,
    .cdc-comment-response.is-blank .cdc-comment-response__more {
        display: none
    }

    .cdc-comment-response.is-blank .cdc-comment-response-inner {
        display: block
    }

    .cdc-comment-response.is-blank .cdc-comment-response__toolbar {
        opacity: 1;
        visibility: unset;
        height: auto;
        padding: 42px 0 16px
    }

    .cdc-comment-response.is-blank .cdc-comment-response__blank {
        text-align: center;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .cdc-comment-response.is-blank .cdc-comment-response__blank-img {
        width: 220px;
        height: 180px;
        display: block;
        background-image: url(../../images/icon-blank_bf3.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: auto;
        margin-right: auto
    }

    .cdc-comment-response.is-blank .cdc-comment-response__blank-tip {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #000;
        margin-top: 24px
    }

    .cdc-comment-response.is-host .cdc-comment-response-head {
        width: calc(100% - 32px);
        margin: 0 auto;
        padding: 16px;
        box-sizing: border-box;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        position: relative;
        text-align: center;
        border-bottom: 1px solid #d6dbe3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cdc-comment-response.is-host .cdc-comment-response-head-return {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 19px;
        left: 0;
        background-image: url(../../images/icon-return_957.svg);
        background-size: cover
    }

    .cdc-comment-response.is-host .cdc-comment-response-inner {
        padding-top: 0;
        height: calc(100% - 55px)
    }

    .cdc-comment-response.is-host .cdc-comment-response-inner .cdc-m-comment__body {
        height: 100%;
        box-sizing: border-box
    }

    .cdc-comment-response.is-host .cdc-comment-response__toolbar {
        display: none
    }

    .cdc-comment-response .cdc-operate-footer {
        display: block
    }

    .cdc-comment-response .cdc-operate-footer__operations {
        display: none
    }

    .cdc-comment-response .cdc-operate-footer__toggle {
        width: 100%;
        margin-right: 0;
        border-radius: 30px;
        padding: 5px 12px
    }

    .cdc-comment-response .cdc-operate-footer__toggle-icon {
        margin-right: 12px
    }
}

.cdc-comment-response-single-edit {
    margin-bottom: 28px
}

.cdc-comment-response-single-edit.is-user-center .cdc-emoji-select__btn:hover {
    background-image: url(../../images/icon-emoji-light_b35.svg)
}

.cdc-comment-response-single-edit.is-user-center .cdc-btn:not(.is-disabled) {
    background-color: #00a4ff
}

.cdc-comment-response-single-edit.is-user-center .cdc-btn:not(.is-disabled):hover {
    background-color: #0092ee
}

.cdc-comment-response-single-edit.is-user-center.not-logged .cdc-comment-response-single-edit__main>span,
.cdc-comment-response-single-edit.is-user-center.not-logged .cdc-comment-response-single-edit__main a {
    color: #00a4ff
}

.cdc-comment-response-single-edit.is-user-center .cdc-comment-response-single-edit__main.focus {
    border-color: #00a4ff
}

.cdc-comment-response-single-edit__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.cdc-comment-response-single-edit__main {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    padding-top: 10px;
    padding-bottom: 56px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    width: calc(100% - 36px)
}

.cdc-comment-response-single-edit__main.focus {
    border-color: #0052d9
}

.cdc-comment-response-single-edit__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.cdc-comment-response-single-edit__textarea-box {
    position: relative
}

.cdc-comment-response-single-edit__textarea.cdc-comment__textarea {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    resize: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    word-break: break-all
}

.cdc-comment-response-single-edit__operate {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 9
}

.cdc-comment-response-single-edit__count {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #97a3b7;
    margin-right: 16px
}

.cdc-comment-response-single-edit__commit.cdc-btn {
    vertical-align: middle;
    min-width: 100px;
    height: 32px;
    line-height: 30px
}

.cdc-comment-response-single-edit__commit.cdc-btn.is-disabled {
    border: 1px solid #d6dbe3
}

.cdc-comment-response-single-edit.not-logged .cdc-comment-response-single-edit__avatar {
    background: #0052d9
}

.cdc-comment-response-single-edit.not-logged .cdc-comment-response-single-edit__avatar .cdc-avatar__inner {
    width: 18px;
    height: 18px;
    background-image: url(../../images/default-avatar_2fd.png) !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 2px
}

.cdc-comment-response-single-edit.not-logged .cdc-comment-response-single-edit__main {
    text-align: center;
    line-height: 80px;
    font-size: 14px;
    background: #f5f7fa;
    border-radius: 4px;
    min-height: 80px;
    color: #97a3b7;
    padding-bottom: 0;
    padding-top: 0
}

.cdc-comment-response-single-edit.not-logged .cdc-comment-response-single-edit__main a {
    color: #0052d9;
    margin: 0 4px
}

.cdc-comment-response-single-edit.not-logged .cdc-comment-response-single-edit__main>span {
    color: #0052d9;
    cursor: pointer;
    margin: 0 4px
}

.cdc-comment-response-single-edit.overload .cdc-comment-response-single-edit__count .dynamic-count {
    color: #f64041
}

.cdc-comment-response-single-edit__text {
    font-size: 14px;
    line-height: 22px;
    height: auto;
    min-height: 44px;
    max-height: 110px;
    padding: 0 12px;
    opacity: 0;
    overflow: hidden;
    box-sizing: border-box;
    word-break: break-all
}

.cdc-comment-response-edit {
    margin-top: 20px
}

.cdc-comment-response-edit__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-comment-response-edit__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.cdc-comment-response-edit__main {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    font-size: 0
}

.cdc-comment-response-edit__textarea {
    width: 100%;
    height: 36px;
    resize: none;
    padding: 6px 8px
}

.cdc-comment-response-edit__count {
    display: none;
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #97a3b7;
    bottom: 10px;
    right: 10px
}

.cdc-comment-response-edit__btn {
    min-width: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px
}

.cdc-comment-response-panel__inner {
    box-sizing: border-box;
    padding-left: 36px
}

.cdc-comment-response-panel__hd {
    margin: 0 0 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.cdc-comment-response-panel__avatar-bubble {
    width: 24px;
    height: 24px;
    position: absolute;
    left: -36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cdc-comment-response-panel__avatar-bubble .cdc-comment-response-panel__avatar.cdc-comment__avatar {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.cdc-comment-response-panel__avatar.cdc-avatar {
    position: absolute;
    left: -36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cdc-comment-response-panel__name {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cdc-comment-response-panel__name a {
    color: #000
}

.cdc-comment-response-panel__name a:hover {
    color: #0052d9
}

.cdc-comment-response-panel__name-mine {
    display: inline-block;
    height: 18px;
    margin-left: 8px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    padding: 0 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #0052d9
}

.cdc-comment-response-panel__name-replay em {
    margin: 0 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.cdc-comment-response-panel__date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #97a3b7
}

.cdc-comment-response-panel__content {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-break: break-word;
    white-space: pre-wrap
}

.cdc-comment-response-panel__content.is-mobile {
    display: none
}

.cdc-comment-response-panel__operates {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cdc-comment-response-panel__operate {
    position: relative;
    margin-right: 24px;
    cursor: pointer
}

.cdc-comment-response-panel__operate .cdc-icon.is-click.link .icon-ask {
    background-image: url(../../images/icon-ask-h_d74.svg)
}

.cdc-comment-response-panel__operate .cdc-icon.is-click.link .cdc-icon__number {
    color: #0052d9
}

.cdc-comment-response-panel__operate .cdc-icon.is-like .icon-like {
    background-image: url(../../images/icon-like-h_768.svg)
}

.cdc-comment-response-panel__operate .cdc-icon.is-like .cdc-icon__number {
    color: #0052d9
}

.cdc-comment-response-panel__operate.is-mobile {
    display: none
}

.cdc-comment-response-panel__edit {
    margin-top: 12px
}

.cdc-comment-response-panel__edit .cdc-comment-response-single-edit {
    margin-bottom: 16px
}

.cdc-comment-response-panel__replay {
    margin-top: 16px;
    background: #f5f7fa;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px 12px 20px
}

.cdc-comment-response-panel__replay .cdc-comment-response-panel__header {
    margin-bottom: 4px
}

.cdc-comment-response-panel__replay .cdc-comment-response-panel__operates {
    margin-top: 8px
}

.cdc-comment-response-panel__replay .cdc-comment-response-panel+.cdc-comment-response-panel {
    margin-top: 20px
}

.cdc-comment-response-panel__replay.is-mobile {
    display: none
}

.cdc-comment-response-panel+.cdc-comment-response-panel {
    margin-top: 16px
}

.cdc-comment-response-panel-m-spread {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    margin-top: 10px;
    padding-left: 32px
}

.cdc-comment-response-panel-m-spread-icon {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: -3px;
    background-image: url(../../images/icon-spread_ece.svg);
    background-size: cover
}

.cdc-comment-response-panel__operate-dropdown {
    width: 96px
}

.cdc-comment-response-panel__operate-dropdown .tea-bubble__inner {
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 0;
    padding: 16px
}

.cdc-comment-response-panel__operate-dropdown .dropdown-item+.dropdown-item {
    margin-top: 16px
}

.cdc-comment-response-panel__operate-dropdown .dropdown-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    cursor: pointer
}

.cdc-comment-response-panel__operate-dropdown .dropdown-item .cdc-svg-icon-con .cdc-svg-icon-text {
    color: #4b5b76;
    margin-left: 12px
}

.cdc-comment-response-panel__operate-dropdown .dropdown-item:hover,
.cdc-comment-response-panel__operate-dropdown .dropdown-item:hover .cdc-svg-icon-con .cdc-svg-icon-text {
    color: #0052d9
}

.cdc-comment-response-panel__operate-dropdown.tea-bubble--top .tea-bubble__inner:before {
    border-bottom-color: #e8ecf1
}

.cdc-comment-response-panel__operate-dropdown.tea-bubble--top .tea-bubble__inner:after {
    border-bottom-color: #fff;
    margin-bottom: -1px
}

@media screen and (max-width:768px) {
    .cdc-comment-response-panel__inner {
        box-sizing: border-box;
        padding-left: 32px;
        padding-bottom: 0
    }

    .cdc-comment-response-panel__hd {
        margin: 0 0 4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .cdc-comment-response-panel__avatar-bubble {
        width: 24px;
        height: 24px;
        position: absolute;
        left: -32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .cdc-comment-response-panel__avatar-bubble .cdc-comment-response-panel__avatar.cdc-comment__avatar {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: none;
        transform: none
    }

    .cdc-comment-response-panel__avatar {
        left: -32px
    }

    .cdc-comment-response-panel__avatar.cdc-avatar {
        position: absolute;
        left: -36px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .cdc-comment-response-panel__name {
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px
    }

    .cdc-comment-response-panel__name a {
        color: #000 !important
    }

    .cdc-comment-response-panel__name a:hover {
        color: #000
    }

    .cdc-comment-response-panel__name-replay em {
        margin: 0 4px;
        font-size: 14px
    }

    .cdc-comment-response-panel__name-mine {
        vertical-align: 1px;
        display: inline-block;
        height: 18px;
        margin-left: 8px;
        border: 1px solid #0052d9;
        border-radius: 2px;
        padding: 0 6px;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #0052d9
    }

    .cdc-comment-response-panel__name-replay em {
        margin: 0 8px;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76
    }

    .cdc-comment-response-panel__date {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 4px;
        font-size: 12px;
        line-height: 20px;
        text-align: right;
        color: #97a3b7
    }

    .cdc-comment-response-panel__content {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .cdc-comment-response-panel__content.is-pc {
        display: none
    }

    .cdc-comment-response-panel__content.is-mobile {
        display: block
    }

    .cdc-comment-response-panel__operates {
        margin-top: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .cdc-comment-response-panel__operate {
        position: relative;
        margin-right: 24px;
        cursor: pointer
    }

    .cdc-comment-response-panel__operate .cdc-icon.is-click.link .icon-ask {
        background-image: url(../../images/icon-ask-h_d74.svg)
    }

    .cdc-comment-response-panel__operate .cdc-icon.is-click.link .cdc-icon__number {
        color: #0052d9
    }

    .cdc-comment-response-panel__operate .cdc-icon.is-like .icon-like {
        background-image: url(../../images/icon-like-h_768.svg)
    }

    .cdc-comment-response-panel__operate .cdc-icon.is-like .cdc-icon__number {
        color: #0052d9
    }

    .cdc-comment-response-panel__operate.is-mobile {
        display: block
    }

    .cdc-comment-response-panel__operate.is-pc {
        display: none
    }

    .cdc-comment-response-panel__edit {
        margin-top: 12px
    }

    .cdc-comment-response-panel__replay {
        background: #f5f7fa;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 16px;
        padding: 16px 16px 16px 28px;
        margin-left: -30px;
        transition: all .3s ease-in-out;
        overflow: hidden
    }

    .cdc-comment-response-panel__replay .cdc-comment-response-panel__header {
        margin-bottom: 4px
    }

    .cdc-comment-response-panel__replay .cdc-comment-response-panel__operates {
        margin-top: 8px
    }

    .cdc-comment-response-panel__replay .cdc-comment-response-panel+.cdc-comment-response-panel {
        margin-top: 20px
    }

    .cdc-comment-response-panel__replay-m-inner {
        height: calc(100% - 32px);
        overflow: hidden
    }

    .cdc-comment-response-panel__replay.is-spread {
        height: auto !important
    }

    .cdc-comment-response-panel__replay.is-spread .cdc-comment-response-panel-m-inner {
        height: auto
    }

    .cdc-comment-response-panel__replay.is-spread .cdc-comment-response-panel-m-spread {
        display: none
    }

    .cdc-comment-response-panel__replay.is-mobile {
        display: block
    }

    .cdc-comment-response-panel+.cdc-comment-response-panel {
        margin-top: 24px
    }

    .cdc-comment-response-panel-m-spread {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #0052d9;
        margin-top: 10px;
        padding-left: 32px;
        cursor: pointer
    }

    .cdc-comment-response-panel-m-spread-icon {
        width: 16px;
        height: 16px;
        margin-left: 4px;
        display: inline-block;
        vertical-align: -3px;
        background-image: url(../../images/icon-spread_ece.svg);
        background-size: cover
    }
}

.mod-m-comment {
    height: calc(100% - 80px)
}

.mod-m-comment .cdc-popup__inner {
    height: 100%;
    padding: 0;
    box-sizing: border-box
}

.mod-m-comment .cdc-text-truncation__content {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    max-height: 66px;
    white-space: pre-wrap
}

.mod-m-comment .cdc-text-truncation__content:before {
    height: calc(100% - 22px)
}

.mod-m-comment .cdc-text-truncation__toggle-btn:after {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    vertical-align: baseline
}

.mod-m-comment .cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content .cdc-text-truncation__toggle-btn:after {
    content: "收起";
    vertical-align: baseline
}

.mod-m-comment .cdc-text-truncation__toggle-checkbox:checked+.cdc-text-truncation__content {
    max-height: none
}

.mod-m-comment .cdc-comment-panel__operate-dropdown {
    z-index: 1002
}

.mod-m-comment .cdc-operate-footer__inner {
    background-color: #fff;
    padding-bottom: max(calc(env(safe-area-inset-bottom) + 8px), 16px)
}

.mod-m-keyboard {
    transition: all .3s ease-in-out
}

.mod-m-keyboard .cdc-popup__inner {
    padding: 0
}

.mod-m-keyboard .cdc-popup__close {
    display: none
}

.mod-m-keyboard-inner {
    background: #fff;
    box-shadow: 0 -8px 16px rgba(55, 99, 170, .1);
    width: 100%;
    box-sizing: border-box;
    padding-top: 15px
}

.mod-m-keyboard-magnify {
    padding: 0 16px;
    height: 16px;
    text-align: right;
    margin-bottom: 8px;
    margin-top: -5px
}

.mod-m-keyboard-magnify i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../../images/icon-magnify_d0d.svg);
    background-size: cover
}

.mod-m-keyboard-input-box {
    position: relative;
    background: #eff3f9;
    border-radius: 4px;
    height: 88px;
    padding-bottom: 22px;
    box-sizing: border-box;
    margin: 0 16px
}

.mod-m-keyboard-textarea {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 8px;
    background: none;
    box-sizing: border-box;
    resize: none;
    font-size: 14px;
    line-height: 22px
}

.mod-m-keyboard-textarea:active,
.mod-m-keyboard-textarea:focus,
.mod-m-keyboard-textarea:focus-visible,
.mod-m-keyboard-textarea:hover {
    border: none;
    outline: none
}

.mod-m-keyboard-words {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.mod-m-keyboard-words em {
    color: #f64041
}

.mod-m-keyboard-foot {
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px;
    padding: 0 16px;
    color: #4b5b76
}

.mod-m-keyboard-btn,
.mod-m-keyboard-foot {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
}

.mod-m-keyboard-btn {
    width: 62px;
    height: 24px;
    padding: 0 4px;
    box-sizing: border-box;
    background: #0052d9;
    border: 1px solid #0052d9;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    display: inline-block
}

.mod-m-keyboard-btn.is-disabled {
    background: #ecf2fe;
    border: 1px solid #d6dbe3;
    color: #97a3b7
}

.mod-m-keyboard-opt {
    gap: 8px
}

.mod-m-keyboard-emoji-box,
.mod-m-keyboard-opt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mod-m-keyboard-emoji-box {
    gap: 20px;
    margin-top: 12px;
    padding: 0 16px
}

.mod-m-keyboard-emoji-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer
}

.mod-m-keyboard-emoji-list {
    margin-right: 4px;
    background: #f5f7fa;
    padding: 12px 4px 16px 12px;
    max-height: 198px;
    overflow-y: auto;
    overflow-x: hidden
}

.mod-m-keyboard-emoji-list::-webkit-scrollbar {
    width: 3px
}

.mod-m-keyboard-emoji-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #97a3b7
}

.mod-m-keyboard-emoji-main {
    margin-top: 8px;
    padding-top: 12px;
    background: #f5f7fa
}

.mod-m-keyboard-emoji-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1px 2px 2px;
    border-radius: 2px
}

.mod-m-keyboard-emoji-item:active {
    background: #eff3f9
}

.mod-m-keyboard.is-magnify .cdc-popup__inner,
.mod-m-keyboard.is-magnify .mod-m-keyboard-inner {
    height: 100%
}

.mod-m-keyboard.is-magnify .mod-m-keyboard-input-box {
    height: 32vh
}

.mod-m-keyboard.is-magnify .mod-m-keyboard-magnify i {
    background-image: url(../../images/icon-reduce_8d5.svg)
}

.mod-m-keyboard.is-search .mod-m-keyboard-inner {
    padding-top: 16px
}

.mod-m-keyboard.is-search .mod-m-keyboard-input-box {
    background: none;
    height: auto;
    padding-bottom: 0;
    border-radius: 0
}

.mod-m-keyboard.is-search .mod-m-keyboard-input {
    width: 100%;
    height: 36px;
    padding: 8px 8px 8px 28px;
    box-sizing: border-box;
    background: #eff3f9;
    border-radius: 4px;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px
}

.mod-m-keyboard.is-search .mod-m-keyboard-icon-search {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 8px;
    background-image: url(../../images/icon-search_222.svg);
    background-size: cover
}

.tea-overlay {
    z-index: 999
}

.tea-bubble {
    position: relative;
    color: #4b5b76;
    max-width: 300px;
    display: inline-block
}

.tea-bubble .tea-bubble__inner:after,
.tea-bubble .tea-bubble__inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent
}

.tea-bubble .tea-bubble__inner:after {
    border: 6px dashed transparent
}

.tea-bubble__inner {
    font-size: 12px;
    -moz-box-sizing: border-box;
    padding: 8px 12px;
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 4px;
    position: static !important;
    left: 50%;
    top: 50%;
    color: #4b5b76;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    font-family: Pingfang SC, helvetica neuepingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif
}

.tea-bubble--top .tea-bubble__inner:after,
.tea-bubble--top .tea-bubble__inner:before {
    bottom: 100%;
    left: inherit;
    right: inherit;
    margin-bottom: -1px;
    border-bottom-style: solid
}

.tea-bubble--top .tea-bubble__inner:before {
    margin-left: -8px;
    border-bottom-color: #fff
}

.tea-bubble--top .tea-bubble__inner:after {
    margin-left: -6px;
    margin-bottom: -2px;
    border-bottom-color: #f3f5f8
}

.tea-bubble--right .tea-bubble__inner:after,
.tea-bubble--right .tea-bubble__inner:before {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-left: -1px;
    border-left-style: solid
}

.tea-bubble--right .tea-bubble__inner:before {
    margin-top: -8px;
    border-left-color: #fff
}

.tea-bubble--right .tea-bubble__inner:after {
    margin-top: -6px;
    border-left-color: #fafbfc;
    margin-left: -2px
}

.tea-bubble--bottom .tea-bubble__inner:after,
.tea-bubble--bottom .tea-bubble__inner:before {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    border-top-style: solid
}

.tea-bubble--bottom .tea-bubble__inner:before {
    margin-left: -8px;
    border-top-color: #fff
}

.tea-bubble--bottom .tea-bubble__inner:after {
    margin-left: -6px;
    margin-top: -2px;
    border-top-color: #fff
}

.tea-bubble--left .tea-bubble__inner:after,
.tea-bubble--left .tea-bubble__inner:before {
    top: inherit;
    bottom: inherit;
    right: 100%;
    margin-right: -1px;
    border-right-style: solid
}

.tea-bubble--left .tea-bubble__inner:before {
    margin-top: -8px;
    border-right-color: #fff
}

.tea-bubble--left .tea-bubble__inner:after {
    margin-top: -6px;
    border-right-color: rgba(243, 245, 248, .55);
    margin-right: -2px
}

.tea-bubble--start.tea-bubble--bottom .tea-bubble__inner,
.tea-bubble--start.tea-bubble--top .tea-bubble__inner {
    left: 26px
}

.tea-bubble--start.tea-bubble--left .tea-bubble__inner,
.tea-bubble--start.tea-bubble--right .tea-bubble__inner {
    top: 26px
}

.tea-bubble--end.tea-bubble--bottom .tea-bubble__inner,
.tea-bubble--end.tea-bubble--top .tea-bubble__inner {
    left: auto;
    right: 20px
}

.tea-bubble--end.tea-bubble--bottom .tea-bubble__inner:after,
.tea-bubble--end.tea-bubble--top .tea-bubble__inner:after {
    margin-right: 2px
}

.tea-bubble--end.tea-bubble--left .tea-bubble__inner,
.tea-bubble--end.tea-bubble--right .tea-bubble__inner {
    top: auto;
    bottom: 20px
}

.tea-bubble--end.tea-bubble--left .tea-bubble__inner:after,
.tea-bubble--end.tea-bubble--right .tea-bubble__inner:after {
    margin-bottom: 1px
}

.cdc-bubble .tea-bubble__inner {
    padding: 8px 12px;
    background: linear-gradient(1turn, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 4px
}

.tea-tabs {
    color: #181818
}

.tea-tabs__tabbar {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.tea-tabs__tabbar:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid transparent
}

.tea-tabs__tablist {
    font-size: 0;
    min-width: 100%
}

.tea-tabs__tabitem,
.tea-tabs__tablist {
    position: relative;
    display: inline-block
}

.tea-tabs__tabitem {
    margin-right: 20px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.tea-tabs__tabitem:last-child {
    margin-right: 0
}

.tea-tabs__tab {
    display: inline-block;
    height: 100%;
    padding: 0 10px;
    color: #000;
    position: relative
}

.tea-tabs__tab:hover {
    text-decoration: none
}

.tea-tabs__tab.is-disabled {
    cursor: not-allowed;
    color: #181818
}

.tea-tabs__tab:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 2px solid transparent
}

.tea-tabs__tab.is-active:after,
.tea-tabs__tab:hover:after {
    width: 100%;
    border-bottom-color: #0052d9;
    transition: border-color .15s ease-in-out, width .15s ease-in-out, height .15s ease-in-out
}

.tea-tabs__tab.is-disabled:hover:after {
    border-bottom: 2px solid transparent
}

.tea-tabs__tabpanel {
    padding-top: 10px;
    padding-bottom: 10px
}

.tea-tabs__addons,
.tea-tabs__backward,
.tea-tabs__forward {
    display: none
}

.tea-tabs__scroll-area {
    position: relative;
    white-space: nowrap;
    -ms-flex: 1;
    flex: 1
}

.tea-tabs__scroll-area.is-scrolling {
    padding: 0
}

.tea-tabs__scroll-area.is-scrolling .tea-tabs__backward,
.tea-tabs__scroll-area.is-scrolling .tea-tabs__forward {
    display: inline-block
}

.cdc-tabs .tea-tabs__tabbar:before {
    display: none
}

.cdc-tabs .tea-tabs__tabitem {
    height: 40px;
    margin-right: 36px;
    line-height: unset
}

.cdc-tabs .tea-tabs__tab {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    position: relative
}

.cdc-tabs .tea-tabs__tab-tag {
    display: block;
    position: absolute;
    background: #fff;
    border: 1px solid #f64041;
    border-radius: 6px 6px 6px 0;
    width: 30px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 10px;
    color: #f64041;
    top: 0;
    right: -36px
}

.cdc-tabs .tea-tabs__tab.is-active,
.cdc-tabs .tea-tabs__tab:hover {
    font-weight: 400;
    color: #0052d9
}

.cdc-tabs .tea-tabs__tab.is-active:after,
.cdc-tabs .tea-tabs__tab:hover:after {
    border-bottom-color: #0052d9
}

.cdc-tabs.is-mobile .tea-tabs__tabbar {
    margin-top: 12px
}

.cdc-tabs.is-mobile .tea-tabs__scroll-area {
    overflow: unset
}

.cdc-tabs.is-mobile .tea-tabs__tablist {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.cdc-tabs.is-mobile .tea-tabs__tabitem {
    height: 38px;
    margin-right: 32px;
    min-width: 64px
}

.cdc-tabs.is-mobile .tea-tabs__tabitem:last-child {
    margin-right: 24px
}

.cdc-tabs.is-mobile .tea-tabs__tab,
.cdc-tabs.is-mobile .tea-tabs__tab.is-active {
    font-weight: 500
}

.tea-tooltip .tea-tooltip__inner {
    padding: 2px 8px;
    color: #4b5b76;
    background: #fff;
    border: 1px solid #e8ecf1;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    word-wrap: break-word;
    word-break: break-word
}

.tp-form__item-label {
    color: #495770;
    padding-right: 12px;
    min-width: unset;
    word-break: keep-all;
    padding-bottom: 6px
}

.tp-form__item-controls {
    padding-bottom: 6px
}

.tea-radio-wrap {
    display: inline-block;
    font-size: 0
}

.tea-radio,
input[type=radio] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid #d6dbe3;
    border-radius: 100%;
    background-position: inherit;
    background-color: #fff;
    color: #181818
}

.tea-radio-wrap:hover .tea-radio,
.tea-radio:focus,
.tea-radio:hover,
input[type=radio]:focus,
input[type=radio]:hover {
    border-color: #0052d9;
    background-position: inherit
}

.tea-radio:checked,
input[type=radio]:checked {
    background-color: #0052d9;
    border: 1px solid #0052d9
}

.tea-radio:checked::-ms-check,
input[type=radio]:checked::-ms-check {
    background-color: #0052d9;
    border: 1px solid #0052d9
}

.tea-radio+.tea-radio__dot,
input[type=radio]+.tea-radio__dot {
    display: block;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px;
    cursor: pointer
}

.tea-radio:checked+.tea-radio__dot,
input[type=radio]:checked+.tea-radio__dot {
    background-color: #fff
}

.tea-radio:checked:focus,
.tea-radio:checked:hover,
input[type=radio]:checked:focus,
input[type=radio]:checked:hover {
    background-color: #0052d9
}

.tea-radio[disabled],
input[type=radio][disabled] {
    background-color: #ecf2fe;
    background-position: inherit;
    border-color: #d6dbe3;
    cursor: not-allowed
}

.tea-radio[disabled]:focus,
.tea-radio[disabled]:hover,
input[type=radio][disabled]:focus,
input[type=radio][disabled]:hover {
    border-color: #d6dbe3
}

.tea-radio[disabled]:checked,
input[type=radio][disabled]:checked {
    background-color: #ecf2fe;
    border: 1px solid #d6dbe3
}

.tea-radio[disabled]:checked::-ms-check,
input[type=radio][disabled]:checked::-ms-check {
    background-color: #ecf2fe;
    border: 1px solid #d6dbe3
}

.tea-checkbox,
input[type=checkbox] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid #d6dbe3;
    background-color: #fff;
    border-radius: 0;
    color: #181818
}

.tea-checkbox:focus,
.tea-checkbox:hover,
input[type=checkbox]:focus,
input[type=checkbox]:hover {
    border-color: #0052d9
}

.tea-checkbox:checked,
.tea-checkbox:checked:focus,
.tea-checkbox:checked:hover,
input[type=checkbox]:checked,
input[type=checkbox]:checked:focus,
input[type=checkbox]:checked:hover {
    background-image: url(../../images/icon-checkbox_c37.svg);
    background-color: #0052d9;
    border-color: #0052d9;
    background-position: inherit;
    background-size: 100% auto
}

.tea-checkbox[disabled],
input[type=checkbox][disabled] {
    background-image: none;
    background-color: #ecf2fe;
    border-color: #d6dbe3;
    background-position: inherit;
    cursor: not-allowed
}

.tea-checkbox[disabled]:checked,
input[type=checkbox][disabled]:checked {
    background-image: url(../../images/icon-checkbox_c37.svg);
    background-position: inherit;
    background-size: 100% auto;
    background-color: #aacfff;
    border-color: #aacfff
}

.tea-checkbox[disabled]:checked:hover,
input[type=checkbox][disabled]:checked:hover {
    background-color: #ecf2fe;
    border: 1px solid #d6dbe3;
    cursor: not-allowed
}

.tea-checkbox:indeterminate,
input[type=checkbox]:indeterminate {
    background-image: url(../../images/icon-indeterminate_d3b.svg);
    background-color: #0052d9;
    border: 1px solid #0052d9;
    background-position: inherit;
    background-size: 100% auto
}

.tea-checkbox:indeterminate:hover,
input[type=checkbox]:indeterminate:hover {
    background-color: #0052d9
}

.tea-checkbox[disabled]:indeterminate,
input[type=checkbox][disabled]:indeterminate {
    background-image: url(../../images/icon-indeterminate_d3b.svg);
    background-position: inherit;
    background-size: 100% auto;
    background-color: #aacfff;
    border: 1px solid #aacfff
}

.tea-form-check-group {
    margin-bottom: -8px;
    display: inline-block;
    vertical-align: middle
}

.tea-form-check-group .tea-form-check {
    margin-bottom: 8px
}

.tea-form-check-group+.tea-icon-valid {
    vertical-align: -3px
}

.tea-form-check {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 24px;
    margin-top: 0;
    margin-right: 18px;
    min-height: 16px;
    color: #181818
}

.tea-form-check:last-child {
    margin-right: 0
}

.tea-form-check__label {
    line-height: 16px;
    cursor: pointer;
    font-size: 14px
}

.tea-form-check .tea-checkbox,
.tea-form-check .tea-radio-wrap {
    position: absolute;
    top: 2px;
    left: 0
}

.tea-checkbox[disabled]+.tea-form-check__label,
.tea-radio[disabled]+.tea-form-check__label {
    cursor: not-allowed
}

.tea-form-check--block {
    display: block
}

.tea-form-check--block+.tea-form-check--block {
    margin-top: 8px;
    margin-right: 0
}

.tea-tree {
    position: relative;
    max-width: 420px;
    color: #181818
}

.tea-tree__node {
    position: relative;
    line-height: 1;
    white-space: nowrap
}

.tea-tree__node.is-selected>.tea-tree__node-content .tea-tree__label {
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%);
    border-radius: 2px
}

.tea-tree__space {
    font-size: 0;
    display: inline-block;
    width: 20px;
    height: 30px
}

.tea-tree__node-content {
    font-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-flexbox;
    display: flex
}

.tea-tree__switcher {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    padding: 7px 0
}

.tea-tree__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    font-size: 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 4px
}

.tea-tree__label:hover {
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%);
    border-radius: 2px;
    cursor: pointer
}

.tea-tree__label .tea-icon {
    margin-right: 4px;
    -ms-flex: none;
    flex: none
}

.tea-tree__node--transparent>.tea-tree__node-content .tea-tree__label:hover,
.tea-tree__node.is-disabled>.tea-tree__node-content .tea-tree__label:hover,
.tea-tree__node.is-nohighlight>.tea-tree__node-content .tea-tree__label:hover {
    background-color: transparent;
    cursor: default
}

.tea-tree__node--transparent.is-selected>.tea-tree__node-content .tea-tree__label,
.tea-tree__node.is-disabled.is-selected>.tea-tree__node-content .tea-tree__label,
.tea-tree__node.is-nohighlight.is-selected>.tea-tree__node-content .tea-tree__label {
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%)
}

.tea-tree__node.is-nohighlight>.tea-tree__node-content>.tea-tree__label,
.tea-tree__node.is-nohighlight>.tea-tree__node-content>.tea-tree__label:hover {
    cursor: not-allowed;
    color: #9a9a9a
}

.tea-tree__label-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.tea-tree .tea-form-check,
.tea-tree__label-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-tree .tea-form-check {
    padding-left: 26px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: -4px 0;
    cursor: pointer
}

.tea-tree .tea-form-check .tea-checkbox {
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    top: 7px
}

.tea-tree .tea-form-check .tea-form-check__label {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tea-tree .tea-checkbox {
    margin-right: 10px
}

.tea-tree__action {
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%);
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    padding-left: 10px;
    height: 30px;
    -ms-flex-align: center;
    align-items: center
}

.tea-tree__action .tea-btn--icon {
    padding: 7px 4px
}

.tea-tree__action .tea-text--link {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 22px;
    display: inline-block
}

.tea-tree__action .tea-text--link:hover {
    text-decoration: none
}

.tea-tree__label:hover .tea-tree__action {
    visibility: visible
}

.tea-tree__subtree .tea-tree__node {
    padding: 0 0 0 20px
}

.tea-tree.tea-tree--full-line .tea-tree__node-content:hover {
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%);
    cursor: pointer
}

.tea-tree.tea-tree--full-line .tea-tree__node-content:hover .tea-tree__action {
    visibility: visible
}

.tea-tree.tea-tree--full-line .tea-tree__node.is-selected>.tea-tree__node-content {
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%)
}

.tea-tree.tea-tree--full-line .tea-tree__node--transparent>.tea-tree__node-content:hover {
    background-color: transparent;
    cursor: default
}

.tea-tree.tea-tree--full-line .tea-tree__node--transparent.is-selected>.tea-tree__node-content {
    background: linear-gradient(270deg, #d9e6ff 7.17%, rgba(217, 230, 255, 0) 102.61%)
}

html {
    font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
    font-size: 14px;
    -webkit-tap-highlight-color: transparent
}

body,
html {
    background: #fff;
    width: 100%
}

body {
    color: #181818;
    margin: 0 auto;
    font-family: Pingfang SC, helvetica neuepingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative
}

button,
input,
select,
textarea {
    font-family: Pingfang SC, STHeiti Light, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, sans-serif
}

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

* {
    word-wrap: break-word
}

.cdc-global {
    width: 100%;
    min-width: 1200px
}

.cdc-global__main {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1200px;
    margin: 0 auto
}

.is-mobile .cdc-responsive-layout {
    position: relative;
    left: 0;
    top: 0;
    min-width: 320px;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 1
}

.is-mobile .cdc-global__main {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: calc(50px + env(safe-area-inset-bottom))
}

.cdc-responsive-layout.is-mobile {
    position: relative;
    left: 0;
    top: 0;
    min-width: 320px;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 1
}

.cdc-responsive-layout.is-mobile .cdc-global {
    width: 100%;
    min-width: unset
}

.cdc-responsive-layout.is-mobile .cdc-global__main {
    padding: 0 16px
}

.tippy-content {
    padding: 0 !important
}

.tippy-arrow {
    width: 0 !important;
    height: 0 !important
}

.tippy-arrow:before {
    border-width: 0 !important
}

.accsys-tp-popup,
.mclg-body {
    z-index: 1000001 !important
}

.rno-markdown.new-version h2 {
    margin-top: 16px;
    margin-bottom: 12px;
    line-height: 28px;
    font-size: 20px
}

.rno-markdown.new-version h3 {
    margin-top: 16px;
    margin-bottom: 8px;
    line-height: 26px;
    font-size: 16px
}

.rno-markdown.new-version h4 {
    margin-top: 16px;
    margin-bottom: 8px
}

.rno-markdown.new-version h4,
.rno-markdown.new-version h5 {
    line-height: 24px;
    font-size: 14px
}

.rno-markdown.new-version h2+h3,
.rno-markdown.new-version h2+h4,
.rno-markdown.new-version h3+h4 {
    margin-top: 12px
}

.md-text-link {
    margin: 0 4px;
    cursor: pointer;
    color: #0052d9;
    padding-right: 10px;
    background-image: url(../../images/icon-link_e01.svg);
    background-position: right 2px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    box-shadow: none;
    white-space: pre-wrap;
    word-break: break-all;
    box-sizing: border-box
}

a.md-text-link {
    text-decoration: none !important
}

.rno-markdown.new-version.rno-theme-blue h2 {
    position: relative;
    padding-left: 32px
}

.rno-markdown.new-version.rno-theme-blue h2:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: "";
    width: 20px;
    height: 48px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMyI+PHRleHQgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2MiAtMzE4KSIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1NZWRpdW0sIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjMyIiBmb250LXdlaWdodD0iNDAwIj48dHNwYW4geD0iNDYyIiB5PSIzMzkiPiM8L3RzcGFuPjwvdGV4dD48L3N2Zz4=) 50% no-repeat
}

.rno-markdown.new-version.rno-theme-blue h2:after {
    position: absolute;
    content: "";
    height: 1px;
    left: 32px;
    right: 0;
    bottom: -2px;
    background-color: #00a4ff
}

.rno-markdown.new-version.rno-theme-blue h3:after,
.rno-markdown.new-version.rno-theme-blue h4:after {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #00a4ff
}

.rno-markdown.new-version.rno-theme-blue h3,
.rno-markdown.new-version.rno-theme-blue h4 {
    position: relative
}

.rno-markdown.new-version.rno-theme-orange h2 {
    position: relative;
    color: #ff7800
}

.rno-markdown.new-version.rno-theme-orange h2:after {
    position: absolute;
    content: "";
    height: 3px;
    left: 0;
    right: 0;
    bottom: -4px;
    background-color: #ff7800
}

.rno-markdown.new-version.rno-theme-orange h3,
.rno-markdown.new-version.rno-theme-orange h4 {
    color: #ff7800
}

.rno-markdown.new-version.rno-code-gray h2 {
    position: relative;
    padding-left: 45px
}

.rno-markdown.new-version.rno-code-gray h2:after {
    position: absolute;
    top: -2px;
    left: 0;
    content: "</>";
    font-size: 24px;
    line-height: 28px;
    color: #d8d8d8
}

.rno-markdown.new-version.rno-round-label-blue h2 {
    position: relative;
    padding-left: 36px
}

.rno-markdown.new-version.rno-round-label-blue h2:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "1";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    background-color: #00a4ff
}

.rno-markdown.new-version.rno-round-label-blue h3,
.rno-markdown.new-version.rno-round-label-blue h4 {
    position: relative;
    padding-left: 24px
}

.rno-markdown.new-version.rno-round-label-blue h3:before,
.rno-markdown.new-version.rno-round-label-blue h4:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    background-color: #00a4ff;
    border-radius: 50%
}

.rno-markdown.new-version.rno-round-label-blue h3:before {
    width: 12px;
    height: 12px
}

.rno-markdown.new-version.rno-round-label-blue h4:before {
    width: 8px;
    height: 8px
}

.rno-markdown.new-version.rno-technology-style h2 {
    padding-left: 20px
}

.rno-markdown.new-version.rno-technology-style h2:before {
    width: 8px;
    height: 8px;
    top: -4px;
    left: 20px
}

.rno-markdown.new-version.rno-technology-style h2:after {
    width: 5px;
    height: 5px;
    top: -10px;
    left: 12px
}

.rno-markdown.new-version.rno-technology-style h3 {
    padding-left: 15px
}

.rno-markdown.new-version.rno-technology-style h3:before {
    width: 6px;
    height: 6px;
    top: 0;
    left: 15px
}

.rno-markdown.new-version.rno-technology-style h3:after {
    width: 3px;
    height: 3px;
    top: -5px;
    left: 10px
}

.rno-markdown.new-version.rno-technology-style h4 {
    padding-left: 12px
}

.rno-markdown.new-version.rno-technology-style h4:before {
    width: 4px;
    height: 4px;
    top: 0;
    left: 12px
}

.rno-markdown.new-version.rno-technology-style h4:after {
    width: 2px;
    height: 2px;
    top: -2px;
    left: 8px
}

.rno-markdown.new-version.rno-technology-style h2,
.rno-markdown.new-version.rno-technology-style h3,
.rno-markdown.new-version.rno-technology-style h4 {
    position: relative
}

.rno-markdown.new-version.rno-technology-style h2:before,
.rno-markdown.new-version.rno-technology-style h3:before,
.rno-markdown.new-version.rno-technology-style h4:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: #00a4ff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rno-markdown.new-version.rno-technology-style h2:after,
.rno-markdown.new-version.rno-technology-style h3:after,
.rno-markdown.new-version.rno-technology-style h4:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background-color: #00a4ff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.qa-r-editor-bubble.bubble-theme .qa-r-editor-dropdown-item h5 {
    margin: 0;
    width: 50%;
    line-height: 26px;
    position: relative
}

.cdc-comment-emoji {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: -8px;
    margin: 0 2px
}

@media (max-width:768px) {
    body {
        min-width: 100%
    }

    .cdc-comment-emoji {
        width: 24px;
        height: 24px;
        vertical-align: -6px
    }
}

.cdc-m-global {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    min-height: 100vh
}

.cdc-m-main {
    min-width: 320px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    bottom: calc(constant(safe-area-inset-bottom));
    bottom: calc(env(safe-area-inset-bottom))
}

.cdc-m-main.without-ft {
    bottom: 0
}

body.is-mobile {
    width: 100%;
    min-width: unset
}

body .cdc-m-none {
    margin: 0
}

body .cdc-m-auto {
    margin: auto
}

body .cdc-m-ii {
    margin: initial
}

body .cdc-m-ih {
    margin: inherit
}

body .cdc-m-2 {
    margin: 2px
}

body .cdc-m-4 {
    margin: 4px
}

body .cdc-m-5 {
    margin: 5px
}

body .cdc-m-6 {
    margin: 6px
}

body .cdc-m-8 {
    margin: 8px
}

body .cdc-m-10 {
    margin: 10px
}

body .cdc-m-12 {
    margin: 12px
}

body .cdc-m-15 {
    margin: 15px
}

body .cdc-m-16 {
    margin: 16px
}

body .cdc-m-20 {
    margin: 20px
}

body .cdc-m-24 {
    margin: 24px
}

body .cdc-m-30 {
    margin: 30px
}

body .cdc-m-32 {
    margin: 32px
}

body .cdc-m-40 {
    margin: 40px
}

body .cdc-m-50 {
    margin: 50px
}

body .cdc-m-60 {
    margin: 60px
}

body .cdc-m-100 {
    margin: 100px
}

body .cdc-mx-none {
    margin-left: 0;
    margin-right: 0
}

body .cdc-my-none {
    margin-top: 0;
    margin-bottom: 0
}

body .cdc-mx-auto {
    margin-left: auto;
    margin-right: auto
}

body .cdc-my-auto {
    margin-top: auto;
    margin-bottom: auto
}

body .cdc-mx-ii {
    margin-left: 0;
    margin-right: 0
}

body .cdc-my-ii {
    margin-top: 0;
    margin-bottom: 0
}

body .cdc-mx-ih {
    margin-left: inherit;
    margin-right: inherit
}

body .cdc-my-ih {
    margin-top: inherit;
    margin-bottom: inherit
}

body .cdc-mx-2 {
    margin-left: 2px;
    margin-right: 2px
}

body .cdc-my-2 {
    margin-top: 2px;
    margin-bottom: 2px
}

body .cdc-mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

body .cdc-my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

body .cdc-mx-5 {
    margin-left: 5px;
    margin-right: 5px
}

body .cdc-my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

body .cdc-mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

body .cdc-my-6 {
    margin-top: 6px;
    margin-bottom: 6px
}

body .cdc-mx-8 {
    margin-left: 8px;
    margin-right: 8px
}

body .cdc-my-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

body .cdc-mx-10 {
    margin-left: 10px;
    margin-right: 10px
}

body .cdc-my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

body .cdc-mx-12 {
    margin-left: 12px;
    margin-right: 12px
}

body .cdc-my-12 {
    margin-top: 12px;
    margin-bottom: 12px
}

body .cdc-mx-15 {
    margin-left: 15px;
    margin-right: 15px
}

body .cdc-my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

body .cdc-mx-16 {
    margin-left: 16px;
    margin-right: 16px
}

body .cdc-my-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

body .cdc-mx-20 {
    margin-left: 20px;
    margin-right: 20px
}

body .cdc-my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

body .cdc-mx-24 {
    margin-left: 24px;
    margin-right: 24px
}

body .cdc-my-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

body .cdc-mx-30 {
    margin-left: 30px;
    margin-right: 30px
}

body .cdc-my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

body .cdc-mx-32 {
    margin-left: 32px;
    margin-right: 32px
}

body .cdc-my-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

body .cdc-mx-40 {
    margin-left: 40px;
    margin-right: 40px
}

body .cdc-my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

body .cdc-mx-50 {
    margin-left: 50px;
    margin-right: 50px
}

body .cdc-my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

body .cdc-mx-60 {
    margin-left: 60px;
    margin-right: 60px
}

body .cdc-my-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

body .cdc-mx-100 {
    margin-left: 100px;
    margin-right: 100px
}

body .cdc-my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

body .cdc-mt-none {
    margin-top: 0
}

body .cdc-mb-none {
    margin-bottom: 0
}

body .cdc-ml-none {
    margin-left: 0
}

body .cdc-mr-none {
    margin-right: 0
}

body .cdc-mt-auto {
    margin-top: auto
}

body .cdc-mb-auto {
    margin-bottom: auto
}

body .cdc-ml-auto {
    margin-left: auto
}

body .cdc-mr-auto {
    margin-right: auto
}

body .cdc-mt-ii {
    margin-top: 0
}

body .cdc-mb-ii {
    margin-bottom: 0
}

body .cdc-ml-ii {
    margin-left: 0
}

body .cdc-mr-ii {
    margin-right: 0
}

body .cdc-mt-ih {
    margin-top: inherit
}

body .cdc-mb-ih {
    margin-bottom: inherit
}

body .cdc-ml-ih {
    margin-left: inherit
}

body .cdc-mr-ih {
    margin-right: inherit
}

body .cdc-mt-2 {
    margin-top: 2px
}

body .cdc-mb-2 {
    margin-bottom: 2px
}

body .cdc-ml-2 {
    margin-left: 2px
}

body .cdc-mr-2 {
    margin-right: 2px
}

body .cdc-mt-4 {
    margin-top: 4px
}

body .cdc-mb-4 {
    margin-bottom: 4px
}

body .cdc-ml-4 {
    margin-left: 4px
}

body .cdc-mr-4 {
    margin-right: 4px
}

body .cdc-mt-5 {
    margin-top: 5px
}

body .cdc-mb-5 {
    margin-bottom: 5px
}

body .cdc-ml-5 {
    margin-left: 5px
}

body .cdc-mr-5 {
    margin-right: 5px
}

body .cdc-mt-6 {
    margin-top: 6px
}

body .cdc-mb-6 {
    margin-bottom: 6px
}

body .cdc-ml-6 {
    margin-left: 6px
}

body .cdc-mr-6 {
    margin-right: 6px
}

body .cdc-mt-8 {
    margin-top: 8px
}

body .cdc-mb-8 {
    margin-bottom: 8px
}

body .cdc-ml-8 {
    margin-left: 8px
}

body .cdc-mr-8 {
    margin-right: 8px
}

body .cdc-mt-10 {
    margin-top: 10px
}

body .cdc-mb-10 {
    margin-bottom: 10px
}

body .cdc-ml-10 {
    margin-left: 10px
}

body .cdc-mr-10 {
    margin-right: 10px
}

body .cdc-mt-12 {
    margin-top: 12px
}

body .cdc-mb-12 {
    margin-bottom: 12px
}

body .cdc-ml-12 {
    margin-left: 12px
}

body .cdc-mr-12 {
    margin-right: 12px
}

body .cdc-mt-15 {
    margin-top: 15px
}

body .cdc-mb-15 {
    margin-bottom: 15px
}

body .cdc-ml-15 {
    margin-left: 15px
}

body .cdc-mr-15 {
    margin-right: 15px
}

body .cdc-mt-16 {
    margin-top: 16px
}

body .cdc-mb-16 {
    margin-bottom: 16px
}

body .cdc-ml-16 {
    margin-left: 16px
}

body .cdc-mr-16 {
    margin-right: 16px
}

body .cdc-mt-20 {
    margin-top: 20px
}

body .cdc-mb-20 {
    margin-bottom: 20px
}

body .cdc-ml-20 {
    margin-left: 20px
}

body .cdc-mr-20 {
    margin-right: 20px
}

body .cdc-mt-24 {
    margin-top: 24px
}

body .cdc-mb-24 {
    margin-bottom: 24px
}

body .cdc-ml-24 {
    margin-left: 24px
}

body .cdc-mr-24 {
    margin-right: 24px
}

body .cdc-mt-30 {
    margin-top: 30px
}

body .cdc-mb-30 {
    margin-bottom: 30px
}

body .cdc-ml-30 {
    margin-left: 30px
}

body .cdc-mr-30 {
    margin-right: 30px
}

body .cdc-mt-32 {
    margin-top: 32px
}

body .cdc-mb-32 {
    margin-bottom: 32px
}

body .cdc-ml-32 {
    margin-left: 32px
}

body .cdc-mr-32 {
    margin-right: 32px
}

body .cdc-mt-40 {
    margin-top: 40px
}

body .cdc-mb-40 {
    margin-bottom: 40px
}

body .cdc-ml-40 {
    margin-left: 40px
}

body .cdc-mr-40 {
    margin-right: 40px
}

body .cdc-mt-50 {
    margin-top: 50px
}

body .cdc-mb-50 {
    margin-bottom: 50px
}

body .cdc-ml-50 {
    margin-left: 50px
}

body .cdc-mr-50 {
    margin-right: 50px
}

body .cdc-mt-60 {
    margin-top: 60px
}

body .cdc-mb-60 {
    margin-bottom: 60px
}

body .cdc-ml-60 {
    margin-left: 60px
}

body .cdc-mr-60 {
    margin-right: 60px
}

body .cdc-mt-100 {
    margin-top: 100px
}

body .cdc-mb-100 {
    margin-bottom: 100px
}

body .cdc-ml-100 {
    margin-left: 100px
}

body .cdc-mr-100 {
    margin-right: 100px
}

body .cdc-p-none {
    padding: 0
}

body .cdc-p-auto {
    padding: auto
}

body .cdc-p-ii {
    padding: initial
}

body .cdc-p-ih {
    padding: inherit
}

body .cdc-p-2 {
    padding: 2px
}

body .cdc-p-4 {
    padding: 4px
}

body .cdc-p-5 {
    padding: 5px
}

body .cdc-p-6 {
    padding: 6px
}

body .cdc-p-8 {
    padding: 8px
}

body .cdc-p-10 {
    padding: 10px
}

body .cdc-p-12 {
    padding: 12px
}

body .cdc-p-15 {
    padding: 15px
}

body .cdc-p-16 {
    padding: 16px
}

body .cdc-p-20 {
    padding: 20px
}

body .cdc-p-24 {
    padding: 24px
}

body .cdc-p-30 {
    padding: 30px
}

body .cdc-p-32 {
    padding: 32px
}

body .cdc-p-40 {
    padding: 40px
}

body .cdc-p-50 {
    padding: 50px
}

body .cdc-p-60 {
    padding: 60px
}

body .cdc-p-100 {
    padding: 100px
}

body .cdc-px-none {
    padding-left: 0;
    padding-right: 0
}

body .cdc-py-none {
    padding-top: 0;
    padding-bottom: 0
}

body .cdc-px-auto {
    padding-left: auto;
    padding-right: auto
}

body .cdc-py-auto {
    padding-top: auto;
    padding-bottom: auto
}

body .cdc-px-ii {
    padding-left: 0;
    padding-right: 0
}

body .cdc-py-ii {
    padding-top: 0;
    padding-bottom: 0
}

body .cdc-px-ih {
    padding-left: inherit;
    padding-right: inherit
}

body .cdc-py-ih {
    padding-top: inherit;
    padding-bottom: inherit
}

body .cdc-px-2 {
    padding-left: 2px;
    padding-right: 2px
}

body .cdc-py-2 {
    padding-top: 2px;
    padding-bottom: 2px
}

body .cdc-px-4 {
    padding-left: 4px;
    padding-right: 4px
}

body .cdc-py-4 {
    padding-top: 4px;
    padding-bottom: 4px
}

body .cdc-px-5 {
    padding-left: 5px;
    padding-right: 5px
}

body .cdc-py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

body .cdc-px-6 {
    padding-left: 6px;
    padding-right: 6px
}

body .cdc-py-6 {
    padding-top: 6px;
    padding-bottom: 6px
}

body .cdc-px-8 {
    padding-left: 8px;
    padding-right: 8px
}

body .cdc-py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

body .cdc-px-10 {
    padding-left: 10px;
    padding-right: 10px
}

body .cdc-py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

body .cdc-px-12 {
    padding-left: 12px;
    padding-right: 12px
}

body .cdc-py-12 {
    padding-top: 12px;
    padding-bottom: 12px
}

body .cdc-px-15 {
    padding-left: 15px;
    padding-right: 15px
}

body .cdc-py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

body .cdc-px-16 {
    padding-left: 16px;
    padding-right: 16px
}

body .cdc-py-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

body .cdc-px-20 {
    padding-left: 20px;
    padding-right: 20px
}

body .cdc-py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

body .cdc-px-24 {
    padding-left: 24px;
    padding-right: 24px
}

body .cdc-py-24 {
    padding-top: 24px;
    padding-bottom: 24px
}

body .cdc-px-30 {
    padding-left: 30px;
    padding-right: 30px
}

body .cdc-py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

body .cdc-px-32 {
    padding-left: 32px;
    padding-right: 32px
}

body .cdc-py-32 {
    padding-top: 32px;
    padding-bottom: 32px
}

body .cdc-px-40 {
    padding-left: 40px;
    padding-right: 40px
}

body .cdc-py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

body .cdc-px-50 {
    padding-left: 50px;
    padding-right: 50px
}

body .cdc-py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

body .cdc-px-60 {
    padding-left: 60px;
    padding-right: 60px
}

body .cdc-py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

body .cdc-px-100 {
    padding-left: 100px;
    padding-right: 100px
}

body .cdc-py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

body .cdc-pt-none {
    padding-top: 0
}

body .cdc-pb-none {
    padding-bottom: 0
}

body .cdc-pl-none {
    padding-left: 0
}

body .cdc-pr-none {
    padding-right: 0
}

body .cdc-pt-auto {
    padding-top: auto
}

body .cdc-pb-auto {
    padding-bottom: auto
}

body .cdc-pl-auto {
    padding-left: auto
}

body .cdc-pr-auto {
    padding-right: auto
}

body .cdc-pt-ii {
    padding-top: 0
}

body .cdc-pb-ii {
    padding-bottom: 0
}

body .cdc-pl-ii {
    padding-left: 0
}

body .cdc-pr-ii {
    padding-right: 0
}

body .cdc-pt-ih {
    padding-top: inherit
}

body .cdc-pb-ih {
    padding-bottom: inherit
}

body .cdc-pl-ih {
    padding-left: inherit
}

body .cdc-pr-ih {
    padding-right: inherit
}

body .cdc-pt-2 {
    padding-top: 2px
}

body .cdc-pb-2 {
    padding-bottom: 2px
}

body .cdc-pl-2 {
    padding-left: 2px
}

body .cdc-pr-2 {
    padding-right: 2px
}

body .cdc-pt-4 {
    padding-top: 4px
}

body .cdc-pb-4 {
    padding-bottom: 4px
}

body .cdc-pl-4 {
    padding-left: 4px
}

body .cdc-pr-4 {
    padding-right: 4px
}

body .cdc-pt-5 {
    padding-top: 5px
}

body .cdc-pb-5 {
    padding-bottom: 5px
}

body .cdc-pl-5 {
    padding-left: 5px
}

body .cdc-pr-5 {
    padding-right: 5px
}

body .cdc-pt-6 {
    padding-top: 6px
}

body .cdc-pb-6 {
    padding-bottom: 6px
}

body .cdc-pl-6 {
    padding-left: 6px
}

body .cdc-pr-6 {
    padding-right: 6px
}

body .cdc-pt-8 {
    padding-top: 8px
}

body .cdc-pb-8 {
    padding-bottom: 8px
}

body .cdc-pl-8 {
    padding-left: 8px
}

body .cdc-pr-8 {
    padding-right: 8px
}

body .cdc-pt-10 {
    padding-top: 10px
}

body .cdc-pb-10 {
    padding-bottom: 10px
}

body .cdc-pl-10 {
    padding-left: 10px
}

body .cdc-pr-10 {
    padding-right: 10px
}

body .cdc-pt-12 {
    padding-top: 12px
}

body .cdc-pb-12 {
    padding-bottom: 12px
}

body .cdc-pl-12 {
    padding-left: 12px
}

body .cdc-pr-12 {
    padding-right: 12px
}

body .cdc-pt-15 {
    padding-top: 15px
}

body .cdc-pb-15 {
    padding-bottom: 15px
}

body .cdc-pl-15 {
    padding-left: 15px
}

body .cdc-pr-15 {
    padding-right: 15px
}

body .cdc-pt-16 {
    padding-top: 16px
}

body .cdc-pb-16 {
    padding-bottom: 16px
}

body .cdc-pl-16 {
    padding-left: 16px
}

body .cdc-pr-16 {
    padding-right: 16px
}

body .cdc-pt-20 {
    padding-top: 20px
}

body .cdc-pb-20 {
    padding-bottom: 20px
}

body .cdc-pl-20 {
    padding-left: 20px
}

body .cdc-pr-20 {
    padding-right: 20px
}

body .cdc-pt-24 {
    padding-top: 24px
}

body .cdc-pb-24 {
    padding-bottom: 24px
}

body .cdc-pl-24 {
    padding-left: 24px
}

body .cdc-pr-24 {
    padding-right: 24px
}

body .cdc-pt-30 {
    padding-top: 30px
}

body .cdc-pb-30 {
    padding-bottom: 30px
}

body .cdc-pl-30 {
    padding-left: 30px
}

body .cdc-pr-30 {
    padding-right: 30px
}

body .cdc-pt-32 {
    padding-top: 32px
}

body .cdc-pb-32 {
    padding-bottom: 32px
}

body .cdc-pl-32 {
    padding-left: 32px
}

body .cdc-pr-32 {
    padding-right: 32px
}

body .cdc-pt-40 {
    padding-top: 40px
}

body .cdc-pb-40 {
    padding-bottom: 40px
}

body .cdc-pl-40 {
    padding-left: 40px
}

body .cdc-pr-40 {
    padding-right: 40px
}

body .cdc-pt-50 {
    padding-top: 50px
}

body .cdc-pb-50 {
    padding-bottom: 50px
}

body .cdc-pl-50 {
    padding-left: 50px
}

body .cdc-pr-50 {
    padding-right: 50px
}

body .cdc-pt-60 {
    padding-top: 60px
}

body .cdc-pb-60 {
    padding-bottom: 60px
}

body .cdc-pl-60 {
    padding-left: 60px
}

body .cdc-pr-60 {
    padding-right: 60px
}

body .cdc-pt-100 {
    padding-top: 100px
}

body .cdc-pb-100 {
    padding-bottom: 100px
}

body .cdc-pl-100 {
    padding-left: 100px
}

body .cdc-pr-100 {
    padding-right: 100px
}

.rno-markdown {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3f3f3f
}

.rno-markdown-img-url {
    text-align: center;
    margin: 16px 0
}

.rno-markdown-img-url-inner {
    position: relative;
    display: inline-block;
    margin: 0 auto
}

.rno-markdown-img-url-inner>img {
    margin: 0 auto
}

.rno-markdown-img-url .rno-markdown-img-url-link {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    z-index: 1
}

.rno-markdown-img-url .rno-markdown-img-url-link a {
    padding: 2px 8px;
    box-sizing: border-box;
    background: rgba(34, 45, 64, .55);
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.rno-markdown-img-url .rno-markdown-img-url-link a:hover {
    background: rgba(34, 45, 64, .75);
    text-decoration: none
}

.rno-markdown-img-url .rno-markdown-img-url-link a>i {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -2px;
    background-image: url(../../images/icon-img-url_3c5.svg);
    background-size: cover;
    margin-right: 8px
}

.rno-markdown img {
    cursor: zoom-in;
    width: 100%;
    height: auto
}

.rno-markdown .t-image__wrapper img {
    margin: auto
}

@media screen and (max-width:768px) {
    .t-image-viewer-preview-image .t-image-viewer__utils {
        display: none
    }
}

:root {
    --td-screen-xs: 320px;
    --td-screen-sm: 768px;
    --td-screen-md: 992px;
    --td-screen-lg: 1200px;
    --td-screen-xl: 1400px;
    --td-screen-xxl: 1880px
}

.narrow-scrollbar {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin
}

.narrow-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.narrow-scrollbar::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px
}

.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover,
.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-fake-arrow path {
    transition: d .2s;
    stroke: currentcolor
}

.t-fake-arrow--active path {
    d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")
}

:root,
:root[theme-mode=light] {
    --td-brand-color-1: #f2f3ff;
    --td-brand-color-2: #d9e1ff;
    --td-brand-color-3: #b5c7ff;
    --td-brand-color-4: #8eabff;
    --td-brand-color-5: #618dff;
    --td-brand-color-6: #366ef4;
    --td-brand-color-7: #0052d9;
    --td-brand-color-8: #003cab;
    --td-brand-color-9: #002a7c;
    --td-brand-color-10: #001a57;
    --td-warning-color-1: #fff1e9;
    --td-warning-color-2: #ffd9c2;
    --td-warning-color-3: #ffb98c;
    --td-warning-color-4: #fa9550;
    --td-warning-color-5: #e37318;
    --td-warning-color-6: #be5a00;
    --td-warning-color-7: #954500;
    --td-warning-color-8: #713300;
    --td-warning-color-9: #532300;
    --td-warning-color-10: #3b1700;
    --td-error-color-1: #fff0ed;
    --td-error-color-2: #ffd8d2;
    --td-error-color-3: #ffb9b0;
    --td-error-color-4: #ff9285;
    --td-error-color-5: #f6685d;
    --td-error-color-6: #d54941;
    --td-error-color-7: #ad352f;
    --td-error-color-8: #881f1c;
    --td-error-color-9: #68070a;
    --td-error-color-10: #490002;
    --td-success-color-1: #e3f9e9;
    --td-success-color-2: #c6f3d7;
    --td-success-color-3: #92dab2;
    --td-success-color-4: #56c08d;
    --td-success-color-5: #2ba471;
    --td-success-color-6: #008858;
    --td-success-color-7: #006c45;
    --td-success-color-8: #005334;
    --td-success-color-9: #003b23;
    --td-success-color-10: #002515;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e8e8e8;
    --td-gray-color-4: #ddd;
    --td-gray-color-5: #c6c6c6;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #393939;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: #fff;
    --td-font-white-2: hsla(0, 0%, 100%, 0.55);
    --td-font-white-3: hsla(0, 0%, 100%, 0.35);
    --td-font-white-4: hsla(0, 0%, 100%, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color: var(--td-brand-color-7);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-6);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-8);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-brand-color-light-hover: var(--td-brand-color-2);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-warning-color-light-hover: var(--td-warning-color-2);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-error-color-light-hover: var(--td-error-color-2);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-success-color-light-hover: var(--td-success-color-2);
    --td-mask-active: rgba(0, 0, 0, 0.6);
    --td-mask-disabled: hsla(0, 0%, 100%, 0.6);
    --td-bg-color-page: var(--td-gray-color-2);
    --td-bg-color-container: #fff;
    --td-bg-color-container-hover: var(--td-gray-color-1);
    --td-bg-color-container-active: var(--td-gray-color-3);
    --td-bg-color-container-select: #fff;
    --td-bg-color-secondarycontainer: var(--td-gray-color-1);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
    --td-bg-color-component: var(--td-gray-color-3);
    --td-bg-color-component-hover: var(--td-gray-color-4);
    --td-bg-color-component-active: var(--td-gray-color-6);
    --td-bg-color-secondarycomponent: var(--td-gray-color-4);
    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
    --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
    --td-bg-color-component-disabled: var(--td-gray-color-2);
    --td-bg-color-specialcomponent: #fff;
    --td-text-color-primary: var(--td-font-gray-1);
    --td-text-color-secondary: var(--td-font-gray-2);
    --td-text-color-placeholder: var(--td-font-gray-3);
    --td-text-color-disabled: var(--td-font-gray-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-7);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-3);
    --td-component-stroke: var(--td-gray-color-3);
    --td-border-level-2-color: var(--td-gray-color-4);
    --td-component-border: var(--td-gray-color-4);
    --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
    --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
    --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
    --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
    --td-table-shadow-color: rgba(0, 0, 0, 0.08);
    --td-scrollbar-color: rgba(0, 0, 0, 0.1);
    --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
    --td-scroll-track-color: #fff
}

:root[theme-mode=dark] {
    --td-brand-color-1: #1b2f51;
    --td-brand-color-2: #173463;
    --td-brand-color-3: #143975;
    --td-brand-color-4: #103d88;
    --td-brand-color-5: #0d429a;
    --td-brand-color-6: #054bbe;
    --td-brand-color-7: #2667d4;
    --td-brand-color-8: #4582e6;
    --td-brand-color-9: #699ef5;
    --td-brand-color-10: #96bbf8;
    --td-warning-color-1: #4f2a1d;
    --td-warning-color-2: #582f21;
    --td-warning-color-3: #733c23;
    --td-warning-color-4: #a75d2b;
    --td-warning-color-5: #cf6e2d;
    --td-warning-color-6: #dc7633;
    --td-warning-color-7: #e8935c;
    --td-warning-color-8: #ecbf91;
    --td-warning-color-9: #eed7bf;
    --td-warning-color-10: #f3e9dc;
    --td-error-color-1: #472324;
    --td-error-color-2: #5e2a2d;
    --td-error-color-3: #703439;
    --td-error-color-4: #83383e;
    --td-error-color-5: #a03f46;
    --td-error-color-6: #c64751;
    --td-error-color-7: #de6670;
    --td-error-color-8: #ec888e;
    --td-error-color-9: #edb1b6;
    --td-error-color-10: #eeced0;
    --td-success-color-1: #193a2a;
    --td-success-color-2: #1a4230;
    --td-success-color-3: #17533d;
    --td-success-color-4: #0d7a55;
    --td-success-color-5: #059465;
    --td-success-color-6: #43af8a;
    --td-success-color-7: #46bf96;
    --td-success-color-8: #80d2b6;
    --td-success-color-9: #b4e1d3;
    --td-success-color-10: #deede8;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e8e8e8;
    --td-gray-color-4: #ddd;
    --td-gray-color-5: #c6c6c6;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #393939;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: hsla(0, 0%, 100%, 0.9);
    --td-font-white-2: hsla(0, 0%, 100%, 0.55);
    --td-font-white-3: hsla(0, 0%, 100%, 0.35);
    --td-font-white-4: hsla(0, 0%, 100%, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color: var(--td-brand-color-8);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-brand-color-light-hover: var(--td-brand-color-2);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-warning-color-light-hover: var(--td-warning-color-2);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-error-color-light-hover: var(--td-error-color-2);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-success-color-light-hover: var(--td-success-color-2);
    --td-mask-active: rgba(0, 0, 0, 0.4);
    --td-mask-disabled: rgba(0, 0, 0, 0.6);
    --td-bg-color-page: var(--td-gray-color-14);
    --td-bg-color-container: var(--td-gray-color-13);
    --td-bg-color-container-hover: var(--td-gray-color-12);
    --td-bg-color-container-active: var(--td-gray-color-10);
    --td-bg-color-container-select: var(--td-gray-color-9);
    --td-bg-color-secondarycontainer: var(--td-gray-color-12);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
    --td-bg-color-component: var(--td-gray-color-11);
    --td-bg-color-component-hover: var(--td-gray-color-10);
    --td-bg-color-component-active: var(--td-gray-color-9);
    --td-bg-color-secondarycomponent: var(--td-gray-color-10);
    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
    --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
    --td-bg-color-component-disabled: var(--td-gray-color-12);
    --td-bg-color-specialcomponent: transparent;
    --td-text-color-primary: var(--td-font-white-1);
    --td-text-color-secondary: var(--td-font-white-2);
    --td-text-color-placeholder: var(--td-font-white-3);
    --td-text-color-disabled: var(--td-font-white-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-8);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-11);
    --td-component-stroke: var(--td-gray-color-11);
    --td-border-level-2-color: var(--td-gray-color-9);
    --td-component-border: var(--td-gray-color-9);
    --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12);
    --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.16);
    --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
    --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
    --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
    --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
    --td-table-shadow-color: rgba(0, 0, 0, 0.55);
    --td-scrollbar-color: hsla(0, 0%, 100%, 0.1);
    --td-scrollbar-hover-color: hsla(0, 0%, 100%, 0.3);
    --td-scroll-track-color: #333
}

:root {
    --td-radius-small: 2px;
    --td-radius-default: 3px;
    --td-radius-medium: 6px;
    --td-radius-large: 9px;
    --td-radius-extraLarge: 12px;
    --td-radius-round: 999px;
    --td-radius-circle: 50%;
    --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
    --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
    --td-font-size-link-small: 12px;
    --td-font-size-link-medium: 14px;
    --td-font-size-link-large: 16px;
    --td-font-size-mark-small: 12px;
    --td-font-size-mark-medium: 14px;
    --td-font-size-body-small: 12px;
    --td-font-size-body-medium: 14px;
    --td-font-size-body-large: 16px;
    --td-font-size-title-small: 14px;
    --td-font-size-title-medium: 16px;
    --td-font-size-title-large: 20px;
    --td-font-size-headline-small: 24px;
    --td-font-size-headline-medium: 28px;
    --td-font-size-headline-large: 36px;
    --td-font-size-display-medium: 48px;
    --td-font-size-display-large: 64px;
    --td-line-height-link-small: 20px;
    --td-line-height-link-medium: 22px;
    --td-line-height-link-large: 24px;
    --td-line-height-mark-small: 20px;
    --td-line-height-mark-medium: 22px;
    --td-line-height-body-small: 20px;
    --td-line-height-body-medium: 22px;
    --td-line-height-body-large: 24px;
    --td-line-height-title-small: 22px;
    --td-line-height-title-medium: 24px;
    --td-line-height-title-large: 28px;
    --td-line-height-headline-small: 32px;
    --td-line-height-headline-medium: 36px;
    --td-line-height-headline-large: 44px;
    --td-line-height-display-medium: 56px;
    --td-line-height-display-large: 72px;
    --td-font-link-small: var(--td-font-size-link-small)/var(--td-line-height-link-small) var(--td-font-family);
    --td-font-link-medium: var(--td-font-size-link-medium)/var(--td-line-height-link-medium) var(--td-font-family);
    --td-font-link-large: var(--td-font-size-link-large)/var(--td-line-height-link-large) var(--td-font-family);
    --td-font-mark-small: 600 var(--td-font-size-mark-small)/var(--td-line-height-mark-small) var(--td-font-family);
    --td-font-mark-medium: 600 var(--td-font-size-mark-medium)/var(--td-line-height-mark-medium) var(--td-font-family);
    --td-font-body-small: var(--td-font-size-body-small)/var(--td-line-height-body-small) var(--td-font-family);
    --td-font-body-medium: var(--td-font-size-body-medium)/var(--td-line-height-body-medium) var(--td-font-family);
    --td-font-body-large: var(--td-font-size-body-large)/var(--td-line-height-body-large) var(--td-font-family);
    --td-font-title-small: 600 var(--td-font-size-title-small)/var(--td-line-height-title-small) var(--td-font-family);
    --td-font-title-medium: 600 var(--td-font-size-title-medium)/var(--td-line-height-title-medium) var(--td-font-family);
    --td-font-title-large: 600 var(--td-font-size-title-large)/var(--td-line-height-title-large) var(--td-font-family);
    --td-font-headline-small: 600 var(--td-font-size-headline-small)/var(--td-line-height-headline-small) var(--td-font-family);
    --td-font-headline-medium: 600 var(--td-font-size-headline-medium)/var(--td-line-height-headline-medium) var(--td-font-family);
    --td-font-headline-large: 600 var(--td-font-size-headline-large)/var(--td-line-height-headline-large) var(--td-font-family);
    --td-font-display-medium: 600 var(--td-font-size-display-medium)/var(--td-line-height-display-medium) var(--td-font-family);
    --td-font-display-large: 600 var(--td-font-size-display-large)/var(--td-line-height-display-large) var(--td-font-family);
    --td-size-1: 2px;
    --td-size-2: 4px;
    --td-size-3: 6px;
    --td-size-4: 8px;
    --td-size-5: 12px;
    --td-size-6: 16px;
    --td-size-7: 20px;
    --td-size-8: 24px;
    --td-size-9: 28px;
    --td-size-10: 32px;
    --td-size-11: 36px;
    --td-size-12: 40px;
    --td-size-13: 48px;
    --td-size-14: 56px;
    --td-size-15: 64px;
    --td-size-16: 72px;
    --td-comp-size-xxxs: var(--td-size-6);
    --td-comp-size-xxs: var(--td-size-7);
    --td-comp-size-xs: var(--td-size-8);
    --td-comp-size-s: var(--td-size-9);
    --td-comp-size-m: var(--td-size-10);
    --td-comp-size-l: var(--td-size-11);
    --td-comp-size-xl: var(--td-size-12);
    --td-comp-size-xxl: var(--td-size-13);
    --td-comp-size-xxxl: var(--td-size-14);
    --td-comp-size-xxxxl: var(--td-size-15);
    --td-comp-size-xxxxxl: var(--td-size-16);
    --td-pop-padding-s: var(--td-size-2);
    --td-pop-padding-m: var(--td-size-3);
    --td-pop-padding-l: var(--td-size-4);
    --td-pop-padding-xl: var(--td-size-5);
    --td-pop-padding-xxl: var(--td-size-6);
    --td-comp-paddingLR-xxs: var(--td-size-1);
    --td-comp-paddingLR-xs: var(--td-size-2);
    --td-comp-paddingLR-s: var(--td-size-4);
    --td-comp-paddingLR-m: var(--td-size-5);
    --td-comp-paddingLR-l: var(--td-size-6);
    --td-comp-paddingLR-xl: var(--td-size-8);
    --td-comp-paddingLR-xxl: var(--td-size-10);
    --td-comp-paddingTB-xxs: var(--td-size-1);
    --td-comp-paddingTB-xs: var(--td-size-2);
    --td-comp-paddingTB-s: var(--td-size-4);
    --td-comp-paddingTB-m: var(--td-size-5);
    --td-comp-paddingTB-l: var(--td-size-6);
    --td-comp-paddingTB-xl: var(--td-size-8);
    --td-comp-paddingTB-xxl: var(--td-size-10);
    --td-comp-margin-xxs: var(--td-size-1);
    --td-comp-margin-xs: var(--td-size-2);
    --td-comp-margin-s: var(--td-size-4);
    --td-comp-margin-m: var(--td-size-5);
    --td-comp-margin-l: var(--td-size-6);
    --td-comp-margin-xl: var(--td-size-7);
    --td-comp-margin-xxl: var(--td-size-8);
    --td-comp-margin-xxxl: var(--td-size-10);
    --td-comp-margin-xxxxl: var(--td-size-12)
}

.t-tooltip.t-tooltip--light .t-popup__content {
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border: 1px solid #e8ecf1;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #4b5b76;
    padding: 3px 16px;
    max-width: 200px
}

.t-tabs__nav-container.t-is-top:after {
    background-color: #d9d9d9
}

.t-tabs .t-tabs__nav-item.t-is-active {
    text-shadow: none
}

.t-tabs .t-tabs__nav-item {
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #181818;
    margin-right: 26px
}

.t-tabs .t-tabs__nav-item-wrapper {
    height: 24px;
    padding: 0 3px;
    margin: 0;
    --ripple-color: transparent
}

.t-tabs .t-tabs__nav-item.t-is-active {
    color: #0052d9
}

.t-tabs .t-tabs__nav-item.t-is-active:after {
    width: 100%;
    transition: width .2s ease-in-out
}

.t-tabs .t-tabs__nav-item:after {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0052d9
}

.t-tabs .t-tabs__nav-scroll {
    z-index: 1
}

.t-tabs .t-tabs__bar {
    border-radius: 0;
    display: none
}

.t-tabs .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
    color: #0052d9
}

.t-tabs .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
    background-color: transparent
}

.t-tabs.cdc-sub-tab .t-tabs__nav {
    height: auto;
    min-height: auto !important
}

.t-tabs.cdc-sub-tab .t-tabs__nav-container.t-is-top:after {
    content: none
}

.t-tabs.cdc-sub-tab .t-tabs__nav-item {
    padding-right: 12px;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    height: auto;
    position: relative;
    color: #4b5b76
}

.t-tabs.cdc-sub-tab .t-tabs__nav-item:after {
    content: "";
    width: 1px;
    height: 16px;
    background-color: #4b5b76;
    position: absolute;
    right: 0;
    left: auto;
    top: 4px
}

.t-tabs.cdc-sub-tab .t-tabs__nav-item:last-child:after {
    content: none
}

.t-tabs.cdc-sub-tab .t-tabs__nav-item.t-is-active {
    color: #0052d9
}

.t-tabs.cdc-sub-tab .t-tabs__content {
    padding-top: 20px;
    box-sizing: border-box
}

body .t-pagination__total {
    -ms-flex: none;
    flex: none;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #333;
    -ms-flex-order: 2;
    order: 2
}

body .t-pagination__btn {
    width: 28px;
    height: 28px;
    box-shadow: 4px 4px 10px 0 rgba(55, 99, 170, .1);
    border: 1px solid #dadde2
}

body .t-pagination__btn:hover {
    border-color: #0052d9;
    background-color: transparent
}

body .t-pagination__btn.t-is-disabled,
body .t-pagination__btn.t-is-disabled:hover {
    border-color: #dadde2
}

body .t-pagination__jump {
    background-color: transparent
}

body .t-pagination__number {
    width: 30px;
    height: 30px;
    box-shadow: 4px 4px 10px 0 rgba(55, 99, 170, .1);
    border: 1px solid #dadde2;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    min-width: unset
}

body .t-pagination__number:hover {
    border-color: #0052d9
}

body .t-pagination__number.t-is-current,
body .t-pagination__number:active {
    border-color: #fff;
    color: #0052d9;
    background-color: transparent;
    box-shadow: none
}

body .t-pagination__number--more {
    border: none;
    box-shadow: none
}

.t-dialog__wrap .t-dialog {
    border-radius: 0
}

.t-dialog__wrap .t-dialog__footer {
    text-align: center
}

body .tp1-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .tp1-pagination__btn,
body .tp1-pagination__dot,
body .tp1-pagination__item {
    margin: 0 4px
}

body .tp1-pagination__jumper,
body .tp1-pagination__jumper-btn,
body .tp1-pagination__total {
    margin-left: 12px
}

body .tp1-pagination__jumper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

body .tp1-pagination__jumper-input {
    margin-right: 8px;
    margin-left: 8px
}

@font-face {
    font-family: TencentSans;
    src: url(TencentSans_d63.otf) format("opentype"), url(TencentSans_8ca.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

#FEFLOW {
    content: mai202511051801
}