@media screen and (max-width: 575px) {
    .up-site-container {
        display: flex;
        flex-direction: column;
        width: 1152px;
        margin: 0 auto
    }
}

@media screen and (min-width: 576px) {
    .up-site-container {
        display: flex;
        flex-direction: column;
        width: 1152px;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .up-site-container {
        display: flex;
        flex-direction: column;
        width: 1152px;
        margin: 0 auto
    }
}

@media screen and (min-width: 992px) {
    .up-site-container {
        display: flex;
        flex-direction: column;
        width: 1152px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1200px) {
    .up-site-container {
        display: flex;
        flex-direction: column;
        width: 1152px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .up-site-container {
        display: flex;
        flex-direction: column;
        width: 1152px;
        margin: 0 auto
    }
}

#app {
    min-height: 100vh
}

body {
    background: #f7f7f7
}

.index-designer-index-ctr_ad88b * {
    box-sizing: border-box
}

.index-tab-content_8247b {
    width: 1152px;
    margin: 0 auto;
    flex: none
}

.index-tab-panel-content_a57b0 {
    width: 1152px;
    margin: 0 auto 24px
}

.index-unsettled-pop-content_4e62a {
    width: 120px;
    height: 24px;
    text-align: center;
    padding: 0;
    font-family: PingFangSC-Semibold;
    border-radius: 6px;
    align-items: center
}

    .index-unsettled-pop-content_4e62a: hover {
        cursor: pointer
    }

    .index-unsettled-pop-content_4e62a .index-unsettled-pop-span_5febc {
        border-radius: 6px;
        width: 120px;
        height: 24px;
        background: linear-gradient(90deg,#ff9580,#f36);
        font-size: 12px;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
        line-height: 24px
    }

.index-designer-tabs_ba884 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1152px;
    margin: 0 auto 34px
}

.index-designer-tabs_item_732be {
    display: flex;
    align-items: center;
    line-height: 31px
}

    .index-designer-tabs_item_732be i {
        width: 1px;
        height: 21px;
        background-color: #c8cbd0;
        margin: 0 30px 0 15px
    }

    .index-designer-tabs_item_732be span {
        font-size: 20px;
        color: #666;
        cursor: pointer
    }

    .index-designer-tabs_item_732be.index-atText_fc2c1 span, .index-designer-tabs_item_732be: hover span {
        color: #1a7af8
    }

    .index-designer-tabs_item_732be.index-bgIcon_f1093 {
        width: 150px;
        height: 31px;
        cursor: pointer;
        background-image: url(//qhstaticssl.kujiale.com/image/svgxml/1655346632432/B333C4A99BCC906ED20ED770A52ABF2E.svg);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat
    }

        .index-designer-tabs_item_732be.index-bgIcon_f1093.index-atBgIcon_9181c, .index-designer-tabs_item_732be.index-bgIcon_f1093: hover {
            background-image: url(//qhstaticssl.kujiale.com/image/svgxml/1655361123144/9C61480F0C1EC8327005DDC1157AC26C.svg)
        }

.index-designer-tabs_ba884: after {
    content: "";
    background-image: linear-gradient(90deg,#1a7af8 4%,rgba(67,188,255,0));
    border-radius: 100px 0 0 100px;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 483px;
    transition: all .2s
}

.index-designer-tabs_ba884.index-activeText_d27ba: after {
    left: 654px
}

.ApplyEntrance-entrance-icon_7d0d0 {
    width: 66px;
    height: 64px
}

.ApplyEntrance-status-icon_c6b0a {
    color: #ff2b00;
    padding: 3px 8px;
    background: #f3e1e0;
    border-radius: 2.4px;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    font-weight: 500
}

    .ApplyEntrance-status-icon_c6b0a.ApplyEntrance-active_6635b {
        color: #16d9a8;
        background: #edfcf8
    }

.ApplyEntrance-apply-tooltip_d6443 {
    background-image: linear-gradient(90deg,#33adff,#1a7af8);
    font-size: 14px;
    color: #fff;
    margin-bottom: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 8px;
    position: relative
}

    .ApplyEntrance-apply-tooltip_d6443: after {
        position: absolute;
        width: 0;
        height: 0;
        content: " ";
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
        border-top-color: #0d96f7
    }

.ApplyEntrance-apply-entrance_2c8b7 {
    z-index: 1;
    position: fixed;
    right: 10px;
    bottom: 337px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.ApplyEntrance-entrance-modal_5b8a5 {
    width: 600px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 28px 24px 32px;
    position: relative;
    background: transparent
}

    .ApplyEntrance-entrance-modal_5b8a5: before {
        content: "";
        position: absolute;
        border-radius: 4px;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: url(//qhstaticssl.kujiale.com/image/jpeg/1683793144639/37BE44D52D32E59FF177BF1714F83077.jpg) 50% no-repeat;
        background-size: 100% 100%;
        opacity: .95;
        z-index: -1
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-close_a4c40 {
        position: absolute;
        right: 24px;
        top: 24px;
        color: #fff;
        font-size: 18px;
        cursor: pointer
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-header_7b28c {
        font-size: 22px;
        color: #fff;
        text-align: center;
        font-weight: 600
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-desc_6dce0 {
        text-align: center;
        margin-top: 10px;
        font-weight: 400;
        font-size: 14px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content_22c37 {
        width: 100%;
        background: #fff;
        border-radius: 4px;
        margin: 24px 0;
        padding: 24px;
        box-sizing: border-box
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-back_9a1a4 {
        font-size: 14px;
        color: #93989f;
        cursor: pointer
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-title_da9a1 {
        text-align: center;
        font-size: 16px;
        color: #313438;
        letter-spacing: 0;
        line-height: 24px;
        margin: 16px 0 40px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-logos_5027e {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 72px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-logo_d9921 {
        width: 80px;
        flex-shrink: 0
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-logo__img_2eba8 {
        width: 80px;
        height: 80px;
        border-radius: 50%
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-logo__text_3a165 {
        width: 100%;
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-logo__text_3a165 div {
            margin-left: 6px
        }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-nicknames_76d29 {
        margin-left: 100px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-nickname_2b8a9 {
        display: flex;
        align-items: center;
        margin-bottom: 24px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-nickname__text_56a0a {
        width: 110px;
        font-size: 14px;
        color: #313438;
        letter-spacing: 0;
        font-weight: 600;
        margin-left: 6px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-content-nickname__exp_578fd {
        font-size: 14px;
        color: #60656c;
        letter-spacing: 0;
        font-weight: 400
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-footer_07bbe {
        text-align: center
    }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-footer_07bbe .ApplyEntrance-apply-rule_a9690 {
            font-size: 14px;
            color: #fff;
            margin-top: 16px;
            text-align: center
        }

            .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-footer_07bbe .ApplyEntrance-apply-rule_a9690 .ApplyEntrance-rule-link_447a0 {
                text-decoration: underline;
                color: #fff
            }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-footer_07bbe .ApplyEntrance-apply-btn_09c91 {
            border-radius: 24px;
            width: 260px;
            height: 40px;
            font-size: 18px;
            color: #1a7af8
        }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-modal-footer_07bbe .ApplyEntrance-back-btn_40e04 {
            width: 360px;
            background: #fff;
            box-shadow: 0 0 12px 0 rgba(96,101,108,.12);
            border-radius: 20px;
            color: #1a7af8
        }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-conditions_125d8 {
        font-size: 16px;
        color: #313438;
        letter-spacing: 0;
        line-height: 24px
    }

    .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-condition_015e5 {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-condition_015e5 .ApplyEntrance-left_5f17c {
            display: flex;
            align-items: center
        }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-condition_015e5 .ApplyEntrance-condition-name_6887c {
            font-size: 16px;
            color: #333;
            margin-right: 8px;
            font-weight: 500;
            display: flex;
            align-items: center
        }

        .ApplyEntrance-entrance-modal_5b8a5 .ApplyEntrance-condition_015e5 + .ApplyEntrance-condition_015e5 {
            margin-top: 12px
        }

.ApplyEntrance-condition-section_95f15 {
    margin-bottom: 20px;
    font-weight: 500;
    color: #21b3fe
}

.ApplyEntrance-condition_015e5 + .ApplyEntrance-condition-section_95f15 {
    margin-top: 24px
}

.ApplyEntrance-condition-section_95f15.ApplyEntrance-required_9a62e {
    color: #ff2b00
}

    .ApplyEntrance-condition-section_95f15.ApplyEntrance-required_9a62e .ApplyEntrance-section-tag_6deda {
        border-color: #ff2b00
    }

        .ApplyEntrance-condition-section_95f15.ApplyEntrance-required_9a62e .ApplyEntrance-section-tag_6deda: after {
            background: #ff2b00
        }

.ApplyEntrance-section-tip_247f9 {
    color: #93989f;
    margin-left: 18px
}

.ApplyEntrance-section-tag_6deda {
    border: 4px solid #1a7af8;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: middle;
    margin-top: -2px;
    box-sizing: border-box
}

    .ApplyEntrance-section-tag_6deda: after {
        content: "";
        opacity: .3;
        background: #1a7af8;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin-left: 4px;
        vertical-align: top
    }

.designer-carousel {
    width: 850px;
    height: 340px;
    border-radius: 12px;
    overflow: hidden
}

.designer-carousel-imgs {
    width: 100%;
    height: 100%;
    cursor: pointer
}

    .designer-carousel-imgs .muya-swipe-panel {
        overflow-y: hidden
    }

    .designer-carousel-imgs .muya-carousel-img {
        transition: transform .6s cubic-bezier(.215,.61,.355,1) 0s
    }

        .designer-carousel-imgs .muya-carousel-img: hover {
            transform: scale(1.03)
        }

.designer-carousel .muya-carousel-pager-next-btn, .designer-carousel .muya-carousel-pager-prev-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 12px;
    margin: 0 8px;
    background-color: rgba(131,223,230,.5);
    transition: all .15s ease
}

    .designer-carousel .muya-carousel-pager-next-btn: hover, .designer-carousel .muya-carousel-pager-prev-btn: hover {
        background-color: rgba(0,0,0,.2)
    }

    .designer-carousel .muya-carousel-pager-next-btn: active, .designer-carousel .muya-carousel-pager-prev-btn: active {
        background-color: rgba(0,0,0,.3)
    }

.designer-form-reminder {
    width: 406px;
    height: 64px;
    cursor: pointer;
    background-image: linear-gradient(270deg,rgba(0,110,255,.7),rgba(37,165,243,.7));
    color: #fff;
    border-radius: 12px;
    position: fixed;
    bottom: 75px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    padding: 8px 8px 20px 28px
}

.designer-form-reminder-content {
    display: flex;
    text-align: center;
    align-items: center;
    line-height: 24px
}

.designer-form-reminder-close {
    display: flex;
    flex-direction: row-reverse;
    color: #92b9eb
}

.designer-form-reminder-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.designer-form-reminder-desc {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 600
}

    .designer-form-reminder-desc span {
        font-family: Penrose;
        margin-left: 8px
    }

.proprietor {
    width: 100%;
    height: 100%;
    padding: 18px 16px 20px
}

.proprietor-title {
    position: relative;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    color: #313438;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600
}

    .proprietor-title: after, .proprietor-title: before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 2px
    }

    .proprietor-title: before {
        left: 0;
        background-image: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 95%)
    }

    .proprietor-title: after {
        right: 0;
        background-image: linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0) 95%)
    }

.proprietor-desc {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #60656c;
    letter-spacing: 0;
    height: 20px;
    text-align: center;
    font-weight: 400;
    margin: 4px 0 9px
}

.proprietor-traits {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.proprietor-traits-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 113px;
    background: hsla(0,0%,100%,.54);
    border-radius: 8px
}

    .proprietor-traits-item: nth-child(2) .proprietor-traits-name {
        color: #338bff
    }

    .proprietor-traits-item: nth-child(3) .proprietor-traits-name {
        color: #8a8ae6
    }

.proprietor-traits-icon {
    width: 24px;
    height: 24px
}

.proprietor-traits-name {
    font-size: 16px;
    color: #1a7af8;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 600;
    margin: 12px 0 5px
}

.proprietor-traits-desc {
    font-size: 12px;
    color: #60656c;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 400
}

.proprietor-btn {
    width: 100%;
    margin-top: 32px
}

.proprietor-group-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.proprietor-complete-card {
    text-align: center;
    font-size: 12px;
    color: #1a7af8;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: opacity .2s linear
}

    .proprietor-complete-card: hover {
        opacity: .8
    }

    .proprietor-complete-card: active {
        opacity: .9
    }

.proprietor-festatic {
    text-align: center;
    font-size: 12px;
    color: #92989b;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: opacity .2s linear
}

    .proprietor-festatic: hover {
        opacity: .8
    }

    .proprietor-festatic: active {
        opacity: .9
    }

.proprietor .StyledDialogContent-cleifo {
    padding: 0
}

.proprietor-recommend-title {
    font-family: PenroseSemibold;
    font-size: 20px;
    color: #313438;
    letter-spacing: 0;
    text-align: center;
    padding: 6px
}

.designer-vip-unsettled-box {
    width: 398px;
    height: 339px;
    background-image: url(//qhstaticssl.kujiale.com/image/jpeg/1683793607887/4CFB25EF3DBE342EE2D597F050C7CE12.jpg);
    background-size: cover;
    border-radius: 6px;
    padding: 16px;
    text-align: center;
    align-items: center;
    justify-content: center
}

    .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-close {
        display: flex;
        flex-direction: row-reverse
    }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-close: hover {
            cursor: pointer
        }

    .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-title {
        font-family: PingFangSC-Semibold;
        font-size: 18px;
        color: #333;
        letter-spacing: 0;
        text-align: center;
        line-height: 24px;
        font-weight: 600
    }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-title .designer-vip-unsettled-desc {
            color: #d9a957
        }

    .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        height: 140px;
        margin-top: 39px;
        padding: 0 28px;
        margin-bottom: 42px
    }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-box-plus {
            background: #fff;
            box-shadow: 4px 4px 24px 0 rgba(96,101,108,.12);
            height: 20px;
            width: 20px;
            border-radius: 50%;
            text-align: center;
            line-height: 20px;
            color: #d9a957;
            position: absolute;
            top: 153px
        }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-plus-1 {
            left: 135px
        }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-plus-2 {
            right: 135px
        }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item {
            font-family: PingFangSC-Semibold;
            letter-spacing: 0;
            text-align: center;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-items: center;
            align-items: center;
            width: 88px;
            height: 139px;
            border-radius: 8px
        }

            .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item: first-child {
                color: #1a7af8;
                margin-right: 39px
            }

            .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item: nth-child(2) {
                color: #338bff;
                margin-right: 39px
            }

                .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item: nth-child(2) .unsettled-item-desc {
                    color: #4d9aff
                }

            .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item: nth-child(3) {
                color: #8a8ae6
            }

            .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item .unsettled-privileges-item-logo {
                width: 32px;
                height: 32px;
                position: absolute;
                top: -16px
            }

            .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item .unsettled-privileges-item-title {
                font-family: PingFangSC-Semibold;
                font-size: 16px;
                color: #333;
                letter-spacing: 0;
                text-align: center;
                line-height: 16px;
                font-weight: 600;
                margin-bottom: 12px;
                margin-top: 29px
            }

            .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item .unsettled-privileges-item-desc {
                font-size: 11px;
                color: #60656c;
                line-height: 16px;
                font-weight: 400
            }

                .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item .unsettled-privileges-item-desc .unsettled-privileges-item-desc-item {
                    margin-bottom: 7px
                }

        .designer-vip-unsettled-box .designer-vip-unsettled-content .designer-vip-unsettled-privileges .unsettled-privileges-item-tag {
            position: absolute;
            top: 0;
            padding: 0 8px;
            height: 24px;
            line-height: 24px;
            transform-origin: top right;
            transform: scale(.5);
            font-size: 16px;
            background: #ffbc33;
            border-radius: 4px;
            color: #fff;
            text-align: center;
            white-space: nowrap
        }

    .designer-vip-unsettled-box .designer-vip-unsettled-bts {
        font-family: PingFangSC-Semibold
    }

        .designer-vip-unsettled-box .designer-vip-unsettled-bts Button {
            width: 128px;
            height: 40px;
            border-radius: 20px
        }

        .designer-vip-unsettled-box .designer-vip-unsettled-bts .designer-vip-unsettled-btn-1 {
            border: 1px solid #fff;
            font-size: 16px;
            color: #fff;
            letter-spacing: 0;
            text-align: center;
            line-height: 22px;
            font-weight: 600
        }

        .designer-vip-unsettled-box .designer-vip-unsettled-bts .designer-vip-unsettled-btn-2 {
            background: #fff;
            font-size: 16px;
            color: #cc8770;
            letter-spacing: 0;
            text-align: center;
            line-height: 22px;
            font-weight: 600
        }

        .designer-vip-unsettled-box .designer-vip-unsettled-bts .designer-vip-unsettled-tag {
            width: 72px;
            height: 18px;
            background: #f36;
            border-radius: 3px;
            position: absolute;
            left: 72px;
            top: 288px;
            font-size: 8px;
            color: #fff;
            letter-spacing: 0;
            text-align: center;
            line-height: 18px;
            font-weight: 600;
            transform: scale(.6667)
        }

.countrolling {
    position: relative;
    height: 30px;
    overflow: hidden
}

@-webkit-keyframes rollingup {
    to {
        transform: translateY(-100%)
    }
}

@keyframes rollingup {
    to {
        transform: translateY(-100%)
    }
}

.countrolling-wrapper {
    position: relative;
    top: 100%;
    -webkit-animation: rollingup 1.5s ease-out forwards;
    animation: rollingup 1.5s ease-out forwards
}

.settled {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 18px 16px 0
}

.settled-auth {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: hsla(0,0%,100%,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.settled-auth-title {
    font-size: 20px;
    color: #313438;
    font-weight: 600;
    margin: 14px 0 8px
}

.settled-auth-desc {
    font-size: 14px;
    color: #60656c;
    text-align: center;
    font-weight: 400;
    margin-bottom: 22px
}

.settled-auth-btn {
    width: 112px
}

.settled .blur {
    filter: blur(4px)
}

.settled-info {
    display: flex;
    width: 100%;
    margin-bottom: 14px
}

.settled-info-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 8px;
    background-size: 100% 100%
}

.settled-info-right {
    width: 100%
}

.settled-info-user {
    width: 200px;
    display: flex;
    align-items: center
}

.settled-info-name {
    font-size: 14px;
    color: #313438;
    letter-spacing: 0;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.settled-info-detail {
    font-size: 12px;
    color: #60656c;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 18px;
    margin-top: 4px;
    opacity: .8
}

.settled-info .up-site-user-icons {
    flex-wrap: wrap
}

    .settled-info .up-site-user-icons > div {
        margin-bottom: 4px
    }

.settled-box {
    justify-content: space-between
}

.settled-box, .settled-item {
    display: flex;
    align-items: center
}

.settled-item {
    flex-direction: column;
    justify-content: center;
    width: 80px;
    height: 90px;
    background: hsla(0,0%,100%,.4);
    border-radius: 8px
}

    .settled-item: hover {
        cursor: pointer
    }

    .settled-item: first-child {
        color: #16d9a8
    }

    .settled-item: nth-child(2) {
        color: #4d9aff
    }

    .settled-item: last-child {
        color: #ffab00
    }

.settled-item-data {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 9px;
    height: 30px
}

.settled-item-text {
    font-size: 12px;
    color: #60656c;
    font-weight: 400
}

    .settled-item-text span {
        font-family: Penrose
    }

.settled-tip {
    font-size: 10px;
    color: #93989f;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin: 12px 0 20px;
    text-align: right
}

.settled-btns {
    display: flex;
    padding: 0;
    font-family: PingFangSC-Semibold;
    letter-spacing: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

    .settled-btns .settled-rise {
        background: rgba(26,122,248,.12);
        color: #1a7af8;
        border: none;
        border-radius: 8px
    }

        .settled-btns .settled-rise: hover {
            cursor: pointer
        }

    .settled-btns .settled-btn {
        border: none;
        color: #fff;
        border-radius: 8px
    }

        .settled-btns .settled-btn: hover {
            cursor: pointer
        }

        .settled-btns .settled-btn.disabled {
            background: #dadde0;
            cursor: auto
        }

.settled-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    color: #1a7af8
}

.settled-bottom-name {
    font-size: 12px;
    color: #1a7af8;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-right: 4px
}

.settled-rule {
    margin-right: 44px
}

.settled-personal, .settled-rule {
    padding-left: 20px;
    cursor: pointer
}

.UnsettledDesigner-unsettled_dd19d {
    background-color: linear-gradient(90deg,#fff 50%,#fff);
    padding: 1.5px;
    box-sizing: border-box
}

.UnsettledDesigner-unsettled-border_39bb0 {
    padding: 32px 16px;
    box-sizing: border-box;
    background-color: #f6f3fb;
    background-image: url(//qhstaticssl.kujiale.com/image/svgxml/1669808678040/91C18006C9FF9643ED6611AB2D67D37D.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.UnsettledDesigner-unsettled-title_52a7f {
    position: relative;
    font-size: 18px;
    color: #40425c;
    letter-spacing: 0;
    text-align: center;
    line-height: 25px;
    font-weight: 600
}

    .UnsettledDesigner-unsettled-title_52a7f span {
        color: #ae5223
    }

    .UnsettledDesigner-unsettled-title_52a7f .UnsettledDesigner-unsettled-desc_2cf9a {
        margin-top: 2px;
        line-height: 17px;
        font-size: 12px;
        opacity: .7;
        font-weight: 400
    }

.UnsettledDesigner-unsettled-box_404d0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 139px;
    border-radius: 8px;
    margin-top: 33px;
    margin-bottom: 20px
}

.UnsettledDesigner-unsettled-box-plus_b1215 {
    background: #fff;
    box-shadow: 4px 4px 24px 0 rgba(96,101,108,.12);
    height: 18px;
    width: 18px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 50%;
    position: absolute;
    top: 140px
}

.UnsettledDesigner-unsettled-box_404d0 .UnsettledDesigner-plus-1_b0ba6 {
    left: 90px
}

.UnsettledDesigner-unsettled-box_404d0 .UnsettledDesigner-plus-2_36fc2 {
    right: 90px
}

.UnsettledDesigner-unsettled-item_70bc0 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    width: 82px;
    height: 139px;
    background: hsla(0,0%,100%,.6);
    border-radius: 8px;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 600
}

.UnsettledDesigner-unsettled-item-logo_685a1 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px
}

.UnsettledDesigner-unsettled-item-title_02d93 {
    margin-top: 32px;
    margin-bottom: 12px
}

.UnsettledDesigner-unsettled-item-desc_37306 {
    font-size: 12px;
    opacity: .7;
    font-weight: 400
}

.UnsettledDesigner-unsettled-item-desc-item_a1091 {
    margin-bottom: 4px
}

.UnsettledDesigner-unsettled-item-tag_20ca9 {
    position: absolute;
    top: 0;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    transform-origin: top right;
    transform: scale(.5);
    font-size: 16px;
    background: #ffbc33;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    white-space: nowrap
}

.UnsettledDesigner-unsettled-btn_87711 {
    width: 100%;
    background-image: url(//qhstaticssl.kujiale.com/image/png/1669810770031/CB2261A5D58662463C5DA10A9D54A647.png);
    background-size: 100%
}

    .UnsettledDesigner-unsettled-btn_87711: hover {
        opacity: .9
    }

    .UnsettledDesigner-unsettled-btn_87711: active {
        opacity: .8
    }

.enterpriser {
    width: 100%;
    height: 100%;
    padding: 23px 16px 24px
}

.enterpriser-title {
    position: relative;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #313438;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600
}

    .enterpriser-title: after, .enterpriser-title: before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 2px
    }

    .enterpriser-title: before {
        left: 0;
        background-image: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 95%)
    }

    .enterpriser-title: after {
        right: 0;
        background-image: linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0) 95%)
    }

.enterpriser-desc {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #60656c;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    margin: 4px 0 32px
}

.enterpriser-traits {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.enterpriser-traits-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 113px;
    background: hsla(0,0%,100%,.54);
    border-radius: 8px
}

    .enterpriser-traits-item: nth-child(2) .enterpriser-traits-name {
        color: #338bff
    }

    .enterpriser-traits-item: nth-child(3) .enterpriser-traits-name {
        color: #8a8ae6
    }

.enterpriser-traits-icon {
    width: 24px;
    height: 24px
}

.enterpriser-traits-name {
    font-size: 16px;
    color: #1a7af8;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 600;
    margin: 12px 0 5px
}

.enterpriser-traits-desc {
    font-size: 12px;
    color: #60656c;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 400
}

.enterpriser-btn {
    width: 100%;
    margin-top: 32px
}

.enterpriser-festatic {
    text-align: center;
    font-size: 12px;
    color: #1a7af8;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: opacity .2s linear
}

    .enterpriser-festatic: hover {
        opacity: .8
    }

    .enterpriser-festatic: active {
        opacity: .9
    }

.designer-dashboard {
    position: relative;
    width: 286px;
    height: 340px;
    border-radius: 12px;
    overflow: hidden
}

.designer-dashboard-body {
    position: relative;
    width: 100%;
    height: 100%
}

.designer-dashboard: before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.45);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.designer-rolling {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(269deg,#fff,#ebf4ff);
    border-radius: 21.5px;
    padding: 0 16px 0 62px;
    margin-top: 24px
}

.designer-rolling-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #ebf4ff;
    width: 62px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.designer-rolling-img {
    width: 24px;
    height: 24px
}

@-webkit-keyframes rolling {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes rolling {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.designer-rolling-wrapper {
    -webkit-animation: rolling 24s linear infinite;
    animation: rolling 24s linear infinite
}

.designer-rolling-item {
    display: inline-block;
    font-size: 14px;
    color: #313438;
    letter-spacing: 0;
    font-weight: 400
}

    .designer-rolling-item: not(: last-child) {
        margin-right: 50px
    }

    .designer-rolling-item span {
        display: inline-block;
        vertical-align: middle
    }

        .designer-rolling-item span: nth-child(2) {
            max-width: 150px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0 4px
        }

.DesignerBanner-designer-banner-ctr_a5381 {
    position: relative;
    background: #fff;
    margin-bottom: 44px;
    background: transparent
}

    .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-bg_d58de {
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0
    }

    .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-wrapper_9d3eb {
        position: relative;
        width: 1152px;
        margin: 0 auto
    }

    .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-content_99f65 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100px
    }

    .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-logo-ctr_7c4cc {
        color: #1a7af8;
        display: flex;
        flex-direction: row;
        align-items: flex-end
    }

        .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-logo-ctr_7c4cc .DesignerBanner-logo_9bd35 {
            height: 28px;
            width: 130px
        }

        .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-logo-ctr_7c4cc .DesignerBanner-subtitle_079da {
            line-height: 1;
            margin-left: 16px;
            font-size: 16px;
            color: #fff;
            letter-spacing: 0;
            font-weight: 400
        }

    .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-search-input_f5158 {
        margin-right: 16px;
        background: hsla(0,0%,100%,.45);
        outline: none;
        border: none
    }

        .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-search-input_f5158 : : -moz-placeholder {
            color: #4d9aff
        }

        .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-search-input_f5158 : : placeholder {
            color: #4d9aff
        }

        .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-search-input_f5158 : -ms-input-placeholder {
            color: #4d9aff
        }

        .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-search-input_f5158 : : -ms-input-placeholder {
            color: #4d9aff
        }

    .DesignerBanner-designer-banner-ctr_a5381 .DesignerBanner-search-btn_d2335 {
        width: 88px;
        height: 40px;
        background: hsla(0,0%,100%,.45);
        font-size: 14px;
        color: #1a7af8;
        font-weight: 600
    }

.up-site-text-with-icon-text {
    font-weight: 500
}

.DesignerBlock-chat-icon_27a86, .DesignerBlock-plus-icon_8d4d3 {
    margin-right: 4px
}

    .DesignerBlock-chat-icon_27a86 path {
        fill: #fff
    }

.DesignerBlock-designer-item_0198b {
    position: relative;
    width: 564px;
    background: #fff;
    border-radius: 4px;
    padding: 24px;
    box-sizing: border-box;
    margin-bottom: 24px;
    cursor: pointer
}

    .DesignerBlock-designer-item_0198b .DesignerBlock-ingenuity-bg_52469 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /*background-image: linear-gradient(180deg,rgba(209,217,255,.6),hsla(0,0%,100%,0));*/
        background-image: linear-gradient(180deg,rgb(255 209 209 / 39%),hsla(0,0%,100%,0)) ;
        border-radius: 4px;
        height: 64px
    }

    .DesignerBlock-designer-item_0198b: hover {
        box-shadow: 0 0 24px 0 hsla(0,0%,40%,.08)
    }

    .DesignerBlock-designer-item_0198b .DesignerBlock-main-info_5175b {
        position: relative;
        display: flex
    }

        .DesignerBlock-designer-item_0198b .DesignerBlock-main-info_5175b .DesignerBlock-infos_5b600 {
            flex: 1 1;
            display: flex;
            flex-direction: column;
            max-width: 444px
        }

            .DesignerBlock-designer-item_0198b .DesignerBlock-main-info_5175b .DesignerBlock-infos_5b600 .DesignerBlock-main_867aa {
                display: flex;
                justify-content: space-between;
                margin-bottom: 12px
            }

            .DesignerBlock-designer-item_0198b .DesignerBlock-main-info_5175b .DesignerBlock-infos_5b600 .DesignerBlock-sub_c3257 {
                display: flex;
                flex-wrap: wrap
            }

        .DesignerBlock-designer-item_0198b .DesignerBlock-main-info_5175b .DesignerBlock-actions_effe6 button {
            height: 32px
        }

        .DesignerBlock-designer-item_0198b .DesignerBlock-main-info_5175b .DesignerBlock-logo_c3aa8 {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            margin-right: 16px;
            background-color: #eee
        }

    .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-split_d2035 {
        display: inline-block;
        height: 8px;
        width: 1px;
        background: #ddd;
        margin: 0 12px
    }

    .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-user_cc2fb {
        margin-bottom: 4px;
        display: flex;
        align-items: center
    }

        .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-user_cc2fb .DesignerBlock-ingenuity_c397e {
            width: 47px;
            height: 18px;
            margin-left: 7px
        }

    .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-user-name_d5315 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 130px;
        font-size: 16px;
        color: #333;
        font-weight: 600;
        cursor: pointer
    }

        .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-user-name_d5315: hover {
            color: #3385ff
        }

    .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-exp_dc222 {
        font-size: 12px;
        color: #999;
        height: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 306px
    }

        .DesignerBlock-designer-item_0198b .DesignerBlock-user-info_eac4b .DesignerBlock-exp_dc222.DesignerBlock-coolCard_dc2eb {
            max-width: 240px
        }

    .DesignerBlock-designer-item_0198b .DesignerBlock-pics_e6cf0 {
        display: flex;
        justify-content: space-between;
        margin-top: 24px;
        min-height: 110px
    }

        .DesignerBlock-designer-item_0198b .DesignerBlock-pics_e6cf0 .DesignerBlock-pic_061a6 {
            border-radius: 4px;
            width: 164px;
            height: 110px
        }

        .DesignerBlock-designer-item_0198b .DesignerBlock-pics_e6cf0.DesignerBlock-noDta_ae712 {
            justify-content: center
        }

.DesignerBlock-ingenuity-item_6c9d9 {
    width: 100%;
    display: flex
}

    .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-main-info_5175b {
        flex: 1 1
    }

        .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-main-info_5175b .DesignerBlock-logo_c3aa8 {
            width: 48px;
            height: 48px;
            margin-right: 10px
        }

        .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-main-info_5175b .DesignerBlock-infos_5b600 .DesignerBlock-sub_c3257 {
            max-width: 290px
        }

    .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-user-info_eac4b .DesignerBlock-user_cc2fb {
        margin-bottom: 12px
    }

        .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-user-info_eac4b .DesignerBlock-user_cc2fb .DesignerBlock-ingenuity_c397e {
            margin-left: 9px
        }

    .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-user-info_eac4b .DesignerBlock-user-name_d5315 {
        max-width: 170px;
        font-size: 18px
    }

    .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-user-info_eac4b .DesignerBlock-exp_dc222 {
        max-width: 266px
    }

    .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-actions-btn_bc2f4 {
        flex: 1 1;
        display: flex;
        align-items: flex-end
    }

        .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-actions-btn_bc2f4 button {
            height: 32px
        }

    .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-pics_e6cf0 {
        margin: 0;
        min-height: 160px;
        min-width: 756px
    }

        .DesignerBlock-ingenuity-item_6c9d9 .DesignerBlock-pics_e6cf0 .DesignerBlock-pic_061a6 {
            border-radius: 4px;
            width: 240px;
            height: 160px;
            margin-left: 12px
        }

.RecommendCard-recommend-box_38a8a {
    width: 960px;
    height: 490px;
    background: #fff 100%;
    border-radius: 4px;
    margin: 0;
    text-align: center
}

    .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae {
        height: 364px;
        width: 218px;
        background: hsla(0,0%,100%,.65);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-top-title_fe721 {
            position: relative;
            width: 128px;
            height: 28px;
            background-image: linear-gradient(90deg,#fc3,#ff9500);
            border-radius: 0 0 4px 4px;
            top: -3px;
            line-height: 28px;
            text-align: center;
            font-weight: 600;
            font-size: 12px;
            color: #fff
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-top-title_fe721: before {
                content: "";
                position: absolute;
                left: -3px;
                top: 0;
                width: 0;
                height: 0;
                border-color: transparent #ff7403 #ff7403 transparent;
                border-style: solid;
                border-width: 3px;
                transform: scale(.5);
                transform-origin: left top
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-top-title_fe721: after {
                content: "";
                position: absolute;
                right: -3px;
                top: 0;
                width: 0;
                height: 0;
                border-color: transparent transparent #ff7403 #ff7403;
                border-style: solid;
                border-width: 3px;
                transform: scale(.5);
                transform-origin: right top
            }

        .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-main-title_ecc31 {
            margin-top: 36px;
            text-align: center;
            line-height: 25px;
            font-size: 18px;
            color: #1a41ff;
            font-weight: 600
        }

        .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-sub-title_28b43 {
            margin-top: 8px;
            text-align: center;
            line-height: 17px;
            font-size: 12px;
            color: #4c87ff
        }

        .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-statement_b651c {
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: normal;
            height: 17px;
            font-size: 12px;
            color: #60656c;
            cursor: pointer;
            margin-top: 13px
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-recommend-item_45aae .RecommendCard-statement_b651c .RecommendCard-statement-icon_0ee26 {
                margin-right: 4px
            }

    .RecommendCard-recommend-box_38a8a .RecommendCard-personnel_6fa4e {
        width: 908px;
        display: flex;
        margin-left: 26px
    }

    .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f {
        position: relative;
        background: #fff;
        border-radius: 4px;
        width: 218px;
        height: 330px;
        margin: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        box-shadow: 0 0 24px 0 hsla(0,0%,60%,.12)
    }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head_60bef {
            padding: 32px 16px 12px;
            display: flex;
            width: 100%;
            box-sizing: border-box
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head_60bef .RecommendCard-info_fcf73 {
                cursor: pointer
            }

                .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head_60bef .RecommendCard-info_fcf73 .RecommendCard-logo_6de59 {
                    width: 64px;
                    height: 64px;
                    border-radius: 50%
                }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head-right_38374 {
            margin-left: 8px;
            height: 64px;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head-right_38374 .RecommendCard-tags_1f6de {
                display: flex;
                align-items: center
            }

                .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head-right_38374 .RecommendCard-tags_1f6de .RecommendCard-ingenuity_cd5ac {
                    width: 52px;
                    height: 20px;
                    margin-top: 8px;
                    margin-right: 8px
                }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head-right_38374 .RecommendCard-user-name_d27a1 {
                font-size: 14px;
                color: #333;
                font-weight: 600;
                line-height: 20px;
                text-align: left
            }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head_60bef .RecommendCard-ingenuity-bg_d7a99 {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background-image: linear-gradient(180deg,rgba(209,217,255,.6),hsla(0,0%,100%,0));
            border-radius: 4px;
            height: 64px
        }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-personnel-head_60bef .RecommendCard-text-bg_6de70 {
            position: absolute;
            top: 12px;
            right: 7px;
            width: 79px;
            height: 28px;
            background: url(//qhstaticssl.kujiale.com/image/png/1653978128084/A579C71FE26217B5FC9FAEDFAD9D4E00.png) no-repeat 50%;
            background-size: contain
        }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce_a1015 {
            position: relative;
            height: 32px;
            width: 186px;
            box-sizing: border-box;
            background: #fafbfc;
            border-radius: 3px;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce-item_87e2b {
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #60656c
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce-item_87e2b span {
                color: #313438;
                font-weight: 600;
                margin-right: 2px
            }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce_a1015 .RecommendCard-split_59c3b {
            height: 18px;
            width: 1px;
            background: #dadde0;
            margin: 0 10px
        }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-pics_4e609 {
            width: 186px;
            height: 123px;
            align-items: center;
            justify-content: center
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-pics_4e609 .RecommendCard-pic_0e043 {
                width: 100%;
                height: 100%;
                border-radius: 8px
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-pics_4e609 .RecommendCard-empty-pic_1700f {
                width: 100px;
                height: 100px
            }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce-btn_2f55c {
            margin-top: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            padding: 0
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce-btn_2f55c .RecommendCard-introduce-btn-business-card_98e4b {
                padding: 0;
                background: rgba(146,152,155,.12);
                border-radius: 8px;
                width: 80px;
                height: 32px;
                font-family: PingFangSC-Semibold;
                font-size: 14px;
                color: #92989b;
                letter-spacing: 0;
                margin-right: 10px
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f .RecommendCard-introduce-btn_2f55c .RecommendCard-introduce-btn-consult_66dcc {
                padding: 0;
                background-image: linear-gradient(90deg,#33adff,#1a7af8);
                border-radius: 8px;
                width: 98px;
                height: 32px;
                margin-left: 0
            }

        .RecommendCard-recommend-box_38a8a .RecommendCard-personnel-item_5260f: hover {
            box-shadow: 0 0 24px 0 hsla(0,0%,60%,.24)
        }

    .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc {
        width: 100%;
        height: 84px;
        text-align: center;
        padding-top: 40px;
        background: #fff
    }

        .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-recommend-btn_bb98d {
            background: rgba(26,122,248,.12);
            border-radius: 8px;
            height: 44px;
            width: 320px;
            font-family: PingFangSC-Semibold;
            font-size: 16px;
            color: #1a7af8;
            letter-spacing: 0;
            text-align: center
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-recommend-btn_bb98d: hover {
                opacity: .8
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-recommend-btn_bb98d: active {
                opacity: 1
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-recommend-btn_bb98d .RecommendCard-recommend-icon_f93d6 {
                font-size: 14px;
                margin-right: 10px
            }

        .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-consult-btn_d3d93 {
            background-image: linear-gradient(90deg,#33adff,#1a7af8);
            border-radius: 8px;
            height: 44px;
            width: 320px;
            font-family: PingFangSC-Semibold;
            font-size: 16px;
            color: #fff;
            letter-spacing: 0;
            text-align: center;
            margin-left: 12px
        }

            .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-consult-btn_d3d93: hover {
                opacity: .8
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-consult-btn_d3d93: active {
                opacity: 1
            }

            .RecommendCard-recommend-box_38a8a .RecommendCard-actions_34bdc .RecommendCard-consult-btn_d3d93 .RecommendCard-recommend-icon_f93d6 {
                font-size: 14px;
                margin-right: 10px
            }

.RecommendCard-isPop_08b3f {
    background: #f3f4f6 100%
}

.DesignerBlock-action-group_dd4c4 {
    margin: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.DesignerBlock-action-group-location_7d6fb {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666;
    font-weight: 400
}

.DesignerBlock-action-group-location-current_3f94d {
    cursor: pointer
}

.DesignerBlock-action-group_dd4c4 .DesignerBlock-filters_5e7dc > : not(: last-child) {
    margin-right: 12px
}

.DesignerBlock-list_f19f3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.DesignerBlock-ingenuity_31915 {
    flex-direction: column
}

.DesignerBlock-pagination_7efcd {
    text-align: center
}

    .DesignerBlock-pagination_7efcd a {
        text-decoration: none
    }

.DesignerBlock-no-result-recommend_ab1c0 {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 38px;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #a5aab0;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600
}