.layout_wrap .module_box .news-list .news-list-content .content-title {
    font-size: 14px;
    line-height: 22px
}

.add_watch_list_popup .result_content .no-data p,
.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main p,
.layout_wrap .module_box .news-list .news-bottom .load-more,
.layout_wrap .module_box .news-list .website-name {
    font-size: 12px;
    line-height: 22px
}

.preview-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none
}

.preview-img .preview-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.preview-img .img_close {
    position: fixed;
    top: 40px;
    right: 80px;
    width: 30px;
    height: 30px;
    background: var(--BgColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--FontColor_1)
}

.preview-img .preview-box {
    position: relative
}

.preview-img .preview-content {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.preview-img .preview-content .icon {
    position: fixed;
    color: var(--BgColor);
    top: 50%;
    margin-top: -32px;
    height: 65px;
    width: 40px;
    text-align: center;
    line-height: 65px;
    cursor: pointer;
    display: none;
    background: rgba(0, 0, 0, .2)
}

.preview-img .preview-content .icon .iconfont {
    font-size: 32px
}

.preview-img .preview-content .img_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.preview-img .preview-content .img_box img:nth-of-type(1) {
    max-width: 100%;
    max-height: 100%
}

.preview-img .preview-content .pre-icon {
    left: 80px
}

.preview-img .preview-content .next-icon {
    right: 80px
}

.preview-img .preview-content img:nth-of-type(1) {
    background: var(--BgColor)
}

.preview-img .preview-content .img-auto-width {
    margin: auto auto;
    box-sizing: border-box;
    background: var(--BgColor);
    max-width: 80%;
    max-height: 80%
}

.preview-img .preview-content .img-auto-width.heigt_img {
    max-width: 750px;
    max-height: none
}

.preview-img .preview-content .img-auto-height {
    box-sizing: border-box
}

.over-hidden {
    overflow: hidden
}

body .confirm-popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000007
}

body .confirm-popup.active {
    display: block
}

body .confirm-popup .cover {
    width: 100%;
    height: 100%;
    background-color: var(--shead_color)
}

body .confirm-popup .popup-content {
    position: absolute;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 24px;
    background-color: var(--BgOtherColor);
    box-sizing: border-box;
    z-index: 100;
    border-radius: 12px
}

body .confirm-popup .popup-content .confirm_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 14px;
    font-weight: 500;
    font-size: 18px;
    color: var(--FontColor_1);
    line-height: 25px
}

body .confirm-popup .popup-content .confirm_head .title {
    flex: 1;
    margin-right: 16px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

body .confirm-popup .popup-content .confirm_head .title .icon-bl-icon-label-warning-def {
    font-size: 18px;
    margin-right: 7px;
    color: #eb413d
}

body .confirm-popup .popup-content .confirm_head .title .title_name {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

body .confirm-popup .popup-content .confirm_head .close_confirm {
    font-size: 24px;
    cursor: pointer
}

body .confirm-popup .popup-content .confirm-text {
    font-size: 14px;
    line-height: 20px;
    color: var(--FontColor_1)
}

body .confirm-popup .popup-content .confirm-text .bold {
    font-weight: 700
}

body .confirm-popup .popup-content .bottons {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end
}

body .confirm-popup .popup-content .bottons span {
    display: block;
    height: 32px;
    padding: 0 8px;
    min-width: 74px;
    margin-left: 16px;
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 500
}

body .confirm-popup .popup-content .bottons span.confirm-btn {
    background-color: var(--color);
    color: #1f2533
}

body .confirm-popup .popup-content .bottons span.confirm-btn:hover {
    background: #00c89c
}

body .confirm-popup .popup-content .bottons span.confirm-btn.red {
    background-color: #eb413d;
    color: #fff
}

body .confirm-popup .popup-content .bottons span.confirm-btn.red:hover {
    background: #eb413d
}

body .confirm-popup .popup-content .bottons span.cancel-btn {
    border: 1px solid var(--BorderLine_prop);
    color: var(--FontColor_1);
    line-height: 30px
}

body .confirm-popup .popup-content .bottons span.cancel-btn:hover {
    border-color: var(--color);
    color: var(--color)
}

.one_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout_wrap.tile_layout .module_box-question .qa_header .professional_list {
    margin-right: 28px
}

.layout_wrap.tile_layout .module_box-question .qa_header .professional_list .iconfont {
    display: block
}

.layout_wrap .module_box-question.module_box .content_box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.layout_wrap .module_box-question .default_avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #050505;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    color: var(--BgColor)
}

.layout_wrap .module_box-question .qa_header {
    position: relative;
    height: 48px;
    flex-shrink: 0;
    padding: 0 16px;
    background-color: var(--BgColor);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.layout_wrap .module_box-question .qa_header .title {
    font-size: 14px;
    font-weight: 700;
    height: 100%;
    line-height: 48px;
    color: var(--FontColor_1)
}

.layout_wrap .module_box-question .qa_header .title .icon-bl-icon-right-def {
    font-size: 12px
}

.layout_wrap .module_box-question .qa_header .title:hover {
    color: var(--color)
}

.layout_wrap .module_box-question .qa_header .professional_list {
    display: flex;
    align-items: center
}

.layout_wrap .module_box-question .qa_header .professional_list .avatars {
    display: flex;
    align-items: center
}

.layout_wrap .module_box-question .qa_header .professional_list .avatars .default_avatar,
.layout_wrap .module_box-question .qa_header .professional_list .avatars img {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%
}

.layout_wrap .module_box-question .qa_header .professional_list .avatars>:nth-child(2) {
    margin: 0 4px
}

.layout_wrap .module_box-question .qa_header .professional_list .inline_pro {
    font-size: 14px;
    color: var(--FontColor_2);
    margin-left: 4px
}

.layout_wrap .module_box-question .qa_header .professional_list .inline_pro .count {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    color: var(--FontColor_2);
    background: var(--BorderLine_m2);
    margin-right: 4px;
    font-size: 12px;
    border: 1px solid var(--BorderLine_m2)
}

.layout_wrap .module_box-question .qa_header .professional_list .iconfont {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    display: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--FontColor_1)
}

.layout_wrap .module_box-question .qa_container {
    position: relative;
    flex: 1;
    min-height: 0
}

.layout_wrap .module_box-question .qa_container .no_data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.layout_wrap .module_box-question .qa_container .no_data .nodataimg {
    width: 232px
}

.layout_wrap .module_box-question .qa_container .no_data .nodatatext {
    color: var(--FontColor_2)
}

.layout_wrap .module_box-question .qa_container #qa_content_main {
    height: 100%
}

.layout_wrap .module_box-question .qa_container #qa_content_main .load_more {
    text-align: center;
    padding: 10px;
    color: var(--FontColor_2)
}

.layout_wrap .module_box-question .qa_container #qa_content_main .loading_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.layout_wrap .module_box-question .qa_container .qa_item {
    padding: 12px 16px;
    font-size: 12px
}

.layout_wrap .module_box-question .qa_container .qa_item:nth-of-type(odd) {
    background: rgba(1, 224, 175, .08)
}

.layout_wrap .module_box-question .qa_container .qa_item+.qa_item {
    margin-top: 8px
}

.layout_wrap .module_box-question .qa_container .qa_item .view_more {
    display: inline-block;
    padding-left: 48px;
    color: #00c89c;
    line-height: 20px;
    margin-top: 16px;
    cursor: pointer
}

.layout_wrap .module_box-question .qa_container .qa_item .view_more.hide {
    display: none
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item {
    color: var(--FontColor_2b);
    display: flex
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item:hover .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item:hover .operate_delete {
    display: inline-block !important
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .avatar,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .avatar {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    cursor: pointer;
    position: relative
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .avatar img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .avatar .mark,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .avatar .mark {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    color: #1f2533;
    background: #92efda
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .avatar .mark.is_ar,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .avatar .mark.is_ar {
    left: 0;
    right: unset
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_img,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_img {
    margin-top: 4px
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_img img,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_img img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_img img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_img img {
    cursor: pointer;
    max-width: 240px;
    max-height: 143px
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username {
    display: flex;
    color: var(--FontColor_2b)
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .username_wrap,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .username_wrap {
    display: flex;
    align-items: center;
    max-width: 100%
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .username_wrap.max50,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .username_wrap.max50 {
    max-width: 50%
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .reply_info,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .reply_info {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .reply_info .action,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .reply_info .action {
    flex-shrink: 0;
    margin: 0 8px;
    font-weight: 600;
    color: var(--FontColor_2)
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .reply_info .reply_username,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .reply_info .reply_username {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .username,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .username {
    max-width: 100%;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .personal_username .professional,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .personal_username .professional {
    font-size: 11px;
    color: #ff9500;
    margin-left: 8px;
    background: var(--ask_Bg);
    padding: 0 4px;
    border-radius: 4px;
    flex-shrink: 0;
    min-height: 16px;
    line-height: 16px
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content {
    color: var(--FontColor_1);
    line-height: 20px;
    margin: 6px 0 8px 0
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .side_loading,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .side_loading,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .side_loading,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .side_loading {
    width: 16px;
    animation: 1s linear 0s infinite spin
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context_translate,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context_translate,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context_translate,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context_translate {
    font-size: 14px;
    word-break: break-word;
    white-space: pre-wrap
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context_translate .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context_translate .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context_translate .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context .emoij-text,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context_translate .emoij-text {
    display: inline
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context_translate .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context_translate .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context_translate .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context .emoij-text img,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context_translate .emoij-text img {
    width: 18px;
    vertical-align: text-bottom
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context.hide,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .qa_context_translate.hide,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context.hide,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .qa_context_translate.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .qa_context_translate.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .qa_context_translate.hide {
    display: none
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .check_original,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .check_translate,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .check_original,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .check_translate,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .check_original,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .check_translate,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .check_original,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .check_translate {
    color: var(--FontColor_2b);
    cursor: pointer
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .check_original.hide,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_content .check_translate.hide,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .check_original.hide,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_content .check_translate.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .check_original.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_content .check_translate.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .check_original.hide,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_content .check_translate.hide {
    display: none
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time {
    display: flex;
    align-items: center;
    line-height: 20px
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_answer,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_answer,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_answer,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_answer,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_delete {
    cursor: pointer;
    margin-left: 16px
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_answer .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_answer .reply,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_delete .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_delete .reply,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_answer .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_answer .reply,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_delete .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_delete .reply,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_answer .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_answer .reply,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_delete .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_delete .reply,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_answer .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_answer .reply,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_delete .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_delete .reply {
    color: #00c89c
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_answer .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_delete .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_answer .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_delete .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_answer .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_delete .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_answer .iconfont,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_delete .iconfont {
    font-size: 16px;
    vertical-align: bottom
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_time .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .ask_item .reply_item_time .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .ask_item_time .operate_delete,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_time .operate_delete {
    display: none
}

.layout_wrap .module_box-question .qa_container .qa_item .reply_item {
    padding-left: 48px;
    margin-top: 24px
}

.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right {
    flex: 1;
    min-width: 0
}

.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right .reply_item_time .operate_answer .cancel,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right .reply_item_time .operate_answer .reply {
    color: var(--FontColor_2b)
}

.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right .reply_item_time .operate_answer .cancel .icon-comment_new,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right .reply_item_time .operate_answer .reply .icon-comment_new {
    margin-right: 4px
}

.layout_wrap .module_box-question .qa_container .qa_item .reply_item .avatar .mark {
    background: #f6bc4f
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_right,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right {
    flex: 1;
    min-width: 0
}

.layout_wrap .module_box-question .qa_container .qa_item .ask_item .ask_item_right .reply-wrapper,
.layout_wrap .module_box-question .qa_container .qa_item .reply_item .reply_item_right .reply-wrapper {
    margin: 10px 0
}

.layout_wrap .module_box-question .edit-qa-container {
    border-top: 1px solid var(--BorderLine_m2);
    padding: 0 16px
}

.layout_wrap .module_box-question .edit-qa-container .editor-wrapper-qa,
.layout_wrap .module_box-question .edit-qa-container .no_content {
    background: var(--BorderColor2);
    box-sizing: border-box;
    border-radius: 12px;
    margin: 16px 0 24px
}

.layout_wrap .module_box-question .edit-qa-container .no_content {
    height: 40px;
    position: relative
}

.layout_wrap .module_box-question .edit-qa-container .no_content input {
    box-sizing: border-box;
    background: inherit;
    border-radius: inherit;
    width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    height: 100%;
    padding-left: 10px;
    color: var(--FontColor_1)
}

.layout_wrap .module_box-question .edit-qa-container .no_content input::-webkit-input-placeholder {
    color: var(--FontColor_2)
}

.layout_wrap .module_box-question .edit-qa-container .no_content input::-moz-placeholder {
    color: var(--FontColor_2)
}

.layout_wrap .module_box-question .edit-qa-container .no_content .operate-menu {
    padding: unset;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.edit-qa-container .editor-wrapper-qa,
.reply-wrapper {
    background: var(--BorderColor2);
    border-radius: 12px
}

.edit-qa-container .editor-wrapper-qa.hide,
.reply-wrapper.hide {
    display: none
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap,
.reply-wrapper .qa_textarea_wrap {
    position: relative
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .input-box-qa,
.reply-wrapper .qa_textarea_wrap .input-box-qa {
    display: block;
    height: 44px;
    width: 100%;
    padding: 12px;
    line-height: 20px;
    color: var(--FontColor_1);
    box-sizing: border-box;
    overflow-y: hidden;
    background: 0 0
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .input-box-qa.second_height,
.reply-wrapper .qa_textarea_wrap .input-box-qa.second_height {
    height: 64px
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .input-box-qa.max_height,
.reply-wrapper .qa_textarea_wrap .input-box-qa.max_height {
    height: 90px;
    overflow-y: auto
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .input-box-qa::-webkit-input-placeholder,
.reply-wrapper .qa_textarea_wrap .input-box-qa::-webkit-input-placeholder {
    color: var(--FontColor_2)
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .input-box-qa::-moz-placeholder,
.reply-wrapper .qa_textarea_wrap .input-box-qa::-moz-placeholder {
    color: var(--FontColor_2)
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .show-images-qa,
.reply-wrapper .qa_textarea_wrap .show-images-qa {
    height: 72px;
    padding: 12px;
    box-sizing: border-box
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .show-images-qa.hide,
.reply-wrapper .qa_textarea_wrap .show-images-qa.hide {
    display: none
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .show-images-qa .img-loading,
.reply-wrapper .qa_textarea_wrap .show-images-qa .img-loading {
    height: 24px !important;
    width: 24px !important
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .show-images-qa .image-wrapper,
.reply-wrapper .qa_textarea_wrap .show-images-qa .image-wrapper {
    position: relative;
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border-radius: 4px
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .show-images-qa .image-wrapper .zoomImage,
.reply-wrapper .qa_textarea_wrap .show-images-qa .image-wrapper .zoomImage {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    border-radius: inherit
}

.edit-qa-container .editor-wrapper-qa .qa_textarea_wrap .show-images-qa .image-wrapper .delete-image,
.reply-wrapper .qa_textarea_wrap .show-images-qa .image-wrapper .delete-image {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    top: 1px;
    right: 1px;
    border-radius: 50%;
    background: var(--BgColor);
    opacity: .7;
    color: var(--FontColor_1);
    text-align: center;
    font-size: 10px;
    cursor: pointer
}

.emoji-card-question {
    display: none;
    z-index: 100000000;
    position: fixed;
    width: 308px;
    padding-top: 8px;
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    background-color: var(--BgOtherColor);
    border-radius: 12px
}

.emoji-card-question::before {
    position: absolute;
    background-color: var(--BgOtherColor);
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: 0 0;
    border-style: solid;
    border-width: 4px;
    transform: rotate(225deg);
    bottom: -3px;
    right: 17px;
    border-color: var(--BgOtherColor) transparent transparent var(--BgOtherColor)
}

.emoji-card-question.show_in_bottom::before {
    top: -2px;
    transform: rotate(45deg)
}

.emoji-card-question.left_0::before {
    left: var(--before-left);
    right: unset
}

.emoji-card-question .emoji-list-qa {
    padding: 2px 10px 10px 10px
}

.emoji-card-question .emoji-list-qa .emoji-item-qa {
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding: 6px;
    font-size: 16px;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    cursor: pointer;
    position: relative
}

.emoji-card-question .emoji-list-qa .emoji-item-qa img {
    width: 100%
}

.emoji-card-question .emoji-list-qa .emoji-item-qa .emoji_tip {
    display: none;
    position: absolute;
    bottom: 46px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: var(--tip_bg);
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    color: var(--tip_color);
    white-space: nowrap
}

.emoji-card-question .emoji-list-qa .emoji-item-qa .emoji_tip::before {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-top: 7px solid var(--tip_bg);
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.emoji-card-question .emoji-list-qa .emoji-item-qa:hover {
    background-color: var(--BorderColor2)
}

.emoji-card-question .emoji-list-qa .emoji-item-qa:hover .emoji_tip {
    display: block
}

.emoji-card-question.open {
    display: block
}

.operate-menu {
    padding: 0 10px
}

.operate-menu .emoji-button-qa,
.operate-menu .update-image-button-qa {
    position: relative;
    margin-right: 12px;
    float: left;
    height: 22px;
    color: var(--FontColor_2b);
    line-height: 22px;
    cursor: pointer
}

.operate-menu .update-image-button-qa {
    margin-right: 10px
}

.operate-menu .active {
    color: var(--FontColor_1)
}

.operate-menu span {
    float: left;
    margin-left: 8px;
    box-sizing: border-box;
    line-height: 22px
}

.operate-menu .iconfont {
    font-size: 16px;
    float: left
}

.operate-menu .publish-button-qa {
    float: right;
    cursor: pointer;
    margin-bottom: 8px
}

.operate-menu .publish-button-qa .icon-side-send {
    position: relative;
    font-size: 28px;
    width: 28px;
    height: 28px;
    background: var(--color);
    color: #1f2533;
    border-radius: 50%;
    vertical-align: text-bottom
}

.operate-menu .publish-button-qa .icon-side-send:hover {
    background: #00c89c
}

.operate-menu .publish-button-qa .icon-side-send::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -38%)
}

.operate-menu .publish-button-qa.disabled .icon-side-send {
    background: #bec1c5;
    color: var(--BgColor);
    cursor: not-allowed
}

.operate-menu .publish-comment.loaded {
    background-color: var(--color);
    cursor: pointer
}

.module_box-information .loading_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.module_box-information .news_container {
    position: relative;
    height: 100%;
    min-width: 300px
}

.module_box-information #news_list {
    padding: 4px 0;
    height: 100%
}

.module_box-information .news_list .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    flex: 1;
    display: block;
    color: var(--FontColor_1)
}

.module_box-information .news_list .title .title_text {
    font-weight: 700;
    margin-right: 8px;
    color: var(--FontColor_1)
}

.module_box-information .news_list .title .analysis_type {
    position: relative;
    top: -2px;
    font-weight: 400
}

.module_box-information .news_list .brief {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    color: var(--FontColor_2b);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.module_box-information .news_list .resourcetime {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 18px;
    min-height: 18px;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    position: relative
}

.module_box-information .news_list .resourcetime .resource_left {
    display: flex;
    align-items: center;
    width: 0;
    flex: 1;
    margin-right: 50px
}

.module_box-information .news_list .resourcetime .resource_left .author_box {
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-information .news_list .resourcetime .resource_left .new_time {
    white-space: nowrap
}

.module_box-information .news_list .resourcetime .bt_boxs .iconfont {
    padding: 10px;
    cursor: pointer
}

.module_box-information .news_list .resourcetime .resource {
    margin-right: 12px
}

.module_box-information .news_list .resourcetime .choice_vip {
    height: 16px;
    margin-left: 10px
}

.module_box-information .news_list .news_type {
    padding: 15px 0;
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.module_box-information .news_list .news_type .news_top {
    display: flex
}

.module_box-information .news_list .news_type .news_top .news_top_left {
    flex: 1
}

.module_box-information .news_list .news_type .news_top .news_top_left .title {
    min-height: 46px;
    line-height: 23px
}

.module_box-information .news_list .news_type .news_top .news_top_left .resource_left {
    display: flex;
    align-items: center;
    margin-right: 50px
}

.module_box-information .news_list .news_type .news_top .news_top_left .resource_left .author_box {
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-information .news_list .news_type .news_top .news_top_left .resource_left .new_time {
    white-space: nowrap
}

.module_box-information .news_list .news_type .news_top .img_box {
    margin-left: 12px;
    width: 96px;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 5px;
    background: var(--BorderColor2);
    position: relative
}

.module_box-information .news_list .news_type .news_top .img_box img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.module_box-information .news_list .analystType {
    padding: 16px 0;
    margin: 0 20px;
    display: block
}

.module_box-information .news_list .analystType:visited .analyst_top .analyst_left .title {
    color: var(--FontColor_2)
}

.module_box-information .news_list .analystType .analyst_top {
    display: flex
}

.module_box-information .news_list .analystType .analyst_top .analyst_left {
    flex: 1;
    width: 0
}

.module_box-information .news_list .analystType .analyst_top .analyst_left .signal_title {
    line-height: 23px;
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700
}

.module_box-information .news_list .analystType .analyst_top .analyst_left .signal_title.end {
    color: var(--FontColor_2)
}

.module_box-information .news_list .analystType .analyst_top .analyst_left .signal_title .tradeDirection {
    margin-right: 8px;
    font-weight: 700
}

.module_box-information .news_list .analystType .analyst_top .analyst_left .signal_title .analysis_type {
    margin-bottom: 0;
    border-radius: 10px
}

.module_box-information .news_list .analystType .analyst_top .analyst_left .title {
    color: var(--FontColor_1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 4px
}

.module_box-information .news_list .analystType .analyst_top .status_box {
    margin-left: 12px
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status {
    width: 70px;
    height: 59px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--FontColor_2)
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 11px;
    display: flex
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: none;
    margin-left: 3px
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub {
    line-height: 21px;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 600
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font14 {
    font-size: 14px
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font12 {
    font-size: 12px
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status .signal_profitLoss .signal_profitLoss_nub.font10 {
    font-size: 10px
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status.end,
.module_box-information .news_list .analystType .analyst_top .status_box .signal_status.flat {
    background: var(--BorderLine_m2);
    color: var(--FontColor_2)
}

.module_box-information .news_list .analystType .analyst_top .status_box .signal_status.end .iconfont,
.module_box-information .news_list .analystType .analyst_top .status_box .signal_status.flat .iconfont {
    color: var(--FontColor_2);
    opacity: .07
}

.module_box-information .news_list .analystType .analyst_top .status_box.anlist_status .signal_status {
    width: 95px;
    height: 63px;
    border-radius: 6px
}

.module_box-information .news_list .analystType .analyst_top .status_box.anlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 18px;
    line-height: 23px
}

.module_box-information .news_list .analystType .analyst_top .status_box.statuslist_box .signal_status {
    width: 70px;
    height: 48px;
    border-radius: 6px
}

.module_box-information .news_list .analystType .analyst_top .status_box.web_status .signal_status {
    width: 204px;
    height: 172px;
    border-radius: 12px
}

.module_box-information .news_list .analystType .analyst_top .status_box.web_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.module_box-information .news_list .analystType .analyst_top .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 18px;
    line-height: 22px
}

.module_box-information .news_list .analystType .analyst_top .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.module_box-information .news_list .analystType .analyst_top .status_box.web_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webhome_status .signal_status {
    width: 139px;
    height: 79px;
    border-radius: 12px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webhome_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.module_box-information .news_list .analystType .analyst_top .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.module_box-information .news_list .analystType .analyst_top .status_box.webhome_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 24px;
    line-height: 30px
}

.module_box-information .news_list .analystType .analyst_top .status_box.weblist_status .signal_status,
.module_box-information .news_list .analystType .analyst_top .status_box.webstlist_status .signal_status {
    width: 140px;
    height: 100px;
    border-radius: 8px
}

.module_box-information .news_list .analystType .analyst_top .status_box.weblist_status .signal_status .signal_profitLoss,
.module_box-information .news_list .analystType .analyst_top .status_box.webstlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.module_box-information .news_list .analystType .analyst_top .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text,
.module_box-information .news_list .analystType .analyst_top .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 12px;
    line-height: 22px
}

.module_box-information .news_list .analystType .analyst_top .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point,
.module_box-information .news_list .analystType .analyst_top .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.module_box-information .news_list .analystType .analyst_top .status_box.weblist_status .signal_status .signal_profitLoss .signal_profitLoss_nub,
.module_box-information .news_list .analystType .analyst_top .status_box.webstlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    margin-top: 2px;
    font-size: 22px;
    line-height: 28px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webstlist_status .signal_status {
    height: 68px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webanlist_status .signal_status {
    width: 204px;
    height: 110px;
    border-radius: 12px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webanlist_status .signal_status .signal_profitLoss {
    color: var(--FontColor_2b)
}

.module_box-information .news_list .analystType .analyst_top .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text {
    font-size: 16px;
    line-height: 22px
}

.module_box-information .news_list .analystType .analyst_top .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_text .point {
    display: block
}

.module_box-information .news_list .analystType .analyst_top .status_box.webanlist_status .signal_status .signal_profitLoss .signal_profitLoss_nub {
    font-size: 32px;
    line-height: 41px
}

.module_box-information .news_list .analystType .resourcetime {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 18px;
    min-height: 18px;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    position: relative
}

.module_box-information .news_list .analystType .resourcetime .resource_left {
    display: flex;
    align-items: center;
    width: 0;
    flex: 1;
    margin-right: 50px
}

.module_box-information .news_list .analystType .resourcetime .resource_left .author_box {
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-information .news_list .analystType .resourcetime .resource_left .new_time {
    white-space: nowrap
}

.module_box-information .news_list .analystType .resourcetime .bt_boxs .iconfont {
    padding: 10px;
    cursor: pointer
}

.module_box-information .news_list .analystType .resourcetime .resource {
    margin-right: 12px
}

.module_box-information .news_list .analystType .resourcetime .resource:last-child {
    margin-right: 5px
}

.module_box-information .news_list .analystType .resourcetime .choice_vip {
    height: 16px;
    margin-left: 10px
}

.module_box-information .news_list .analystType {
    padding: 12px 0;
    margin: 0 16px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.module_box-information .news_list .analystType .analyst_top .analyst_left .title {
    width: 100%
}

.module_box-competition .loading_wrap {
    padding-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.module_box-competition .competition_box {
    display: flex;
    flex-direction: column
}

.module_box-competition .main_title {
    padding: 24px 12px 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--FontColor_1);
    line-height: 22px
}

.module_box-competition .tab_box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px 16px;
    position: sticky;
    top: 0;
    z-index: 8;
    background: var(--BgColor)
}

.module_box-competition .tab_box .tab_nav {
    margin-top: 12px;
    margin-right: 6px;
    cursor: pointer;
    border-radius: 8px;
    line-height: 32px;
    padding: 0 12px;
    color: var(--FontColor_2b);
    background: var(--BorderColor2)
}

.module_box-competition .tab_box .tab_nav:hover {
    background: var(--BorderLine_m2)
}

.module_box-competition .tab_box .tab_nav.active {
    font-weight: 600;
    background: var(--Bg_g6);
    color: var(--FontColor_1)
}

.module_box-competition .competition_container {
    position: relative;
    height: 100%
}

.module_box-competition #competition_list {
    height: 100%;
    min-width: 390px
}

.module_box-competition .competition_list {
    position: relative;
    padding: 0 12px 16px;
    min-height: 300px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 32px 48px
}

.module_box-competition .competition_list.nodata_list {
    grid-template-columns: none
}

.module_box-competition .competition_list.one_list {
    grid-template-columns: none
}

.module_box-competition .competition_list.one_list .contest-panel-bd {
    width: 100%;
    box-sizing: border-box
}

.module_box-competition .contest-panel-bd {
    position: relative;
    border: 1px solid var(--BorderLine_m2);
    font-size: 13px;
    color: var(--FontColor_1);
    padding: 16px 16px 56px;
    border-radius: 12px
}

.module_box-competition .contest-panel-bd .contest_bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 372px
}

.module_box-competition .contest-panel-bd .trade-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    row-gap: 4px;
    margin-bottom: 9px;
    flex-wrap: wrap;
    position: relative
}

.module_box-competition .contest-panel-bd .trade-tags .free {
    background: var(--free_bg);
    border-radius: 6px;
    font-weight: 500
}

.module_box-competition .contest-panel-bd .trade-tags li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: 26px;
    line-height: 26px;
    border-radius: 6px;
    background: var(--trade_bg);
    color: var(--FontColor_1);
    padding: 0 8px;
    min-width: 0
}

.module_box-competition .contest-panel-bd .trade-tags li.cursor {
    cursor: pointer
}

.module_box-competition .contest-panel-bd .trade-tags li img {
    height: 12px;
    border-radius: 50%
}

.module_box-competition .contest-panel-bd .trade-tags li .iconfont {
    font-size: 12px
}

.module_box-competition .contest-panel-bd .trade-tags li span {
    font-weight: 500;
    font-size: 13px;
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-competition .contest-panel-bd .trade-tags li.bill {
    background: var(--bill_bg)
}

.module_box-competition .contest-panel-bd .trade-tags li.bill.close {
    background: var(--icon_gray)
}

.module_box-competition .contest-panel-bd .trade-tags li.bill.close span {
    color: var(--FontColor_2)
}

.module_box-competition .contest-panel-bd .trade-tags li.bill.close .iconfont {
    color: var(--FontColor_2)
}

.module_box-competition .contest-panel-bd .trade-tags li.bill .iconfont {
    color: #f0b700
}

.module_box-competition .contest-panel-bd .trade-tags li.bill span {
    margin: 0 3px 0 2px
}

.module_box-competition .contest-panel-bd .trade-tags li.erea img {
    height: 10px;
    border-radius: 2px
}

.module_box-competition .contest-panel-bd .trade-tags li.erea>.iconfont {
    font-size: 8px;
    color: var(--FontColor_2);
    margin-left: 10px
}

.module_box-competition .contest-panel-bd .contest_href {
    cursor: pointer;
    position: relative
}

.module_box-competition .contest-panel-bd .contest_href:hover .title {
    color: #00c89c
}

.module_box-competition .contest-panel-bd .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.module_box-competition .contest-panel-bd .title span {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.module_box-competition .contest-panel-bd .tips {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px;
    margin-top: 20px
}

.module_box-competition .contest-panel-bd .count-down {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00a782;
    margin-bottom: 20px
}

.module_box-competition .contest-panel-bd .count-down .count-down-item {
    background: var(--BgOtherColor);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.module_box-competition .contest-panel-bd .count-down .count-down-item .time {
    font-weight: 600;
    margin-bottom: -2px
}

.module_box-competition .contest-panel-bd .count-down-item {
    width: 64px;
    height: 60px;
    border-radius: 6px
}

.module_box-competition .contest-panel-bd .count-down-item .time {
    font-size: 23px;
    color: #00a782;
    line-height: 30px
}

.module_box-competition .contest-panel-bd .count-down-item .unit {
    font-weight: 500;
    font-size: 12px;
    color: #00a782;
    line-height: 17px
}

.module_box-competition .contest-panel-bd .gap {
    font-size: 18px;
    margin: 0 15px
}

.module_box-competition .contest-panel-bd .status-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.module_box-competition .contest-panel-bd .status-wrap.contestNow .count-down-item .time {
    color: #00a782
}

.module_box-competition .contest-panel-bd .status-wrap.contestNow .count-down-item .unit {
    color: #00a782
}

.module_box-competition .contest-panel-bd .status-wrap.contestNow .gap {
    color: #00a782
}

.module_box-competition .contest-panel-bd .status-wrap.noPublish .count-down-item .time {
    color: var(--FontColor_1)
}

.module_box-competition .contest-panel-bd .status-wrap.noPublish .count-down-item .unit {
    color: var(--FontColor_1)
}

.module_box-competition .contest-panel-bd .status-wrap.noPublish .gap {
    color: var(--FontColor_1)
}

.module_box-competition .contest-panel-bd .status-wrap .bonus-box {
    background: var(--bonus_bg);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px 10px;
    font-size: 14px;
    color: #be6e00;
    width: 100%;
    flex-direction: column;
    margin: 9px 0 20px;
    box-sizing: border-box
}

.module_box-competition .contest-panel-bd .status-wrap .bonus-box .bonus-title {
    display: flex;
    align-items: center
}

.module_box-competition .contest-panel-bd .status-wrap .bonus-box .bonus-title .iconfont {
    margin-right: 2px
}

.module_box-competition .contest-panel-bd .status-wrap .bonus-box img {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.module_box-competition .contest-panel-bd .status-wrap .bonus-box .bonus-price {
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;
    opacity: .9;
    margin-top: -6px
}

.module_box-competition .contest-panel-bd .champion-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    column-gap: 32px;
    margin: 20px 0 20px
}

.module_box-competition .contest-panel-bd .champion-container .champion-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.module_box-competition .contest-panel-bd .champion-container .champion-box .gold-img {
    width: 54px;
    height: 54px;
    margin-bottom: 4px;
    border-radius: 50%
}

.module_box-competition .contest-panel-bd .champion-container .champion-box .first-img {
    width: 84px;
    height: 84px;
    margin-bottom: 4px;
    border-radius: 50%
}

.module_box-competition .contest-panel-bd .champion-container .champion-box p>span {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 8px;
    display: inline-block
}

.module_box-competition .contest-panel-bd .champion-container .champion-box p>span.first {
    background: rgba(249, 215, 98, .35);
    color: var(--champion_1)
}

.module_box-competition .contest-panel-bd .champion-container .champion-box p>span.second {
    background: rgba(192, 200, 207, .35);
    color: var(--FontColor_2b)
}

.module_box-competition .contest-panel-bd .champion-container .champion-box p>span.third {
    background: rgba(236, 172, 122, .35);
    color: #d97425
}

.module_box-competition .contest-panel-bd .champion-container .champion-box .default {
    background: var(--select_hover);
    display: flex;
    justify-content: center;
    align-items: center
}

.module_box-competition .contest-panel-bd .champion-container .champion-box .default img {
    width: 24px;
    height: 24px
}

.module_box-competition .contest-panel-bd .champion-container .champion-box .default .iconfont {
    font-size: 24px
}

.module_box-competition .contest-panel-bd .publish-countdown {
    line-height: 16px;
    padding: 5px 12px;
    background: var(--publish_countdownbg);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--publish_countdown);
    margin: 6px 0 18px;
    flex-shrink: 0
}

.module_box-competition .contest-panel-bd .contest-detail-container {
    padding: 0 8px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail:last-child {
    margin-bottom: 20px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item {
    display: flex;
    flex-direction: column
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item.right {
    align-items: flex-end
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .label {
    font-size: 12px;
    color: var(--FontColor_2b)
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .label span {
    white-space: nowrap
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .iconfont {
    font-size: 12px;
    margin-left: 2px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .iconfont.icon-bl-icon-label-question-def {
    color: var(--FontColor_3)
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value {
    font-weight: 600;
    font-size: 16px;
    color: var(--FontColor_1);
    display: flex;
    align-items: baseline
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value .split {
    margin: 0 3px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value span {
    white-space: nowrap
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value .person-num {
    font-size: 12px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value .icon-bull-coin,
.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value .price-num {
    color: #ff7849
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value .free {
    color: #00c89c;
    font-size: 14px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .value .prize {
    font-size: 12px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item img {
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .tooltip-img {
    cursor: pointer;
    margin-left: 2px;
    margin-top: -2px;
    color: var(--FontColor_3)
}

.module_box-competition .contest-panel-bd .contest-detail-container .contest-detail .contest-detail-item .center {
    display: flex;
    align-items: center;
    flex-grow: 1
}

.module_box-competition .contest-panel-bd .regist-countdown {
    flex-shrink: 0;
    height: 26px;
    background: rgba(255, 77, 79, .24);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fa5754;
    margin: 0 0 10px
}

.module_box-competition .contest-panel-bd .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    font-size: 14px;
    flex-grow: 1;
    align-items: flex-end;
    position: absolute;
    bottom: 16px;
    width: calc(100% - 32px)
}

.module_box-competition .contest-panel-bd .btn-wrap .shear_bt {
    background-color: var(--color_g8);
    color: var(--FontColor_1);
    border-radius: 6px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.module_box-competition .contest-panel-bd .btn-wrap .shear_bt .iconfont {
    font-size: 20px
}

.module_box-competition .contest-panel-bd .btn-wrap .shear_bt:hover {
    background: var(--color)
}

.module_box-competition .contest-panel-bd .btn-wrap .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 38px;
    border-radius: 8px;
    border: 1px solid var(--FontColor_3);
    color: var(--FontColor_1);
    cursor: pointer;
    font-weight: 700
}

.module_box-competition .contest-panel-bd .btn-wrap .btn .contesting-tips {
    font-size: 12px;
    color: #00c89c
}

.module_box-competition .contest-panel-bd .btn-wrap .btn .contesting-tips.ever {
    color: var(--FontColor_2)
}

.module_box-competition .contest-panel-bd .btn-wrap .btn .contest-end-tips {
    font-size: 12px;
    color: #8e939d
}

.module_box-competition .contest-panel-bd .btn-wrap .btn:hover {
    border-color: var(--color)
}

.module_box-competition .contest-panel-bd .btn-wrap .btn.close {
    background-color: var(--BorderLine_m2);
    border-color: var(--BorderLine_m2);
    color: var(--FontColor_2)
}

.module_box-competition .contest-panel-bd .btn-wrap .btn.close:hover {
    border-color: var(--BorderLine_m2)
}

.module_box-competition .contest-panel-bd .btn-wrap .btn-primary {
    background: var(--color);
    border-color: var(--color);
    color: #1f2533
}

.module_box-competition .contest-panel-bd .btn-wrap .btn-primary:hover {
    background: #00c89c
}

.module_box-competition .popover-card {
    border-radius: 12px;
    margin: 12px 12px 0
}

.module_box-competition .popover-card-header {
    border-radius: 12px 12px 0 0;
    color: #1f2533;
    background-color: var(--color);
    height: 46px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 46px
}

.module_box-competition .popover-card-header .iconfont {
    font-size: 12px;
    width: 12px;
    font-weight: 400;
    color: #1f2533;
    margin-left: 2px;
    margin-bottom: 1px
}

.module_box-competition .popover-card-body {
    border-radius: 0 0 12px 12px;
    background-color: var(--Bg_g8);
    padding: 16px 0
}

.module_box-competition .popover-card-body .join-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--FontColor_1);
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 600
}

.module_box-competition .popover-card-body .join-amount {
    padding: 0 16px
}

.module_box-competition .popover-card-body .join-amount ul {
    display: flex;
    column-gap: 8px
}

.module_box-competition .popover-card-body .join-amount ul li {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1
}

.module_box-competition .popover-card-body .join-amount ul li span:first-child {
    font-weight: 600;
    font-size: 32px;
    color: #00c89c;
    line-height: 39px;
    text-align: left;
    margin-bottom: 2px;
    font-style: italic;
    white-space: nowrap
}

.module_box-competition .popover-card-body .join-amount ul li span:last-child {
    font-size: 12px;
    color: var(--FontColor_2b);
    line-height: 16px
}

.module_box-competition .popover-card-body .join-amount ul li:last-child {
    flex: 2;
    margin-right: 0
}

.module_box-competition .popover-card-body .join-contesting {
    border-top: 1px solid var(--BorderColor2);
    padding: 16px 16px 0;
    margin-top: 25px
}

.module_box-competition .popover-card-body .join-contesting .contest-now {
    width: 100%;
    display: flex;
    flex-direction: column
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type {
    margin-bottom: 8px;
    padding: 14px;
    border-radius: 8px;
    background-color: var(--BgOtherColor)
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .bar {
    width: 40px;
    height: 4px;
    background: #00b18a;
    border-radius: 2px;
    margin-bottom: 4px
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-name {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 40px;
    margin-bottom: 4px;
    font-weight: 600
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info .join-status {
    font-size: 13px;
    color: var(--FontColor_2b);
    line-height: 18px;
    white-space: nowrap
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info .green {
    color: #00b18a
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info .yellow {
    color: #c37a14
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info .join-account {
    font-size: 13px;
    color: var(--FontColor_2);
    line-height: 18px;
    margin-right: 3px
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info .line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: var(--BorderLine_prop);
    border-radius: 1px;
    margin: 0 4px
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type .contest-info .contest_check {
    padding: 0 5px;
    border-radius: 4px;
    height: 19px;
    line-height: 19px;
    color: var(--FontColor_2);
    background-color: var(--color_g8)
}

.module_box-competition .popover-card-body .join-contesting .contest-now .contest_type:last-child {
    margin-bottom: 0
}

.module_box-competition .popover-card-body .join-contesting .display-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    cursor: pointer
}

.module_box-competition .popover-card-body .join-contesting .display-btn .iconfont {
    color: var(--FontColor_2);
    font-size: 10px;
    width: 10px
}

.module_box-competition .popover-card-body .join-contesting .display-btn.show-arrow .iconfont {
    transform: rotate(180deg)
}

.module_box-competition .popover-card-body .haveRecord {
    margin-top: 24px;
    border-top: 1px solid var(--BorderLine_m2);
    padding-top: 16px
}

.bisai_share {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-width: 212px;
    background: var(--BgOtherColor);
    padding: 12px 0;
    border-radius: 12px;
    min-height: 326px;
    position: fixed;
    z-index: 999;
    box-sizing: border-box;
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.bisai_share .item {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    cursor: pointer;
    text-align: center;
    color: var(--FontColor_1);
    position: relative
}

.bisai_share .item:first-child::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    height: 1px;
    width: calc(100% - 32px);
    background: var(--BorderLine_prop)
}

.bisai_share .item .iconfont,
.bisai_share .item img {
    width: 24px;
    font-size: 24px;
    margin-right: 8px
}

.bisai_share .item .iconfont {
    position: relative
}

.bisai_share .item .iconfont:before {
    position: relative;
    z-index: 1
}

.bisai_share .item .iconfont::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    top: 3px;
    left: 3px
}

.bisai_share .item .icon-bl-icon-facebookshare-def {
    color: #4168b2
}

.bisai_share .item .icon-bl-icon-twittershare-def {
    color: #000
}

.bisai_share .item .icon-bl-icon-linkedinshare-def {
    color: #0767c4
}

.bisai_share .item .icon-bl-icon-lineshare-def {
    color: #00ba00
}

.bisai_share .item .icon-bl_whatsapp {
    color: #3bc34d
}

.bisai_share .item .icon-bl_telegram {
    color: #2196d4
}

.bisai_share .item p {
    font-size: 13px
}

.bisai_share .item:hover {
    background-color: var(--Bg_g8)
}

.bisai_share .web-share-title {
    padding: 0 16px;
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px
}

.competition-area-dropdown .select-reactive-list-popover {
    min-width: 180px
}

.competition-area-dropdown .select-reactive-list-popover .area-dropdown-top-tips {
    font-size: 12px;
    line-height: 18px;
    color: var(--FontColor_2);
    padding: 10px 12px 8px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.competition-area-dropdown .select-reactive-list-popover ul {
    padding: 6px 0;
    max-height: 394px;
    overflow-y: auto
}

.competition-area-dropdown .select-reactive-list-popover ul::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.competition-area-dropdown .select-reactive-list-popover ul::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.competition-area-dropdown .select-reactive-list-popover ul::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 6px
}

.competition-area-dropdown .select-reactive-list-popover ul::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.competition-area-dropdown .select-reactive-list-popover ul::-webkit-scrollbar-button {
    display: none
}

.competition-area-dropdown .select-reactive-list-popover ul::-webkit-scrollbar-corner {
    background: 0 0
}

.competition-area-dropdown .select-reactive-list-popover li {
    padding: 6px 12px;
    column-gap: 5px;
    cursor: default
}

.competition-area-dropdown .select-reactive-list-popover li:hover {
    background: 0 0
}

.competition-area-dropdown .select-reactive-list-popover li .prefix_img {
    width: auto;
    height: 10px;
    border-radius: 2px;
    padding: 0
}

.rating_info_wrapper {
    position: absolute;
    top: calc(100% + 12px);
    width: 310px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--tostColor);
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    z-index: 9;
    min-height: 321px;
    display: none;
    cursor: default
}

.rating_info_wrapper .loading {
    margin-top: 0
}

.rating_info_wrapper .rating_arrow {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: var(--BorderLine_m1);
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.rating_info_wrapper .rating_arrow::after {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: var(--BgOtherColor)
}

.rating_info_wrapper section {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between
}

.rating_info_wrapper section.ability {
    margin-top: 4px;
    justify-content: flex-start !important
}

.rating_info_wrapper section.ability .value {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-left: 4px
}

.rating_info_wrapper section.ability .value.doubtful {
    color: #fa5754
}

.rating_info_wrapper section.ability .value .doubtful-icon {
    font-size: 20px;
    color: var(--FontColor_3)
}

.rating_info_wrapper section .label,
.rating_info_wrapper section .value {
    font-size: 12px;
    line-height: 20px
}

.rating_info_wrapper section .label {
    color: var(--FontColor_2);
    display: flex
}

.rating_info_wrapper section .label .iconfont {
    font-size: 20px;
    color: var(--FontColor_3)
}

.rating_info_wrapper section .value {
    color: var(--FontColor_1)
}

.rating_info_wrapper section.trade_style .value {
    flex: 1;
    margin-left: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right
}

.rating_info_wrapper .top_info {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 18px 16px 8px;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.rating_info_wrapper .top_info .raing_icon {
    width: 56px;
    height: 56px
}

.rating_info_wrapper .top_info .info_detail {
    margin-left: 8px
}

.rating_info_wrapper .top_info .info_detail .serial {
    font-weight: 600;
    font-size: 18px;
    color: var(--FontColor_1);
    line-height: 23px
}

.rating_info_wrapper .bottom_info {
    padding: 16px 16px 24px
}

.rating_info_wrapper .bottom_info section {
    min-height: 20px !important
}

.rating_info_wrapper .bottom_info section.feature {
    margin-top: 12px
}

.rating_info_wrapper .bottom_info section.feature:first-child {
    margin-top: 0
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value {
    padding: 0 4px;
    border-radius: 4px
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value.green {
    background-color: rgba(154, 224, 207, .12);
    color: #00ad83
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value.orange {
    background-color: rgba(252, 130, 74, .12);
    color: #fd6c2b
}

.rating_info_wrapper .bottom_info section.feature.risk_level .value.red {
    background-color: rgba(247, 76, 85, .12);
    color: #f74c55
}

.rating_info_wrapper .bottom_info .check_report_btn {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    border-radius: 8px;
    height: 32px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    border: 1px solid var(--BorderLine_prop)
}

.rating_info_wrapper .bottom_info .check_report_btn:hover {
    border-color: #00c98c;
    color: #00c98c
}

.niu_broker_info {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

.niu_broker_info .flag {
    height: 16px;
    border-radius: 2px;
    object-fit: cover
}

.niu_broker_info .divider {
    width: 1px;
    height: 12px;
    background: var(--icon_gray);
    border-radius: 1px;
    flex-shrink: 0
}

.niu_broker_info img {
    object-fit: cover
}

.niu_broker_info .serial {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px
}

.niu_broker_info .broker_icon {
    height: 16px;
    border-radius: 4px;
    object-fit: cover;
    cursor: pointer
}

.niu_broker_info .account_icon {
    height: 16px
}

.niu_broker_info .ai_rating {
    position: relative;
    height: 16px
}

.niu_broker_info .ai_rating>img {
    height: 16px;
    margin-right: 0
}

.niu_broker_info .ai_rating:hover .rating_info_wrapper {
    display: block
}

.niu_broker_info .ai_rating .rating_info_wrapper {
    position: absolute;
    top: calc(100% + 12px);
    width: 310px;
    left: 50%;
    transform: translateX(-50%);
    display: none
}

.niu_broker_info .tag {
    background-color: #f1f3f8;
    border-radius: 4px;
    padding: 0 4px;
    font-size: 12px;
    color: rgba(30, 34, 43, .4);
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.niu_broker_info .tag.error {
    background-color: rgba(253, 103, 95, .14);
    color: #f74343
}

.niu_broker_info .tag.king {
    background-color: #fff6e5;
    color: #d49d4f
}

.niu_broker_info .tag.greatest {
    color: #00ad83;
    background-color: #bff8ea
}

.niu_broker_info .tag.old {
    color: #1991ff;
    background-color: #e3f5ff
}

.niu_broker_info .sub-permission-vip-tag {
    font-size: 11px;
    color: #f2d2a1;
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
    background: var(--vip_Bg);
    font-weight: 600;
    white-space: nowrap;
    margin-right: 4px;
    border-radius: 4px
}

.home-container .niu-section .niu_follow_btn {
    height: 38px;
    line-height: 38px
}

.niu_follow_btn {
    display: inline-block;
    height: 32px;
    text-align: center;
    border-radius: 8px;
    padding: 0 18px;
    font-size: 14px;
    background: var(--color);
    color: #1f2533;
    line-height: 32px;
    cursor: pointer;
    box-sizing: border-box;
    font-weight: 600
}

.niu_follow_btn.disabled {
    background-color: var(--gray_disabled) !important;
    color: var(--disabled_text);
    cursor: not-allowed
}

.niu_follow_btn:hover {
    background: #00c89c
}

.share_popup {
    position: relative;
    z-index: 100000009
}

.share_popup.hide {
    display: none
}

.share_popup .share_popup_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--shead_color);
    z-index: 1
}

.share_popup .share_popup_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 450px;
    max-width: 560px;
    width: 90%;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    box-sizing: border-box;
    background-color: var(--BgOtherColor);
    z-index: 2
}

.share_popup .share_popup_wrapper .share_popup_header .iconfont {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: var(--FontColor_1);
    cursor: pointer
}

.share_popup .share_popup_wrapper .share_popup_content {
    padding: 36px 24px 24px
}

.share_popup .share_popup_wrapper .share_popup_content .title {
    color: var(--FontColor_1);
    font-size: 24px;
    font-weight: 600;
    word-break: break-word
}

.share_popup .share_popup_wrapper .share_popup_content .share .link {
    margin-top: 24px;
    border: 1px solid #d4d5da;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f3f6fb;
    border-radius: 8px;
    color: #606266
}

.share_popup .share_popup_wrapper .share_popup_content .share .link .url {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 16px
}

.share_popup .share_popup_wrapper .share_popup_content .share .link .btn {
    cursor: pointer;
    background-color: #01e0af;
    line-height: 32px;
    padding: 0 16px;
    flex-shrink: 0;
    border-radius: 8px;
    color: var(--FontColor_1)
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item {
    color: #1a1a1d;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    flex: 1
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item .iconfont {
    font-size: 24px
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(1):hover {
    color: #3756a8
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(2):hover {
    color: #000
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(3):hover {
    color: #2673b2
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(4):hover {
    color: #25b03e
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(5):hover {
    color: #10ad8a
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(6):hover {
    color: #10c542
}

.share_popup .share_popup_wrapper .share_popup_content .share .share-list .item:nth-of-type(7):hover {
    color: #158ed0
}

.select_account_popup.hide {
    display: none
}

.add_account_popup .global_popup_cont {
    overflow: hidden
}

.subscribe_price_wrapper {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #ff7241;
    margin-right: 12px;
    font-weight: 600
}

.subscribe_price_wrapper .amount {
    font-size: 16px;
    line-height: 22px
}

.subscribe_price_wrapper .icon-subscribe-price {
    font-size: 16px;
    margin: 0 2px
}

.subscribe_price_wrapper .unit {
    font-weight: 400
}

.ip_access_restriction_content {
    padding: 44px 40px 48px
}

.ip_access_restriction_content>img {
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.ip_access_restriction_content .restriction_title {
    margin-top: 15px;
    font-weight: 600;
    font-size: 20px;
    color: var(--FontColor_1);
    line-height: 28px
}

.ip_access_restriction_content .restriction_tips {
    margin-top: 15px;
    font-size: 16px;
    color: var(--FontColor_1);
    line-height: 22px
}

.ip_access_restriction_content .restriction_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: 38px;
    padding: 0 16px;
    user-select: none;
    cursor: pointer;
    background: var(--color);
    color: #1f2533;
    margin: 24px auto 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.niu-item {
    background: var(--BgColor);
    border-radius: 12px;
    position: relative;
    border: 1px solid var(--BorderLine_prop);
    padding: 24px
}

.niu-item:hover .user_name {
    color: var(--color)
}

.niu-item.niu-rank-1 .rank-label {
    background: #f6cb64
}

.niu-item.niu-rank-1 .user-account {
    background: linear-gradient(rgba(255, 207, 59, .2), rgba(255, 207, 59, 0) 100%)
}

.niu-item.niu-rank-2 .rank-label {
    background: #c9d5e8
}

.niu-item.niu-rank-2 .user-account {
    background: linear-gradient(rgba(176, 199, 230, .2), rgba(255, 207, 59, 0) 100%)
}

.niu-item.niu-rank-3 .rank-label {
    background: #e5bc9e
}

.niu-item.niu-rank-3 .user-account {
    background: linear-gradient(hsla(26, 57%, 62%, .2), rgba(255, 207, 59, 0) 100%)
}

.niu-item .rank-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 32px;
    border-radius: 0 12px 0 23px;
    background: var(--rank_bg);
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center
}

.niu-item .user-account {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    text-align: left;
    border-radius: 12px 12px 0 0
}

.niu-item .user-account .user {
    position: relative;
    width: 80px;
    height: 80px
}

.niu-item .user-account .user .avatar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid transparent;
    object-fit: cover
}

.niu-item .user-account .right {
    margin-left: 12px;
    flex: 1;
    width: 0
}

.niu-item .user-account .right .user_name {
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px
}

.niu-item .user-account .right .subscribed {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    color: var(--FontColor_2b);
    margin-top: 4px
}

.niu-item .user-account .right .subscribed .icon-followers {
    font-size: 16px;
    margin-right: 4px
}

.niu-item .user-account .right .subscribed span {
    font-size: 14px;
    line-height: 18px;
    color: var(--FontColor_1)
}

.niu-item .user-account .auth {
    margin-top: 2px
}

.niu-item .user-account .auth .tag {
    color: #fa5754;
    padding: 0 4px;
    background-color: rgba(250, 87, 84, .08);
    border-radius: 4px;
    font-size: 12px;
    cursor: default;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.niu-item .user-account .strategy_intro {
    color: var(--FontColor_2b);
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.niu-item .line-chart {
    flex: 1;
    margin-left: 25px;
    height: 70px
}

.niu-item .line-chart>div:last-of-type {
    box-shadow: 0 2px 6px 0 var(--shadow_color)
}

.niu-item .content {
    margin-top: 16px
}

.niu-item .content section {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    min-height: 30px;
    font-size: 14px;
    color: var(--FontColor_2b)
}

.niu-item .content section:first-of-type {
    margin-bottom: 20px
}

.niu-item .content section .left {
    flex: 1;
    display: flex;
    display: -webkit-flex;
    flex-direction: column
}

.niu-item .content section .left .label {
    font-size: 14px;
    font-weight: 400;
    color: var(--FontColor_2b);
    line-height: 20px
}

.niu-item .content section .left .twr {
    font-size: 26px;
    font-weight: 600;
    line-height: 33px
}

.niu-item .content section .left .value {
    font-size: 12px;
    font-weight: 400;
    color: var(--FontColor_1);
    line-height: 16px;
    align-self: flex-start
}

.niu-item .content section .text {
    width: 50%
}

.niu-item .content section .line {
    font-size: 16px;
    color: var(--FontColor_1);
    font-weight: 500;
    text-align: right
}

.niu-item .content section .line .unit {
    display: inline-block;
    margin-left: -4px;
    font-size: 16px
}

.niu-item .content footer {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px
}

.niu-item .content footer .greet-box {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    background-color: var(--color_g8)
}

.niu-item .content footer .greet-box:hover {
    background-color: var(--color)
}

.niu-item .content footer .greet-box:hover .iconfont {
    color: #1f2533
}

.niu-item .content footer .greet-box .iconfont {
    font-size: 20px
}

.niu-item .content footer .niu_follow_btn {
    flex: 1;
    margin-left: 16px
}

.niu-item .subscribe_price_wrapper {
    margin-right: 0;
    font-size: 16px
}

.view_chart_popup {
    position: relative;
    z-index: 100000005
}

.view_chart_popup.hide {
    display: none
}

.view_chart_popup .view_chart_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--shead_color);
    z-index: 1
}

.view_chart_popup .view_chart_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 16px 24px 24px;
    border-radius: 12px;
    max-width: 900px;
    min-width: 450px;
    width: 90%;
    background-color: var(--BgOtherColor);
    box-sizing: border-box;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    z-index: 2
}

.view_chart_popup .view_chart_wrapper .icon-bl-icon-close-def {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
    color: var(--FontColor_1)
}

.view_chart_popup .view_chart_wrapper .header {
    padding-bottom: 8px
}

.view_chart_popup .view_chart_wrapper .header .title {
    font-size: 20px;
    font-weight: 600;
    color: var(--FontColor_1);
    margin-bottom: 16px
}

.view_chart_popup .view_chart_wrapper .header .option-list .option-item {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    background: var(--BgColor);
    padding: 0 8px;
    height: 28px;
    border: 1px solid var(--BorderLine_prop);
    border-radius: 8px;
    font-size: 14px;
    color: var(--FontColor_2b);
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    user-select: none;
    margin: 4px 8px 4px 0
}

.view_chart_popup .view_chart_wrapper .header .option-list .option-item:last-of-type {
    margin-right: 0
}

.view_chart_popup .view_chart_wrapper .header .option-list .option-item.active {
    color: var(--FontColor_1);
    font-weight: 500;
    border-color: var(--FontColor_1)
}

.view_chart_popup .view_chart_wrapper .chart-detail {
    height: 326px
}

.rating_info_wrapper {
    position: fixed;
    transform: translateX(0)
}

.rating_info_wrapper.show {
    display: block
}

.rating_info_wrapper.top .rating_arrow {
    top: auto;
    bottom: -6px
}

.rating_info_wrapper.top .rating_arrow::after {
    border-bottom-color: transparent;
    border-top-color: var(--BgOtherColor)
}

.module_box-follow .table_scroll_box {
    height: 9px;
    overflow-x: auto;
    overflow-y: hidden;
    position: sticky;
    top: 0;
    background: var(--BgColor);
    z-index: 9
}

.module_box-follow .table_scroll_box .table_scroll_bar {
    height: 1px
}

.module_box-follow .table_scroll_box::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.module_box-follow .table_scroll_box::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.module_box-follow .table_scroll_box::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 6px
}

.module_box-follow .table_scroll_box::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.module_box-follow .table_scroll_box::-webkit-scrollbar-button {
    display: none
}

.module_box-follow .table_scroll_box.opacity_bar {
    opacity: 0
}

.module_box-follow .virtual-table.scroll_end .table-row .flex-right::after {
    content: '';
    width: 16px;
    position: absolute;
    left: -16px;
    height: calc(100% + 1px);
    background: linear-gradient(90deg, var(--table_bg1), var(--table_bg2))
}

.module_box-follow .virtual-table .table-head_box {
    position: sticky;
    top: 9px;
    background: var(--BgColor);
    z-index: 9;
    height: 39px;
    overflow: hidden
}

.module_box-follow .virtual-table .table-head {
    background: var(--BgColor);
    color: var(--FontColor_2);
    font-size: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    height: 54px;
    padding-bottom: 10px
}

.module_box-follow .virtual-table .table-head .icon-chart-tips {
    font-size: 20px;
    color: var(--FontColor_3)
}

.module_box-follow .virtual-table .table-head .table-row .table-cell {
    padding: 8px 24px 8px 0
}

.module_box-follow .virtual-table .table-body {
    color: var(--FontColor_1);
    overflow-x: auto
}

.module_box-follow .virtual-table .table-body::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.module_box-follow .virtual-table .table-body::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.module_box-follow .virtual-table .table-body::-webkit-scrollbar-thumb {
    background: 0 0;
    border-radius: 6px
}

.module_box-follow .virtual-table .table-body::-webkit-scrollbar-thumb:hover {
    background: 0 0 !important
}

.module_box-follow .virtual-table .table-body::-webkit-scrollbar-button {
    display: none
}

.module_box-follow .virtual-table .table-row {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    width: fit-content;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.module_box-follow .virtual-table .table-row .flex-right {
    display: flex;
    align-items: center;
    position: sticky;
    right: -.5px;
    background: var(--BgColor)
}

.module_box-follow .virtual-table .table-row .middle {
    display: flex;
    align-items: stretch
}

.module_box-follow .virtual-table .table-row .table-cell {
    white-space: nowrap;
    padding: 16px 24px 16px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.module_box-follow .virtual-table .table-row .table-cell .subscribe_price_wrapper {
    margin-right: 0
}

.module_box-follow .virtual-table .table-row .table-cell.width420 {
    width: 420px
}

.module_box-follow .virtual-table .table-row .table-cell.width380 {
    width: 380px
}

.module_box-follow .virtual-table .table-row .table-cell.width350 {
    width: 350px
}

.module_box-follow .virtual-table .table-row .table-cell.width190 {
    width: 190px
}

.module_box-follow .virtual-table .table-row .table-cell.width180 {
    width: 180px
}

.module_box-follow .virtual-table .table-row .table-cell.width150 {
    width: 150px
}

.module_box-follow .virtual-table .table-row .table-cell.width120 {
    width: 120px
}

.module_box-follow .virtual-table .table-row .table-cell.aline_left {
    justify-content: flex-start
}

.module_box-follow .virtual-table .table-row .table-cell.flex-cell {
    display: flex;
    align-items: center
}

.module_box-follow .virtual-table .table-row .table-cell.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.module_box-follow .virtual-table .table-row .table-cell .rank-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 28px;
    font-size: 20px;
    font-weight: 700;
    color: #abb6c4;
    margin-right: 16px
}

.module_box-follow .virtual-table .table-row .table-cell .rank-label img {
    width: 24px;
    height: 24px
}

.module_box-follow .virtual-table .table-row .table-cell .rank-label.font16 {
    font-size: 16px
}

.module_box-follow .virtual-table .table-row .table-cell .rank-label.font12 {
    font-size: 12px
}

.module_box-follow .virtual-table .table-row .table-cell .user-account {
    display: flex;
    align-items: center;
    flex: 1
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .user {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    flex-shrink: 0
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .user.user-rank-1 {
    border: 2px solid #ffcf3b
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .user.user-rank-2 {
    border: 2px solid #8ea1bb
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .user.user-rank-3 {
    border: 2px solid #d59767
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .user img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .right {
    margin-left: 12px;
    flex: 1;
    width: 0
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .right .user_name {
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .auth {
    margin-top: 4px
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .auth .tag {
    color: #fa5754;
    padding: 0 4px;
    background-color: rgba(250, 87, 84, .08);
    border-radius: 4px;
    font-size: 12px;
    cursor: default;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.module_box-follow .virtual-table .table-row .table-cell .user-account .strategy_intro {
    color: var(--FontColor_2b);
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-follow .virtual-table .table-row .table-cell .greet-box {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    background-color: var(--color_g8)
}

.module_box-follow .virtual-table .table-row .table-cell .greet-box:hover {
    background-color: var(--color)
}

.module_box-follow .virtual-table .table-row .table-cell .greet-box:hover .iconfont {
    color: #1f2533
}

.module_box-follow .virtual-table .table-row .table-cell .greet-box .iconfont {
    font-size: 20px
}

.module_box-follow .virtual-table .table-row .table-cell .niu_follow_btn {
    margin-left: 8px
}

.module_box-follow .loading_wrap {
    padding-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.module_box-follow .follow_box {
    display: flex;
    flex-direction: column
}

.module_box-follow .main_title {
    padding: 24px 16px 12px;
    font-size: 16px;
    font-weight: 700;
    color: var(--FontColor_1);
    line-height: 22px
}

.module_box-follow .follow_container {
    position: relative;
    height: 100%
}

.module_box-follow #follow_list {
    height: 100%
}

.module_box-follow #follow_list .follow_scroll {
    min-width: 340px
}

.module_box-follow .follow_list {
    padding: 0 16px 6px
}

.module_box-follow .follow_list .card_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px
}

.module_box-follow .follow_list .card_list .niu-item {
    width: auto;
    height: auto;
    padding: 0
}

.module_box-follow .follow_list .card_list .niu-item .user-account {
    padding: 10px 10px 0 10px
}

.module_box-follow .follow_list .card_list .niu-item .user-account .user {
    width: 73px;
    height: 73px
}

.module_box-follow .follow_list .card_list .niu-item .user-account .user .rank-crown {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.module_box-follow .follow_list .card_list .niu-item .user-account .user .rank-crown.flip {
    transform: scaleX(-1)
}

.module_box-follow .follow_list .card_list .niu-item .user-account .user .avatar {
    width: 60px;
    height: 60px
}

.module_box-follow .follow_list .card_list .niu-item .user-account .right {
    transform: translateY(12px)
}

.module_box-follow .follow_list .card_list .niu-item .user-account .user_name {
    padding-right: 40px
}

.module_box-follow .follow_list .card_list .niu-item .content {
    padding: 28px 16px 16px;
    margin-top: 0
}

.module_box-follow .follow_list .card_list .niu-item .content .small {
    display: none
}

.module_box-follow .follow_list .card_list .niu-item .content footer .niu_follow_btn {
    height: 38px;
    line-height: 38px
}

.module_box-follow .country-card {
    min-height: 258px;
    background: var(--color);
    border-radius: 12px;
    padding: 24px 40px 48px 48px;
    margin: 12px 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.module_box-follow .country-card .country-card-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.module_box-follow .country-card .left {
    height: 100%;
    margin-top: 24px;
    align-self: flex-start
}

.module_box-follow .country-card .left .title {
    font-weight: 600;
    font-size: 40px;
    color: #1f2533;
    line-height: 56px;
    margin-bottom: 16px
}

.module_box-follow .country-card .left .account-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.module_box-follow .country-card .left .account-info .account-signal {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    font-size: 14px;
    color: #1f2533;
    width: fit-content;
    height: 28px;
    line-height: 28px;
    background: #ffe67d;
    border-radius: 4px;
    margin-right: 12px;
    white-space: nowrap
}

.module_box-follow .country-card .left .account-info .unfollow-signal {
    color: var(--FontColor_1);
    background: var(--BorderLine_m2)
}

.module_box-follow .country-card .left .account-info .small-account-signal {
    font-size: 12px;
    padding: 0 6px;
    height: 20px;
    margin-right: 8px
}

.module_box-follow .country-card .left .account-info .change_account {
    position: relative
}

.module_box-follow .country-card .left .account-info .change_account .el-dropdown-link {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 32px;
    color: #1f2533;
    line-height: 45px;
    cursor: pointer
}

.module_box-follow .country-card .left .account-info .change_account .el-dropdown-link .account_icon {
    width: 24px;
    height: 24px;
    object-fit: cover;
    margin-right: 8px;
    border-radius: 4px
}

.module_box-follow .country-card .left .account-info .change_account .el-dropdown-link .iconfont {
    font-size: 32px
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu {
    min-width: 100%;
    margin-top: 0;
    padding: 8px 0;
    display: none;
    border-radius: 8px;
    z-index: 3;
    margin-bottom: 80px;
    position: absolute;
    left: 50%;
    top: 48px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color)
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .el-dropdown-menu__item {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .el-dropdown-menu__item:hover {
    background-color: var(--Bg_g8)
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .el-dropdown-menu__item .account_icon {
    width: 21px;
    height: 21px;
    object-fit: cover;
    border: .5px solid rgba(215, 217, 219, .56);
    border-radius: 4px
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .el-dropdown-menu__item .account_num {
    color: var(--FontColor_1);
    font-size: 16px
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .el-dropdown-menu__item .divider {
    width: 1px;
    height: 16px;
    background: var(--icon_gray);
    border-radius: 1px;
    flex-shrink: 0
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .el-dropdown-menu__item .drop-account-num {
    font-size: 16px;
    color: var(--FontColor_1);
    line-height: 20px;
    white-space: nowrap
}

.module_box-follow .country-card .left .account-info .change_account .account-dropdown-menu .active-item {
    background-color: var(--Bg_g8)
}

.module_box-follow .country-card .left .account-info .change_account.active .account-dropdown-menu {
    display: block
}

.module_box-follow .country-card .left .account-info .change_account.active .el-dropdown-link .iconfont {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.module_box-follow .country-card .left .country-data {
    display: flex;
    align-items: center
}

.module_box-follow .country-card .left .country-data .account-section {
    display: flex;
    flex-direction: column;
    padding: 0 32px 0 48px;
    position: relative
}

.module_box-follow .country-card .left .country-data .account-section.cur {
    cursor: pointer
}

.module_box-follow .country-card .left .country-data .account-section:first-child {
    padding-left: 0 !important
}

.module_box-follow .country-card .left .country-data .account-section:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 1px;
    height: 32px;
    background: #1a1a1a;
    border-radius: 12px;
    opacity: .1
}

.module_box-follow .country-card .left .country-data .account-section .item_tip {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    font-size: 14px;
    color: #1f2533;
    line-height: 20px;
    opacity: .7
}

.module_box-follow .country-card .left .country-data .account-section .item_tip .iconfont {
    position: relative;
    top: 2px;
    left: -2px;
    font-size: 14px;
    margin-left: 2px
}

.module_box-follow .country-card .left .country-data .account-section .value {
    white-space: nowrap;
    font-weight: 600;
    font-size: 36px;
    color: #1f2533;
    line-height: 46px;
    overflow: hidden
}

.module_box-follow .country-card .left .account-view-more {
    display: inline-flex;
    font-size: 16px;
    color: #1f2533;
    line-height: 22px;
    margin-top: 16px;
    cursor: pointer
}

.module_box-follow .country-card .left .account-view-more .iconfont {
    font-size: 12px;
    width: 12px
}

.module_box-follow .country-card .right {
    flex: 1;
    margin-top: 24px;
    max-width: 513px;
    height: 129px;
    background: var(--BgColor);
    border-radius: 12px;
    z-index: 0;
    min-width: 400px
}

.module_box-follow .country-card .right .swiper-container {
    height: 100%;
    border-radius: 12px
}

.module_box-follow .country-card .right .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 0 32px;
    box-sizing: border-box;
    background: var(--BgColor);
    border-radius: 12px;
    cursor: pointer
}

.module_box-follow .country-card .right .swiper-slide .card-item-left {
    flex: 1;
    min-width: 0
}

.module_box-follow .country-card .right .swiper-slide .card-item-left p {
    min-width: 0
}

.module_box-follow .country-card .right .swiper-slide .card-item-left .line-1 {
    font-weight: 600;
    font-size: 20px;
    color: var(--FontColor_1);
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-follow .country-card .right .swiper-slide .card-item-left .line-2 {
    font-weight: 400;
    font-size: 16px;
    color: var(--FontColor_1);
    line-height: 22px;
    margin: 2px 0 8px 0;
    opacity: .7;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-follow .country-card .right .swiper-slide .card-item-left .line-3 {
    font-weight: 400;
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    display: flex;
    align-items: center
}

.module_box-follow .country-card .right .swiper-slide .card-item-left .line-3 .iconfont {
    font-size: 12px
}

.module_box-follow .country-card .right .swiper-slide .card-item-right {
    width: 84px;
    height: 84px
}

.module_box-follow .country-card .right .swiper-slide:hover .line-1 {
    color: #00c89c
}

.module_box-follow .country-card .right .swiper-pagination {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    text-align: center;
    cursor: default
}

.module_box-follow .country-card .right .swiper-pagination .swiper-pagination-bullet {
    box-sizing: border-box;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 4px 0;
    background-color: var(--BorderLine_m2);
    opacity: 1;
    cursor: pointer
}

.module_box-follow .country-card .right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--FontColor_1)
}

.module_box-follow .scroll-out-box1 {
    position: relative
}

.module_box-follow .scroll-out-box1 .arrow.left-btn {
    left: 0
}

.module_box-follow .scroll-out-box1 .arrow.right-btn {
    right: 0
}

.module_box-follow .scroll-out-box1 .scroll-inner-box {
    height: 350px
}

.module_box-follow .vip_free_boxs {
    padding: 0 16px
}

.module_box-follow .vip_free_boxs .scroll-out-box1 .arrow {
    height: 50px;
    width: 50px;
    top: calc(50% - 25px)
}

.module_box-follow .vip_free_boxs .niu-item {
    width: 389px;
    height: 350px;
    padding: 24px;
    box-sizing: border-box;
    flex-shrink: 0
}

.module_box-follow .vip_free_boxs .niu-item .user-account {
    padding: 0;
    margin-bottom: 16px
}

.module_box-follow .vip_free_boxs .niu-item .user-account .auth {
    margin-top: 4px
}

.module_box-follow .vip_free_boxs .niu-item .user-account .user {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

.module_box-follow .vip_free_boxs .niu-item .user-account .user .avatar {
    position: static;
    box-sizing: border-box;
    border: none;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.module_box-follow .vip_free_boxs .niu-item .user-account .right {
    transform: translateY(0)
}

.module_box-follow .vip_free_boxs .niu-item .content {
    padding: 0
}

.module_box-follow .vip_free_boxs .niu-item .content section {
    padding: 4px 0;
    min-height: 24px
}

.module_box-follow .vip_free_boxs .niu-item .content section:first-of-type {
    margin-bottom: 0
}

.module_box-follow .vip_free_boxs .niu-item .content section.chart_section {
    margin-bottom: 16px;
    padding: 0
}

.module_box-follow .vip_free_boxs .niu-item .content .subscribe_price_wrapper {
    color: #ee7a4f;
    font-weight: 400
}

.module_box-follow .vip_free_boxs .niu-item .content .niu_follow_btn {
    height: 38px;
    line-height: 38px
}

.module_box-follow .vip_free_list {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 10px !important;
    height: 367px;
    box-sizing: unset !important;
    gap: 16px
}

.module_box-follow .simple-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.module_box-follow .simple-header .acatar-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--BorderLine_m2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    box-sizing: border-box
}

.module_box-follow .simple-header img {
    width: 56px;
    height: 56px;
    border-radius: 50%
}

.module_box-follow .simple-header .user-name {
    font-weight: 600;
    font-size: 18px;
    color: var(--FontColor_1);
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.module_box-follow .swiper-vip {
    display: none
}

.module_box-follow .select_main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 16px
}

.module_box-follow .select_main .select_left {
    margin-bottom: 20px
}

.module_box-follow .select_main .select_right {
    display: flex;
    margin-bottom: 20px
}

.module_box-follow .select_main .select-list {
    border: none
}

.module_box-follow .select_main .select-list .select_name {
    display: none
}

.module_box-follow .select_main .select-list>.iconfont {
    display: none
}

.module_box-follow .select_main .select-list .select-list-main {
    position: static;
    box-shadow: unset;
    background: 0 0;
    display: block
}

.module_box-follow .select_main .select-list .select-list-main ul {
    display: flex;
    padding: 0
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_type-select-main li {
    line-height: 36px;
    padding: 0 16px;
    font-size: 16px;
    border-radius: 20px;
    margin-right: 16px;
    cursor: pointer;
    color: var(--FontColor_2b);
    background: var(--BorderColor2)
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_type-select-main li:hover {
    background: var(--BorderLine_m2)
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_type-select-main li.active {
    font-weight: 600;
    color: #1f2533;
    background: var(--color)
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_type-select-main li.active:hover {
    background: #00c89c
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_type-select-main li.active {
    color: var(--FontColor_1)
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_time-select-main li {
    line-height: 32px;
    padding: 0 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-right: 16px;
    border: 1px solid var(--BorderLine_m2);
    cursor: pointer;
    background: 0 0;
    color: var(--FontColor_1)
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_time-select-main li:hover {
    border-color: var(--color)
}

.module_box-follow .select_main .select-list .select-list-main ul#gendan_time-select-main li.active {
    border-color: var(--FontColor_1)
}

.module_box-follow .select_main .list_types_box {
    display: flex;
    align-items: center;
    border: 1px solid var(--BorderLine_m2);
    border-radius: 8px;
    padding: 0 12px;
    height: 32px
}

.module_box-follow .select_main .list_types_box:hover {
    border-color: var(--color)
}

.module_box-follow .select_main .list_types_box .iconfont {
    font-size: 20px;
    cursor: pointer;
    color: var(--FontColor_1)
}

.module_box-follow .select_main .list_types_box .iconfont:nth-child(2) {
    margin-left: 10px
}

.module_box-follow .select_main .list_types_box .iconfont.active {
    color: var(--color)
}

.module_box-follow.main_2200 .follow_list .card_list {
    grid-template-columns: repeat(5, 1fr)
}

.module_box-follow.main_1920 .follow_list .card_list {
    grid-template-columns: repeat(4, 1fr)
}

.module_box-follow.main_1440 .follow_list .card_list {
    grid-template-columns: repeat(3, 1fr)
}

.module_box-follow.main_900 .follow_list .card_list {
    gap: 16px 16px
}

.module_box-follow.main_900 .follow_list .card_list .niu-item .user-account .user_name {
    font-size: 16px;
    line-height: 22px
}

.module_box-follow.main_900 .follow_list .card_list .niu-item .user-account .user {
    width: 60px;
    height: 60px
}

.module_box-follow.main_900 .follow_list .card_list .niu-item .user-account .user .avatar {
    width: 50px;
    height: 50px
}

.module_box-follow.main_900 .follow_list .card_list .niu-item .rank-label {
    width: 60px;
    height: 24px;
    line-height: 24px;
    font-size: 14px
}

.module_box-follow.main_900 .follow_list .card_list .niu-item .content {
    padding: 28px 16px 16px
}

.module_box-follow.main_800 .country-card {
    min-height: 315px;
    padding: 8px 20px 24px 20px !important
}

.module_box-follow.main_800 .country-card .right {
    max-width: none;
    width: 100%;
    height: 106px;
    min-width: auto
}

.module_box-follow.main_800 .country-card .right .swiper-slide {
    padding: 0 12px 0 16px
}

.module_box-follow.main_800 .country-card .right .swiper-slide .card-item-left .line-3 {
    display: none
}

.module_box-follow.main_800 .country-card .right .swiper-slide .card-item-left .line-2 {
    margin-bottom: 0
}

.module_box-follow.main_800 .country-card .left .change_account .el-dropdown-link {
    font-size: 28px
}

.module_box-follow.main_800 .country-card .left .change_account .el-dropdown-link .iconfont {
    font-size: 20px
}

.module_box-follow.main_800 .country-card .left .country-data .account-section {
    padding: 0 36px 0 24px
}

.module_box-follow.main_800 .country-card .left .country-data .account-section .item_tip {
    max-width: 138px
}

.module_box-follow.main_800 .country-card .left .country-data .account-section .value {
    max-width: 138px
}

.module_box-follow.main_800 .scroll-out-box1 {
    display: none
}

.module_box-follow.main_800 .swiper-vip {
    display: block;
    padding-bottom: 16px
}

.module_box-follow.main_800 .swiper-vip .niu-item {
    margin-bottom: 16px;
    padding: 16px
}

.module_box-follow.main_800 .swiper-vip .niu-item .content section {
    padding: 0;
    margin-bottom: 8px;
    min-height: 24px;
    line-height: 24px
}

.module_box-follow.main_800 .swiper-vip .niu-item .content footer {
    padding-top: 8px
}

.module_box-follow.main_800 .swiper-vip .swiper-slide {
    display: grid;
    column-gap: 16px;
    grid-template-columns: repeat(2, 1fr)
}

.module_box-follow.main_800 .swiper-vip .swiper-slide .small-niu-signal-item {
    width: auto;
    height: 277px
}

.module_box-follow.main_800 .swiper-vip .swiper-pagination {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    text-align: center;
    cursor: default
}

.module_box-follow.main_800 .swiper-vip .swiper-pagination .swiper-pagination-bullet {
    box-sizing: border-box;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 4px 0;
    background-color: var(--BorderLine_m2);
    opacity: 1;
    cursor: pointer
}

.module_box-follow.main_800 .swiper-vip .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--FontColor_1)
}

.module_box-follow.main_800 .select_main {
    justify-content: flex-start
}

.module_box-follow.main_800 .select_main .select_left {
    margin-right: 16px
}

.module_box-follow.main_800 .select_main .list_types_box {
    display: none
}

.module_box-follow.main_800 .select_main .select-list {
    border: 1px solid var(--BorderLine_m2);
    height: 34px;
    display: inline-block;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    border-radius: 8px
}

.module_box-follow.main_800 .select_main .select-list .select_name {
    color: var(--FontColor_1);
    height: 32px;
    display: block;
    width: 100%;
    padding: 5px 32px 5px 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    z-index: 2;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    min-width: 60px;
    font-weight: 400
}

.module_box-follow.main_800 .select_main .select-list>.iconfont {
    line-height: 32px;
    top: 1px;
    color: var(--FontColor_2);
    font-size: 12px;
    position: absolute;
    right: 12px
}

.module_box-follow.main_800 .select_main .select-list:hover {
    border-color: var(--color) !important
}

.module_box-follow.main_800 .select_main .select-list .select-list-main {
    position: absolute;
    width: 100%;
    display: none;
    left: 0;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    box-sizing: border-box;
    z-index: 10;
    top: 36px;
    border-radius: 8px;
    overflow: hidden
}

.module_box-follow.main_800 .select_main .select-list .select-list-main .ul,
.module_box-follow.main_800 .select_main .select-list .select-list-main ul {
    padding: 5px 0;
    overflow-y: hidden;
    max-height: 248px
}

.module_box-follow.main_800 .select_main .select-list .select-list-main .li,
.module_box-follow.main_800 .select_main .select-list .select-list-main li {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    padding: 8px 16px
}

.module_box-follow.main_800 .select_main .select-list .select-list-main .li:hover,
.module_box-follow.main_800 .select_main .select-list .select-list-main li:hover {
    background: var(--select_hover)
}

.module_box-follow.main_800 .select_main .select-list .select-list-main .li.active,
.module_box-follow.main_800 .select_main .select-list .select-list-main li.active {
    background: var(--color);
    color: #1f2533
}

.module_box-follow.main_800 .select_main .select-list .select-list-main .scroll-color {
    right: 5px !important
}

.module_box-follow.main_800 .select_main .select-list {
    border: 1px solid var(--BorderLine_m2)
}

.module_box-follow.main_800 .select_main .select-list .select_name {
    display: block;
    min-width: 120px
}

.module_box-follow.main_800 .select_main .select-list>.iconfont {
    display: block
}

.module_box-follow.main_800 .select_main .select-list .select-list-main {
    position: absolute;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    display: none
}

.module_box-follow.main_800 .select_main .select-list .select-list-main.show {
    display: block
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul {
    display: block;
    padding: 5px 0
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul#gendan_type-select-main li {
    padding: 8px 16px !important;
    line-height: 20px !important;
    font-size: 14px;
    border-radius: 0;
    margin-right: 0;
    cursor: pointer;
    background: 0 0
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul#gendan_type-select-main li:hover {
    background: var(--select_hover)
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul#gendan_type-select-main li.active {
    background: var(--color);
    color: #1f2533
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul#gendan_time-select-main li {
    padding: 8px 16px !important;
    line-height: 20px !important;
    font-size: 14px;
    border-radius: 0;
    margin-right: 0;
    cursor: pointer;
    border: none
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul#gendan_time-select-main li:hover {
    background: var(--select_hover)
}

.module_box-follow.main_800 .select_main .select-list .select-list-main ul#gendan_time-select-main li.active {
    background: var(--color) !important;
    color: #1f2533
}

.module_box-follow.main_800 .follow_list .card_list {
    grid-template-columns: repeat(2, 1fr)
}

.module_box-follow.main_800 .follow_list .card_list .niu-item .content .small {
    display: flex
}

.module_box-follow.main_800 .follow_list .card_list .niu-item .content .big {
    display: none
}

.module_box-follow.main_615 .country-card {
    min-height: 292px
}

.module_box-follow.main_615 .country-card .left {
    width: 100%
}

.module_box-follow.main_615 .country-card .left .title {
    font-size: 30px;
    line-height: 40px
}

.module_box-follow.main_615 .country-card .left .change_account .el-dropdown-link {
    font-size: 26px;
    line-height: 36px
}

.module_box-follow.main_615 .country-card .left .change_account .el-dropdown-link .iconfont {
    font-size: 17px
}

.module_box-follow.main_615 .country-card .left .change_account .account-dropdown-menu {
    top: 38px
}

.module_box-follow.main_615 .country-card .left .country-data .account-section {
    padding: 0 12px;
    flex: 1;
    min-width: 0
}

.module_box-follow.main_615 .country-card .left .country-data .account-section .item_tip .iconfont {
    font-size: 12px
}

.module_box-follow.main_615 .country-card .left .country-data .account-section .value {
    font-size: 26px;
    line-height: 36px
}

.module_box-follow.main_615 .country-card .left .country-data.other .account-section {
    flex: 3 !important
}

.module_box-follow.main_615 .country-card .left .country-data.other .account-section:last-child {
    flex: 4 !important
}

.module_box-follow.main_500 .country-card {
    min-height: 209px;
    padding: 16px !important
}

.module_box-follow.main_500 .country-card .left {
    width: 100%;
    margin-top: 0
}

.module_box-follow.main_500 .country-card .left .title {
    font-size: 30px;
    line-height: 40px
}

.module_box-follow.main_500 .country-card .left .account-signal {
    padding: 0 6px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 6px;
    margin-right: 8px
}

.module_box-follow.main_500 .country-card .left .change_account .el-dropdown-link {
    font-size: 18px;
    line-height: 25px
}

.module_box-follow.main_500 .country-card .left .change_account .account-dropdown-menu {
    top: 28px
}

.module_box-follow.main_500 .country-card .right {
    height: 76px
}

.module_box-follow.main_500 .country-card .right .swiper-slide .card-item-left .line-1 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px
}

.module_box-follow.main_500 .country-card .right .swiper-slide .card-item-left .line-2 {
    margin: 0;
    font-size: 12px;
    line-height: 17px
}

.module_box-follow.main_500 .country-card .right .swiper-slide .card-item-right {
    width: 64px;
    height: 64px
}

.module_box-follow.main_500 .country-card .right .swiper-pagination {
    bottom: 4px
}

.module_box-follow.main_500 .country-card .right .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px
}

.module_box-follow.main_500 .swiper-vip .swiper-slide {
    display: grid;
    column-gap: 16px;
    grid-template-columns: repeat(1, 1fr)
}

.module_box-follow.main_500 .swiper-vip .swiper-slide .small-niu-signal-item {
    width: auto;
    height: 277px
}

.module_box-follow.main_500 .follow_list .card_list {
    grid-template-columns: repeat(1, 1fr)
}

.body_ar .rating_info_wrapper {
    left: auto
}

.body_ar .module_box-follow .virtual-table .table-row .table-cell.ltr_arlang {
    justify-content: flex-start
}

.add_watch_list_popup {
    display: block
}

.add_watch_list_popup .hide,
.add_watch_list_popup.hide {
    display: none !important
}

.add_watch_list_popup .popup_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000008;
    background: var(--shead_color)
}

.add_watch_list_popup .popup_content {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 43.75%;
    z-index: 1000000009;
    background: var(--BgOtherColor);
    border-radius: 12px;
    overflow: hidden;
    max-width: 840px
}

.add_watch_list_popup .popup_head {
    position: relative;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.add_watch_list_popup .popup_head .name {
    font-size: 20px;
    font-weight: 500;
    color: var(--FontColor_1);
    line-height: 28px
}

.add_watch_list_popup .popup_head .iconfont {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #2e3340;
    padding: 10px;
    cursor: pointer
}

.add_watch_list_popup .search_wrap {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin: 16px 24px 24px;
    height: 36px;
    padding: 0 10px;
    background: var(--BorderColor2);
    border-radius: 18px
}

.add_watch_list_popup .search_wrap .iconfont {
    font-size: 16px;
    color: #8f939d
}

.add_watch_list_popup .search_wrap .search_input {
    flex: 1;
    height: 100%;
    padding-left: 6px;
    font-size: 16px;
    color: var(--FontColor_1);
    line-height: 22px;
    background: 0 0
}

.add_watch_list_popup .search_wrap .search_input:-moz-placeholder,
.add_watch_list_popup .search_wrap .search_input:-ms-input-placeholder,
.add_watch_list_popup .search_wrap .search_input::-moz-placeholder,
.add_watch_list_popup .search_wrap .search_input::-webkit-input-placeholder,
.add_watch_list_popup .search_wrap .search_input::placeholder {
    color: var(--FontColor_2)
}

.add_watch_list_popup .category_list {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 8px 0 24px;
    flex-wrap: wrap
}

.add_watch_list_popup .category_list .category_item {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: var(--BorderLine_m2);
    border-radius: 15px;
    font-size: 12px;
    color: var(--FontColor_2b);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    margin: 0 16px 8px 0
}

.add_watch_list_popup .category_list .category_item.active {
    color: var(--BgColor);
    background: var(--newBack)
}

.add_watch_list_popup .result_content {
    height: 450px;
    position: relative
}

.add_watch_list_popup .result_content .quote_list {
    height: 100%;
    padding: 0 24px
}

.add_watch_list_popup .result_content .quote_list .quote_item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.add_watch_list_popup .result_content .quote_list .quote_item.added .add_icon {
    display: none !important
}

.add_watch_list_popup .result_content .quote_list .quote_item.added .added_icon {
    display: block !important
}

.add_watch_list_popup .result_content .quote_list .quote_item>div {
    margin-right: 20px
}

.add_watch_list_popup .result_content .quote_list .quote_item .symbol {
    width: 20%;
    font-size: 16px;
    line-height: 22px
}

.add_watch_list_popup .result_content .quote_list .quote_item .name {
    width: 40%
}

.add_watch_list_popup .result_content .quote_list .quote_item .market {
    flex: 1;
    color: var(--FontColor_2)
}

.add_watch_list_popup .result_content .quote_list .quote_item .name,
.add_watch_list_popup .result_content .quote_list .quote_item .symbol {
    color: var(--FontColor_1)
}

.add_watch_list_popup .result_content .quote_list .quote_item .market,
.add_watch_list_popup .result_content .quote_list .quote_item .name {
    font-size: 14px;
    line-height: 20px
}

.add_watch_list_popup .result_content .quote_list .quote_item .iconfont {
    flex-shrink: 0;
    font-size: 14px;
    cursor: pointer
}

.add_watch_list_popup .result_content .quote_list .quote_item .iconfont.add_icon {
    color: var(--FontColor_2)
}

.add_watch_list_popup .result_content .quote_list .quote_item .iconfont.added_icon {
    display: none;
    color: var(--color)
}

.add_watch_list_popup .result_content .quote_list .load_guard {
    height: 50px
}

.add_watch_list_popup .result_content .loading {
    padding: 20px 0
}

.add_watch_list_popup .result_content .loading>img {
    display: block;
    margin: 0 auto;
    width: 70px
}

.add_watch_list_popup .result_content .no-data {
    text-align: center;
    padding: 50px 0
}

.add_watch_list_popup .result_content .no-data img {
    width: 232px
}

.add_watch_list_popup .result_content .no-data p {
    margin-top: 12px;
    color: var(--FontColor_2)
}

.add_watch_list_popup .market_avatar_wrapper {
    margin-right: 8px !important
}

.market_avatar_wrapper {
    position: relative;
    flex-shrink: 0
}

.market_avatar_wrapper .avatar_container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.market_avatar_wrapper .avatar_container.avatar_letter_box {
    background-color: var(--icon_gray)
}

.market_avatar_wrapper .avatar_container .avatar_img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.market_avatar_wrapper .avatar_container .avatar_letter {
    font-weight: 500;
    color: var(--FontColor_Color);
    line-height: 1
}

.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    position: absolute
}

.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    bottom: 0;
    right: 0;
    border-style: solid;
    border-color: var(--BgColor);
    z-index: 1
}

.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(2) {
    top: 0;
    left: 0
}

.size_18.market_avatar_wrapper {
    width: 18px;
    height: 18px
}

.size_18.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 12px
}

.size_18.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 12px;
    height: 12px
}

.size_18.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 1px
}

.size_20.market_avatar_wrapper {
    width: 20px;
    height: 20px
}

.size_20.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 14px
}

.size_20.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 14px;
    height: 14px
}

.size_20.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 1px
}

.size_24.market_avatar_wrapper {
    width: 24px;
    height: 24px
}

.size_24.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 16px
}

.size_24.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 16px;
    height: 16px
}

.size_24.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 2px
}

.size_32.market_avatar_wrapper {
    width: 32px;
    height: 32px
}

.size_32.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 20px
}

.size_32.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 22px;
    height: 22px
}

.size_32.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 2px
}

.size_36.market_avatar_wrapper {
    width: 36px;
    height: 36px
}

.size_36.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 20px
}

.size_36.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 22px;
    height: 22px
}

.size_36.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 2px
}

.size_40.market_avatar_wrapper {
    width: 40px;
    height: 40px
}

.size_40.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 24px
}

.size_40.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 26px;
    height: 26px
}

.size_40.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 2px
}

.size_56.market_avatar_wrapper {
    width: 56px;
    height: 56px
}

.size_56.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 38px
}

.size_56.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 38px;
    height: 38px
}

.size_56.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 4px
}

.size_112.market_avatar_wrapper {
    width: 112px;
    height: 112px
}

.size_112.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 68px
}

.size_112.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 76px;
    height: 76px
}

.size_112.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 4px
}

.size_168.market_avatar_wrapper {
    width: 168px;
    height: 168px
}

.size_168.market_avatar_wrapper .avatar_container .avatar_letter {
    font-size: 110px
}

.size_168.market_avatar_wrapper.muti_avatar_wrapper .avatar_container {
    width: 114px;
    height: 114px
}

.size_168.market_avatar_wrapper.muti_avatar_wrapper .avatar_container:nth-of-type(1) {
    border-width: 6px
}

.cascader_panel {
    display: flex;
    flex-wrap: nowrap;
    position: fixed;
    z-index: 1000000000;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    border-radius: 8px;
    overflow: hidden
}

.cascader_panel.cascader_position_right {
    flex-direction: row-reverse
}

.cascader_panel.cascader_position_right .cascader_menu+.cascader_menu {
    border-left: none;
    border-right: 1px solid var(--BorderLine_prop)
}

.cascader_panel::before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 0
}

.cascader_panel .cascader_menu {
    padding: 8px 0;
    box-sizing: border-box;
    min-width: 120px;
    max-height: 60vh;
    overflow-y: auto
}

.cascader_panel .cascader_menu::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.cascader_panel .cascader_menu::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.cascader_panel .cascader_menu::-webkit-scrollbar-thumb {
    background: var(--BorderLine_prop);
    border-radius: 6px
}

.cascader_panel .cascader_menu::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.cascader_panel .cascader_menu::-webkit-scrollbar-button {
    display: none
}

.cascader_panel .cascader_menu+.cascader_menu {
    border-left: 1px solid var(--BorderLine_prop)
}

.cascader_panel .cascader_menu .cascader_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    color: var(--FontColor_1);
    font-size: 14px;
    line-height: 20px
}

.cascader_panel .cascader_menu .cascader_item:hover {
    background: var(--select_hover)
}

.cascader_panel .cascader_menu .cascader_item.is_leaf {
    cursor: pointer
}

.cascader_panel .cascader_menu .cascader_item.is_hover,
.cascader_panel .cascader_menu .cascader_item.is_in_path {
    background: var(--select_hover);
    font-weight: 600
}

.cascader_panel .cascader_menu .cascader_item.is_active {
    background: var(--color);
    color: #1f2533
}

.cascader_panel .cascader_menu .cascader_item .iconfont {
    font-size: 12px;
    transform: rotateZ(-90deg);
    color: var(--FontColor_2b)
}

.select-reactive-list {
    border: 1px solid var(--BorderLine_m2);
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    min-width: 170px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 20px
}

.select-reactive-list .select_name {
    color: var(--FontColor_1);
    display: block;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

.select-reactive-list .prefix_img {
    width: 24px;
    height: 24px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0
}

.select-reactive-list>.iconfont {
    font-size: 12px;
    margin-left: 4px
}

.select-reactive-list:hover {
    border-color: var(--color) !important
}

.select-reactive-list .scroll-color {
    top: 0 !important;
    right: 5px !important
}

.select-reactive-list-popover {
    position: absolute;
    min-width: 170px;
    width: 100%;
    display: none;
    left: 0;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    box-sizing: border-box;
    top: calc(100% + 8px);
    z-index: 22;
    border-radius: 8px;
    overflow: hidden;
    z-index: 100000004 !important
}

.select-reactive-list-popover.posi-fixed {
    position: fixed
}

.select-reactive-list-popover ul {
    padding: 5px 0;
    max-height: 248px
}

.select-reactive-list-popover li {
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    font-size: 14px;
    padding: 8px 16px !important;
    line-height: 20px !important;
    cursor: pointer
}

.select-reactive-list-popover li .prefix_img {
    width: 24px;
    height: 24px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0
}

.select-reactive-list-popover li:hover {
    background: var(--select_hover)
}

.select-reactive-list-popover .active {
    background: var(--color) !important;
    color: #1f2533
}

.select-reactive-list-popover .scroll-color {
    right: 5px !important
}

.watch_container {
    position: relative;
    overflow: hidden
}

.watch_wrap {
    height: 100%
}

.watch_wrap.hide {
    display: none !important
}

.watch_wrap.LOGO .market_avatar_wrapper {
    display: flex !important
}

.watch_wrap.NEWPRICE .col_price {
    display: flex !important
}

.watch_wrap.HEIGHTLOWPRICE .col_high,
.watch_wrap.HEIGHTLOWPRICE .col_low {
    display: flex !important
}

.watch_wrap.CHA .col_count {
    display: flex !important
}

.watch_wrap.CHAR .col_range {
    display: flex !important;
    flex: .9
}

.watch_wrap.SELLBUYPRICE .col_buy,
.watch_wrap.SELLBUYPRICE .col_sell {
    display: flex !important
}

.watch_wrap.SPREAD .col_spread {
    display: flex !important;
    flex: .6
}

.watch_wrap .watch_thead {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 16px 0 8px
}

.watch_wrap .watch_thead .col {
    padding: 8px 0 8px 8px;
    line-height: 18px;
    color: var(--FontColor_2);
    font-size: 12px
}

.watch_wrap .watch_thead .col.ascending,
.watch_wrap .watch_thead .col.descending {
    color: #00c89c !important
}

.watch_wrap .watch_thead .col.ascending .icon-sort-ascending,
.watch_wrap .watch_thead .col.descending .icon-sort-descending {
    display: flex;
    display: -webkit-flex
}

.watch_wrap .watch_thead .col:hover {
    color: var(--FontColor_1)
}

.watch_wrap .watch_thead .col .sort-icon {
    display: none;
    font-size: 12px
}

.watch_wrap .watch_thead .col .col_content {
    cursor: pointer;
    user-select: none
}

.watch_wrap .scroll_container {
    position: relative;
    height: calc(100% - 37px)
}

.watch_wrap .scroll_container::before {
    content: "";
    position: absolute;
    z-index: 8;
    width: 8px;
    background: 0 0;
    height: 100%;
    left: 0;
    top: 0
}

.watch_wrap .scroll_container::after {
    content: "";
    position: absolute;
    z-index: 8;
    width: 8px;
    background: 0 0;
    height: 100%;
    right: 0;
    top: 0
}

.watch_wrap .scroll_container .watch_tbody {
    height: 100%
}

.watch_wrap .scroll_container .watch_tbody.single_row .name_box {
    display: none !important
}

.watch_wrap .scroll_container .watch_tbody.single_row .name_box.single_name_box {
    display: flex !important
}

.watch_wrap .scroll_container .watch_tbody .watch_item {
    user-select: none
}

.watch_wrap .col {
    align-items: center;
    justify-content: flex-end;
    padding: 6px 0 6px 8px;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    color: var(--FontColor_1);
    overflow: hidden;
    display: none;
    flex: 1
}

.watch_wrap .col:first-of-type {
    margin-left: 0
}

.watch_wrap .col.col_symbol {
    display: flex !important;
    justify-content: flex-start;
    flex: 1.8
}

.watch_wrap .col.col_operate {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 3px;
    height: 100%;
    padding: 0 9px;
    width: auto
}

.watch_wrap .col.col_operate .col_content {
    display: flex;
    display: -webkit-flex
}

.watch_wrap .col.col_operate .iconfont {
    cursor: pointer;
    font-size: 16px
}

.watch_wrap .col.col_operate .iconfont.add_icon {
    color: var(--FontColor_2)
}

.watch_wrap .col.col_operate .iconfont.added_icon {
    display: none;
    color: var(--color)
}

.watch_wrap .col .col_content {
    white-space: nowrap;
    overflow: hidden
}

.watch_wrap .watch_block {
    padding-bottom: 10px
}

.watch_wrap .watch_block .watch_item {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 16px 0 8px;
    box-sizing: border-box;
    cursor: pointer
}

.watch_wrap .watch_block .watch_item:first-of-type .col_symbol .symbol_tooltip {
    top: unset;
    bottom: 0;
    transform: translate(-50%, calc(100% + 6px))
}

.watch_wrap .watch_block .watch_item:first-of-type .col_symbol .symbol_tooltip::after {
    bottom: unset;
    top: 0;
    border-top: unset;
    border-bottom: 4px solid var(--FontColor_1);
    transform: translate(-50%, -100%)
}

.watch_wrap .watch_block .watch_item.is_odd {
    background-color: var(--Bg_g9)
}

.watch_wrap .watch_block .watch_item.is_odd .col_operate {
    background-color: var(--Bg_g9)
}

.watch_wrap .watch_block .watch_item:hover {
    background-color: var(--color_g8)
}

.watch_wrap .watch_block .watch_item:hover .col_operate {
    display: flex;
    display: -webkit-flex;
    background-color: var(--color_g8)
}

.watch_wrap .watch_block .watch_item.focus {
    border-color: var(--color)
}

.watch_wrap .watch_block .watch_item.sticky-top {
    background-color: var(--Bg_g8)
}

.watch_wrap .watch_block .watch_item.sticky-top:hover {
    background-color: var(--Bg_g7)
}

.watch_wrap .watch_block .watch_item.sticky-top:hover .col_operate {
    background-color: var(--Bg_g7)
}

.watch_wrap .watch_block .watch_item .col_symbol {
    position: relative
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    overflow: visible;
    min-width: 1px;
    flex: 1
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .name_box {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    width: 0
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .name_box.single_name_box {
    display: none
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .name_box .principal_name {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .name_box .principal_name .text {
    max-width: calc(100% - 8px);
    overflow: hidden
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .name_box .secondary_name {
    font-size: 12px;
    line-height: 18px;
    color: var(--FontColor_2);
    margin-top: -2px
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .profit_loss_icon_wrapper {
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

.watch_wrap .watch_block .watch_item .col_symbol .col_content .profit_loss_icon_wrapper .price_icon {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 2px;
    flex-shrink: 0
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_sky_blue {
    background: #1fd7f0
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_orange {
    background: #fe7800
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_aquamarine {
    background: var(--color)
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_blue {
    background: #2a78fe
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_red {
    background: #eb413d
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_green {
    background: #01e0af
}

.watch_wrap .watch_block .watch_item .col_symbol .circle_gray.bg_gray {
    background: var(--FontColor_2)
}

.watch_wrap .watch_block .watch_item.selected .col_operate .added_icon {
    display: block
}

.watch_wrap .watch_block .watch_item.selected .col_operate .add_icon {
    display: none
}

.watch_wrap .watch_block .watch_item.watch_abnormal_item .col {
    color: var(--FontColor_2) !important
}

.watch_wrap .watch_block .watch_item.watch_abnormal_item .col_symbol .principal_name {
    color: var(--FontColor_2) !important
}

.watch_wrap .watch_block .more_center {
    display: none
}

.watch_wrap .watch_block .more_center .loading-more {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0
}

.watch_wrap .watch_block .more_center .loading-more:hover .iconfont {
    color: var(--color) !important
}

.watch_wrap .watch_block .more_center .loading-more span {
    line-height: 1;
    font-size: 12px
}

.watch_wrap .watch_block .more_center .loading-more .iconfont {
    top: unset;
    color: var(--FontColor_2)
}

.loading {
    margin-top: 24px;
    height: 300px;
    padding: 110px 0;
    box-sizing: border-box;
    text-align: center
}

.side_layout_container .watch_block .market_avatar_wrapper {
    margin-right: 6px;
    display: none
}

.context-menu .context-menu-item .checked-icon {
    font-size: 16px;
    color: var(--color);
    margin-right: 8px;
    margin-left: -12px;
    width: 13px;
    visibility: hidden
}

.context-menu .context-menu-item .checked-icon.checked-icon-visiable {
    visibility: visible
}

.drag-move-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    z-index: 10;
    pointer-events: none
}

.drag-move-line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid var(--color);
    transform: translateY(-50%);
    box-sizing: border-box
}

.drag-move-line:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    width: calc(100% - 12px);
    height: 100%;
    background: var(--color)
}

.quote-sort-tip-popup .icon-bl-icon-close-def {
    top: 24px !important;
    font-size: 24px !important
}

.quote-sort-tip-popup .quote-sort-body {
    padding: 0 24px 20px;
    text-align: left
}

.quote-sort-tip-popup .quote-sort-body .quote-sort-head {
    padding: 24px 0 15px;
    font-weight: 600;
    font-size: 18px;
    color: var(--FontColor_1);
    line-height: 25px
}

.quote-sort-tip-popup .quote-sort-body .quote-sort-content .tips {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px
}

.quote-sort-tip-popup .quote-sort-body .quote-sort-btn {
    display: block;
    width: 100%;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: #1f2533;
    line-height: 32px
}

.quote-sort-tip-popup .quote-sort-body .quote-sort-btn.quote-sort-btn-confirm {
    background: #01e0af;
    margin-top: 34px
}

.quote-sort-tip-popup .quote-sort-body .quote-sort-btn.quote-sort-btn-cancel {
    background: var(--BgColor);
    border: 1px solid var(--BorderLine_m1);
    margin-top: 12px;
    color: var(--FontColor_1)
}

.global_popup_fixed.add_quote_popup .global_popup_cont {
    min-height: 500px;
    max-height: 700px
}

.symbol_tooltip {
    min-width: 155px;
    max-width: 219px;
    font-size: 12px !important;
    line-height: 17px !important
}

.symbol_tooltip .tooltip_row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-top: 2px
}

.symbol_tooltip .tooltip_row:first-child {
    margin-top: 0
}

.symbol_tooltip .tooltip_row.bg_sky_blue {
    color: #1fd7f0
}

.symbol_tooltip .tooltip_row.bg_sky_blue .circle {
    background: #1fd7f0
}

.symbol_tooltip .tooltip_row.bg_orange {
    color: #fe7800
}

.symbol_tooltip .tooltip_row.bg_orange .circle {
    background: #fe7800
}

.symbol_tooltip .tooltip_row.bg_aquamarine {
    color: var(--color)
}

.symbol_tooltip .tooltip_row.bg_aquamarine .circle {
    background: var(--color)
}

.symbol_tooltip .tooltip_row.bg_blue {
    color: #2a78fe
}

.symbol_tooltip .tooltip_row.bg_blue .circle {
    background: #2a78fe
}

.symbol_tooltip .tooltip_row.bg_red {
    color: #eb413d
}

.symbol_tooltip .tooltip_row.bg_red .circle {
    background: #eb413d
}

.symbol_tooltip .tooltip_row.bg_green {
    color: #01e0af
}

.symbol_tooltip .tooltip_row.bg_green .circle {
    background: #01e0af
}

.symbol_tooltip .tooltip_row.bg_gray {
    color: var(--FontColor_2)
}

.symbol_tooltip .tooltip_row.bg_gray .circle {
    background: var(--FontColor_2)
}

.symbol_tooltip .tooltip_row .circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px
}

.module_box-quote .filter_category {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px 0
}

.module_box-quote .filter_category .left_side,
.module_box-quote .filter_category .right_side {
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.module_box-quote .filter_category .left_side {
    gap: 6px;
    margin-right: 8px;
    height: 32px
}

.module_box-quote .filter_category .left_side .select-reactive-list {
    border: none;
    justify-content: flex-start;
    padding: 6px 12px;
    color: var(--FontColor_1);
    background: var(--color_g8);
    min-width: unset;
    height: auto;
    border-radius: 8px
}

.module_box-quote .filter_category .left_side .select-reactive-list>.iconfont {
    color: var(--FontColor_2)
}

.module_box-quote .filter_category .right_side {
    gap: 12px
}

.module_box-quote .filter_category .right_side .filter_href {
    font-size: 14px;
    line-height: 20px;
    color: var(--FontColor_1);
    display: flex;
    align-items: center
}

.module_box-quote .filter_category .right_side .filter_href .label_icon {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.module_box-quote .filter_category .right_side .iconfont {
    font-size: 20px;
    color: var(--FontColor_1);
    cursor: pointer
}

.module_box-quote .filter_category .right_side .close_module_icon {
    display: none
}

.module_box-quote.main_500 .filter_category .right_side .filter_href span {
    display: none
}

.trade_platform_category_list .select-reactive-list-popover,
.trade_quote_sub_category_list .select-reactive-list-popover {
    min-width: 150px;
    width: max-content !important
}

.trade_platform_category_list .select-reactive-list-popover ul,
.trade_quote_sub_category_list .select-reactive-list-popover ul {
    max-height: 80vh;
    overflow-y: auto
}

.trade_platform_category_list .select-reactive-list-popover ul::-webkit-scrollbar,
.trade_quote_sub_category_list .select-reactive-list-popover ul::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.trade_platform_category_list .select-reactive-list-popover ul::-webkit-scrollbar-track,
.trade_quote_sub_category_list .select-reactive-list-popover ul::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.trade_platform_category_list .select-reactive-list-popover ul::-webkit-scrollbar-thumb,
.trade_quote_sub_category_list .select-reactive-list-popover ul::-webkit-scrollbar-thumb {
    background: var(--BorderLine_prop);
    border-radius: 6px
}

.trade_platform_category_list .select-reactive-list-popover ul::-webkit-scrollbar-thumb:hover,
.trade_quote_sub_category_list .select-reactive-list-popover ul::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.trade_platform_category_list .select-reactive-list-popover ul::-webkit-scrollbar-button,
.trade_quote_sub_category_list .select-reactive-list-popover ul::-webkit-scrollbar-button {
    display: none
}

.trade_platform_category_list .select-reactive-list-popover ul>li .prefix_img,
.trade_quote_sub_category_list .select-reactive-list-popover ul>li .prefix_img {
    padding: 0;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    box-sizing: content-box
}

.trade_platform_category_list .select-reactive-list-popover ul>li.active .prefix_img,
.trade_quote_sub_category_list .select-reactive-list-popover ul>li.active .prefix_img {
    border: 1px solid rgba(31, 37, 51, .4)
}

.i-custom\:add,
.i-custom\:add-bold,
.i-custom\:add-emoji,
.i-custom\:add-friend,
.i-custom\:add-group,
.i-custom\:at,
.i-custom\:at_menu,
.i-custom\:back,
.i-custom\:blacklist,
.i-custom\:canceladmin,
.i-custom\:cancelcollect,
.i-custom\:chat_featrue_file,
.i-custom\:chat_featrue_history,
.i-custom\:chat_featrue_more,
.i-custom\:chat_featrue_notice,
.i-custom\:chat_featrue_pic,
.i-custom\:chat_featrue_rank,
.i-custom\:collect,
.i-custom\:collection_all,
.i-custom\:collection_file,
.i-custom\:collection_picture,
.i-custom\:collection_records,
.i-custom\:collection_voice,
.i-custom\:command,
.i-custom\:commandfriend,
.i-custom\:copy,
.i-custom\:cut,
.i-custom\:delete,
.i-custom\:download,
.i-custom\:download-qr,
.i-custom\:edit,
.i-custom\:editname,
.i-custom\:expanding-top,
.i-custom\:expandright,
.i-custom\:expression,
.i-custom\:fb-add,
.i-custom\:fb-add-friend,
.i-custom\:fb-add-group,
.i-custom\:fb-address,
.i-custom\:fb-close,
.i-custom\:fb-full,
.i-custom\:fb-notifica,
.i-custom\:fb-search,
.i-custom\:files,
.i-custom\:folder,
.i-custom\:forbid,
.i-custom\:forward,
.i-custom\:forward-arrow,
.i-custom\:hide,
.i-custom\:icon_warning,
.i-custom\:input-clear,
.i-custom\:input-search,
.i-custom\:iphone,
.i-custom\:left-forward-arrow,
.i-custom\:link,
.i-custom\:logout,
.i-custom\:message,
.i-custom\:more,
.i-custom\:move,
.i-custom\:msg,
.i-custom\:msg-error,
.i-custom\:msg-warn,
.i-custom\:multiple,
.i-custom\:new,
.i-custom\:new-msg,
.i-custom\:notename,
.i-custom\:notifica,
.i-custom\:open,
.i-custom\:owner,
.i-custom\:pictures,
.i-custom\:pintop,
.i-custom\:preview,
.i-custom\:read,
.i-custom\:recall,
.i-custom\:reissue,
.i-custom\:remove-bold,
.i-custom\:reply,
.i-custom\:report-unchecked,
.i-custom\:safe,
.i-custom\:saveas,
.i-custom\:search-delete,
.i-custom\:selected-disabled,
.i-custom\:send,
.i-custom\:sendcard,
.i-custom\:setadmin,
.i-custom\:share,
.i-custom\:share-link,
.i-custom\:share-qrcode,
.i-custom\:side-address,
.i-custom\:side-chat,
.i-custom\:side-collect,
.i-custom\:slient,
.i-custom\:star,
.i-custom\:tag,
.i-custom\:time,
.i-custom\:transfer,
.i-custom\:translate,
.i-custom\:unforbid,
.i-custom\:unread,
.i-custom\:unstar,
.i-custom\:untop,
.i-custom\:upload,
.i-custom\:video,
.i-custom\:view-circle,
.i-custom\:view-close,
.i-custom\:view-download,
.i-custom\:view-edit,
.i-custom\:view-painting-brush,
.i-custom\:view-rect,
.i-custom\:view-restore,
.i-custom\:view-right-up-arrow,
.i-custom\:view-rotate,
.i-custom\:view-tick,
.i-custom\:view-tshape,
.i-custom\:view-undo,
.i-custom\:view-zoom-in,
.i-custom\:view-zoom-out,
.i-custom\:vip-dark,
.i-custom\:vip-light,
.i-custom\:voice,
.i-custom\:voicecall {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-custom\:add {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M3.222 10.778a5.46 5.46 0 0 0 9.253-3.864.5.5 0 0 0-1-.011 4.46 4.46 0 0 1-7.559 3.156 4.46 4.46 0 0 1 5.09-7.2.5.5 0 0 0 .447-.895 5.48 5.48 0 0 0-4.464-.186 5.46 5.46 0 0 0-1.768 9'/%3E%3Cpath d='M5.935 8.03h1.962a.5.5 0 1 1 0 1H5.935a.5.5 0 0 1 0-1'/%3E%3Cellipse cx='5.205' cy='5.663' rx='1' ry='1.038'/%3E%3Cellipse cx='8.435' cy='5.663' rx='1' ry='1.038'/%3E%3Cpath d='M11.628 2.086a.5.5 0 0 1 .5.5v.615h.615a.5.5 0 1 1 0 1h-.616v.616a.5.5 0 1 1-1 0v-.616h-.615a.5.5 0 1 1 0-1h.615v-.615a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:add-bold {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M512 0a64 64 0 0 1 64 64v384h384a64 64 0 1 1 0 128H576v384a64 64 0 1 1-128 0l-.064-384H64a64 64 0 1 1 0-128h383.936L448 64a64 64 0 0 1 64-64'/%3E%3C/svg%3E")
}

.i-custom\:add-emoji {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M7.832.828a7 7 0 0 1 3.497.698.64.64 0 0 1 .28.866.657.657 0 0 1-.871.3 5.74 5.74 0 0 0-2.856-.57 5.9 5.9 0 0 0-1.865.423A5.9 5.9 0 0 0 3.99 3.92c-2.24 2.32-2.215 5.979.057 8.173s5.93 2.091 8.17-.229A5.88 5.88 0 0 0 13.879 7.9a.665.665 0 0 1 .662-.648c.357 0 .641.29.633.649a7.2 7.2 0 0 1-2.035 4.855c-2.743 2.84-7.22 2.966-10.002.28C.357 10.35.325 5.87 3.068 3.03a7.25 7.25 0 0 1 2.483-1.684A7.2 7.2 0 0 1 7.832.828m1.193 8.35a.571.571 0 0 1 0 1.142H6.783a.571.571 0 0 1 0-1.143zM5.948 5.285c.437 0 .791.531.791 1.186 0 .656-.354 1.187-.79 1.187-.438 0-.792-.531-.792-1.187 0-.655.354-1.186.791-1.186m3.693 0c.436 0 .79.531.79 1.186 0 .656-.354 1.187-.79 1.187s-.792-.531-.792-1.187c0-.655.355-1.186.792-1.186m3.648-2.901a.57.57 0 0 1 .571.57v.704h.704a.571.571 0 1 1 0 1.143h-.704v.703a.571.571 0 0 1-1.143 0v-.703h-.703a.571.571 0 1 1 0-1.143h.703v-.703c0-.316.256-.571.572-.571'/%3E%3C/svg%3E")
}

.i-custom\:add-friend {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M10.371 9.857c.284 0 .515.23.515.514v.857h.857c.284 0 .514.23.514.515v.114c0 .284-.23.514-.514.514h-.858v.743a.514.514 0 1 1-1.028 0v-.743H9a.514.514 0 0 1-.514-.514v-.114c0-.284.23-.514.514-.514h.856l.001-.858c0-.284.23-.514.514-.514M6.943.371c3.432 0 6.228 2.618 6.228 5.866 0 .968-.232 1.85-.684 2.65a.571.571 0 1 1-.995-.56c.355-.63.537-1.32.537-2.09 0-2.6-2.27-4.723-5.086-4.723S1.857 3.637 1.857 6.237c0 1.586 1.517 3.365 3.258 4.42.567.343.431.872.006 1.414-.264.337-.708.768-1.34 1.307a.571.571 0 1 1-.742-.87l.4-.35q.458-.412.696-.688l.044-.054-.123-.083C2.29 10.127.84 8.326.722 6.478l-.008-.241C.714 2.989 3.511.37 6.943.37M6.57 7.156q.004.007.037.02l.097.023q.064.013.16.02l.23.01c.367 0 .55-.06.587-.11a.571.571 0 0 1 .922.676c-.3.408-.814.576-1.509.576-.708 0-1.223-.174-1.495-.613a.571.571 0 1 1 .971-.602'/%3E%3C/svg%3E")
}

.i-custom\:add-group {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='currentColor' stroke-width='1.143' d='M8.925 4.371A4.224 4.224 0 0 0 4.714 8.6a4.224 4.224 0 0 0 4.211 4.229c.796 0 1.54-.222 2.176-.607.163-.1.542-.125 1.132.13.242.105.53.24.79.265.102-.595-.086-1.01-.208-1.292.145-1.299.322-1.992.322-2.725a4.224 4.224 0 0 0-4.212-4.229Z'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M6.737.714a6.32 6.32 0 0 1 5.792 3.8 5.4 5.4 0 0 0-1.934-.903 5.14 5.14 0 0 0-3.858-1.74c-2.85 0-5.162 2.321-5.162 5.186 0 .812.184 1.594.535 2.303.133.269.143.49.11.72a1.5 1.5 0 0 1-.059.246 3 3 0 0 1-.059.166l-.094.226-.185.439-.068.17q-.082.215-.136.394l-.025.089-.022.088c.102-.033.215-.075.354-.132l.086-.036.412-.177.144-.059.128-.048.154-.053c.423-.136.747-.157 1.15.065l.199.116q.21.12.432.22a5.5 5.5 0 0 0 1.437 1.57 6.3 6.3 0 0 1-2.597-.876c-.34-.207-2.056 1.157-2.846.41s.527-2.864.448-3.025a6.3 6.3 0 0 1-.656-2.816c0-3.503 2.83-6.343 6.32-6.343'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:at {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='currentColor' d='M12.102 6.84q.121-.667.876-.508.753.158.638.746l-.907 3.182q-.129.454-.184.67a1.6 1.6 0 0 0-.056.381q0 .256.171.483t.547.226q.735 0 1.474-.961.74-.96.74-2.55 0-2.35-2.017-3.376-1.265-.65-2.846-.65-2.905 0-4.665 1.778-1.59 1.606-1.59 3.854 0 2.495 1.863 3.956 1.65 1.29 4.025 1.29 1.623 0 3.033-.598a8 8 0 0 0 1.59-.897l.205-.145q.483-.283.763.145t-.14.812a9.2 9.2 0 0 1-2.627 1.431 8.9 8.9 0 0 1-2.935.491q-3.546 0-5.495-2.204-1.614-1.829-1.615-4.333 0-2.802 2.017-4.75 2.119-2.06 5.426-2.06 2.691 0 4.46 1.41 1.863 1.486 1.863 3.948 0 1.94-1.179 3.328-1.179 1.389-2.692 1.389-.786 0-1.209-.445-.423-.443-.423-.914a2 2 0 0 1 .017-.29q-.324.615-.726.982-.726.658-1.743.658-1.034 0-1.722-.743-.687-.744-.688-2.077 0-1.546 1.051-2.896 1.052-1.35 2.58-1.35.899 0 1.394.495.375.385.504.88zm-3.597 4.838q.282.385.803.385.915 0 1.5-1.389.585-1.388.585-2.183 0-.453-.274-.76-.273-.308-.734-.308-.89 0-1.53 1.107-.64 1.105-.64 2.14 0 .624.29 1.008'/%3E%3C/svg%3E")
}

.i-custom\:at_menu {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M10.308 4.762q.28-.572.79-.452.513.12.513.607l-.923 3.338q-.13.475-.186.703a1.7 1.7 0 0 0-.057.4c0 .179-.11.369.243.645.354.277.354.193.723.193q.747 0 1.499-1.008t.752-2.676q0-2.464-2.051-3.54c-.858-.454-1.822-.845-2.894-.845-1.97 0-3.638.694-4.832 1.937C2.808 5.187 2.193 6.638 2.193 8.21c0 1.745.733 3.204 1.996 4.226 1.119.902 2.528 1.43 4.138 1.43 1.1 0 2.23-.287 3.185-.705.521-.221 1.036-.556 1.592-.962q.676-.428.925-.067.249.36-.228.775c-.823.657-1.627 1.234-2.586 1.578A8.8 8.8 0 0 1 8.23 15q-3.606 0-5.588-2.312Q1 10.768 1 8.143q0-2.94 2.05-4.983Q5.208 1 8.57 1c1.824 0 3.147.527 4.34 1.386s1.955 2.492 1.955 4.213c0 1.357-.265 2.433-1.064 3.404-.8.971-1.677 1.455-2.702 1.455q-.8 0-1.23-.466c-.287-.311-.461-.646-.461-.826v-.163c0-.118.007-.106.013-.166q-.33.645-.739 1.031-.738.69-1.773.69-1.05 0-1.75-.78t-.7-2.177q0-1.623 1.069-3.039t2.624-1.416q.912 0 1.417.52.382.403.512.923zM5.856 9.805c.177.276.747.685 1.075.685 1.262 0 1.443-.901 1.81-1.899q.554-1.495.553-2.352c0-.326.09-.684-.252-1.005C8.699 4.914 8.339 5 8.048 5c-.559 0-1.459.616-1.862 1.411s-.605 1.564-.605 2.307q0 .672.275 1.087'/%3E%3C/svg%3E")
}

.i-custom\:back {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M10.845 14.252a1 1 0 0 1-1.322-.004l-.089-.09L4.83 8.902a1.33 1.33 0 0 1-.075-1.662l.09-.111 4.8-5.3a1 1 0 0 1 1.562 1.245l-.079.098-4.401 4.86 4.212 4.81a1 1 0 0 1-.005 1.323z'/%3E%3C/svg%3E")
}

.i-custom\:blacklist {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath d='M7.356 1a3.64 3.64 0 0 1 3.533 2.74 3.62 3.62 0 0 1-1.806 4.08c-.314.196-.943.46-1.727.465-2.55 0-4.627 1.948-4.627 4.352a.364.364 0 0 1-.729 0 5.125 5.125 0 0 1 3.629-4.816 3.62 3.62 0 0 1-1.806-4.08A3.64 3.64 0 0 1 7.356 1m0 1a2.65 2.65 0 1 0 0 5.3 2.65 2.65 0 0 0 0-5.3'/%3E%3Cpath fill-rule='nonzero' d='M1.866 12.695C2.39 9.13 4.27 7.084 7.496 7.288c.785.05.666 1.043-.028.993-2.73-.195-4.167 1.533-4.613 4.56a.5.5 0 0 1-.99-.146'/%3E%3Cpath d='m9.207 9.409 2.206 1.918a.5.5 0 1 1-.656.754l-2.206-1.918a.5.5 0 1 1 .656-.754'/%3E%3Cpath fill-rule='nonzero' d='M10.006 8.255a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:canceladmin {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath d='m11.295 11.502 1.276 1.184a.5.5 0 1 1-.988.155 10 10 0 0 0-.288-1.34M3.292 4.09l.977.905a2.65 2.65 0 0 0 2.277 2.282l.186-.001 1.092 1.01-.109-.009-.252 2.805c0 .276-.143.5-.42.5-.275 0-.37-.224-.37-.5l-.25-2.775a4.75 4.75 0 0 0-2.645 1.116c-.717.786-1.167 1.949-1.383 3.418a.5.5 0 0 1-.99-.146c.388-2.631 1.514-4.436 3.374-5.118A3.62 3.62 0 0 1 3.292 4.09M6.896 1a3.64 3.64 0 0 1 3.533 2.74 3.62 3.62 0 0 1-1.356 3.796c1.42.472 2.425 1.579 3.018 3.197L8.082 7.02A2.649 2.649 0 0 0 6.896 2a2.65 2.65 0 0 0-2.454 1.649l-.77-.713A3.65 3.65 0 0 1 6.896 1'/%3E%3Cpath fill-rule='nonzero' d='M.347 1.977a.55.55 0 0 1 .692-.097l.089.067 11.27 10.442a.552.552 0 0 1-.662.878l-.089-.068L.377 2.758a.55.55 0 0 1-.03-.781'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:cancelcollect {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='m2.899 1.848.65.785C2.643 3.087 2 4.103 2 5.296c0 .727.16 1.203.686 2.058l.134.215c.458.725 1.27 1.617 2.393 2.638.31.281.63.561.95.828l.327.27.306.246.106.082c-.055-.043.25-.039.205-.009l.105-.08.294-.237.324-.268a32 32 0 0 0 1.534-1.377l.637.773-.04.04q-.243.232-.503.469c-.33.3-.662.59-.985.86l-.329.273-.304.246-.11.085-.042.03c-.342.22-1.114.211-1.408-.022l-.096-.075-.32-.256-.338-.279c-.323-.27-.655-.56-.986-.86-1.128-1.025-2.028-1.994-2.565-2.842l-.137-.219C1.248 6.925 1 6.268 1 5.296c0-1.483.766-2.784 1.899-3.448m6.49-.468C11.391 1.38 13 3.148 13 5.296c0 1.044-.286 1.725-.975 2.808-.287.449-.674.931-1.142 1.439l-.644-.778q.598-.66.942-1.198C11.823 6.56 12 6.07 12 5.297c0-1.564-1.101-2.82-2.454-2.912l-.154-.006-.057.001-.082.004a2.47 2.47 0 0 0-1.537.676l-.027.025-.692.657-.688-.66-.07-.065a2.5 2.5 0 0 0-1.258-.608l-.826-.998q.225-.03.457-.031a3.45 3.45 0 0 1 2.292.89l.073.066L7 2.36l.027-.026a3.47 3.47 0 0 1 2.166-.948l.097-.005z'/%3E%3Cpath d='M1.97.848a.56.56 0 0 1 .754.038l.032.036 8.57 10.36a.56.56 0 0 1-.073.787c-.226.186-.498.1-.7-.104l-.032-.036-8.57-10.36c-.197-.237-.22-.524.018-.721'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:chat_featrue_file {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M701.724444 187.733333H464.952889l84.195555 92.444445h158.776889l5.802667 0.341333c22.357333 2.275556 39.879111 20.650667 39.879111 42.666667 23.324444 0.284444 39.936 1.763556 49.664 4.551111 12.515556 3.470222 29.411556 11.264 50.631111 23.210667v-15.928889l-0.341333-9.671111c-5.461333-77.539556-71.793778-137.614222-151.893333-137.614223zM380.302222 158.492444c36.693333 0 71.736889 14.449778 97.678222 39.992889l7.452445 7.964445 84.764444 97.905778c8.817778 10.126222 20.935111 16.497778 34.076445 18.204444l6.599111 0.398222h154.339555a155.192889 155.192889 0 0 1 154.908445 145.749334l0.284444 9.443555v250.481778a155.192889 155.192889 0 0 1-145.749333 154.908444l-9.443556 0.284445H258.787556a155.192889 155.192889 0 0 1-154.908445-145.749334l-0.284444-9.443555V313.685333A155.192889 155.192889 0 0 1 249.344 158.72l9.443556-0.284444h121.514666z m0 85.333334H258.844444c-36.124444 0-65.877333 27.477333-69.461333 62.691555l-0.398222 7.168v414.947556c0 36.181333 27.534222 65.877333 62.748444 69.461333l7.111111 0.398222h506.424889c36.124444 0 65.877333-27.534222 69.461334-62.748444l0.398222-7.111111V478.151111c0-36.181333-27.534222-65.934222-62.748445-69.518222l-7.111111-0.341333h-154.339555c-36.636444 0-71.68-14.506667-97.621334-40.049778l-7.509333-7.964445-84.764444-97.848889a53.76 53.76 0 0 0-40.675556-18.602666zM629.816889 534.357333H394.24a42.666667 42.666667 0 1 0 0 85.333334h235.633778a42.666667 42.666667 0 0 0 0-85.333334z'/%3E%3C/svg%3E")
}

.i-custom\:chat_featrue_history {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 164 164' width='164' height='164'%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='m81.911 0 2.511.044c44.191 1.38 79.303 37.599 79.312 81.812a81.22 81.22 0 0 1-27.356 61.21l-1.422 1.19v9.5c0 4.344-3.445 8.477-7.623 9.655l-1.144.233-1.178.09h-46.5C34.844 161.866 0 125.643 0 81.866.006 38.679 33.555 2.92 76.656.167l2.7-.134zm-.078 16.644-2.01.056c-33.275 1.043-60.42 26.985-62.967 60.178l-.145 2.555-.044 2.434c0 33 25.033 60.933 57.166 64.8l2.49.255 2.31.145 39.656-.011v-4.078c0-3.045 1.011-5.99 2.911-8.467l1.022-1.2 1.178-1.078a64.58 64.58 0 0 0 23.668-50.366c0-33.445-25.301-61.334-58.035-64.823l-2.533-.222-2.4-.11zM77.99 40.711a8.33 8.33 0 0 1 7.922 5.867l.311 1.222.1 1.244-.022 33.523 20.256 23.222c2.11 2.422 2.588 5.733 1.388 8.655l-.522 1.067-.789 1.145-.877.9a8.32 8.32 0 0 1-9.712.855l-1.144-.778-.889-.889-22.3-25.555a8.14 8.14 0 0 1-1.667-3l-.288-1.222-.112-1.256V49.044a8.333 8.333 0 0 1 8.334-8.333z'/%3E%3C/svg%3E")
}

.i-custom\:chat_featrue_more {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M793.6 420.978a91.022 91.022 0 1 1 0 182.044 91.022 91.022 0 0 1 0-182.044m-281.6 0a91.022 91.022 0 1 1 0 182.044 91.022 91.022 0 0 1 0-182.044m-281.6 0a91.022 91.022 0 1 1 0 182.044 91.022 91.022 0 0 1 0-182.044'/%3E%3C/svg%3E")
}

.i-custom\:chat_featrue_notice {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='m836.722 351.687-15.93-77.938c92.73 24.576 148.708 79.815 167.994 165.775C1001.87 506.652 960 569.97 895.488 636.245c-8.533-41.529-13.995-68.721-16.498-81.408 46.65-46.08 62.35-85.333 47.047-117.76-1.536-2.389-8.533-24.86-39.822-52.167-9.557-8.42-26.055-19.456-49.493-33.223M669.98 140.914l-8.362 3.925L86.812 444.871A98.65 98.65 0 0 0 33.85 535.04l.569 8.647 19.456 167.538a98.645 98.645 0 0 0 89.258 86.926l8.761.341 122.425-.056 10.07 57.685c5.063 28.786 25.713 51.769 53.134 60.53l7.623 1.99 7.964 1.252 7.737.455h58.425c40.391 0 73.557-30.833 77.312-70.2l.341-7.453v-44.26h309.874l8.534-.568 9.5-1.48a102 102 0 0 0 80.612-112.241l-1.366-8.25-95.289-461.368a102 102 0 0 0-5.518-17.977l-4.267-9.102-4.608-7.965a102 102 0 0 0-124.359-38.627zm53.647 86.642.91 2.104.626 2.22 95.289 461.368a16.67 16.67 0 0 1-12.914 19.627l-3.414.341H454.258a42.67 42.67 0 0 0-42.326 36.92l-.398 5.747v79.132h-44.202l-15.247-86.471a42.67 42.67 0 0 0-35.84-34.873l-6.144-.455H151.893a13.31 13.31 0 0 1-12.458-8.533l-.797-3.243-19.399-167.538a13.31 13.31 0 0 1 4.38-11.491l2.674-1.82L701.156 220.5a16.67 16.67 0 0 1 22.47 7.055'/%3E%3C/svg%3E")
}

.i-custom\:chat_featrue_pic {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M759.125 142.222a173.51 173.51 0 0 1 173.17 163.271l.285 10.183v365.227a173.51 173.51 0 0 1-163.272 173.17l-10.24.284H273.067a173.51 173.51 0 0 1-173.17-163.27l-.285-10.24V315.62a173.51 173.51 0 0 1 163.272-173.113l10.183-.285h486.115zm0 85.334H273.01a88.18 88.18 0 0 0-87.78 80.1l-.341 7.964v365.226a88.18 88.18 0 0 0 80.1 87.837l7.964.341h486.172a88.18 88.18 0 0 0 87.78-80.1l.341-8.02V315.675c0-48.696-39.48-88.12-88.178-88.12zm-74.012 360.846 162.247 88.746v.854a90.57 90.57 0 0 1-37.376 75.89L648.42 665.429l-6.429-2.56c-29.582-10.297-89.315-12.97-132.95-5.006l-286.89 96.029-14.791-12.914a56.9 56.9 0 0 1-18.09-30.663l-4.381-19.855 302.08-114.744 17.067-3.072c65.706-9.672 140.06-3.414 181.077 15.758M291.556 429.227a60.473 60.473 0 1 0 120.945 0 60.473 60.473 0 1 0-120.945 0'/%3E%3C/svg%3E")
}

.i-custom\:chat_featrue_rank {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='m820.622 135.623 5.69 7.225 5.972 9.33 116.338 206.79 4.438 9.103c20.536 47.957 1.308 103.993-44.772 129.138a102.97 102.97 0 0 1-57.742 12.288l-3.527-.512L769.08 733.81c-45.397 111.16-99.67 162.873-182.329 173.966l-10.98 1.195-11.264.796-10.467.285h-21.39l-37.66-.285-19.343-.512-21.902-1.251-20.025-1.935-19.229-2.275c-56.092-6.998-116.736-67.982-143.758-134.998l-3.982-10.638-87.95-247.637-2.446.398c-9.9.853-19.912.228-29.81-1.877l-9.899-2.617-9.671-3.584-8.59-4.153a101.717 101.717 0 0 1-44.26-130.39l3.926-7.964L194.389 153.6a103.196 103.196 0 0 1 139.378-39.993 101.717 101.717 0 0 1 44.26 130.39l-3.869 7.964-8.988 15.758 6.542 1.934c28.103 7.908 55.751 13.71 82.204 17.295l19.627 2.275 19.115 1.365 19.91.57a508.6 508.6 0 0 0 117.875-15.474l20.707-5.348 10.695-3.186-9.33-16.668-4.437-9.102a101.72 101.72 0 0 1 36.978-124.416l7.794-4.78a103.31 103.31 0 0 1 127.772 23.44m-86.87 51.485a16.44 16.44 0 0 0-8.02 18.488l1.308 3.414 31.858 56.718a42.67 42.67 0 0 1-5.69 49.607c-9.898 10.809-20.82 18.773-32.54 22.756-71.907 24.633-142.904 38.286-208.156 38.343-65.138 0-136.135-13.767-208.1-38.343a63.32 63.32 0 0 1-37.83-35.385 42.67 42.67 0 0 1-.626-31.574l2.787-5.916 29.867-52.964 1.99-4.266a16.384 16.384 0 0 0-7.68-19.456 17.92 17.92 0 0 0-21.788 3.584l-2.389 3.356-115.2 204.573-1.991 4.266a16.384 16.384 0 0 0 7.737 19.456c4.551 2.503 9.785 2.845 15.075.74l10.07-5.12a42.67 42.67 0 0 1 38.798 3.755c10.695 6.883 19.342 16.725 24.69 28.046l2.844 6.997 99.385 279.325c16.327 38.855 53.988 79.018 74.923 81.635l9.102 1.138 30.436 2.958 14.961.797 17.579.455 56.32.227c62.18-.796 95.004-26.169 130.844-109.283l4.893-11.72 86.528-249.002 3.698-7.737c6.656-11.72 16.554-21.22 28.501-27.136a42.67 42.67 0 0 1 35.157-1.308l9.103 4.721c4.949 1.991 10.467 1.707 15.189-.91a16.44 16.44 0 0 0 8.078-18.489l-1.365-3.413-116.736-207.474-2.674-3.072-3.47-2.674a17.98 17.98 0 0 0-17.465-.113'/%3E%3C/svg%3E")
}

.i-custom\:collect {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M11.14 1.5a3 3 0 0 1 3 3v8.545a1.5 1.5 0 0 1-2.185 1.335L8.02 12.167 4.084 14.38A1.5 1.5 0 0 1 1.9 13.045V4.5a3 3 0 0 1 3-3zm0 1.14H4.9A1.86 1.86 0 0 0 3.04 4.5v8.545a.36.36 0 0 0 .524.32L7.5 11.153l.52-.267.52.267 3.935 2.212a.36.36 0 0 0 .525-.32V4.5a1.86 1.86 0 0 0-1.86-1.86'/%3E%3C/svg%3E")
}

.i-custom\:collection_all {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='currentColor' d='M10.4 1.2H5.6a4.4 4.4 0 0 0-4.4 4.4v4.8a4.4 4.4 0 0 0 4.4 4.4h4.8a4.4 4.4 0 0 0 4.4-4.4V5.6a4.4 4.4 0 0 0-4.4-4.4M5.6 3.6h4.8a2 2 0 0 1 2 2v4.8a2 2 0 0 1-2 2H5.6a2 2 0 0 1-2-2V5.6a2 2 0 0 1 2-2m4.8 13.6H5.6a4.4 4.4 0 0 0-4.4 4.4v4.8a4.4 4.4 0 0 0 4.4 4.4h4.8a4.4 4.4 0 0 0 4.4-4.4v-4.8a4.4 4.4 0 0 0-4.4-4.4m-4.8 2.4h4.8a2 2 0 0 1 2 2v4.8a2 2 0 0 1-2 2H5.6a2 2 0 0 1-2-2v-4.8a2 2 0 0 1 2-2M26.4 1.2h-4.8a4.4 4.4 0 0 0-4.4 4.4v4.8a4.4 4.4 0 0 0 4.4 4.4h4.8a4.4 4.4 0 0 0 4.4-4.4V5.6a4.4 4.4 0 0 0-4.4-4.4m-4.8 2.4h4.8a2 2 0 0 1 2 2v4.8a2 2 0 0 1-2 2h-4.8a2 2 0 0 1-2-2V5.6a2 2 0 0 1 2-2m6.36 15.2a1.2 1.2 0 0 1 .17 2.388l-.006.001-.163.011h-7.96a1.2 1.2 0 0 1-.17-2.388l.006-.001L20 18.8zm.04 8a1.2 1.2 0 0 1 .17 2.388l-.006.001-.163.011h-8a1.2 1.2 0 0 1-.17-2.388l.006-.001L20 26.8z'/%3E%3C/svg%3E")
}

.i-custom\:collection_file {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='currentColor' d='m13.548 3.724-.114.017-.517.165.405.243c.296.179.563.405.791.669l1.459 1.54.164.076h8.214l.221.012c1.029.102 2.333 1.253 2.333 2.269l-.508 1.039.215.215h.703l.308.016a3.2 3.2 0 0 1 1.577.593l.341-.176-.002-1.382-.009-.305c-.167-2.8-2.54-4.992-5.416-4.992H13.547zm-2.442-1.723a4.7 4.7 0 0 1 3.452 1.53l.003.003.221.252 3.15 3.872c.384.472.92.768 1.496.836l.248.014h5.733c2.912 0 5.285 2.421 5.445 5.464l.009.327v9.909c0 3.086-2.274 5.614-5.143 5.784l-.31.009H6.594c-2.912 0-5.285-2.421-5.445-5.464l-.009-.327V7.793c0-3.086 2.274-5.614 5.143-5.784L6.593 2zm0 2.681H6.592c-1.523 0-2.778 1.254-2.9 2.855l-.009.257v16.414c0 1.637 1.179 2.972 2.671 3.102l.238.01h18.816c1.523 0 2.778-1.254 2.9-2.855l.009-.257V14.3c0-1.637-1.179-2.972-2.671-3.101l-.238-.01h-5.733a4.7 4.7 0 0 1-3.452-1.53l-.003-.003-.221-.25-3.15-3.873a2.25 2.25 0 0 0-1.743-.849h-.001zm.155 16.488h9.477q1.292 0 1.292 1.292t-1.292 1.292h-9.477q-1.292 0-1.292-1.292t1.292-1.292'/%3E%3C/svg%3E")
}

.i-custom\:collection_picture {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='currentColor' d='M24.767 3.414a6 6 0 0 1 5.998 6v13.173a6 6 0 0 1-5.998 5.998H7.235a6 6 0 0 1-6-5.997V9.413a6 6 0 0 1 6-6zm-4.013 18.182c-1.034-.379-3.064-.512-4.712-.275l-.265.043-11.031 3.949c.656.6 1.53.965 2.488.965h17.532a3.69 3.69 0 0 0 2.858-1.354l-6.665-3.241zm4.013-15.873H7.235a3.69 3.69 0 0 0-3.692 3.692v13.173q.001.348.062.68l11.495-4.11.182-.048.428-.071c2.178-.315 4.826-.102 6.245.562l6.499 3.159.006-.171V9.414a3.69 3.69 0 0 0-3.692-3.692zm-14.684 5.606.058-.001a2.181 2.181 0 0 1 0 4.362l-.061-.001h.003a2.182 2.182 0 0 1-.003-4.36z'/%3E%3C/svg%3E")
}

.i-custom\:collection_records {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='currentColor' d='m15.998 1.315.46.008c7.93.241 14.228 6.753 14.228 14.678v.077a14.53 14.53 0 0 1-5.318 11.251l-.025.02v2.001c0 .668-.665 1.335-1.332 1.335H15.4c-7.811-.333-14.085-6.808-14.085-14.684 0-7.925 6.298-14.438 14.226-14.678l.46-.008zm-.001 2.321-.384.006c-6.542.201-11.772 5.473-11.97 11.975l-.008.382c0 6.477 5.066 11.868 11.384 12.341l.381.022h7.622v-1.015c0-.619.248-1.21.681-1.642l.17-.155c2.751-2.263 4.492-5.668 4.492-9.479v-.077.004c0-6.545-5.1-11.939-11.554-12.34l-.39-.017-.425-.009zm-.717 5.109c.585 0 1.069.433 1.149.996l.001.006.011.158v6.375l3.853 4.418a1.156 1.156 0 0 1 .009 1.517l.001-.002-.122.121a1.16 1.16 0 0 1-1.517.008l.002.001-.122-.121-4.139-4.746a1.16 1.16 0 0 1-.273-.589l-.001-.006-.012-.167v-6.81c0-.641.52-1.161 1.161-1.161z'/%3E%3C/svg%3E")
}

.i-custom\:collection_voice {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='currentColor' d='M16 1.1c8.229 0 14.9 6.671 14.9 14.9S24.229 30.9 16 30.9 1.1 24.229 1.1 16 7.771 1.1 16 1.1m0 2.235C9.005 3.335 3.335 9.005 3.335 16S9.005 28.665 16 28.665 28.665 22.995 28.665 16 22.995 3.335 16 3.335M20.142 6.8c2.258 2.031 3.722 5.751 3.722 9.2 0 3.447-1.462 7.169-3.718 9.2a1.242 1.242 0 0 1-1.663-1.844l.001-.001c1.702-1.533 2.897-4.578 2.897-7.356 0-2.78-1.197-5.823-2.901-7.356a1.242 1.242 0 1 1 1.663-1.844l-.001-.001zm-3.306 4.972c1.298 1.184 2.061 3.051 2.061 5.058 0 2.003-.762 3.869-2.053 5.053a1.242 1.242 0 0 1-1.678-1.83l.001-.001c.76-.695 1.247-1.891 1.247-3.222s-.488-2.528-1.25-3.223a1.242 1.242 0 0 1 1.674-1.833zm-4.975 2.572a2.483 2.483 0 0 1 0 4.966 2.483 2.483 0 0 1 0-4.966'/%3E%3C/svg%3E")
}

.i-custom\:command {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.017 7.168c-.104.592-.664 2.952-1.06 3.875l-.007.012-.056.084a.7.7 0 0 1-.547.363l-6.146.017a.2.2 0 0 1-.201-.2v-4.49l.067-.013c1.13-.212 2.827-1.848 2.875-3.54l-.005-.08c0-.37.142-.748.52-.748.32 0 .449.124.521.425l.05.201c.044.25.033.256.033.5 0 .49-.086.973-.254 1.436l-.45 1.065a.2.2 0 0 0 .185.278l3.692-.016.104.01c.234.008.453.13.58.325.081.127.113.273.102.475zM7.457 1.45c.654 0 1.212.429 1.36 1.043l.053.222a4.87 4.87 0 0 1-.208 2.529l-.038.106 3.036.013c.448.013.88.26 1.128.644.16.246.231.532.208.826l-.01.133c-.005.035-.614 3.58-1.108 4.717l-.093.15c-.08.168-.258.352-.465.48-.196.12-.427.193-.66.209l-7.3-.007-1.88.004c-.273-.008-.48-.183-.48-.408l.005-5.855c0-.23.194-.416.431-.416l2.172-.001c.63 0 2.417-1.449 2.459-2.924-.004-.035 0-.077 0-.119 0-.742.62-1.346 1.39-1.346M2.8 6.84h-.596a.2.2 0 0 0-.2.2L2 11.33c0 .112.09.2.201.2l.6-.002a.2.2 0 0 0 .2-.2v-4.29a.2.2 0 0 0-.2-.199'/%3E%3C/svg%3E")
}

.i-custom\:commandfriend {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath d='M7.356 1a3.64 3.64 0 0 1 3.533 2.74 3.62 3.62 0 0 1-1.806 4.08c-.314.196-.943.46-1.727.465-2.55 0-4.627 1.948-4.627 4.352a.364.364 0 0 1-.729 0 5.125 5.125 0 0 1 3.629-4.816 3.62 3.62 0 0 1-1.806-4.08A3.64 3.64 0 0 1 7.356 1m0 1a2.65 2.65 0 1 0 0 5.3 2.65 2.65 0 0 0 0-5.3'/%3E%3Cpath fill-rule='nonzero' d='M1.866 12.695C2.39 9.13 4.27 7.084 7.496 7.288c.785.05.666 1.043-.028.993-2.73-.195-4.167 1.533-4.613 4.56a.5.5 0 0 1-.99-.146m8.39-3.517a.5.5 0 0 1 .7.105l1.098 1.45.03.045.01.019.027.06.004.012.019.072.002.012a.5.5 0 0 1 0 .154l-.002.013-.023.085-.004.01a.5.5 0 0 1-.054.101l-1.058 1.451a.5.5 0 0 1-.815-.578l.479-.659H7.146a.5.5 0 1 1 0-1h3.499l-.494-.652a.5.5 0 0 1 .036-.64Z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:copy {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M9.3 1.5a2.9 2.9 0 0 1 2.846 2.341 2.9 2.9 0 0 1 2.34 2.845v4.8a2.9 2.9 0 0 1-2.9 2.9h-4.8a2.9 2.9 0 0 1-2.846-2.34A2.9 2.9 0 0 1 1.6 9.2V4.4a2.9 2.9 0 0 1 2.9-2.9zm2.286 3.429h-4.8c-.97 0-1.757.786-1.757 1.757v4.8c0 .97.786 1.757 1.757 1.757h4.8c.97 0 1.757-.787 1.757-1.757v-4.8c0-.97-.787-1.757-1.757-1.757M9.3 2.643H4.5c-.97 0-1.757.787-1.757 1.757v4.8c0 .754.475 1.397 1.142 1.646v-4.16a2.9 2.9 0 0 1 2.9-2.9h4.162A1.76 1.76 0 0 0 9.3 2.642'/%3E%3C/svg%3E")
}

.i-custom\:cut {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M3.767.67a.5.5 0 0 1 .5.5v2.016h5.594a.9.9 0 0 1 .9.9l-.001 5.755h2.068a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.5.5H10.76v2.017a.5.5 0 1 1-1 0V10.84H4.167a.9.9 0 0 1-.9-.9V4.186H1.2a.5.5 0 0 1-.492-.41L.7 3.686a.5.5 0 0 1 .5-.5h2.067V1.17a.5.5 0 0 1 .5-.5m.5 3.516v5.655H9.76V4.187z'/%3E%3C/svg%3E")
}

.i-custom\:delete {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.371 1.257h4.858a.571.571 0 1 1 0 1.143H5.37a.571.571 0 0 1 0-1.143m8.524 2.533a.505.505 0 1 1 0 1.01H13.2v6.667A3.333 3.333 0 0 1 9.867 14.8H6.133A3.333 3.333 0 0 1 2.8 11.467V4.799L1.705 4.8a.505.505 0 1 1 0-1.01zm-1.833 1.143H3.945v6.724a2 2 0 0 0 1.851 1.995l.15.005h4.117a2 2 0 0 0 1.994-1.85l.006-.15z'/%3E%3C/svg%3E")
}

.i-custom\:download {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M12.333 7.292c.322 0 .5.26.5.583v2.742l-.002.126c-.05 1.298-.732 2.382-1.981 2.382h-7.7l-.106-.003c-1.254 0-1.877-1.195-1.877-2.505V7.944l.004-.068c.033-.29.195-.515.494-.515.323 0 .5.26.5.583v2.673l.003.11c-.003.958.246 1.394.814 1.398h8.035l.057-.004c.613 0 .76-.402.76-1.504V7.875l.003-.068c.034-.29.197-.515.496-.515m-5.27-5.417c.256 0 .467.225.496.515l.003.068v5.798l2.443-2.331c.215-.209.47-.3.697-.115l.05.046c.208.215.185.436 0 .663l-.046.05-3.245 3.148a.58.58 0 0 1-.755.049l-.05-.043L3.3 6.575c-.235-.22-.206-.477 0-.65s.495-.174.73 0l.052.043 2.479 2.379V2.458c0-.322.224-.583.5-.583'/%3E%3C/svg%3E")
}

.i-custom\:download-qr {
    width: 1.04em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 1024' width='1062' height='1024'%3E%3Cpath fill='currentColor' d='M870.594 699.102v67.246c0 45.943-38.18 83.152-85.346 83.152H238.752c-47.166 0-85.346-37.21-85.346-83.11v-67.288c0-45.943 38.18-83.152 85.346-83.152h34.635c22.782 0 43.791 14.513 49.275 36.07 16.496 65.222 117.197 113.611 189.422 113.611 72.268 0 172.758-48.389 189.422-113.61 5.4-21.558 26.325-36.071 49.19-36.071h22.36c59.358 0 97.538 37.21 97.538 83.152'/%3E%3Cpath fill='currentColor' d='M487.953 667.967 359.998 543.514c-21.557-20.967-6.328-56.91 24.047-56.91h59.653v-278.86A33.75 33.75 0 0 1 477.87 174.5h68.26a33.75 33.75 0 0 1 34.172 33.244v278.86h59.61c30.418 0 45.647 35.943 24.09 56.952L536.089 667.967a34.847 34.847 0 0 1-48.178 0'/%3E%3C/svg%3E")
}

.i-custom\:edit {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='m9.065 1.75.044.002c.302.022.54.19.54.498 0 .322-.262.5-.584.5H4.06l-.065.001c-.923.034-1.83.96-1.83 1.892v4.714l.001.065c.034.923.962 1.83 1.894 1.83h5.005l.065-.002c.923-.034 1.784-.961 1.784-1.893 0-.322.188-.583.51-.583s.534.26.534.583a2.893 2.893 0 0 1-2.893 2.893H4.06l-.081-.001a2.893 2.893 0 0 1-2.812-2.892V4.563A2.893 2.893 0 0 1 4.06 1.75zm3.764.648c.227.204.213.485.033.724l-.033.04-5.25 5.832c-.215.24-.549.285-.788.069-.227-.204-.181-.554 0-.793l.032-.039 5.25-5.833c.215-.24.517-.216.756 0'/%3E%3C/svg%3E")
}

.i-custom\:editname {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='m9.065 1.75.044.002c.302.022.54.19.54.498 0 .322-.262.5-.584.5H4.06l-.065.001c-.923.034-1.83.96-1.83 1.892v4.714l.001.065c.034.923.962 1.83 1.894 1.83h5.005l.065-.002c.923-.034 1.784-.961 1.784-1.893 0-.322.188-.583.51-.583s.534.26.534.583a2.893 2.893 0 0 1-2.893 2.893H4.06l-.081-.001a2.893 2.893 0 0 1-2.812-2.892V4.563A2.893 2.893 0 0 1 4.06 1.75zm3.764.648c.227.204.213.485.033.724l-.033.04-5.25 5.832c-.215.24-.549.285-.788.069-.227-.204-.181-.554 0-.793l.032-.039 5.25-5.833c.215-.24.517-.216.756 0'/%3E%3C/svg%3E")
}

.i-custom\:expanding-top {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M328.576 337.952H695.424a64 64 0 0 1 49.088 105.088l0.096-0.096-183.264 220.096c-11.808 14.112-29.44 23.008-49.152 23.008s-37.344-8.896-49.088-22.912l-0.096-0.096-183.584-220.032a64.032 64.032 0 0 1 49.152-105.056h0.032z'/%3E%3C/svg%3E")
}

.i-custom\:expandright {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M4.375 4.494v5.014a.875.875 0 0 0 1.435.672l3.008-2.504a.875.875 0 0 0 0-1.345L5.81 3.822a.875.875 0 0 0-1.435.672'/%3E%3C/svg%3E")
}

.i-custom\:expression {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M512 25.6a486.4 486.4 0 1 1 0 972.8 486.4 486.4 0 0 1 0-972.8m0 80a406.4 406.4 0 1 0 0 812.8 406.4 406.4 0 0 0 0-812.8m131.84 506.752c12.992 0 23.552 10.56 23.552 23.552v40.64c0 35.456-28.8 64.192-64.192 64.192H438.144a64.19 64.19 0 0 1-64.128-64.192v-40.64c0-12.992 10.496-23.552 23.488-23.552h246.4zM364.8 318.976c35.456 0 64.192 45.184 64.192 100.864S400.256 520.704 364.8 520.704c-35.392 0-64.128-45.184-64.128-100.864s28.736-100.864 64.128-100.864m311.744 0c35.456 0 64.192 45.184 64.192 100.864s-28.8 100.864-64.192 100.864c-35.456 0-64.192-45.184-64.192-100.864s28.8-100.864 64.192-100.864'/%3E%3C/svg%3E")
}

.i-custom\:fb-add {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='currentColor' d='M10 2a.6.6 0 0 1 .6.6v6.8h6.8a.6.6 0 0 1 0 1.2h-6.8v6.8a.6.6 0 0 1-1.2 0v-6.8H2.6a.6.6 0 0 1 0-1.2h6.8V2.6A.6.6 0 0 1 10 2'/%3E%3C/svg%3E")
}

.i-custom\:fb-add-friend {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='currentColor' d='M12.628 12.448a.62.62 0 0 1 .62.62l-.001 1.035h1.031a.62.62 0 0 1 .621.621v.138a.62.62 0 0 1-.62.62h-1.032v.899a.62.62 0 1 1-1.238 0v-.899h-1.03a.62.62 0 0 1-.621-.62v-.138a.62.62 0 0 1 .62-.62l1.031-.001v-1.035a.62.62 0 0 1 .62-.62M8.5 1C12.632 1 16 4.159 16 8.079c0 1.168-.28 2.232-.824 3.2a.687.687 0 1 1-1.199-.678 5.03 5.03 0 0 0 .647-2.522c0-3.137-2.732-5.7-6.124-5.7s-6.124 2.563-6.124 5.7c0 1.914 1.826 4.06 3.923 5.334.683.415.52 1.053.007 1.707-.317.406-.852.926-1.614 1.577a.687.687 0 0 1-.97-.077.69.69 0 0 1 .077-.973l.482-.422a10 10 0 0 0 .838-.83l.053-.065-.148-.1C2.897 12.774 1.15 10.6 1.009 8.37L1 8.08C1 4.159 4.368 1 8.5 1m-.447 8.188q.005.01.044.023l.117.03q.075.015.193.024l.276.01c.443 0 .664-.072.707-.131a.687.687 0 0 1 .962-.148.69.69 0 0 1 .148.964c-.36.492-.98.695-1.817.695-.853 0-1.472-.21-1.8-.74a.69.69 0 0 1 .222-.95.687.687 0 0 1 .948.223'/%3E%3C/svg%3E")
}

.i-custom\:fb-add-group {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='currentColor' stroke-width='1.368' d='M11.236 5.332c-1.393 0-2.653.56-3.566 1.464a4.95 4.95 0 0 0-1.473 3.528c0 1.378.563 2.625 1.473 3.528a5.05 5.05 0 0 0 3.566 1.464 5.05 5.05 0 0 0 2.605-.718c.196-.117.65-.145 1.35.154.29.124.634.285.948.314.122-.692-.103-1.182-.248-1.514.172-1.543.384-2.361.384-3.228A4.95 4.95 0 0 0 14.8 6.796a5.05 5.05 0 0 0-3.565-1.464Z'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M8.617 1a7.57 7.57 0 0 1 6.93 4.492 6.5 6.5 0 0 0-2.314-1.067 6.18 6.18 0 0 0-4.616-2.057c-3.41 0-6.177 2.744-6.177 6.132 0 .96.22 1.885.64 2.723.16.318.172.578.132.85a2 2 0 0 1-.07.292c-.02.063-.043.126-.071.197l-.112.266c-.06.14-.162.376-.222.52l-.082.201q-.099.254-.162.466l-.03.105-.027.104c.122-.039.258-.089.424-.156l.103-.043.493-.209.172-.07.154-.057.184-.062c.505-.16.894-.185 1.376.076l.238.138q.254.143.52.26a6.6 6.6 0 0 0 1.716 1.857 7.55 7.55 0 0 1-3.107-1.036c-.408-.245-2.46 1.368-3.406.484-.945-.884.632-3.386.536-3.576a7.4 7.4 0 0 1-.784-3.33c0-4.142 3.386-7.5 7.562-7.5'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:fb-address {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='currentColor' d='M8.883 1.3a6.417 6.417 0 0 0-6.416 6.417l.007.3a6.4 6.4 0 0 0 .943 3.063l.028.043-.146.04A2.832 2.832 0 0 0 4.13 16.7h9.74a2.83 2.83 0 0 0 2.83-2.83l-.005-.173a2.83 2.83 0 0 0-2.146-2.576l-.2-.042A6.417 6.417 0 0 0 8.884 1.3m0 1.4a5.017 5.017 0 0 1 3.565 8.547.7.7 0 0 0 .497 1.193h.925a1.43 1.43 0 0 1 0 2.86H4.13a1.43 1.43 0 0 1 0-2.86h.691a.7.7 0 0 0 .498-1.193A5.017 5.017 0 0 1 8.883 2.7'/%3E%3C/svg%3E")
}

.i-custom\:fb-close {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M828.774 195.226a30.72 30.72 0 0 1 0 43.417L555.52 512l273.306 273.357a30.72 30.72 0 0 1-43.418 43.417L512 555.52 238.643 828.826a30.72 30.72 0 0 1-43.417-43.418L468.48 512 195.226 238.643a30.72 30.72 0 1 1 43.417-43.417L512 468.48l273.357-273.306a30.72 30.72 0 0 1 43.417 0z'/%3E%3C/svg%3E")
}

.i-custom\:fb-full {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.6 3a.6.6 0 0 0-.6-.6H5l-.165.005A2.6 2.6 0 0 0 2.4 5v2l.008.097A.6.6 0 0 0 3.6 7V5l.006-.135A1.4 1.4 0 0 1 5 3.6h2l.097-.008A.6.6 0 0 0 7.6 3m4.8 0a.6.6 0 0 1 .6-.6h2l.164.005A2.6 2.6 0 0 1 17.6 5v2l-.008.097A.6.6 0 0 1 16.4 7V5l-.006-.135A1.4 1.4 0 0 0 15 3.6h-2l-.097-.008A.6.6 0 0 1 12.4 3M7 17.6a.6.6 0 0 0 .097-1.192L7 16.4H5a1.4 1.4 0 0 1-1.394-1.265L3.6 15v-2a.6.6 0 0 0-1.192-.097L2.4 13v2a2.6 2.6 0 0 0 2.435 2.595L5 17.6zm5.4-.6a.6.6 0 0 0 .6.6h2l.164-.005A2.6 2.6 0 0 0 17.6 15v-2l-.008-.097A.6.6 0 0 0 16.4 13v2l-.006.135A1.4 1.4 0 0 1 15 16.4h-2l-.097.008A.6.6 0 0 0 12.4 17' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:fb-notifica {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='currentColor' d='M9.018 16.792c-1.446 0-2.712-.74-2.967-1.831H3.075A1.18 1.18 0 0 1 1.9 13.692l.52-6.898a5.9 5.9 0 0 1 1.062-2.949L1.77 2.26a.71.71 0 0 1 .851-1.129l.115.087 14.49 13.424a.71.71 0 0 1-.85 1.13l-.115-.087-.784-.725h-3.493c-.255 1.091-1.52 1.832-2.966 1.832m0-1.378c.628 0 1.141-.2 1.417-.453H7.6c.275.252.789.453 1.417.453M3.796 6.883l-.468 6.065a.59.59 0 0 0 .543.633l.022.001h10.098l-9.51-8.81c-.4.614-.625 1.312-.685 2.11m5.04-5.754c3.375 0 6.177 2.473 6.417 5.666l.32 4.256-1.48-1.328-.22-2.84c-.192-2.553-2.33-4.377-5.037-4.377a5.4 5.4 0 0 0-1.227.14 5.3 5.3 0 0 0-.982.33l-.038.018-1.092-.98.145-.08a6.6 6.6 0 0 1 1.666-.632 6.8 6.8 0 0 1 1.528-.173'/%3E%3C/svg%3E")
}

.i-custom\:fb-search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='currentColor' d='M9.5 3a7 7 0 0 1 5.823 10.886.5.5 0 0 1 .078.052l2.953 2.391a.6.6 0 0 1-.755.933l-2.953-2.391-.061-.06A7 7 0 1 1 9.5 3m0 1.2a5.8 5.8 0 1 0 0 11.6 5.8 5.8 0 0 0 0-11.6'/%3E%3C/svg%3E")
}

.i-custom\:files {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M4.567 1.75a1 1 0 0 1 .88.526l.987 1.83a1 1 0 0 0 .88.526h3.536a2.1 2.1 0 0 1 2.096 1.977l.004.123v3.418a2.1 2.1 0 0 1-2.1 2.1h-7.7a2.1 2.1 0 0 1-2.1-2.1v-6.3c0-1.16.94-2.1 2.1-2.1zm0 1H3.15a1.1 1.1 0 0 0-1.1 1.1v6.3a1.1 1.1 0 0 0 1.1 1.1h7.7a1.1 1.1 0 0 0 1.1-1.1V6.761l-.002-.094a1.1 1.1 0 0 0-1.098-1.035H7.314a2 2 0 0 1-1.76-1.051z'/%3E%3Cpath d='M10.378 1.75c1.034 0 1.872.838 1.872 1.873V4a.2.2 0 0 1-.2.2H7.418l-.04-.002a.5.5 0 0 1-.365-.236l-.04-.072-.887-1.854a.2.2 0 0 1 .18-.286zm0 1H7.534l.215.45h3.391l-.046-.076a.87.87 0 0 0-.607-.367z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:folder {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M5.823 2.286a2.1 2.1 0 0 1 1.456.59l.085.09h3.839c1.276 0 2.31.997 2.31 2.227v.203a2.36 2.36 0 0 1 1.113 2.003v4.193a2.36 2.36 0 0 1-2.36 2.36H3.789a2.36 2.36 0 0 1-2.36-2.36V4.646a2.36 2.36 0 0 1 2.36-2.36zm0 .952H3.789c-.778 0-1.408.63-1.408 1.408v6.946c0 .778.63 1.408 1.408 1.408h8.477c.777 0 1.407-.63 1.407-1.408V7.4c0-.777-.63-1.408-1.407-1.408H9.683a2.1 2.1 0 0 1-1.58-.721L6.683 3.63a1.14 1.14 0 0 0-.86-.393zM10 10.864a.476.476 0 0 1 0 .952H6.054a.476.476 0 1 1 0-.952zm1.307-6.827H8.295l.527.609c.217.25.53.393.86.393h2.628V5c0-.531-.449-.962-1.003-.962z'/%3E%3C/svg%3E")
}

.i-custom\:forbid {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M2.208 4.978a.5.5 0 0 1 .5.5c0 2.823 1.865 5 4.292 5a3.9 3.9 0 0 0 1.642-.36l.656.793a4.9 4.9 0 0 1-1.79.541V12.7a.5.5 0 1 1-1 0v-1.246c-2.769-.272-4.8-2.817-4.8-5.976a.5.5 0 0 1 .5-.5m9.584 0a.5.5 0 0 1 .5.5c0 1.925-.754 3.621-1.97 4.715l-.639-.772c.99-.904 1.609-2.317 1.609-3.943a.5.5 0 0 1 .5-.5M4 4.505l1 1.209v.548a2 2 0 0 0 2 2l.105-.004.73.886A3 3 0 0 1 4 6.262zM7 .5a3 3 0 0 1 3 3v2.762c0 .911-.406 1.727-1.046 2.277l-.638-.77c.42-.367.684-.906.684-1.507V3.5a2 2 0 1 0-4 0v.258l-.888-1.073A3 3 0 0 1 7 .5'/%3E%3Cpath d='M2.032 1.92a.56.56 0 0 1 .755.038l.032.036 8.57 10.36a.56.56 0 0 1-.073.787c-.226.186-.498.101-.7-.104l-.032-.036-8.57-10.36c-.197-.237-.22-.524.018-.721'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:forward {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M7.36 1.563a.77.77 0 0 1 1.084-.074l6.034 5.177a1.57 1.57 0 0 1-.071 2.443l-6.07 4.624a.772.772 0 0 1-1.244-.564 48 48 0 0 1-.076-2.736l.003.49-.136-.01c-1.61-.095-3.026.87-4.292 2.983l-.151.259-.024.031-.037.06a.87.87 0 0 1-.554.338l-.113.012a.87.87 0 0 1-.902-.84C.632 8.77 2.727 5.574 7.019 4.311l.15-.043V2.066a.77.77 0 0 1 .125-.415zm.95 1.318.001 1.828c0 .264-.18.493-.436.556-3.767.915-5.718 3.282-5.916 7.22l-.012.293.15-.216c1.505-2.136 3.312-3.074 5.378-2.732l.231.044a.57.57 0 0 1 .454.559q0 .683.019 1.35l.02.616 5.515-4.2a.43.43 0 0 0 .127-.526l-.046-.074a.4.4 0 0 0-.062-.065z'/%3E%3C/svg%3E")
}

.i-custom\:forward-arrow {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M326.272 912.16a64 64 0 0 0 84.64-0.288l5.664-5.696 294.656-336.48a85.376 85.376 0 0 0 4.832-106.4l-5.792-7.136-307.232-339.168a64 64 0 0 0-99.872 79.68l5.024 6.272 281.664 311.008-269.568 307.84a64 64 0 0 0 0.288 84.64l5.696 5.664z'/%3E%3C/svg%3E")
}

.i-custom\:hide {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.89 6.576a12.4 12.4 0 0 0 1.521-1.695.485.485 0 0 0-.102-.665.457.457 0 0 0-.65.105 11.8 11.8 0 0 1-1.74 1.87 7.7 7.7 0 0 1-2.422 1.473c-.48.175-.986.266-1.497.269a4.5 4.5 0 0 1-1.491-.27 7.7 7.7 0 0 1-2.421-1.474 12 12 0 0 1-1.74-1.868.46.46 0 0 0-.654-.11.49.49 0 0 0-.106.67q.684.92 1.52 1.697L.65 8.074a.49.49 0 0 0 .003.679.46.46 0 0 0 .662-.003l1.508-1.558a8.7 8.7 0 0 0 1.973 1.211l-.536 2.052a.477.477 0 0 0 .327.583q.06.017.12.016a.466.466 0 0 0 .45-.352l.52-1.992a5.04 5.04 0 0 0 2.637 0l.521 1.992a.465.465 0 0 0 .579.336.48.48 0 0 0 .328-.583l-.537-2.052a8.7 8.7 0 0 0 1.974-1.211l1.516 1.558a.46.46 0 0 0 .66 0 .487.487 0 0 0 0-.676z'/%3E%3C/svg%3E")
}

.i-custom\:icon_warning {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath d='M11.852 0C18.628 0 24 5.372 24 12.148 24 18.628 18.628 24 11.852 24 5.372 24 0 18.628 0 12.148 0 5.372 5.372 0 11.852 0zM12 15.6c-.663 0-1.2.537-1.2 1.2 0 .663.537 1.2 1.2 1.2.663 0 1.2-.537 1.2-1.2 0-.663-.537-1.2-1.2-1.2zm.44-9.6h-.88c-.42 0-.744.34-.725.745L11.2 14.4h1.6l.365-7.655c.02-.411-.299-.745-.724-.745z' transform='translate(-304.000000, -251.000000) translate(280.000000, 226.000000) translate(24.000000, 25.000000)'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:input-clear {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M512 93.888a418.112 418.112 0 1 1 0 836.224 418.112 418.112 0 0 1 0-836.224z m-134.464 238.72a27.968 27.968 0 0 0-39.808-1.088 28.416 28.416 0 0 0-0.32 39.808L472.576 511.36 332.608 646.4a27.968 27.968 0 0 0-1.088 39.808 28.416 28.416 0 0 0 39.808 0.32L511.36 551.36l135.168 140.032c11.136 11.52 28.736 11.776 39.808 1.088l3.2-3.712a28.608 28.608 0 0 0-2.88-36.096L551.424 512.64l139.968-135.104a27.968 27.968 0 0 0 1.088-39.808l-3.712-3.2a28.608 28.608 0 0 0-36.096 2.88L512.64 472.512z'/%3E%3C/svg%3E")
}

.i-custom\:input-search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M7.704 2.519a5.63 5.63 0 0 1 4.86 8.472l1.427 1.33a1 1 0 0 1-1.364 1.463l-1.365-1.273a5.63 5.63 0 1 1-3.559-9.992m0 1.5a4.13 4.13 0 1 0 0 8.259 4.13 4.13 0 0 0 0-8.26'/%3E%3C/svg%3E")
}

.i-custom\:iphone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1.2'%3E%3Cpath d='M5.174 3.125a1.22 1.22 0 0 1 .815.117c.327.163.641.45.954.847.545.692.86 1.258.917 1.775.05.455-.136.846-.482 1.242a1.5 1.5 0 0 0-.406.903c-.027.299.031.631.19.999.266.615.849 1.373 1.693 2.3.784.817 1.502 1.451 2.08 1.828.225.147.41.245.551.31l1.244-.334c.476-.47.9-.746 1.384-.713.506.035 1.036.366 1.69.925.383.328.66.658.817.998q.2.429.113.871c-.091.456-.34.792-.775 1.248l-.569.577c-.261.272-.655.377-1.115.382-.606.006-1.323-.166-2.099-.482-1.597-.65-3.423-1.907-5.069-3.623-1.623-1.691-2.825-3.551-3.475-5.197-.574-1.451-.775-2.76-.236-3.494l.432-.5c.486-.54.855-.873 1.346-.979zm13.109 1.069-2.193.719.009 2.696 1.758.782a.4.4 0 0 0 .473-.147l.07-3.771a.4.4 0 0 0-.117-.279z'/%3E%3Cpath d='M15 3.6a.897.897 0 0 1 .9.9V8a.897.897 0 0 1-.9.9h-4a.897.897 0 0 1-.9-.9V4.5a.897.897 0 0 1 .9-.9z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:left-forward-arrow {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M694.08 912.128a63.872 63.872 0 0 1-84.672-0.32l0.064 0.064-5.696-5.76L309.12 569.728A84.864 84.864 0 0 1 288 513.536c0-18.848 6.112-36.288 16.48-50.432l-0.16 0.224 5.76-7.104 307.2-339.2a64 64 0 0 1 99.84 79.872l0.128-0.192-5.056 6.272-281.664 311.04 269.568 307.84a63.872 63.872 0 0 1-0.384 84.736l0.064-0.064-5.696 5.632z'/%3E%3C/svg%3E")
}

.i-custom\:link {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd' stroke='currentColor' stroke-width='1.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 4.689v9.017C15 16.63 12.761 19 10 19s-5-2.37-5-5.294V6.294'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.667 4.706v9.53c0 .876-.747 1.588-1.667 1.588s-1.667-.712-1.667-1.589v-9.53'/%3E%3Cpath d='M5 12.647v-8.47C5 2.421 6.492 1 8.333 1s3.334 1.422 3.334 3.176v8.471'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:logout {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M10.325 1.153c1.024 0 1.86.8 1.921 1.808l.004.117v7.928c0 1.023-.8 1.86-1.808 1.921l-.117.004H5.44a.525.525 0 0 1-.071-1.046l.071-.004h4.885a.875.875 0 0 0 .87-.786l.005-.09V3.079a.875.875 0 0 0-.786-.87l-.089-.005H5.44a.525.525 0 0 1-.071-1.045l.071-.005z'/%3E%3Cpath d='M3.805 4.12a.525.525 0 0 1 .683.794L2.751 6.65h5.697a.525.525 0 0 1 .071 1.046l-.071.005h-5.67l1.55 1.513.05.059a.525.525 0 0 1-.792.683l-2.42-2.362-.05-.058a.5.5 0 0 1-.09-.198.54.54 0 0 1 .037-.413.5.5 0 0 1 .122-.194l2.56-2.56Z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:message {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='currentColor' d='M15.556 2.222c1.227 0 2.222.995 2.222 2.222v7.778a2.22 2.22 0 0 1-2.222 2.222H7.559c-.22 0-.434.065-.617.187L3.95 16.626a1.111 1.111 0 0 1-1.728-.924V4.444c0-1.227.995-2.222 2.222-2.222zm0 1.2H4.444c-.564 0-1.022.458-1.022 1.022v11.09l2.855-1.901c.325-.217.7-.348 1.087-.38l.195-.009h7.997c.564 0 1.022-.457 1.022-1.022V4.444c0-.564-.458-1.022-1.022-1.022M10.51 9.5a.6.6 0 1 1 0 1.2H6.156a.6.6 0 0 1 0-1.2zm3.333-3.1a.6.6 0 1 1 0 1.2H6.156a.6.6 0 1 1 0-1.2z'/%3E%3C/svg%3E")
}

.i-custom\:more {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Ccircle cx='5.625' cy='10' r='1.25'/%3E%3Ccircle cx='10.005' cy='10' r='1.25'/%3E%3Ccircle cx='14.385' cy='10' r='1.25'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:move {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M3.413 1.566a.5.5 0 1 1 1 0v11a.5.5 0 0 1-1 0zm7.387 11a.5.5 0 1 1-1 0v-11a.5.5 0 0 1 1 0z'/%3E%3Ccircle cx='10.3' cy='9.5' r='2.5' fill='%23FFF'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M10.3 7a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3'/%3E%3Cpath fill='%23FFF' d='M3.913 7.203a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M3.913 2.203a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:msg {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath fill='currentColor' d='M10.711 6.206c.405 0 .733.298.733.666 0 .352-.299.64-.678.665l-.055.002h-5.5c-.405 0-.733-.299-.733-.667 0-.351.299-.64.678-.665l.055-.001zm-1.1 2.933c.405 0 .733.298.733.667 0 .351-.299.639-.678.664l-.055.002H5.944c-.405 0-.733-.298-.733-.666 0-.352.3-.64.679-.665l.054-.002z'/%3E%3Cpath stroke='currentColor' stroke-width='1.14' d='M8 1.237a6.74 6.74 0 0 0-4.782 1.98A6.74 6.74 0 0 0 1.237 8c0 1.868.757 3.558 1.98 4.782A6.74 6.74 0 0 0 8 14.763a6.73 6.73 0 0 0 3.63-1.055l1.592.46q.205.06.377.118l.315.104c.285.095.486.159.624.16-.095-2.734.035-4.102.134-5.151.05-.518.091-.953.091-1.399a6.74 6.74 0 0 0-1.98-4.782A6.74 6.74 0 0 0 8 1.237Z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:msg-error {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' width='23' height='23'%3E%3Cpath fill='%23EB413D' d='M11.094 3.25a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5m3.402 4.847a.687.687 0 0 0-.972 0l-2.43 2.431-2.431-2.431a.69.69 0 0 0-.887-.072l-.085.072a.687.687 0 0 0 0 .972l2.43 2.431-2.43 2.43a.69.69 0 0 0-.073.888l.073.085a.69.69 0 0 0 .972 0l2.43-2.431 2.431 2.431a.69.69 0 0 0 .887.072l.085-.072a.69.69 0 0 0 0-.972l-2.43-2.431 2.43-2.43a.69.69 0 0 0 .073-.888Z'/%3E%3C/svg%3E")
}

.i-custom\:msg-warn {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' width='23' height='23'%3E%3Cpath fill='%23EB413D' d='M11.094 3.25a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5m-.056 11a.96.96 0 0 0-.719.287c-.213.191-.306.437-.306.737s.093.547.306.738a.97.97 0 0 0 .719.3c.293 0 .532-.095.745-.286.186-.192.293-.451.293-.752 0-.3-.107-.546-.293-.737a1.04 1.04 0 0 0-.745-.287M11.094 6A1.277 1.277 0 0 0 9.82 7.371l.344 4.64a.932.932 0 0 0 1.86 0l.343-4.64A1.277 1.277 0 0 0 11.094 6'/%3E%3C/svg%3E")
}

.i-custom\:multiple {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2.238 2.333h10.19a.571.571 0 1 1 0 1.143H2.239a.571.571 0 0 1 0-1.143m12.593 5.838c.26.232.242.62.037.894l-.037.045-3.562 4a.667.667 0 0 1-.96.036l-.038-.039L8.5 11.096c-.244-.276-.23-.554.046-.798.262-.23.636.019.884.255l.04.042 1.302 1.46 3.118-3.667c.245-.275.666-.461.941-.217M7.43 12a.571.571 0 0 1 0 1.143H2.24a.571.571 0 1 1 0-1.143zm1.333-5a.571.571 0 1 1 0 1.143H2.238a.571.571 0 1 1 0-1.143z'/%3E%3C/svg%3E")
}

.i-custom\:new {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath d='M7 4a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1H7.499l.001 2a.5.5 0 0 1-1 0l-.001-2H4.5a.5.5 0 0 1 0-1h2v-2A.5.5 0 0 1 7 4'/%3E%3Cpath fill-rule='nonzero' d='M7.05.8a6.25 6.25 0 1 1 0 12.5 6.25 6.25 0 0 1 0-12.5m0 1a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:new-msg {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M491.264 712l-241.792-210.432a34.752 34.752 0 0 0-48.736 2.976l-0.032 0.032a33.632 33.632 0 0 0 2.912 47.968l0.032 0.032 267.328 232.704c23.168 20.16 57.6 20.16 80.832 0.064l268.544-232.768a33.664 33.664 0 0 0 2.976-48.032l0.032 0.032a34.72 34.72 0 0 0-48.832-3.008l0.032-0.032-242.944 210.56a30.72 30.72 0 0 1-40.416-0.032l0.032 0.032z m332.16-476.416a34.784 34.784 0 0 0-48.896-3.104l0.032-0.032-242.944 210.56a30.72 30.72 0 0 1-40.416-0.032l0.032 0.032-241.792-210.432a34.752 34.752 0 0 0-48.736 2.976l-0.032 0.032a33.632 33.632 0 0 0 2.912 47.968l0.032 0.032 267.328 232.704c23.168 20.16 57.6 20.16 80.832 0l268.544-232.704a33.664 33.664 0 0 0 2.976-48.032l0.032 0.032z'/%3E%3C/svg%3E")
}

.i-custom\:notename {
    width: 1.24em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13' width='16' height='13'%3E%3Cg fill='currentColor'%3E%3Cpath d='M11.399 1.746q.228.07.44.17l.127.062c1.21.626 1.891 1.923 1.891 3.458 0 1.15-.478 2.212-1.272 2.932l-.008.007.073.016q.166.038.331.082l.33.096q.714.232 1.209.564c.456.309.776.69.943 1.165l.03.138.007.097v.493a.89.89 0 0 1-.777.886l-.127.01-.234-.001v-.515l-.005-.14a3 3 0 0 0-.057-.342h.2l.002-.344-.04-.094a1.3 1.3 0 0 0-.366-.425l-.136-.1a3 3 0 0 0-.198-.12 4.3 4.3 0 0 0-1.038-.974l-.253-.16a7 7 0 0 0-.845-.42l-.151-.059.07-.114q.093-.16.175-.325c.7-.526 1.137-1.395 1.137-2.353 0-.885-.277-1.637-.765-2.14a5.7 5.7 0 0 0-.583-1.372Z'/%3E%3Cpath d='M7.155.507 6.951.5h-.175l-.153.006-.215.015-.118.012-.218.03a4.2 4.2 0 0 0-1.11.331c-1.554.709-2.44 2.311-2.44 4.239l.005.227c.062 1.36.68 2.599 1.662 3.417l.042.034-.189.039-.218.048q-.368.086-.705.193-.878.284-1.465.682c-.543.369-.919.812-1.102 1.33a.9.9 0 0 0-.052.311v.6l.003.076c.055.529.484.91.994.91h10.768l.084-.004c.25-.027.457-.125.617-.281a.98.98 0 0 0 .296-.702v-.607l-.003-.073a1 1 0 0 0-.051-.228c-.181-.51-.56-.96-1.101-1.327q-.594-.398-1.46-.68l-.4-.116q-.2-.054-.403-.1l-.319-.067.052-.04c1.034-.865 1.664-2.196 1.664-3.642 0-1.811-.783-3.338-2.172-4.103L8.82.902a4.3 4.3 0 0 0-1.272-.36L7.32.518zm-.234.993.187.005.13.01.184.019c.345.044.672.133.968.272l.052.025c1.138.548 1.799 1.77 1.799 3.302 0 1.388-.726 2.631-1.847 3.244a.5.5 0 0 0-.188.18c-.142.234-.223.458-.176.688l.025.084a.5.5 0 0 0 .089.144l.02.022c.103.108.21.178.402.178a10 10 0 0 1 1.777.378c.487.16.894.347 1.204.556l.152.11q.36.283.515.602l.05.117-.002.564H1.499l.001-.577-.008.02c.109-.306.346-.586.725-.843.305-.208.71-.396 1.207-.557q.298-.094.623-.17l.203-.045.276-.055.175-.03.23-.037.326-.043.077-.006a.43.43 0 0 0 .202-.107l.081-.079a.5.5 0 0 0 .114-.228c.048-.229-.026-.437-.166-.676a.5.5 0 0 0-.193-.188c-1.123-.612-1.85-1.856-1.85-3.246 0-1.559.683-2.795 1.857-3.33q.393-.18.841-.252l.189-.026.266-.02.121-.004z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:notifica {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M7.014 13.06c-1.125 0-2.11-.576-2.308-1.424H2.392a.917.917 0 0 1-.915-.986l.405-5.365c.063-.848.36-1.63.826-2.293L1.377 1.758A.552.552 0 0 1 2.039.88l.089.067 11.27 10.442a.552.552 0 0 1-.662.878l-.089-.068-.609-.564-2.717.001c-.198.848-1.183 1.424-2.307 1.424m0-1.071c.489 0 .888-.157 1.102-.354H5.911c.214.197.614.354 1.103.354M2.952 5.353l-.363 4.718c-.02.252.17.472.422.492h.017l7.854.001-7.397-6.852a3.4 3.4 0 0 0-.533 1.641M6.872.878c2.626 0 4.805 1.924 4.992 4.407l.248 3.31-1.152-1.033-.17-2.209C10.642 3.368 8.978 1.95 6.874 1.95a4.2 4.2 0 0 0-1.718.366l-.031.013-.849-.761.197-.108a5 5 0 0 1 1.212-.446Q6.258.88 6.873.878'/%3E%3C/svg%3E")
}

.i-custom\:open {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='m8.7 1 3.4 3.5V11a2 2 0 0 1-2 2H3.9a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm-.38 1H4.004a1.1 1.1 0 0 0-1.097 1.01l-.003.09v7.8a1.1 1.1 0 0 0 1.01 1.096l.09.004H10a1.1 1.1 0 0 0 1.096-1.01l.004-.09V4.865z'/%3E%3Cpath fill-rule='nonzero' d='M8.35 1v2.2a1.55 1.55 0 0 0 1.452 1.547l.098.003h2.2v.9H9.9a2.45 2.45 0 0 1-2.447-2.328L7.45 3.2V1z'/%3E%3Cpath d='M5.298 10.089H8.75a.417.417 0 1 1 0 .833H5.298a.417.417 0 1 1 0-.833'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:owner {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M610.076 565.532A230.06 230.06 0 0 1 828.53 723.684l15.19 46.08a85.333 85.333 0 0 1-81.01 112.014H260.835a85.333 85.333 0 0 1-81.124-111.73l15.076-46.364A228.92 228.92 0 0 1 412.5 565.532zm0 56.89H412.444c-70.94 0-134.257 43.52-160.028 108.885l-3.584 9.955-15.076 46.365a28.444 28.444 0 0 0 21.903 36.807l5.12.455h501.873a28.444 28.444 0 0 0 28.16-32.313l-1.137-5.006-15.19-46.08a173.17 173.17 0 0 0-153.884-118.727l-10.581-.342z'/%3E%3Cpath fill='currentColor' d='M511.431 566.044a28.444 28.444 0 0 1 27.933 23.325l.455 5.12v146.318a28.444 28.444 0 0 1-56.434 5.12l-.455-5.12V594.49a28.444 28.444 0 0 1 28.444-28.445zm2.674-423.822a189.61 189.61 0 0 1 186.88 177.095c0 97.85-84.594 215.154-188.985 215.154-101.035 0-183.58-109.795-188.757-205.596l-.285-9.558v-4.55a189.61 189.61 0 0 1 191.147-172.545m-.683 56.89c-66.162-.797-122.254 47.103-132.38 107.007l-1.138 8.647v4.551c-.114 75.947 67.64 158.265 132.096 158.265 64.284 0 132.096-82.375 132.21-154.51a132.72 132.72 0 0 0-130.845-123.96z'/%3E%3C/svg%3E")
}

.i-custom\:pictures {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M10.553 1.9a2.33 2.33 0 0 1 2.333 2.332v5.35a2.33 2.33 0 0 1-2.333 2.333h-7.12A2.33 2.33 0 0 1 1.1 9.582v-5.35A2.33 2.33 0 0 1 3.432 1.9zM8.928 9.125c-.468-.163-1.375-.21-2.063-.085l-4.308 1.547c.234.204.54.328.875.328h7.121a1.33 1.33 0 0 0 1.041-.5L9.035 9.167ZM10.553 2.9h-7.12c-.736 0-1.333.597-1.333 1.332v5.35q0 .141.028.274L6.65 8.238l.21-.035c.923-.136 1.974-.049 2.534.213l2.492 1.21V4.233c0-.735-.596-1.332-1.332-1.332M4.59 5.01a.885.885 0 1 1 0 1.771.885.885 0 0 1 0-1.77'/%3E%3C/svg%3E")
}

.i-custom\:pintop {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M9.927 1c.58 0 1.05.47 1.05 1.05v3.196l.123.115c.446.425.793.812 1.043 1.17l.117.176c.325.521.617 1.27.897 2.27a1.05 1.05 0 0 1-1.011 1.334H2.05a1.05 1.05 0 0 1-1.013-1.327c.291-1.067.633-1.879 1.053-2.452a4.6 4.6 0 0 1 1.147-1.076l.203-.133V2.05c0-.541.41-.987.936-1.044L4.49 1zm-5.382.999L4.485 2a.05.05 0 0 0-.044.05v3.273a1 1 0 0 1-.453.837l-.187.122a3.7 3.7 0 0 0-.903.841c-.33.451-.629 1.149-.896 2.125a.05.05 0 0 0 .049.063h10.095a.05.05 0 0 0 .048-.064c-.261-.932-.521-1.591-.768-1.987l-.103-.156q-.308-.442-.904-1.01l-.124-.116a1 1 0 0 1-.318-.732V2.05a.05.05 0 0 0-.05-.05H4.491z'/%3E%3Cpath d='M7.5 9.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 1 1-1 0V10a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:preview {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M6.5 12a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11m0-1.1a4.4 4.4 0 1 0 0-8.8 4.4 4.4 0 0 0 0 8.8'/%3E%3Cpath d='M9.656 9.636a.5.5 0 0 1 .706-.04l1.911 1.705a.5.5 0 0 1-.667.745l-1.91-1.704a.5.5 0 0 1-.04-.706'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:read {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M6.999 1.946c3.059 0 5.778 2.137 6.428 5-.65 2.862-3.369 5-6.428 5-3.06 0-5.779-2.138-6.429-5 .65-2.863 3.37-5 6.429-5m0 1c-2.43 0-4.624 1.596-5.335 3.79l-.064.209.064.21c.688 2.123 2.765 3.687 5.1 3.786l.235.005c2.43 0 4.623-1.597 5.334-3.79l.063-.211-.063-.21c-.688-2.122-2.764-3.686-5.1-3.785z'/%3E%3Cpath d='M6.999 9.444a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5m0-1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:recall {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M5.359 6.184a.5.5 0 0 1 .048.638l-.059.069a.5.5 0 0 1-.707-.01L2.237 4.405a.5.5 0 0 1-.005-.691l2.404-2.557a.5.5 0 0 1 .728.685l-1.51 1.605h4.391a4.533 4.533 0 1 1 0 9.066h-3.54a.5.5 0 1 1 0-1h3.54a3.533 3.533 0 1 0 0-7.065l-4.572-.001z'/%3E%3C/svg%3E")
}

.i-custom\:reissue {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M6.903 1.511c1.68 0 3.237.761 4.272 2.044a.5.5 0 0 1-.778.628 4.486 4.486 0 1 0-.173 5.83.5.5 0 1 1 .74.672 5.486 5.486 0 1 1-4.061-9.173'/%3E%3Cpath d='M10.937 1.212a.5.5 0 0 1 .5.5v2.259a.7.7 0 0 1-.7.7h-2.16a.5.5 0 1 1 0-1h1.86v-1.96a.5.5 0 0 1 .41-.492z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:remove-bold {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Crect width='40' height='5' y='18.636' fill='currentColor' fill-rule='evenodd' rx='2.5'/%3E%3C/svg%3E")
}

.i-custom\:reply {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='currentColor'%3E%3Cpath d='M12.572 8.26c.399 0 .723.295.723.658 0 .347-.295.63-.67.656l-.053.001H7.149c-.4 0-.723-.294-.723-.657 0-.346.295-.63.669-.655l.054-.002zm-1.085 2.893c.4 0 .723.294.723.657 0 .347-.295.63-.669.656l-.054.001H7.872c-.4 0-.723-.294-.723-.657 0-.346.295-.63.669-.655l.054-.002z'/%3E%3Cpath d='M9.8 3a7 7 0 1 0 3.544 13.038c.036-.021.121-.01.242.02l.113.032.127.04.294.1.508.179.452.147.201.059c.5.14.96.21 1.188.066.182-.115.19-.42.112-.798l-.03-.136-.037-.14-.087-.293-.075-.223-.062-.174-.303-.807-.083-.233-.03-.099c-.037-.123-.051-.208-.031-.242A7 7 0 0 0 9.8 3m0 1.24a5.76 5.76 0 0 1 4.973 8.669c-.19.323-.205.586-.165.883.016.112.041.219.083.359l.045.14.091.258.267.707-.895-.309-.165-.05-.138-.04a2 2 0 0 0-.346-.063 1.3 1.3 0 0 0-.709.109l-.126.066A5.76 5.76 0 1 1 9.8 4.24'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:report-unchecked {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='currentColor' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1'/%3E%3C/svg%3E")
}

.i-custom\:safe {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='currentColor' d='M6.25.5A2.75 2.75 0 0 1 9 3.25V4a1.5 1.5 0 0 1 1.5 1.5V10A1.5 1.5 0 0 1 9 11.5H3A1.5 1.5 0 0 1 1.5 10V5.5A1.5 1.5 0 0 1 3 4v-.75A2.75 2.75 0 0 1 5.75.5zM9 5H3a.5.5 0 0 0-.5.5V10a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V5.5A.5.5 0 0 0 9 5M6 6.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m.25-5h-.5A1.75 1.75 0 0 0 4 3.25V4h4v-.75a1.75 1.75 0 0 0-1.654-1.747z'/%3E%3C/svg%3E")
}

.i-custom\:saveas {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M9.615 1.923h-5.23v2c0 .071.049.133.118.15l.035.004h4.923c.072 0 .134-.05.15-.119l.004-.035zm2.006 5.97.047.05 1.23 1.538a.46.46 0 0 1 .04.518l-.04.059-1.23 1.538a.461.461 0 0 1-.76-.52l.039-.057.63-.788H7a.461.461 0 0 1-.063-.919L7 9.308h4.578l-.631-.789a.46.46 0 0 1 .022-.603l.05-.046a.46.46 0 0 1 .603.022M10.79 1c1.176 0 2.144.883 2.208 2.006l.003.117v3.2a.461.461 0 0 1-.92.063l-.003-.063v-3.2c0-.628-.521-1.15-1.191-1.197l-.097-.003h-.25v2c0 .56-.43 1.027-.99 1.073L9.462 5H4.538c-.56 0-1.027-.43-1.073-.988l-.004-.089v-2h-.25c-.684 0-1.236.495-1.284 1.111l-.004.09v7.753c0 .628.52 1.15 1.19 1.197l.097.003h5.83a.462.462 0 0 1 .063.919L9.04 13H3.21c-1.175 0-2.144-.883-2.207-2.006L1 10.877V3.123c0-1.138.93-2.06 2.09-2.12L3.21 1z'/%3E%3C/svg%3E")
}

.i-custom\:search-delete {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6 1.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8M4.424 3.898a.33.33 0 0 0-.466-.013.333.333 0 0 0-.004.467l1.584 1.64-1.64 1.584a.33.33 0 0 0-.013.466.333.333 0 0 0 .467.004l1.64-1.585 1.584 1.641c.13.135.337.138.466.013l.042-.05a.335.335 0 0 0-.038-.417l-1.584-1.64 1.64-1.584a.33.33 0 0 0 .013-.466l-.05-.042a.335.335 0 0 0-.417.038l-1.64 1.584z'/%3E%3C/svg%3E")
}

.i-custom\:selected-disabled {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='%23D2D3D5' fill-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m4.217 5.215a.537.537 0 0 0-.72-.02L7.29 8.916a.63.63 0 0 1-.763.03l-1.33-.995A.59.59 0 0 0 4.45 8a.487.487 0 0 0-.005.696L6.57 10.79c.193.19.508.19.7 0l4.952-4.88a.485.485 0 0 0 0-.691Z'/%3E%3C/svg%3E")
}

.i-custom\:send {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='12' cy='12' r='12' fill='currentColor'/%3E%3Cpath fill='%231F2533' d='m6.456 10.894 9.63-3.697a.585.585 0 0 1 .764.735l-3.246 9.576a.585.585 0 0 1-1.065.1l-1.37-2.434a.59.59 0 0 1 .013-.597l2.001-3.22-3.265 2.118a.59.59 0 0 1-.591.027l-2.934-1.544a.585.585 0 0 1 .063-1.064'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:sendcard {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M11.56 1.414c.998 0 1.807.81 1.807 1.808v7.962c0 .999-.81 1.808-1.808 1.808H2.406c-.998 0-1.807-.81-1.807-1.808V3.222c0-.999.809-1.808 1.807-1.808zm0 1H2.405a.81.81 0 0 0-.807.808v7.962c0 .447.361.808.807.808h9.153a.81.81 0 0 0 .808-.808V3.222a.81.81 0 0 0-.808-.808'/%3E%3Cpath d='M7.195 3.75a2.133 2.133 0 1 1 0 4.266 2.133 2.133 0 0 1 0-4.266m0 1a1.133 1.133 0 1 0 0 2.266 1.133 1.133 0 0 0 0-2.266'/%3E%3Cpath d='M7.195 7.016a.508.508 0 1 1 0 1.015c-.952 0-1.587.634-1.945 2.054a.508.508 0 0 1-.984-.248c.461-1.83 1.452-2.821 2.93-2.821'/%3E%3Cpath d='M7.195 7.016a.508.508 0 0 0 0 1.015c.953 0 1.587.634 1.945 2.054a.508.508 0 0 0 .985-.248c-.462-1.83-1.452-2.821-2.93-2.821'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:setadmin {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6.896 1a3.64 3.64 0 0 1 3.533 2.74 3.62 3.62 0 0 1-1.356 3.796c1.935.643 3.103 2.469 3.5 5.159a.5.5 0 0 1-.99.146c-.404-2.738-1.618-4.414-3.868-4.564l-.252 2.805c0 .276-.143.5-.42.5-.275 0-.37-.224-.37-.5l-.25-2.775a4.75 4.75 0 0 0-2.645 1.116c-.717.786-1.167 1.949-1.383 3.418a.5.5 0 0 1-.99-.146c.388-2.631 1.514-4.436 3.374-5.118a3.615 3.615 0 0 1-1.416-3.836A3.64 3.64 0 0 1 6.896 1m0 1a2.65 2.65 0 0 0-.35 5.277q.218-.005.443.008a7 7 0 0 1 .263-.01A2.649 2.649 0 0 0 6.896 2'/%3E%3C/svg%3E")
}

.i-custom\:share {
    width: 1.26em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1288 1024' width='1288' height='1024'%3E%3Cpath fill='currentColor' d='M330.32673542 409.27438393c-58.44235037 91.96075691-83.73462813 196.997376-75.99961088 314.98707968a30.6945115 30.6945115 0 0 0 57.21456982 13.38280618c43.77037369-75.44710941 83.79601693-126.33861006 119.89276217-152.79727843 48.00621682-35.11452103 119.34026183-50.15483165 214.06352497-45.24371058v104.36134002a30.6945115 30.6945115 0 0 0 49.97066525 23.94171847l327.38766166-265.38474724a30.6945115 30.6945115 0 0 0 0.98222421-46.83982506l-327.32627285-289.14230044a30.6945115 30.6945115 0 0 0-51.01427827 23.08227299V214.30284629c-136.46779847 13.81253006-241.56580637 78.82350592-315.23263488 194.91014884z'/%3E%3C/svg%3E")
}

.i-custom\:share-link {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M9.03 6.738a.6.6 0 0 1 .846.06c1.564 1.799 1.149 3.876-1.083 6.012l-.145.135-.042.04-.37.346a25 25 0 0 1-.416.383c-1.742 1.56-3.122 1.863-4.862.48-.626-.465-1.097-1.06-1.247-1.934-.213-1.247.383-2.667 1.928-4.26a.6.6 0 0 1 .861.837c-1.301 1.34-1.746 2.401-1.606 3.221.087.507.377.874.795 1.184 1.208.96 1.975.792 3.33-.422.117-.104.238-.216.397-.365l.414-.388.142-.132c1.806-1.73 2.081-3.104.998-4.35a.6.6 0 0 1 .06-.847'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M7.553 9.566a.6.6 0 0 1-.848 0c-1.686-1.687-1.416-3.788.66-6.074l.136-.145.04-.042.344-.372c.154-.166.272-.291.388-.41C9.902.844 11.258.446 13.09 1.704c.657.42 1.168.98 1.378 1.841.3 1.23-.195 2.688-1.626 4.384a.6.6 0 1 1-.917-.774C13.13 5.728 13.5 4.64 13.302 3.83c-.121-.5-.436-.845-.875-1.125-1.272-.874-2.025-.653-3.293.653-.109.112-.221.232-.37.392l-.386.416-.133.141c-1.68 1.852-1.86 3.242-.691 4.41a.6.6 0 0 1 0 .849z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:share-qrcode {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(2 2)'%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M7.08 6.48h4.32a.6.6 0 0 1 0 1.2H7.08a.6.6 0 1 1 0-1.2m3.847 5.48a.767.767 0 1 0 0-1.533.767.767 0 0 0 0 1.533m-3.374 0a.767.767 0 1 0 0-1.533.767.767 0 0 0 0 1.533M9.24 9.728a.767.767 0 1 0 0-1.534.767.767 0 0 0 0 1.534'/%3E%3Crect width='4.32' height='4.32' x='.6' y='.6' stroke='currentColor' stroke-width='1.2' rx='1'/%3E%3Crect width='4.32' height='4.32' x='.6' y='7.08' stroke='currentColor' stroke-width='1.2' rx='1'/%3E%3Crect width='4.32' height='4.32' x='7.08' y='.6' stroke='currentColor' stroke-width='1.2' rx='1'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:side-address {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='currentColor'%3E%3Cpath d='M12.186 2C7.52 2 3.73 5.737 3.73 10.356l.004.226a8.3 8.3 0 0 0 .67 3.047l.037.081-.077.03c-1.839.757-2.864 1.934-2.864 3.585v.833A3.846 3.846 0 0 0 5.35 22h13.3c2.126 0 3.85-1.72 3.85-3.842v-.833l-.002-.129c-.05-1.497-.964-2.594-2.572-3.33l-.055-.024.009-.018a8.3 8.3 0 0 0 .761-3.468c0-4.619-3.79-8.356-8.455-8.356m0 2c3.567 0 6.455 2.848 6.455 6.356 0 1.238-.364 2.44-1.044 3.469a1 1 0 0 0 .547 1.51c1.657.495 2.356 1.144 2.356 1.99v.833A1.846 1.846 0 0 1 18.65 20H5.35a1.846 1.846 0 0 1-1.85-1.842v-.833c0-.869.745-1.537 2.5-2.033l.148-.041a1 1 0 0 0 .584-1.492l-.109-.176a6.26 6.26 0 0 1-.893-3.227C5.73 6.848 8.618 4 12.186 4'/%3E%3Cpath d='M14.945 10.168a1 1 0 0 1 1.11 1.664 6.4 6.4 0 0 1-6.96.097l-.15-.097a1 1 0 0 1 1.04-1.707l.075.046a4.4 4.4 0 0 0 4.885-.003'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:side-chat {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='currentColor' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m0 2a9 9 0 1 1 0 18 9 9 0 0 1 0-18'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:side-collect {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='currentColor' d='M18 2a3 3 0 0 1 3 3v15.739a1.5 1.5 0 0 1-2.211 1.32L12 18.404l-6.789 3.655A1.5 1.5 0 0 1 3 20.74V5a3 3 0 0 1 3-3zm0 2H6a1 1 0 0 0-1 1v14.901l6.052-3.258.948-.51.948.51L19 19.9V5a1 1 0 0 0-.883-.993z'/%3E%3C/svg%3E")
}

.i-custom\:slient {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='m2.716 3.953.665.802c-.359.093-.63.501-.63.881v2.752c0 .432.35.95.782.95h1.261c.173 0 .338.077.449.21L7.6 12.107a.327.327 0 0 0 .578-.209l.001-1.34.993 1.2v.046c0 .776-.593 1.414-1.35 1.486l-.144.006a1.49 1.49 0 0 1-1.148-.54l-2.01-2.42h-.821a1.95 1.95 0 0 1-1.948-1.88l-.001-.068V5.636c0-.718.388-1.345.966-1.683m8.654-.473a5.28 5.28 0 0 1 1.463 3.664 5.28 5.28 0 0 1-1.467 3.668c-.223.232-.523.27-.756.047s-.142-.622.08-.855a4.12 4.12 0 0 0 1.143-2.86 4.12 4.12 0 0 0-1.14-2.857c-.222-.233-.315-.632-.083-.855.233-.223.537-.184.76.048M6.539 1.26a1.494 1.494 0 0 1 2.64.959l-.006 7.584-.993-1.201.004-6.581a.33.33 0 0 0-.067-.2l-.05-.051-.03-.023c-.138-.09-.496-.065-.603.064L5.228 4.526a.6.6 0 0 1-.27.182l-.844-1.021h.394Z'/%3E%3Cpath d='M1.32 2.312a.56.56 0 0 1 .755.038l.032.036 8.57 10.36a.56.56 0 0 1-.074.786c-.225.187-.498.102-.699-.103l-.032-.036-8.57-10.36c-.198-.237-.22-.525.018-.721'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:star {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M9.642 12.986a1.4 1.4 0 0 1-.55-.173l-2.085-1.151-2.08 1.158a1.45 1.45 0 0 1-.557.173L4.223 13a1.44 1.44 0 0 1-.837-.266 1.48 1.48 0 0 1-.595-1.44l.41-2.539-1.782-1.834a1.46 1.46 0 0 1-.381-1.354l.04-.144a1.45 1.45 0 0 1 1.162-.979l2.399-.368 1.045-2.234a1.47 1.47 0 0 1 1.177-.835L7 1c.564 0 1.078.33 1.316.842L9.36 4.076l2.398.368c.498.073.917.4 1.115.852l.048.127a1.47 1.47 0 0 1-.34 1.504l-1.783 1.829.41 2.534a1.48 1.48 0 0 1-.489 1.36l-.11.088a1.43 1.43 0 0 1-.82.256zM7 2a.46.46 0 0 0-.41.265L5.433 4.742l-.113.242-.264.04-2.667.409a.45.45 0 0 0-.363.312.46.46 0 0 0 .11.479l1.958 2.015.175.18-.04.248-.451 2.79a.48.48 0 0 0 .192.465c.069.05.16.078.253.078a.45.45 0 0 0 .22-.055l2.32-1.291.242-.135.243.134 2.334 1.288a.43.43 0 0 0 .208.053l.088-.01a.4.4 0 0 0 .081-.023l.069-.037a.48.48 0 0 0 .194-.47l-.45-2.787-.04-.248.175-.18 1.957-2.01a.48.48 0 0 0 .109-.489.45.45 0 0 0-.364-.307l-2.665-.409-.264-.04-.113-.242L7.41 2.264A.46.46 0 0 0 7 2'/%3E%3C/svg%3E")
}

.i-custom\:tag {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='m548.068 142.507 271.36 29.297a50.97 50.97 0 0 1 44.544 41.472l.74 6.088 16.952 269.824a50.75 50.75 0 0 1-11.15 35.27l-4.324 4.666-349.639 338.375a50.8 50.8 0 0 1-66.844 3.356l-5.12-4.665-288.143-299.35a51.2 51.2 0 0 1-3.413-67.014l4.665-5.12 349.525-338.262a50.97 50.97 0 0 1 34.418-14.222l6.429.228zm-3.357 56.775-343.267 332.23L481.337 822.33 824.66 490.098l-16.497-262.315z'/%3E%3Cpath fill='currentColor' d='M704.114 328.363a113.95 113.95 0 0 1-2.845 160.881 113.38 113.38 0 0 1-160.426-2.787 114.06 114.06 0 0 1 2.73-160.939 113.38 113.38 0 0 1 160.54 2.845m-40.96 39.424a56.49 56.49 0 0 0-79.986-1.366 57.173 57.173 0 0 0-1.422 80.555 56.49 56.49 0 0 0 79.986 1.422c20.82-20.195 22.983-52.451 6.03-75.093z'/%3E%3C/svg%3E")
}

.i-custom\:time {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M512 138.667a373.333 373.333 0 1 1 0 746.666 373.333 373.333 0 0 1 0-746.666M512 192a320 320 0 1 0 0 640 320 320 0 0 0 0-640'/%3E%3Cpath fill='currentColor' d='M491.04 329.6a26.67 26.67 0 0 1 26.24 21.867l.427 4.8v159.466a26.67 26.67 0 0 0 4.16 14.24l3.093 4 74.133 78.774a26.667 26.667 0 0 1-35.2 39.733l-3.626-3.2-74.134-78.72a80 80 0 0 1-21.28-46.187l-.48-8.693V356.267A26.667 26.667 0 0 1 491.04 329.6'/%3E%3C/svg%3E")
}

.i-custom\:transfer {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M8.588 2.61a.5.5 0 0 1 .704-.068l2.45 2.018a.7.7 0 0 1-.445 1.24H2.378a.5.5 0 1 1 0-1h8.081L8.656 3.314a.5.5 0 0 1-.119-.63zm-2.943 8.829a.5.5 0 0 1-.704.068L2.49 9.488a.7.7 0 0 1 .445-1.24h8.918a.5.5 0 1 1 0 1l-8.08.001 1.803 1.486a.5.5 0 0 1 .119.63l-.051.074z'/%3E%3C/svg%3E")
}

.i-custom\:translate {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='m7.142 4.205.652 1.173h3.917c.327 0 .597.248.631.566l.004.07c0 .35-.284.635-.635.635H10.2l-.055.221q-.585 2.185-1.98 3.744l-.119.128.134.106q1.076.823 2.528 1.434l.215.088 2.033-3.993a.636.636 0 0 1 1.094-.067l.04.07 4.06 8.071a.635.635 0 1 1-1.135.571l-1.413-2.807h-4.127l-.064-.003-1.432 2.813a.636.636 0 0 1-.72.328l-.071-.022-.063-.028a.635.635 0 0 1-.278-.855l1.498-2.943-.233-.096q-1.617-.694-2.83-1.65l-.179-.145-.152.121q-1.515 1.16-3.647 1.806l-.308.09a.635.635 0 0 1-.343-1.224c1.334-.373 2.46-.897 3.386-1.575l.129-.098-.124-.134a8.86 8.86 0 0 1-1.981-3.738l-.053-.214H2.417a.636.636 0 0 1-.632-.565l-.004-.07c0-.35.285-.635.636-.635H6.34l-.31-.556a.636.636 0 0 1 .184-.824l.063-.04a.635.635 0 0 1 .864.247m6.377 5.867-1.463 2.873h2.908zM8.887 6.648H5.322l.04.145A7.6 7.6 0 0 0 7 9.76l.113.123.007-.007q1.192-1.279 1.728-3.084z'/%3E%3C/svg%3E")
}

.i-custom\:unforbid {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M11.792 4.978a.5.5 0 0 1 .5.5c0 3.153-2.024 5.695-4.784 5.974V12.7a.5.5 0 1 1-1 0v-1.246c-2.769-.272-4.8-2.817-4.8-5.976a.5.5 0 1 1 1 0c0 2.823 1.865 5 4.292 5s4.292-2.177 4.292-5a.5.5 0 0 1 .5-.5M7 .5a3 3 0 0 1 3 3v2.762a3 3 0 1 1-6 0V3.5a3 3 0 0 1 3-3m0 1a2 2 0 0 0-2 2v2.762a2 2 0 1 0 4 0V3.5a2 2 0 0 0-2-2'/%3E%3C/svg%3E")
}

.i-custom\:unread {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='m3.283 3.081.757.703c-1.112.679-1.977 1.721-2.376 2.951l-.064.21.064.21c.688 2.123 2.765 3.687 5.1 3.786l.235.005a5.72 5.72 0 0 0 3.48-1.198l.742.688a6.7 6.7 0 0 1-4.222 1.51c-3.06 0-5.779-2.138-6.429-5C.932 5.35 1.936 3.982 3.283 3.08m3.716-1.135c3.059 0 5.778 2.137 6.428 5a6.2 6.2 0 0 1-1.407 2.722l-.734-.68a5.3 5.3 0 0 0 1.047-1.832l.063-.211-.063-.21c-.688-2.122-2.764-3.686-5.1-3.785l-.234-.004c-.654 0-1.29.115-1.884.326l-.811-.753a6.65 6.65 0 0 1 2.695-.573'/%3E%3Cpath d='m5.389 5.031.743.688a1.5 1.5 0 1 0 2.153 1.996l.743.689a2.5 2.5 0 1 1-3.64-3.373m1.61-.587a2.5 2.5 0 0 1 2.473 2.865L8.327 6.246a1.5 1.5 0 0 0-.734-.68L6.447 4.505q.266-.06.552-.061'/%3E%3Cpath d='M1.096 1.519a.55.55 0 0 1 .692-.097l.089.067 11.27 10.441a.552.552 0 0 1-.662.878l-.089-.067L1.126 2.3a.55.55 0 0 1-.03-.781'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:unstar {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='m4.676 3.997.705.852-.061.135-.264.04-2.667.409a.45.45 0 0 0-.363.312.46.46 0 0 0 .11.479l1.958 2.015.175.18-.04.248-.451 2.79a.48.48 0 0 0 .192.465c.069.05.16.078.253.078a.45.45 0 0 0 .22-.055l2.32-1.291.242-.135.243.134 2.334 1.288a.43.43 0 0 0 .208.053l.088-.01a.4.4 0 0 0 .081-.023l.069-.037a.48.48 0 0 0 .194-.47l-.152-.935 1.12 1.352a1.5 1.5 0 0 1-.47.779l-.111.088a1.43 1.43 0 0 1-.82.256l-.147-.008a1.4 1.4 0 0 1-.55-.173l-2.085-1.151-2.08 1.158a1.45 1.45 0 0 1-.557.173L4.223 13a1.44 1.44 0 0 1-.837-.266 1.48 1.48 0 0 1-.595-1.44l.41-2.539-1.782-1.834a1.46 1.46 0 0 1-.381-1.354l.04-.144a1.45 1.45 0 0 1 1.162-.979l2.399-.368zM7 1c.564 0 1.078.33 1.316.842L9.36 4.076l2.398.368c.498.073.917.4 1.115.852l.048.127a1.47 1.47 0 0 1-.34 1.504l-1.783 1.829.138.853L9.85 8.296l.057-.057 1.957-2.01a.48.48 0 0 0 .109-.489.45.45 0 0 0-.364-.307l-2.665-.409-.264-.04-.113-.242L7.41 2.264A.46.46 0 0 0 7 2a.46.46 0 0 0-.41.265L5.965 3.6l-.705-.853.424-.905a1.47 1.47 0 0 1 1.177-.835z'/%3E%3Cpath d='M2.662 1.516a.56.56 0 0 1 .755.038l.032.036 8.57 10.36a.56.56 0 0 1-.074.787c-.225.186-.498.101-.7-.104l-.031-.036-8.571-10.36c-.197-.237-.219-.524.019-.721'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:untop {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='m3.441 2.438 1 .896v1.99a1 1 0 0 1-.453.836l-.187.122a3.7 3.7 0 0 0-.903.841c-.33.451-.629 1.149-.896 2.125a.05.05 0 0 0 .049.063l9.053-.001 1.113.998-.071.003H2.05a1.05 1.05 0 0 1-1.013-1.327c.291-1.067.633-1.879 1.053-2.452a4.6 4.6 0 0 1 1.147-1.076l.203-.133zM9.927 1c.58 0 1.05.47 1.05 1.05v3.196l.123.115c.446.425.793.812 1.043 1.17l.117.176c.325.521.617 1.27.897 2.27.053.192.05.382.003.557l-1.212-1.087q-.268-.781-.522-1.187l-.103-.156q-.308-.442-.904-1.01l-.124-.116a1 1 0 0 1-.318-.732V2.05a.05.05 0 0 0-.05-.05l-5.169-.001-.888-.796c.145-.106.319-.176.507-.197L4.49 1z'/%3E%3Cpath d='M7.5 9.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 1 1-1 0V10a.5.5 0 0 1 .5-.5M1.347.977A.55.55 0 0 1 2.04.88l.089.067 11.27 10.442a.552.552 0 0 1-.662.878l-.089-.068L1.377 1.758a.55.55 0 0 1-.03-.781'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:upload {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='M12.333 7.292c.322 0 .5.26.5.583v2.742l-.002.126c-.05 1.298-.732 2.382-1.981 2.382h-7.7l-.106-.003c-1.254 0-1.877-1.195-1.877-2.505V7.944l.004-.068c.033-.29.195-.515.494-.515.323 0 .5.26.5.583v2.673l.003.11c-.003.958.246 1.394.814 1.398h8.035l.057-.004c.613 0 .76-.402.76-1.504V7.875l.003-.068c.034-.29.197-.515.496-.515m-5.627-5.62a.58.58 0 0 1 .755.05l3.245 3.148.046.05c.185.226.208.447 0 .662l-.05.046c-.226.185-.482.094-.697-.114L7.562 3.182V8.93c0 .322-.223.583-.5.583-.256 0-.467-.225-.496-.515l-.003-.068-.001-5.84-2.48 2.38-.052.044c-.234.174-.523.174-.729 0s-.235-.43 0-.651l3.354-3.148z'/%3E%3C/svg%3E")
}

.i-custom\:video {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M10.553 1.9a2.33 2.33 0 0 1 2.333 2.332v5.35a2.33 2.33 0 0 1-2.333 2.333h-7.12A2.33 2.33 0 0 1 1.1 9.582v-5.35A2.33 2.33 0 0 1 3.432 1.9zm0 1h-7.12c-.736 0-1.333.597-1.333 1.332v5.35c0 .736.597 1.333 1.332 1.333h7.121c.736 0 1.333-.597 1.333-1.333v-5.35c0-.735-.597-1.332-1.333-1.332'/%3E%3Cpath d='m6.827 4.37 2.13 1.58a1.2 1.2 0 0 1 .036 1.9l-2.13 1.704a1.2 1.2 0 0 1-1.95-.938V5.335a1.2 1.2 0 0 1 1.914-.964zm-.875.846a.2.2 0 0 0-.039.119v3.281a.2.2 0 0 0 .325.157l2.13-1.703a.2.2 0 0 0-.005-.317l-2.13-1.579a.2.2 0 0 0-.28.042z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:view-circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='currentColor' d='M14 2c6.627 0 12 5.373 12 12s-5.373 12-12 12S2 20.627 2 14 7.373 2 14 2m0 2C8.477 4 4 8.477 4 14s4.477 10 10 10 10-4.477 10-10S19.523 4 14 4'/%3E%3C/svg%3E")
}

.i-custom\:view-close {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M5.293 5.293a1 1 0 0 1 1.414 0L14 12.585l7.293-7.292a1 1 0 0 1 1.414 1.414L15.415 14l7.292 7.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.414 0L14 15.415l-7.293 7.292a1 1 0 1 1-1.414-1.414L12.585 14 5.293 6.707a1 1 0 0 1-.083-1.32Z'/%3E%3C/svg%3E")
}

.i-custom\:view-download {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M24 15.222a1 1 0 0 1 1 1V20a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5v-3.773a1 1 0 0 1 2 0V20a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-3.778a1 1 0 0 1 1-1M13.995 2a1 1 0 0 1 1 1v12.034l4.298-4.297a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.415l-6 6a1 1 0 0 1-.367.233l-.012.003-.082.026-.04.008-.067.013-.049.005a1 1 0 0 1-.095.004h-.032q-.023 0-.044-.003l.076.003q-.084 0-.165-.013l-.012-.003a1 1 0 0 1-.563-.311l-5.962-5.965a1 1 0 1 1 1.414-1.415l4.288 4.287V3a1 1 0 0 1 1-1'/%3E%3C/svg%3E")
}

.i-custom\:view-edit {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M18.75 3a1 1 0 0 1 0 2H7a3 3 0 0 0-3 3v13a3 3 0 0 0 3 3h13a3 3 0 0 0 3-3v-1.25a1 1 0 0 1 2 0V21a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zm7.46 1.958a1.25 1.25 0 0 1-.155 1.76l-11.49 9.642a1.25 1.25 0 0 1-1.607-1.915l11.49-9.642a1.25 1.25 0 0 1 1.761.155'/%3E%3C/svg%3E")
}

.i-custom\:view-painting-brush {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='currentColor' d='M18.739 3.005a3.42 3.42 0 0 1 4.838 0l1.418 1.418c1.27 1.268 1.34 3.3.149 4.68l-.149.158-13.821 13.821a1 1 0 0 1-.376.237l-5.5 1.933a2 2 0 0 1-2.55-2.55l1.933-5.5a1 1 0 0 1 .237-.376Zm-1.566 4.393-10.68 10.68-1.858 5.287 5.286-1.859 10.68-10.68zm4.99-2.979a1.42 1.42 0 0 0-2.01 0l-1.566 1.565 3.428 3.428 1.54-1.54.099-.104a1.42 1.42 0 0 0-.073-1.931Z'/%3E%3C/svg%3E")
}

.i-custom\:view-rect {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='currentColor' d='M21 2H7a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E")
}

.i-custom\:view-restore {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M14 1c7.18 0 13 5.82 13 13s-5.82 13-13 13S1 21.18 1 14 6.82 1 14 1m0 2C7.925 3 3 7.925 3 14s4.925 11 11 11 11-4.925 11-11S20.075 3 14 3M9 9a1 1 0 0 1 1 1v8a1 1 0 0 1-2 0v-8a1 1 0 0 1 1-1m10 0a1 1 0 0 1 1 1v8a1 1 0 0 1-2 0v-8a1 1 0 0 1 1-1m-5 6.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m0-5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5'/%3E%3C/svg%3E")
}

.i-custom\:view-right-up-arrow {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='currentColor' d='M23 4h.02q.035 0 .069.004za1 1 0 0 1 .617.213q.095.075.17.17l-.08-.09a1 1 0 0 1 .204.294l.011.027a.9.9 0 0 1 .074.299L24 5v12.728a1 1 0 1 1-2 0l-.001-10.314L5.707 23.707a1 1 0 0 1-1.414-1.414L20.584 6H10.272a1 1 0 0 1-.993-.883L9.272 5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")
}

.i-custom\:view-rotate {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M20 10a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4zm0 2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2M13.841 1.29a1 1 0 0 1 .159.542l.001 1.617c6.415-.101 10.778 2.014 12.915 6.386a1 1 0 0 1-1.797.878c-1.758-3.597-5.406-5.366-11.118-5.264L14 7.169a1 1 0 0 1-1.54.84L8.307 5.342a1 1 0 0 1 0-1.682L12.46.99a1 1 0 0 1 1.382.3'/%3E%3C/svg%3E")
}

.i-custom\:view-tick {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M23.276 6.31a1 1 0 1 1 1.448 1.38l-13.333 14a1 1 0 0 1-1.448 0l-6.667-7a1 1 0 0 1 1.448-1.38l5.942 6.24z'/%3E%3C/svg%3E")
}

.i-custom\:view-tshape {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='currentColor' d='M22 4a1 1 0 0 1 1 1v2.467a1 1 0 0 1-2 0V6h-6v16h3a1 1 0 0 1 0 2h-8a1 1 0 1 1 0-2h3V6H7v1.467a1 1 0 0 1-.883.993L6 8.467a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")
}

.i-custom\:view-undo {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='m21.737 3.272 3.949 3.72a1 1 0 0 1 .054 1.401l-3.949 4.34a1 1 0 1 1-1.48-1.345l2.144-2.358H10.337c-3.341 0-6.201 2.808-6.332 6.235C3.866 18.887 6.805 22 10.337 22h9.587a1 1 0 1 1 0 2h-9.587c-4.677 0-8.512-4.065-8.33-8.81.17-4.494 3.905-8.16 8.33-8.16h12.472l-2.443-2.302a1 1 0 0 1-.123-1.317l.08-.097a1 1 0 0 1 1.414-.042'/%3E%3C/svg%3E")
}

.i-custom\:view-zoom-in {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M13 2c6.075 0 11 4.925 11 11 0 2.677-.957 5.131-2.546 7.039l3.91 3.91a1 1 0 1 1-1.414 1.415l-3.911-3.91A10.96 10.96 0 0 1 13 24C6.925 24 2 19.075 2 13S6.925 2 13 2m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18m3 8a1 1 0 0 1 0 2h-6a1 1 0 0 1 0-2z'/%3E%3C/svg%3E")
}

.i-custom\:view-zoom-out {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cpath fill='%23FFF' d='M13 2c6.075 0 11 4.925 11 11 0 2.677-.957 5.131-2.546 7.039l3.91 3.91a1 1 0 1 1-1.414 1.415l-3.911-3.91A10.96 10.96 0 0 1 13 24C6.925 24 2 19.075 2 13S6.925 2 13 2m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18m0 5a1 1 0 0 1 1 1v2h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 1-1'/%3E%3C/svg%3E")
}

.i-custom\:vip-dark {
    width: 1.43em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' width='20' height='14'%3E%3Cpath fill='%23F2D2A1' d='m3 3.8 2.286 6.426h1.269L8.841 3.8H7.698L5.934 9.038h-.027L4.143 3.8zm6.516 0v6.426h1.053V3.8zm2.313 0v6.426h1.053V7.76h1.593c1.566 0 2.349-.666 2.349-1.989 0-1.314-.783-1.971-2.331-1.971zm1.053.9h1.53c.459 0 .801.081 1.017.252.216.162.333.432.333.819q0 .58-.324.837c-.216.162-.558.252-1.026.252h-1.53z'/%3E%3C/svg%3E")
}

.i-custom\:vip-light {
    width: 1.43em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' width='20' height='14'%3E%3Cpath fill='%23F2D2A1' d='m3 3.8 2.286 6.426h1.269L8.841 3.8H7.698L5.934 9.038h-.027L4.143 3.8zm6.516 0v6.426h1.053V3.8zm2.313 0v6.426h1.053V7.76h1.593c1.566 0 2.349-.666 2.349-1.989 0-1.314-.783-1.971-2.331-1.971zm1.053.9h1.53c.459 0 .801.081 1.017.252.216.162.333.432.333.819q0 .58-.324.837c-.216.162-.558.252-1.026.252h-1.53z'/%3E%3C/svg%3E")
}

.i-custom\:voice {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='currentColor'%3E%3Cpath d='M6.95.878c2.624 0 4.803 1.924 4.99 4.407l.398 5.276a1 1 0 0 1-.922 1.072l-.038.002h-8.91a.917.917 0 0 1-.914-.985l.404-5.365c.1-1.333.775-2.504 1.783-3.304a5 5 0 0 1 1.067-.647q.454-.206.953-.321c.381-.088.78-.135 1.188-.135zm0 1a4.3 4.3 0 0 0-1.732.368 4 4 0 0 0-.855.519c-.822.65-1.33 1.579-1.407 2.595l-.398 5.275h8.782l-.397-5.275c-.147-1.95-1.881-3.482-3.994-3.482z'/%3E%3Cpath d='M7.014 13.06c-1.26 0-2.344-.723-2.344-1.74h1.071c0 .312.535.669 1.273.669s1.272-.357 1.272-.67h1.072c0 1.018-1.085 1.741-2.344 1.741'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:voicecall {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='currentColor' d='m3.684 1.617.135.001c.581.03 1.114.353 1.602.94 1.055 1.27 1.08 2.192.075 3.111l-.104.094.053.089.08.12c.235.337.63.78 1.134 1.267.515.494.983.88 1.341 1.11q.14.09.244.14l.051.023.239-.21a3 3 0 0 1 .241-.187c.853-.594 1.738-.438 2.873.437.75.579 1.09 1.231.937 1.935-.102.473-.369.832-.914 1.308l-.433.37c-1.362 1.048-4.513-.185-7.021-2.6C1.625 7.068.392 3.954 1.744 2.737l.425-.394c.56-.501.974-.712 1.515-.727zm-.848 1.472.013-.012-.436.404c-.722.65.216 3.166 2.497 5.363 2.23 2.148 4.903 3.155 5.677 2.562l.426-.364c.415-.362.548-.551.595-.767.058-.266-.086-.556-.57-.93-.836-.645-1.257-.712-1.694-.408a2 2 0 0 0-.148.114l-.24.21a1 1 0 0 1-1.07.163l-.082-.037a4 4 0 0 1-.344-.197c-.425-.273-.943-.7-1.495-1.231-.54-.52-.98-1.012-1.273-1.434l-.108-.164-.052-.088a1 1 0 0 1 .188-1.25l.1-.091c.578-.528.57-.847-.167-1.735-.33-.395-.619-.566-.846-.579l-.095-.002c-.264.008-.466.106-.876.473'/%3E%3C/svg%3E")
}

.i-custom\:address,
.i-custom\:address_friend_add,
.i-custom\:address_friend_notify,
.i-custom\:address_group_add,
.i-custom\:address_group_notify,
.i-custom\:album_card_icon,
.i-custom\:at-all,
.i-custom\:expand-con,
.i-custom\:file_audio,
.i-custom\:file_docx,
.i-custom\:file_folder,
.i-custom\:file_gif,
.i-custom\:file_link,
.i-custom\:file_mov,
.i-custom\:file_pdf,
.i-custom\:file_pptx,
.i-custom\:file_psd,
.i-custom\:file_txt,
.i-custom\:file_unknown,
.i-custom\:file_xlsx,
.i-custom\:file_xmind,
.i-custom\:file_zip,
.i-custom\:group_album_upload,
.i-custom\:hot,
.i-custom\:icon-reply-close,
.i-custom\:icon_one,
.i-custom\:icon_three,
.i-custom\:icon_two,
.i-custom\:more-col,
.i-custom\:more_button_n,
.i-custom\:msg-info,
.i-custom\:msg-loading,
.i-custom\:msg-success,
.i-custom\:next-def,
.i-custom\:niu-right-arrow,
.i-custom\:niu-vip-dark,
.i-custom\:niu-vip-light,
.i-custom\:notice_card_icon,
.i-custom\:official,
.i-custom\:plus-notice,
.i-custom\:reply-close,
.i-custom\:report-checked,
.i-custom\:right-arrow,
.i-custom\:selected,
.i-custom\:send_ac,
.i-custom\:send_def,
.i-custom\:side-address-active,
.i-custom\:side-chat-active,
.i-custom\:side-collect-active,
.i-custom\:unselect,
.i-custom\:unselect-disabled,
.i-custom\:video-play {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.i-custom\:address {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='none' stroke='%231E222B' stroke-linejoin='round' stroke-width='1.1' d='M7.9 2a4.9 4.9 0 0 1 3.481 8.348h.793a1.826 1.826 0 1 1 0 3.652H3.826a1.826 1.826 0 0 1 0-3.652h.593A4.9 4.9 0 0 1 7.9 2Z'/%3E%3C/svg%3E")
}

.i-custom\:address_friend_add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3Cpath fill='%2300C89C' d='M17.5 20.5c1.255 0 2.438.308 3.477.853a6.2 6.2 0 0 0-.477 2.397c0 1.901.85 3.605 2.189 4.75H10V28a7.5 7.5 0 0 1 7.5-7.5m9.25-1.5a4.75 4.75 0 1 1 0 9.5 4.75 4.75 0 0 1 0-9.5m0 2.25A.75.75 0 0 0 26 22v.999L25 23a.75.75 0 1 0 0 1.5l1-.001V25.5a.75.75 0 1 0 1.5 0v-1h1a.75.75 0 1 0 0-1.5h-1v-1a.75.75 0 0 0-.75-.75M17.5 11a5.5 5.5 0 0 1 4.208 9.042A9 9 0 0 0 17.5 19a8.96 8.96 0 0 0-4.206 1.041A5.5 5.5 0 0 1 17.5 11'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:address_friend_notify {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3Cpath fill='%2300C89C' fill-rule='nonzero' d='m13.252 17.674-.002.076a8 8 0 0 0 13.02 6.229 2.495 2.495 0 0 1 1.637 2.344v1a1.5 1.5 0 0 1-1.5 1.5H16a1.5 1.5 0 0 1-1.5-1.5v-.96c-2.17-1.735-3.615-3.957-4.29-6.643-.047-.19-.105-.452-.175-.8a1.75 1.75 0 0 1 3.217-1.246m7.998-6.424a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13m-2.53 7.22a.75.75 0 0 0 0 1.06c.647.648 1.506.97 2.53.97s1.883-.322 2.53-.97a.75.75 0 0 0-1.06-1.06c-.353.352-.827.53-1.47.53s-1.117-.178-1.47-.53a.75.75 0 0 0-1.06 0'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:address_group_add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3Cpath fill='%2300C89C' d='M17 20.5a7.46 7.46 0 0 1 3.887 1.085 6.2 6.2 0 0 0-.387 2.165c0 1.901.85 3.605 2.189 4.75H9.5V28a7.5 7.5 0 0 1 7.5-7.5m9.75-1.5a4.75 4.75 0 1 1 0 9.5 4.75 4.75 0 0 1 0-9.5m0 2.25A.75.75 0 0 0 26 22v.999L25 23a.75.75 0 1 0 0 1.5l1-.001V25.5a.75.75 0 1 0 1.5 0v-1h1a.75.75 0 1 0 0-1.5h-1v-1a.75.75 0 0 0-.75-.75M17 11a5.5 5.5 0 0 1 4.208 9.042A9 9 0 0 0 17 19a8.96 8.96 0 0 0-4.206 1.041A5.5 5.5 0 0 1 17 11m8.885 2.25a4 4 0 0 1 3.869 5.018 6.2 6.2 0 0 0-3.004-.768c-1.02 0-1.985.245-2.836.679a7.1 7.1 0 0 0-.274-4.24 3.97 3.97 0 0 1 2.245-.689'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:address_group_notify {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3Cpath fill='%2300C89C' d='M16.75 27.005A4.05 4.05 0 0 0 20.248 29a4.05 4.05 0 0 0 3.502-2m-3.394-16.5c1.109 0 2.026.81 2.18 1.864a6.16 6.16 0 0 1 3.939 5.746q0 1.879 1.927 3.928a2.053 2.053 0 0 1-1.489 3.462H13.588a2.048 2.048 0 0 1-1.453-3.498q2.022-2.034 2.023-3.892a6.16 6.16 0 0 1 4.024-5.779 2.19 2.19 0 0 1 2.174-1.831'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:album_card_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath d='M70.3488 864h659.3024a23.7056 23.7056 0 0 0 21.1968-34.304L421.2224 170.3936a23.7056 23.7056 0 0 0-42.4448 0L49.152 829.696a23.7056 23.7056 0 0 0 21.1968 34.304z' fill='%2300C89C'/%3E%3Cpath d='M682.8032 330.3936L433.152 829.696a23.7056 23.7056 0 0 0 21.1968 34.304h499.3024a23.7056 23.7056 0 0 0 21.1968-34.304l-249.6512-499.3024a23.7056 23.7056 0 0 0-42.3936 0z' fill='%2301E0AF'/%3E%3C/svg%3E")
}

.i-custom\:at-all {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='%2301E0AF'/%3E%3Cpath d='M533.686857 773.741714c60.891429 0 112.493714-11.812571 154.843429-35.364571 36.937143-20.553143 64.365714-48.932571 82.212571-85.211429h-57.051428c-18.761143 23.771429-43.483429 41.581714-74.203429 53.467429-30.72 11.885714-67.401143 17.810286-110.08 17.810286-44.251429 0-83.602286-7.094857-117.979429-21.284572a165.851429 165.851429 0 0 1-80.091428-67.657143 192.329143 192.329143 0 0 1-28.525714-102.838857c0-38.765714 8.521143-76.032 25.6-111.835428a187.977143 187.977143 0 0 1 76.068571-83.309715c33.645714-19.748571 74.678857-29.622857 123.062857-29.622857 56.941714 0 101.302857 14.811429 133.12 44.361143 31.817143 29.549714 47.689143 66.304 47.689143 110.226286 0 24.466286-5.632 48.128-16.896 70.948571-11.227429 22.893714-25.965714 41.106286-44.178286 54.674286-13.568 10.349714-24.649143 15.542857-33.206857 15.542857a9.654857 9.654857 0 0 1-7.387428-3.364571c-2.048-2.194286-3.072-5.558857-3.072-10.020572 0-3.584 1.243429-11.446857 3.730285-23.588571l40.448-192.036572H577.097143l-6.692572 29.732572c-15.177143-24.283429-38.656-36.425143-70.473142-36.425143-44.617143 0-81.225143 21.065143-109.824 63.195428a199.826286 199.826286 0 0 0-35.328 114.907429c0 33.938286 9.764571 61.110857 29.330285 81.554286 19.529143 20.48 44.141714 30.683429 73.801143 30.683428 27.465143 0 51.785143-10.166857 72.850286-30.537143 2.486857 9.984 7.497143 17.590857 14.994286 22.784 7.497143 5.156571 18.651429 7.753143 33.462857 7.753143 55.003429 0 100.096-23.222857 135.314285-69.632 28.013714-36.790857 42.020571-77.970286 42.020572-123.501714a208.749714 208.749714 0 0 0-27.721143-105.691429c-18.468571-32.182857-45.238857-57.051429-80.237714-74.569142-34.998857-17.481143-74.971429-26.258286-119.954286-26.258286-53.065143 0-100.205714 10.861714-141.458286 32.548571-41.252571 21.686857-73.764571 54.198857-97.499428 97.499429a286.976 286.976 0 0 0-35.620572 140.214857c0 45.714286 10.422857 87.990857 31.341715 126.829714 20.882286 38.838857 52.772571 68.242286 95.597714 88.137143 42.861714 19.931429 93.769143 29.878857 152.685714 29.878857zM472.137143 609.28c-13.568 0-24.978286-5.376-34.157714-16.091429-9.216-10.715429-13.787429-27.428571-13.787429-50.102857 0-16.932571 3.291429-36.425143 9.874286-58.368 6.619429-21.942857 16.457143-38.875429 29.476571-50.761143 13.056-11.885714 27.245714-17.810286 42.605714-17.810285 14.262857 0 26.112 5.412571 35.474286 16.201143 9.398857 10.788571 14.08 26.294857 14.08 46.445714 0 18.066286-3.437714 37.522286-10.313143 58.404571-6.875429 20.918857-15.067429 36.790857-24.502857 47.689143-6.619429 7.68-13.312 13.312-20.114286 16.896a57.746286 57.746286 0 0 1-28.635428 7.497143z' fill='%231F2533'/%3E%3C/svg%3E")
}

.i-custom\:expand-con {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10'%3E%3Cpath fill='%2301E0AF' fill-rule='evenodd' d='m4.366 1.366 3.068 3.068a.8.8 0 0 1 0 1.132L4.366 8.634A.8.8 0 0 1 3 8.07V1.93a.8.8 0 0 1 1.366-.565z'/%3E%3C/svg%3E")
}

.i-custom\:file_audio {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%230FD2B1' d='M234.656 0h426.688L960 298.656v554.688A170.656 170.656 0 0 1 789.344 1024H234.656A170.656 170.656 0 0 1 64 853.344V170.656A170.656 170.656 0 0 1 234.656 0'/%3E%3Cpath fill='%23FFF' d='M661.344 0v152.384a146.27 146.27 0 0 0 146.272 146.272H960z' opacity='.4'/%3E%3Cpath fill='%23FFF' d='m547.104 274.88 24.224 20.896c59.552 51.456 98.24 145.76 98.24 233.28 0 84.256-35.84 174.88-91.616 227.392l-6.528 5.888-24.224 20.928-41.856-48.416 24.224-20.928c44.672-38.624 76-115.104 76-184.864 0-66.848-28.8-139.84-70.56-179.84l-5.536-4.992-24.192-20.928zm-90.816 104.96 25.856 18.848a161.06 161.06 0 0 1 65.408 130.432c0 49.6-22.08 95.456-58.912 125.44l-6.272 4.864-25.824 18.88-37.824-51.616 25.824-18.88a97.09 97.09 0 0 0 39.04-78.688c0-29.792-12.96-57.152-34.432-75.04l-4.736-3.68-25.824-18.88 37.696-51.712zm-71.392 114.368a43.552 43.552 0 1 1 0 87.136 43.552 43.552 0 0 1 0-87.136'/%3E%3C/svg%3E")
}

.i-custom\:file_docx {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%230078D4' d='M234.656 0h426.688L960 298.656v554.688A170.656 170.656 0 0 1 789.344 1024H234.656A170.656 170.656 0 0 1 64 853.344V170.656A170.656 170.656 0 0 1 234.656 0'/%3E%3Cpath fill='%236CC5FF' d='M661.344 0v152.384a146.27 146.27 0 0 0 146.272 146.272H960z' opacity='.4'/%3E%3Cpath fill='%23FFF' d='M673.696 416.352a32 32 0 0 1 61.6 17.024l-.992 3.616L632.64 735.648c-9.6 28.16-48.32 28.736-59.552 2.656l-1.376-3.712L512 537.184l-59.712 197.44c-8.64 28.48-47.36 30.336-59.456 4.704l-1.472-3.68-101.664-298.656a32 32 0 0 1 59.2-24.096l1.408 3.456 69.536 204.384 61.536-203.328c8.768-28.992 48.416-30.272 59.872-3.776l1.376 3.776 61.504 203.328z'/%3E%3C/svg%3E")
}

.i-custom\:file_folder {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23FFB050' d='M604.736 64H149.344A85.344 85.344 0 0 0 64 149.344v261.024C64 431.168 80.864 448 101.632 448h636.224a37.632 37.632 0 0 0 35.84-49.056L686.08 123.456A85.34 85.34 0 0 0 604.8 64z'/%3E%3Cpath fill='%23FFD34E' d='M64 213.344h768a128 128 0 0 1 128 128V832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832z'/%3E%3C/svg%3E")
}

.i-custom\:file_gif {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23685BCA' d='M234.656 0h426.688L960 298.656v554.688A170.656 170.656 0 0 1 789.344 1024H234.656A170.656 170.656 0 0 1 64 853.344V170.656A170.656 170.656 0 0 1 234.656 0'/%3E%3Cpath fill='%23FFF' d='M661.344 0v152.384a146.27 146.27 0 0 0 146.272 146.272H960z' opacity='.4'/%3E%3Cpath fill='%23FFF' d='M662.112 341.344a84.544 84.544 0 0 1 84.544 84.544v225.568A84.544 84.544 0 0 1 662.112 736H361.92a84.544 84.544 0 0 1-84.544-84.544v-225.6a84.544 84.544 0 0 1 84.544-84.512zm-76.064 293.792c-13.888-5.536-41.024-7.584-63.36-4.064l-4.288.8-147.232 61.44h290.944c6.848 0 13.312-1.6 19.04-4.544l-91.68-52.032zM662.08 384H361.92c-23.136 0-41.888 18.752-41.888 41.888v225.568a41.8 41.8 0 0 0 4.256 18.432 21.2 21.2 0 0 1 8.864-6.912l170.912-71.36 3.776-1.152 7.52-1.408c33.12-5.408 72.928-1.568 94.88 10.4l93.728 53.184.064-1.184v-225.6c0-23.104-18.752-41.856-41.888-41.856zm-256.768 74.656a32 32 0 1 1 0 64 32 32 0 0 1 0-64'/%3E%3C/svg%3E")
}

.i-custom\:file_link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23685BCA' d='M237.324 64h373.352L872 325.324v485.352A149.324 149.324 0 0 1 722.676 960H237.324A149.324 149.324 0 0 1 88 810.676V213.324A149.324 149.324 0 0 1 237.324 64'/%3E%3Cpath fill='%23FFF' fill-opacity='.45' d='M610.676 64v133.336a127.99 127.99 0 0 0 127.988 127.988H872z'/%3E%3Cpath fill='%23FFF' d='M387.628 457.904c7.28 5.88 8.96 16.128 4.34 23.968l-1.568 2.268-41.356 51.072a88.844 88.844 0 0 0 134.82 115.64l3.276-3.808 41.356-51.072a18.676 18.676 0 0 1 30.604 21.224l-1.596 2.268-41.356 51.072a126.196 126.196 0 0 1-199.752-154.112l3.64-4.704 41.356-51.072a18.676 18.676 0 0 1 26.236-2.744m165.284-26.6c8.008 6.468 9.24 18.2 2.772 26.236L436.32 604.932a18.676 18.676 0 1 1-29.008-23.52l119.364-147.364a18.676 18.676 0 0 1 26.236-2.772zm64.876-86.8a126.196 126.196 0 0 1 22.288 172.76l-3.64 4.732-41.328 51.044a18.676 18.676 0 0 1-30.604-21.196l1.596-2.296 41.328-51.044a88.844 88.844 0 0 0-134.82-115.668l-3.276 3.836-41.356 51.044a18.676 18.676 0 0 1-30.576-21.224l1.568-2.24 41.356-51.072a126.196 126.196 0 0 1 177.464-18.676'/%3E%3C/svg%3E")
}

.i-custom\:file_mov {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%230FD2B1' d='M234.66 0h426.68L960 298.66v554.68A170.66 170.66 0 0 1 789.34 1024H234.66A170.66 170.66 0 0 1 64 853.34V170.66A170.66 170.66 0 0 1 234.66 0'/%3E%3Cpath fill='%23FFF' d='M363.3 348.599A67.3 67.3 0 0 0 352 385.92v294.82a67.291 67.291 0 0 0 104.594 55.991l221.13-147.419a67.29 67.29 0 0 0 0-111.963l-221.13-147.402a67.29 67.29 0 0 0-91.172 15.635zm57.783 34.596 221.13 147.402a3.29 3.29 0 0 1 0 5.467L421.12 683.484a3.291 3.291 0 0 1-5.102-2.743V385.92a3.291 3.291 0 0 1 5.102-2.743z'/%3E%3Cpath fill='%236FE4D0' d='M661.34 0v152.375A146.286 146.286 0 0 0 807.624 298.66H960z'/%3E%3C/svg%3E")
}

.i-custom\:file_pdf {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23FD675F' d='M234.656 0h426.688L960 298.656v554.688A170.656 170.656 0 0 1 789.344 1024H234.656A170.656 170.656 0 0 1 64 853.344V170.656A170.656 170.656 0 0 1 234.656 0'/%3E%3Cpath fill='%23FFF' d='M661.344 0v152.384a146.27 146.27 0 0 0 146.272 146.272H960z' opacity='.4'/%3E%3Cpath fill='%23FFF' d='m410.88 323.584 3.616 7.52 1.536 2.496c73.632 116.992 182.304 176.8 328.96 180.736a27.424 27.424 0 1 1-1.472 54.816c-114.016-3.04-209.28-37.12-284.8-101.792 6.848 41.44 7.456 82.496 1.824 123.04a404 404 0 0 1 65.056-46.592 27.424 27.424 0 0 1 27.328 47.552c-55.264 31.808-101.6 78.816-139.04 141.44a488 488 0 0 1-15.2 27.264 27.6 27.6 0 0 1-2.784 4.288l1.536-2.304a28 28 0 0 1-2.464 3.456l-.48.48A27.392 27.392 0 0 1 350.56 733.6l.8-1.44 5.824-10.752a556 556 0 0 1 8.576-14.976c58.112-111.808 58.336-227.264.576-348.96a239 239 0 0 1-3.648-5.984 27.3 27.3 0 0 1-3.84-15.52 27.456 27.456 0 0 1 52-12.384z'/%3E%3C/svg%3E")
}

.i-custom\:file_pptx {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23FFAD38' d='M210.272 0h451.072L960 298.656V877.76A146.27 146.27 0 0 1 813.728 1024H210.24A146.27 146.27 0 0 1 64 877.728V146.24A146.27 146.27 0 0 1 210.272 0'/%3E%3Cpath fill='%23FFF' d='M661.344 0v152.384a146.27 146.27 0 0 0 146.272 146.272H960z' opacity='.4'/%3E%3Cpath fill='%23FFF' d='M371.104 341.344c0-18.912 15.328-34.24 34.24-34.24h123.52a145.376 145.376 0 1 1 0 290.72H439.52L439.552 704a34.24 34.24 0 0 1-68.256 3.744l-.192-3.744zm157.76 34.24-89.312-.032v153.824h89.28a76.928 76.928 0 0 0 0-153.824z'/%3E%3C/svg%3E")
}

.i-custom\:file_psd {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23042732' d='M234.66 0h426.68L960 298.66v554.68A170.66 170.66 0 0 1 789.34 1024H234.66A170.66 170.66 0 0 1 64 853.34V170.66A170.66 170.66 0 0 1 234.66 0'/%3E%3Cpath fill='%2395E4F2' d='M661.34 0v152.375A146.286 146.286 0 0 0 807.624 298.66H960zM405.76 335.232a136.704 136.704 0 0 1 4.443 273.335l-4.425.073h-58.35v110.592a27.429 27.429 0 0 1-54.637 3.438l-.22-3.438V362.661a27.43 27.43 0 0 1 24.796-27.301l2.633-.128zm244.48 124.763c19.84 0 40.686 3.292 62.519 9.783l6.656 1.993v52.243l-19.986-7.735c-21.194-7.863-37.047-11.758-47.178-11.758-10.002 0-17.865 2.524-23.954 7.479-5.705 4.626-8.32 9.984-8.32 16.805 0 5.76 1.975 10.715 6.162 15.268 3.712 4.023 10.149 8.96 19.237 14.665l9.947 5.907 17.573 9.892c22.18 12.526 37.888 24.503 47.177 36.297 9.728 12.343 14.592 27.173 14.592 44.16 0 23.955-9.106 43.648-27.063 58.295-17.517 14.318-40.466 21.394-68.461 21.394-17.427 0-39.26-3.712-65.646-11.062l-6.82-1.902v-55.954l13.238 6.125c26.514 12.215 47.982 18.25 64.201 18.25 11.593 0 20.48-2.871 27.008-8.467 6.217-5.34 9.235-12.123 9.235-21.083 0-7.46-2.012-13.495-6.09-18.469-4.571-5.614-13.824-12.452-27.666-20.224l-24.759-14.318c-17.7-10.715-30.665-21.028-38.893-31.104a65.55 65.55 0 0 1-14.958-42.569c0-21.43 7.99-39.442 23.698-53.357 15.488-13.715 35.145-20.554 58.57-20.554zM347.429 390.09v163.657l58.331.037a81.847 81.847 0 0 0 3.877-163.602l-3.859-.092z'/%3E%3C/svg%3E")
}

.i-custom\:file_txt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%235D92FC' d='M234.66 0h426.68L960 298.66v554.68A170.66 170.66 0 0 1 789.34 1024H234.66A170.66 170.66 0 0 1 64 853.34V170.66A170.66 170.66 0 0 1 234.66 0'/%3E%3Cpath fill='%239DBDFD' d='M661.34 0v152.375A146.286 146.286 0 0 0 807.624 298.66H960z'/%3E%3Cpath fill='%23FFF' d='M611.383 453.285c7.972 6.985 9.508 18.596 4.078 27.3l-2.067 2.798-62.39 71.278 62.39 71.296a21.34 21.34 0 0 1-29.623 30.518l-2.486-2.432-58.624-66.98-58.606 66.98a21.34 21.34 0 0 1-34.194-25.307l2.084-2.78 62.354-71.314-62.354-71.26a21.34 21.34 0 0 1 29.623-30.518l2.487 2.414 58.606 66.962 58.624-66.962a21.34 21.34 0 0 1 30.098-2.012zM384 448a21.34 21.34 0 0 1 0 42.66h-64V640a21.34 21.34 0 0 1-42.66 0l-.019-149.34h-64a21.34 21.34 0 1 1 0-42.66zm448 0a21.34 21.34 0 0 1 0 42.66h-64V640a21.34 21.34 0 0 1-42.66 0l-.019-149.34h-64a21.34 21.34 0 1 1 0-42.66z'/%3E%3C/svg%3E")
}

.i-custom\:file_unknown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%232761B5' d='M234.66 0h426.68L960 298.66v554.68A170.66 170.66 0 0 1 789.34 1024H234.66A170.66 170.66 0 0 1 64 853.34V170.66A170.66 170.66 0 0 1 234.66 0'/%3E%3Cpath fill='%23FFF' d='M490.167 749.714c-17.664 0-32-12.983-32-29 0-16.02 14.336-29.002 32-29.002 17.646 0 32 12.983 32 29.001 0 16-14.354 29.001-32 29.001m68.882-196.242c-25.655 24.229-38.18 42.917-43.465 58.35-4.005 11.684-12.47 21.87-25.509 21.87a33 33 0 0 1-2.56-.129c-14.116-1.28-24.393-13.202-23.04-26.514 3.493-33.59 29.587-60.708 58.295-87.844 45.97-43.41 46.757-57.198 47.543-71.808.914-17.024-5.705-33.518-18.816-46.501-14.903-14.811-35.986-23.296-57.874-23.296h-.128c-42.13.073-76.471 32.512-76.471 72.357 0 13.385-11.465 24.228-25.655 24.228s-25.655-10.843-25.655-24.228c0-32.238 13.257-62.538 37.34-85.34 24.082-22.82 56.155-35.401 90.295-35.474 35.986-.073 70.765 13.934 95.341 38.363 22.949 22.675 34.56 51.968 32.86 82.45-1.774 31.16-11.886 55.735-62.5 103.498z'/%3E%3Cpath fill='%23FFF' fill-opacity='.4' d='M661.34 0v152.375A146.286 146.286 0 0 0 807.624 298.66H960z'/%3E%3C/svg%3E")
}

.i-custom\:file_xlsx {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cg fill='none'%3E%3Cpath fill='%230FD2B1' fill-rule='evenodd' d='M3.5 9.333A9.333 9.333 0 0 1 12.833 0h23.334L52.5 16.333v30.334A9.333 9.333 0 0 1 43.167 56H12.833A9.333 9.333 0 0 1 3.5 46.667z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='m20.946 21.982.125.114L28 29.025l6.93-6.93a1.75 1.75 0 0 1 2.588 2.35l-.114.126-6.929 6.929 6.93 6.93a1.75 1.75 0 0 1-2.35 2.587l-.126-.113L28 33.974l-6.93 6.93a1.75 1.75 0 0 1-2.588-2.35l.114-.125 6.929-6.93-6.93-6.928a1.75 1.75 0 0 1 2.218-2.688z'/%3E%3Cpath fill='%236FE4D0' fill-rule='evenodd' d='M36.167 0v8.333a8 8 0 0 0 8 8H52.5z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:file_xmind {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='%23FD675F' d='M234.66 0h426.68L960 298.66v554.68A170.66 170.66 0 0 1 789.34 1024H234.66A170.66 170.66 0 0 1 64 853.34V170.66A170.66 170.66 0 0 1 234.66 0'/%3E%3Cpath fill='%23FFF' d='M661.34 0v152.375A146.286 146.286 0 0 0 807.624 298.66H960z' opacity='.4'/%3E%3Cpath fill='%23FFF' d='m383.013 401.957 2.285 2.084L512 530.743l126.72-126.72a32 32 0 0 1 47.323 42.971l-2.084 2.304L557.257 576l126.72 126.72a32 32 0 0 1-42.971 47.323l-2.304-2.084L512 621.257l-126.72 126.72a32 32 0 0 1-47.323-42.971l2.084-2.304L466.743 576l-126.72-126.72a32 32 0 0 1 40.558-49.134l2.432 1.829z'/%3E%3C/svg%3E")
}

.i-custom\:file_zip {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cg fill='none'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%236788A6' d='M3.5 9.333A9.333 9.333 0 0 1 12.833 0h23.334L52.5 16.333v30.334A9.333 9.333 0 0 1 43.167 56H12.833A9.333 9.333 0 0 1 3.5 46.667z'/%3E%3Cpath fill='%23fff' d='M27.967 1h3.967v3.967h-3.967zm0 7.934H24V4.967h3.967zm0 3.967V8.934h3.967V12.9zm0 3.967H24V12.9h3.967zm0 3.967v-3.967h3.967v3.967zm0 3.967v-3.967H24v15.074h7.934V24.802z'/%3E%3Cpath fill='%23fff' d='M36.167 0v8.333a8 8 0 0 0 8 8H52.5z' opacity='.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:group_album_upload {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cdefs%3E%3Cfilter id='a' width='168.2%25' height='168.2%25' x='-34.1%25' y='-34.1%25' filterUnits='objectBoundingBox'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='5'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='27.5' cy='31' r='22' fill='%2301e0af' fill-opacity='.4' filter='url(%23a)'/%3E%3Ccircle cx='28' cy='24' r='24' fill='%2301e0af'/%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.5 23.096v5.224c0 1.48.895 2.68 2 2.68h11c1.105 0 2-1.2 2-2.68V23m-7.451 1.999L27.951 16m-4.901 2.5 4.869-4.722 5.03 4.722'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:hot {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E15241' d='M11.23 6.169a4.9 4.9 0 0 0-1.208-1.623l-.425-.376c-.062-.053-.162-.03-.19.047l-.189.525c-.118.33-.335.666-.643.997a.1.1 0 0 1-.06.028.08.08 0 0 1-.063-.02.08.08 0 0 1-.029-.068c.054-.848-.208-1.804-.783-2.845A5.1 5.1 0 0 0 5.68.824L5.076.482c-.078-.045-.179.014-.175.103l.033.676c.021.462-.034.87-.165 1.21-.16.415-.391.801-.686 1.147q-.312.365-.692.65a5 5 0 0 0-1.463 1.71A4.76 4.76 0 0 0 1.4 8.153c0 .664.136 1.308.404 1.915.26.584.63 1.111 1.101 1.562a5.1 5.1 0 0 0 1.632 1.052 5.3 5.3 0 0 0 1.996.386c.693 0 1.364-.13 1.997-.385a5.1 5.1 0 0 0 1.632-1.052c.472-.45.843-.977 1.1-1.562.27-.607.405-1.25.405-1.915 0-.687-.146-1.355-.436-1.984z'/%3E%3Cpath fill='%23000' d='M6.325 11.127c2.68.15 3.097-2.03-.26-5.593 0 0-.79 1.908-1.264 2.58-.473.673-1.156 2.862 1.524 3.013'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:icon_one {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10'%3E%3Cpath fill='%23E66262' d='M6.458 9.52 7.352 0H6.179c-.352.333-.78.64-1.288.933a6.2 6.2 0 0 1-1.412.56L3.333 3.04c.904-.253 1.66-.64 2.283-1.16l-.718 7.64z'/%3E%3C/svg%3E")
}

.i-custom\:icon_three {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10'%3E%3Cpath fill='%23E66262' d='M4.873 9.893c1.04 0 1.907-.293 2.601-.866q.999-.84 1.123-2.16c.052-.56-.064-1.027-.35-1.387-.26-.347-.677-.6-1.22-.773 1.085-.347 1.683-1.04 1.781-2.08.078-.827-.156-1.467-.685-1.934C7.58.227 6.815 0 5.855 0c-.934 0-1.73.253-2.38.787-.69.533-1.108 1.28-1.278 2.24h1.534q.16-.86.68-1.28c.333-.28.772-.414 1.332-.414q.82 0 1.206.36c.23.24.332.587.288 1.054-.044.466-.224.826-.527 1.066q-.474.36-1.314.36H4.73l-.11 1.174h.666c.613 0 1.069.12 1.364.386.296.254.432.654.38 1.2a1.7 1.7 0 0 1-.573 1.134c-.377.333-.874.506-1.474.506-.546 0-.971-.16-1.276-.466-.342-.334-.484-.814-.453-1.427H1.668c-.02 1.067.275 1.893.89 2.453.552.507 1.328.76 2.315.76'/%3E%3C/svg%3E")
}

.i-custom\:icon_two {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10'%3E%3Cpath fill='%23E66262' d='m8.307 9.707.129-1.374H3.742c.259-.48.898-1.04 1.931-1.68.992-.626 1.707-1.133 2.118-1.533.677-.68 1.067-1.427 1.144-2.253.08-.854-.15-1.534-.686-2.067Q7.424 0 6.044 0 4.505 0 3.467 1.04c-.675.653-1.062 1.507-1.175 2.573h1.56c.097-.746.31-1.32.639-1.693q.496-.6 1.376-.6c.547 0 .949.12 1.205.373.243.254.353.64.305 1.16-.05.534-.311 1.04-.768 1.507-.293.28-.754.64-1.407 1.067-1.178.76-1.967 1.346-2.35 1.746a4.04 4.04 0 0 0-1.185 2.534z'/%3E%3C/svg%3E")
}

.i-custom\:icon-reply-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-2.000000, -2.000000)' fill='%238e939d66'%3E%3Cpath d='M10,2.5 C14.1421356,2.5 17.5,5.85786438 17.5,10 C17.5,14.1421356 14.1421356,17.5 10,17.5 C5.85786438,17.5 2.5,14.1421356 2.5,10 C2.5,5.85786438 5.85786438,2.5 10,2.5 Z M7.53525059,6.727899 C7.36428758,6.55086162 7.09525599,6.54934252 6.92446773,6.71427083 L6.82360693,6.81167097 C6.65306338,6.97636296 6.64937299,7.25010243 6.81591079,7.42255737 L9.29300091,9.98765929 L6.727899,12.4647494 C6.55086162,12.6357124 6.54934252,12.904744 6.71427083,13.0755323 L6.81167097,13.1763931 C6.97636296,13.3469366 7.25010243,13.350627 7.42255737,13.1840892 L9.98765929,10.7069991 L12.4647494,13.272101 C12.6357124,13.4491384 12.904744,13.4506575 13.0755323,13.2857292 L13.1763931,13.188329 C13.3469366,13.023637 13.350627,12.7498976 13.1840892,12.5774426 L10.7069991,10.0123407 L13.272101,7.53525059 C13.4491384,7.36428758 13.4506575,7.09525599 13.2857292,6.92446773 L13.188329,6.82360693 C13.023637,6.65306338 12.7498976,6.64937299 12.5774426,6.81591079 L10.0123407,9.29300091 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:more_button_n {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='32' height='32' fill='%23f5f5f6' rx='16'/%3E%3Cpath fill='%23bdbfc1' d='M16 10a1 1 0 0 1 1 1v4h4a1 1 0 0 1 0 2h-4v4a1 1 0 0 1-2 0v-4h-4a1 1 0 0 1 0-2h4v-4a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:more-col {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='%231E222B' fill-opacity='.4' fill-rule='evenodd' d='M6.667 13a1.333 1.333 0 1 0 2.666 0 1.333 1.333 0 0 0-2.666 0m0-5a1.333 1.333 0 1 0 2.666 0 1.333 1.333 0 0 0-2.666 0m0-5a1.333 1.333 0 1 0 2.666 0 1.333 1.333 0 0 0-2.666 0'/%3E%3C/svg%3E")
}

.i-custom\:msg-info {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' width='23' height='23'%3E%3Cpath fill='%232A78FE' d='M11.094 3.25a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5m0 6.875a.687.687 0 0 0-.688.688v5.5a.687.687 0 1 0 1.375 0v-5.5a.687.687 0 0 0-.687-.688m0-1.375a1.031 1.031 0 1 0 0-2.063 1.031 1.031 0 0 0 0 2.063'/%3E%3C/svg%3E")
}

.i-custom\:msg-loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' width='23' height='23'%3E%3Cg fill='none'%3E%3Cpath fill='%23D7D7D9' d='M11.094 3.25a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5m0 2.75a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11'/%3E%3Cpath fill='%2301E0AF' d='M11.094 3.25a8.25 8.25 0 0 1 8.25 8.25 1.375 1.375 0 0 1-2.75 0 5.5 5.5 0 0 0-5.5-5.5 1.375 1.375 0 0 1 0-2.75'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:msg-success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' width='23' height='23'%3E%3Cpath fill='%233BCC6D' d='M11.094 3.25a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5M9.64 15.104a.69.69 0 0 0 .559-.286l5.749-5.749a.688.688 0 0 0-.972-.972l-5.342 5.341-2.425-2.424a.69.69 0 0 0-.887-.073l-.085.073a.687.687 0 0 0 0 .972l2.839 2.838.066.079c.134.134.31.201.486.201Z'/%3E%3C/svg%3E")
}

.i-custom\:next-def {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23EDEEF0'/%3E%3Cpath fill='%231E222B' fill-opacity='.4' fill-rule='nonzero' d='M9.268 13.384a.625.625 0 0 0 .838-.006l.045-.046 2.303-2.59a.786.786 0 0 0 .036-1l-.045-.054-2.402-2.611a.625.625 0 0 0-.96.797l.04.05 2.117 2.301-2.023 2.276a.625.625 0 0 0 .006.838z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:niu-right-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%2370737A' d='M4.294 8.537a.656.656 0 0 0 .787 1.05l3.5-3.062a.656.656 0 0 0 0-1.05l-3.5-3.062a.656.656 0 0 0-.787 1.05L7.094 6z'/%3E%3C/svg%3E")
}

.i-custom\:niu-vip-dark {
    width: 1.43em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' width='20' height='14'%3E%3Cdefs%3E%3Crect id='a' width='20' height='14' x='0' y='0' rx='3'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23414347' fill-rule='nonzero' href='%23a'/%3E%3Cg fill='%23F2D2A1' fill-rule='nonzero' mask='url(%23b)'%3E%3Cpath d='m3 3.8 2.286 6.426h1.269L8.841 3.8H7.698L5.934 9.038h-.027L4.143 3.8zm6.516 0v6.426h1.053V3.8zm2.313 0v6.426h1.053V7.76h1.593c1.566 0 2.349-.666 2.349-1.989 0-1.314-.783-1.971-2.331-1.971zm1.053.9h1.53c.459 0 .801.081 1.017.252.216.162.333.432.333.819q0 .58-.324.837c-.216.162-.558.252-1.026.252h-1.53z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:niu-vip-light {
    width: 1.43em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' width='20' height='14'%3E%3Cdefs%3E%3Crect id='a' width='20' height='14' x='0' y='0' rx='3'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse href='%23a'/%3E%3C/mask%3E%3Cuse fill='%231F2533' fill-rule='nonzero' href='%23a'/%3E%3Cg fill='%23F2D2A1' fill-rule='nonzero' mask='url(%23b)'%3E%3Cpath d='m3 3.8 2.286 6.426h1.269L8.841 3.8H7.698L5.934 9.038h-.027L4.143 3.8zm6.516 0v6.426h1.053V3.8zm2.313 0v6.426h1.053V7.76h1.593c1.566 0 2.349-.666 2.349-1.989 0-1.314-.783-1.971-2.331-1.971zm1.053.9h1.53c.459 0 .801.081 1.017.252.216.162.333.432.333.819q0 .58-.324.837c-.216.162-.558.252-1.026.252h-1.53z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:notice_card_icon {
    width: 1.24em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1266 1024' width='1266' height='1024'%3E%3Cpath d='M796.8256 197.2736l2.7648 4.9152c3.9936 7.5776 6.8608 15.7184 8.6016 24.064l87.1936 422.1952a92.5184 92.5184 0 0 1-71.8336 109.312l-6.1952 1.024a92.5184 92.5184 0 0 1-12.544 0.9216h-267.264v32.3072c0 41.0112-33.28 74.24-74.24 74.24H404.1216l-5.376-0.1536a74.24 74.24 0 0 1-67.7376-61.2352l-7.936-45.2096H218.7264A89.9584 89.9584 0 0 1 129.4336 680.1408L111.104 522.496a89.9584 89.9584 0 0 1 47.7184-90.112L674.816 162.9696a92.5184 92.5184 0 0 1 122.0096 34.304z' fill='%2300C89C'/%3E%3Cpath d='M804.608 457.1136m-160 0a160 160 0 1 0 320 0 160 160 0 1 0-320 0Z' fill='%2301E0AF'/%3E%3C/svg%3E")
}

.i-custom\:official {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cpath fill='%2300B18A' d='M7 .7c.322 0 .644.123.89.369l1.135 1.135h1.567c.695 0 1.259.563 1.259 1.258V5.03l1.08 1.081a1.26 1.26 0 0 1 0 1.78l-1.08 1.08v1.622a1.26 1.26 0 0 1-1.259 1.259H8.971L7.89 12.93a1.254 1.254 0 0 1-1.78 0l-1.08-1.08H3.461a1.26 1.26 0 0 1-1.258-1.259V9.025L1.069 7.89a1.26 1.26 0 0 1 0-1.78l1.135-1.135V3.462c0-.695.563-1.258 1.258-1.258h1.513L6.11 1.069C6.356.823 6.678.7 7 .7m2.53 4.521a.513.513 0 0 0-.726.032L6.592 7.67 5.484 6.632a.513.513 0 1 0-.702.75l1.486 1.392a.513.513 0 0 0 .73-.027l2.564-2.8a.513.513 0 0 0-.032-.726'/%3E%3C/svg%3E")
}

.i-custom\:plus-notice {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cdefs%3E%3Cfilter id='a' width='168.2%25' height='168.2%25' x='-34.1%25' y='-34.1%25' filterUnits='objectBoundingBox'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='5'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='27.5' cy='30' r='22' fill='%2301e0af' fill-opacity='.4' filter='url(%23a)'/%3E%3Ccircle cx='28' cy='24' r='24' fill='%2301e0af'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M28 13a1.5 1.5 0 0 1 1.5 1.5v19a1.5 1.5 0 0 1-3 0v-19A1.5 1.5 0 0 1 28 13'/%3E%3Cpath d='M39 24a1.5 1.5 0 0 1-1.5 1.5h-19a1.5 1.5 0 0 1 0-3h19A1.5 1.5 0 0 1 39 24'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:reply-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='%238e939d66' fill-rule='evenodd' d='M8 .5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15M5.535 4.728a.43.43 0 0 0-.61-.014l-.101.098a.43.43 0 0 0-.008.61l2.477 2.566-2.565 2.477a.43.43 0 0 0-.014.61l.098.101c.164.17.438.175.61.008l2.566-2.477 2.477 2.565c.17.177.44.179.61.014l.101-.098a.43.43 0 0 0 .008-.61L8.707 8.011l2.565-2.477a.43.43 0 0 0 .014-.61l-.098-.101a.43.43 0 0 0-.61-.008L8.011 7.293Z'/%3E%3C/svg%3E")
}

.i-custom\:report-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='%2301e0af' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6'/%3E%3C/svg%3E")
}

.i-custom\:right-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%231F2533' fill-opacity='.8' d='M4.646 9.182a.5.5 0 0 1 0-.707L7.121 6 4.646 3.525a.5.5 0 0 1-.038-.663l.038-.044a.5.5 0 0 1 .708 0l2.828 2.828a.5.5 0 0 1 0 .708L5.354 9.182a.5.5 0 0 1-.708 0'/%3E%3C/svg%3E")
}

.i-custom\:selected {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2301E0AF'/%3E%3Cpath fill='%231F2533' d='M7.27 10.79a.5.5 0 0 1-.7 0L4.445 8.697a.485.485 0 0 1 0-.69L4.45 8a.59.59 0 0 1 .745-.05l1.33.997a.635.635 0 0 0 .764-.031l4.209-3.72a.537.537 0 0 1 .719.02l.005.005c.193.19.193.5 0 .69z'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:send_ac {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' r='14' fill='%2301E0AF'/%3E%3Cpath fill='%231F2533' d='m7.331 12.786 11.63-4.464a.585.585 0 0 1 .764.735L15.8 20.633a.585.585 0 0 1-1.064.1l-1.735-3.08a.59.59 0 0 1 .013-.597l2.365-3.806-3.857 2.502a.59.59 0 0 1-.591.027L7.268 13.85a.585.585 0 0 1 .063-1.065'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:send_def {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23EDEEF0'/%3E%3Cpath fill='%238E939D' d='m7.331 12.786 11.63-4.464a.585.585 0 0 1 .764.735L15.8 20.633a.585.585 0 0 1-1.064.1l-1.735-3.08a.59.59 0 0 1 .013-.597l2.365-3.806-3.857 2.502a.59.59 0 0 1-.591.027L7.268 13.85a.585.585 0 0 1 .063-1.065'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:side-address-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cellipse cx='12' cy='10.25' fill='%2301E0AF' rx='9' ry='8.75'/%3E%3Crect width='21' height='7' x='1.5' y='15' fill='%2300C89C' rx='3.5'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:side-chat-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='12' cy='12' r='10.5' fill='%2301E0AF'/%3E%3Ccircle cx='17.5' cy='17' r='6' fill='%2300C89C'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:side-collect-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2301E0AF' fill-rule='evenodd' d='M5.55 2.25h12.9a3 3 0 0 1 3 3v15.545a1.5 1.5 0 0 1-2.184 1.335L12 18.404 4.734 22.13a1.5 1.5 0 0 1-2.184-1.335V5.25a3 3 0 0 1 3-3'/%3E%3C/svg%3E")
}

.i-custom\:unselect {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath fill='%23BBBCBF' fill-rule='evenodd' d='M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:unselect-disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%231E222B' fill-opacity='.1'/%3E%3Cpath fill='%231E222B' fill-opacity='.16' fill-rule='evenodd' d='M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.i-custom\:video-play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(.711)'%3E%3Cellipse cx='19.969' cy='20' fill='%23000' fill-opacity='.3' rx='19.969' ry='20'/%3E%3Cpath fill='%23FFF' stroke='%23000' stroke-opacity='.2' stroke-width='.625' d='m16.795 11.166-.139.012a1.27 1.27 0 0 0-1.096 1.261v14.884a1.27 1.27 0 0 0 1.274 1.274c.273 0 .539-.087.758-.25l9.975-7.38a1.27 1.27 0 0 0 .237-1.82L17.6 11.421a1.27 1.27 0 0 0-.944-.243z'/%3E%3C/g%3E%3C/svg%3E")
}

.static_chat_mask {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--BgColor);
    z-index: 100
}

.static_chat_head {
    display: flex;
    justify-content: space-between;
    height: 46px;
    padding: 0 8px;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.static_tab_wrap {
    display: flex;
    align-items: center;
    height: 100%;
    overflow-x: hidden
}

.static_tab_wrap .static_tab_item {
    position: relative;
    line-height: 32px;
    height: 32px;
    white-space: nowrap;
    list-style: none;
    color: var(--FontColor_2b);
    background: var(--Bg_g8);
    border-radius: 8px;
    margin-right: 4px;
    padding: 0 12px
}

.static_tab_wrap .static_tab_item.active {
    font-weight: 700;
    color: var(--FontColor_1);
    background: var(--Bg_g6)
}

.static_tab_wrap .static_tab_item.active::after {
    visibility: visible
}

.static_chat_icons_wrap {
    display: flex;
    align-items: center;
    column-gap: 16px
}

.static_chat_icons_wrap .iconfont {
    font-size: 20px;
    color: var(--FontColor_1)
}

.static_chat_con {
    flex: 1;
    display: flex;
    height: 0
}

.static_chat_con .con_item {
    display: flex;
    align-items: center;
    margin: 0 3px 3px;
    padding: 0 4px;
    height: 50px;
    border-radius: 8px;
    outline: 0;
    width: 200px
}

.static_chat_con .con_item:hover {
    background-color: var(--fx_bg_hover)
}

.static_chat_con .con_item.active {
    background-color: var(--fx_bg_hover)
}

.static_chat_con .con_item .con_avatar {
    flex-shrink: 0;
    margin-right: 8px;
    position: relative
}

.static_chat_con .con_item .fx-avatar {
    border-radius: 50%;
    display: block;
    background: 0 0;
    flex-shrink: 0;
    height: 34px;
    width: 34px;
    line-height: 34px;
    overflow: hidden
}

.static_chat_con .con_item .fx-avatar img {
    width: 100%;
    height: 100%;
    vertical-align: unset;
    object-fit: cover
}

.static_chat_con .con_item .red-qute {
    display: block;
    background: #fa5754;
    width: 6px;
    height: 6px;
    border-radius: 3px
}

.static_chat_con .con_item .avatar_unread {
    position: absolute;
    top: 0;
    right: 0
}

.static_chat_con .con_item .avatar_unread .unread-count {
    position: relative;
    right: -4px;
    top: -4px;
    height: 16px;
    min-width: 16px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fa5754;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-family: HarmonyOSRegular, PingFangSC, '微软雅黑'
}

.static_chat_con .con_item .avatar_unread .unread-count>span {
    line-height: 0;
    font-size: 22px;
    zoom: .5;
    white-space: nowrap
}

.static_chat_con #chat_msg_boxs {
    height: 100%;
    overflow: hidden
}

.static_chat_con .chat_msg_boxs {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    flex-direction: column
}

.static_chat_con .chat_msg_boxs img {
    display: inline-block
}

.static_chat_con .msg_item {
    position: relative;
    display: flex;
    padding: 6px 24px 10px;
    line-height: 1.5
}

.static_chat_con .msg_item .msg_item_main {
    display: flex;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 4px
}

.static_chat_con .msg_item .noticy-content-container {
    text-align: center;
    line-height: 17px;
    width: 100%;
    font-size: 12px;
    color: var(--FontColor_2);
    word-break: break-word
}

.static_chat_con .msg_item .noticy-content-container .re_edit {
    color: #00b18a;
    margin-left: 4px
}

.static_chat_con .msg_item .noticy-content-container .username_tag {
    color: #00b18a
}

.static_chat_con .msg_item .msg_item_avatar {
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 50%;
    display: inline-block;
    background: 0 0;
    flex-shrink: 0;
    overflow: hidden;
    background: var(--BorderLine_m1)
}

.static_chat_con .msg_item .msg_item_avatar img {
    width: 100%;
    height: 100%;
    vertical-align: unset;
    object-fit: cover
}

.static_chat_con .msg_item .url_logo {
    flex-shrink: 0;
    width: 14px;
    margin-right: 4px;
    border-radius: 4px
}

.static_chat_con .msg_item .msg_item_info {
    margin-left: 10px;
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .sender_info {
    display: flex;
    align-items: center;
    column-gap: 4px;
    max-width: 1200px;
    white-space: nowrap;
    margin-bottom: 2px;
    line-height: 16px;
    font-size: 12px;
    color: var(--FontColor_2b);
    overflow-x: hidden
}

.static_chat_con .msg_item .msg_item_info .sender_info .tag {
    display: inline-block;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    font-size: 11px
}

.static_chat_con .msg_item .msg_item_info .sender_info .owner {
    background-color: var(--ask_Bg);
    color: #fe9704
}

.static_chat_con .msg_item .msg_item_info .sender_info .adminer {
    background-color: var(--imadminerbg);
    color: #0fd2b1
}

.static_chat_con .msg_item .msg_item_info .sender_info .flag_img {
    width: 16px;
    border-radius: 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content {
    flex: 1;
    display: flex;
    column-gap: 8px;
    border-radius: 8px;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .atuser {
    font-weight: 600 !important;
    cursor: pointer;
    color: #2a78fe !important;
    margin-right: 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content .horizontal-divider {
    padding: 0;
    margin: 0 16px;
    border-color: var(--BorderLine_m2);
    background: var(--BorderLine_m2);
    height: 1px
}

.static_chat_con .msg_item .msg_item_info .msg_content .fx_duration-bg {
    width: 100%;
    height: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    z-index: 1
}

.static_chat_con .msg_item .msg_item_info .msg_content .fx_duration-bg .fx_duration {
    right: 4px;
    bottom: 2px;
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.static_chat_con .msg_item .msg_item_info .msg_content .el-image__inner {
    width: 100%;
    height: 100%;
    -webkit-user-drag: auto;
    object-fit: contain;
    display: inline-block
}

.static_chat_con .msg_item .msg_item_info .msg_content .text-content-container {
    border: none;
    outline: 0;
    max-width: 1200px;
    user-select: text;
    font-size: 14px;
    line-height: 18px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 400;
    font-style: normal;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .text-content-container .link {
    color: #2a78fe
}

.static_chat_con .msg_item .msg_item_info .msg_content .text-content-container.link {
    color: #2a78fe;
    white-space: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .text-content-container .emoji-img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container {
    width: 432px;
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: var(--BorderLine_m2);
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info-box {
    display: flex;
    align-items: center;
    max-width: 100%
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info-box .file-icon {
    font-size: 36px;
    flex-shrink: 0;
    margin-right: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info-box .file-name {
    font-size: 16px;
    color: var(--FontColor_1);
    line-height: 18px
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info_detail {
    max-width: calc(100% - 76px);
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info_detail .file_name_wrap {
    display: flex;
    align-items: center;
    font-size: 14px;
    max-width: max-content;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info_detail .file_name_wrap .file_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    unicode-bidi: plaintext;
    flex: 1
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .info_detail .file_name_wrap .file_suffix {
    flex-shrink: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .status-text {
    font-size: 12px;
    line-height: 1;
    margin-top: 4px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .file-container .status-text .error {
    margin-left: 10px;
    color: #fa5754
}

.static_chat_con .msg_item .msg_item_info .msg_content .voice-bubble {
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .voice-bubble .box_wrapper {
    height: 34px;
    min-width: 80px;
    max-width: 436px;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: var(--BorderLine_m2);
    display: flex;
    padding: 0 12px;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .voice-bubble .box_wrapper .duration {
    display: inline-block;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 600
}

.static_chat_con .msg_item .msg_item_info .msg_content .voice-bubble .box_wrapper .playing-container {
    width: 16px;
    height: 16px;
    font-size: 16px
}

.static_chat_con .msg_item .msg_item_info .msg_content .fx_image_msg {
    max-width: 436px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--BorderLine_m2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .fx_image_msg .el-image__inner {
    min-width: 36px;
    min-height: 36px;
    max-width: 240px;
    max-height: 240px
}

.static_chat_con .msg_item .msg_item_info .msg_content .video_msg {
    max-width: 436px;
    border-radius: 8px;
    position: relative;
    border: 1px solid var(--BorderLine_m2);
    background-color: var(--BorderLine_m2);
    line-height: 0;
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .video_msg .play_icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    position: absolute;
    color: rgba(0, 0, 0, .3)
}

.static_chat_con .msg_item .msg_item_info .msg_content .dot_lottie {
    width: 160px;
    height: 160px
}

.static_chat_con .msg_item .msg_item_info .msg_content .box_wrapper {
    border-radius: 8px;
    max-width: 160px;
    max-height: 160px
}

.static_chat_con .msg_item .msg_item_info .msg_content .box_wrapper .el-image__inner {
    min-width: 36px;
    min-height: 36px;
    border-radius: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card {
    padding: 12px;
    width: 296px;
    max-width: 436px;
    border-radius: 8px;
    box-sizing: border-box;
    background: var(--BorderLine_m2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .title {
    color: #00c89c;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .icon-allbum {
    font-size: 20px;
    margin-right: 6px
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .allbum-dialog-content {
    color: var(--FontColor_1);
    font-size: 14px
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .allbum-dialog-content .desc {
    max-height: 68px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--FontColor_1);
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    unicode-bidi: plaintext;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
    white-space: pre-wrap
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .allbum-dialog-content .cover-box {
    margin-top: 8px;
    width: 100%;
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .allbum-dialog-content .cover-box .face_img {
    width: 100%
}

.static_chat_con .msg_item .msg_item_info .msg_content .allbum_card .allbum-dialog-content .cover-box .face_img img {
    max-height: 172px
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container {
    width: 250px;
    height: 104px;
    max-width: 436px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container .msg_item_avatar {
    height: 42px;
    width: 42px;
    line-height: 42px
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container .info-box {
    display: flex;
    align-items: center;
    padding: 12px 16px 12px 16px
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container .info-box .name-card-box {
    margin-left: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container .info-box .name-text {
    max-width: 168px;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 3px;
    line-height: normal;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container .info-box .fxcode-text {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .personal-card-container .personal-card-foot-text {
    margin: 8px 16px 12px 16px;
    font-size: 12px;
    line-height: normal;
    color: var(--FontColor_2b);
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box {
    width: 261px;
    max-width: 436px;
    border-radius: 8px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .title-box {
    height: 60px;
    padding: 0 12px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(https://img.fastbull.com/static/images/rank_morning_paper.svg)
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .title-box .title-text {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #1f2533
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .title-box .update-time-text {
    font-size: 11px;
    line-height: 16px;
    margin-top: 2px;
    color: #1f2533
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box {
    width: 261px;
    padding-top: 6px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item {
    display: flex;
    align-items: center;
    padding: 8px 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .el-avatar {
    flex-shrink: 0;
    margin-right: 10px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .info-box {
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .info-box .info {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .info-box .info .info_name {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--FontColor_1);
    margin-right: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .info-box .info .metrics {
    align-items: center;
    font-size: 12px;
    flex-shrink: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .info-box .info .metrics .value {
    font-size: 16px;
    line-height: 20px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .info-box .info .metrics .unit {
    white-space: nowrap;
    font-size: 10px;
    line-height: normal;
    margin-left: 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .intro_box {
    display: flex;
    align-items: center;
    margin-top: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .intro_box .flag_img {
    height: 11px;
    border-radius: 2px;
    border: 1px solid var(--imflagbg)
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .intro_box .serial_num {
    font-size: 11px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .intro_box .intro_divide {
    width: 1px;
    height: 11px;
    background-color: var(--BorderLine_prop);
    margin: 0 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .intro_box .vip_icon {
    font-size: 16px;
    margin-right: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .content-box .champion-item .intro_box .champion-text {
    width: fit-content;
    border-radius: 2px;
    padding: 1px 4px;
    font-size: 9px;
    color: #fca311;
    background-color: rgba(252, 163, 17, .12)
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .button-box {
    padding: 7px 24px 12px 24px
}

.static_chat_con .msg_item .msg_item_info .msg_content .main-box .button-box .see-all-button {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border-radius: 8px;
    font-family: inherit !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container {
    width: 265px;
    min-height: 250px;
    max-width: 436px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    padding: 0 12px;
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .horizontal-divider {
    margin: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .info-box {
    display: flex;
    align-items: center;
    padding: 12px 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .info-box .msg_item_avatar {
    height: 36px;
    width: 36px;
    line-height: 36px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .info-box .name-card-box {
    margin-left: 10px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .info-box .name-text {
    max-width: 194px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .info-box .fxcode-text {
    color: var(--FontColor_1);
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .card-footer {
    padding: 6px 0 12px 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .card-footer .card-title {
    font-size: 14px;
    line-height: 16px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .card-footer .card-subscript {
    font-size: 12px;
    line-height: 16px;
    color: var(--FontColor_2);
    margin-top: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .chart-snapshot {
    width: 240px;
    height: 118px;
    border: 1px solid var(--BorderLine_prop);
    margin: 4px 0 6px 0;
    box-sizing: border-box
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-chart-card-container .chart-snapshot .el-image__inner {
    object-fit: cover
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card {
    padding: 12px 12px 0 12px;
    width: 296px;
    max-width: 436px;
    border-radius: 8px;
    box-sizing: border-box;
    background: var(--BorderLine_m2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .title {
    color: #00c89c;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .icon-notice {
    font-size: 20px;
    width: 20px;
    margin-right: 6px
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-content {
    color: var(--FontColor_1);
    font-size: 14px
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-content .desc {
    max-height: 68px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--FontColor_1);
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    unicode-bidi: plaintext;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
    white-space: pre-wrap
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-content .cover-box {
    margin-top: 8px;
    width: 100%;
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-content .cover-box .face_img {
    width: 100%
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-content .cover-box .face_img img {
    max-height: 88px
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    margin-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-footer .notice-dialog-button {
    font-size: 13px;
    color: var(--FontColor_2);
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .notice_card .notice-dialog-footer .notice-dialog-button:hover {
    filter: brightness(1.2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card {
    max-width: 436px;
    min-width: 296px;
    overflow-x: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .vertical-line {
    margin: 0 2px;
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    background-color: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box {
    display: flex;
    max-width: 100%;
    overflow-x: hidden;
    padding: 13px 12px 0 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .avatar {
    margin-right: 9px;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .user_info_right_wrap {
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .user-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--FontColor_1);
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box {
    height: 22px;
    min-width: max-content;
    margin-top: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--FontColor_2b);
    overflow: hidden;
    column-gap: 6px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .flag_img {
    height: 12px;
    border-radius: 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .rank_icon {
    height: 16px;
    border-radius: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .tag {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: rgba(253, 103, 95, .14);
    font-size: 12px;
    color: #fa5754
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 10px 12px;
    min-height: 35px;
    column-gap: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box .rate-of-return-value {
    font-size: 14px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box .rate-of-return-text {
    font-size: 10px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box .rate-of-return-text.rate_of_text {
    word-wrap: break-word
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .trading-info {
    padding: 8px 12px;
    font-size: 12px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .foot-box {
    padding: 8px 12px 12px;
    font-size: 12px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container {
    max-width: 100%
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg {
    position: relative;
    width: 100%;
    margin-top: 4px;
    box-sizing: border-box;
    padding-left: 10px
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 3px;
    opacity: .1;
    border-radius: 2px;
    background-color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg .reply_user_name {
    margin-bottom: 2px;
    font-size: 12px;
    color: var(--FontColor_2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg .delete_text,
.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg .reply_text {
    font-size: 12px;
    color: var(--FontColor_2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg .reply_file {
    max-width: 100%;
    font-size: 12px;
    color: var(--FontColor_2);
    display: inline-flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg .reply_file .file_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    unicode-bidi: plaintext;
    flex: 1
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .replied-msg .reply_file .file_suffix {
    flex-shrink: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .reply-container .reply_content {
    margin-top: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card {
    width: 265px;
    min-height: 274px;
    max-width: 436px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    padding: 0 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .horizontal-divider {
    margin: 0;
    background: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .user-info-box {
    display: flex;
    align-items: center;
    padding: 12px 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .user-info-box .name-card-box {
    margin-left: 10px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .user-info-box .name-text {
    max-width: 194px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .user-info-box .fxcode-text {
    color: var(--FontColor_2);
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_top {
    background: var(--color);
    height: 40px;
    font-size: 14px;
    color: #1f2533;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -12px;
    padding: 0 12px;
    font-weight: 600;
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_top .icon {
    font-size: 38px;
    margin-top: 5px;
    height: 38px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info {
    background-color: var(--Bg_g9);
    border-radius: 6px;
    padding: 16px 12px;
    box-sizing: border-box
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info .card_content {
    font-size: 13px;
    font-weight: 700;
    color: var(--FontColor_1);
    line-height: 18px;
    max-height: 36px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info .card_params {
    display: flex;
    margin-top: 8px;
    justify-content: space-between
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info .card_params .card_param_item {
    text-align: left;
    width: 30%;
    flex-shrink: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info .card_params .card_param_item .label {
    color: var(--FontColor_2);
    font-size: 20px;
    zoom: .5;
    line-height: 28px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info .card_params .card_param_item .value {
    line-height: 20px;
    font-size: 14px;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_info .card_params .card_param_item .value.font12 {
    font-size: 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_footer {
    padding: 6px 0 12px 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .card_footer .card-subscript {
    font-size: 12px;
    line-height: 16px;
    color: var(--FontColor_2);
    margin-top: 8px;
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .jump_box {
    padding: 10px 0;
    font-size: 12px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .double_quotation_card .jump_button {
    background: var(--color);
    color: #1f2533;
    font-size: 12px;
    border-radius: 6px;
    text-align: center;
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
    box-sizing: border-box
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card {
    width: 265px;
    min-height: 233px;
    max-width: 436px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    padding: 0 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .horizontal-divider {
    margin: 0;
    background: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .user-info-box {
    display: flex;
    align-items: center;
    padding-top: 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .user-info-box .name-card-box {
    margin-left: 10px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .user-info-box .name-text {
    max-width: 194px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .user-info-box .fxcode-text {
    color: var(--FontColor_2);
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_top {
    background: var(--color);
    height: 40px;
    font-size: 14px;
    color: #1f2533;
    display: flex;
    align-items: center;
    margin: 0 -12px;
    padding: 0 12px;
    font-weight: 600;
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_top>img {
    position: absolute;
    right: 8px;
    bottom: -18px;
    width: 72px;
    height: 82px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .contest_box {
    margin-top: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .contest_box_name {
    font-size: 13px;
    font-weight: 600;
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .contest_box_status {
    font-size: 11px;
    padding: 2px 4px;
    color: #00b18a;
    background: rgba(1, 224, 175, .08);
    border-radius: 2;
    flex-shrink: 0;
    margin-left: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info {
    margin-top: 6px;
    background-color: var(--Bg_g9);
    border-radius: 6px;
    padding: 16px 12px;
    box-sizing: border-box
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_content {
    font-size: 13px;
    font-weight: 700;
    color: var(--FontColor_1);
    line-height: 18px;
    max-height: 36px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params {
    display: flex;
    margin-top: 8px;
    justify-content: space-between
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item {
    text-align: left;
    width: 30%;
    flex-shrink: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item .label {
    color: var(--FontColor_2);
    font-size: 20px;
    zoom: .5;
    line-height: 28px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item .value {
    line-height: 20px;
    font-size: 14px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item .value.font12 {
    font-size: 12px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item .ticketPrice {
    color: #ff7849;
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item .ticketPrice .icon {
    font-size: 10px;
    width: 10px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_info .card_params .card_param_item .kickoffTime {
    color: #00c889
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_footer {
    padding: 16px 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_footer_tip {
    font-size: 12px;
    line-height: 16px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trade_contest_card .card_footer .jump_button {
    margin-top: 8px;
    background: var(--color);
    color: #1f2533;
    font-weight: 600;
    height: 30px;
    font-size: 12px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box {
    width: 360px;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    padding: 0 12px;
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .horizontal-divider {
    margin: 0;
    width: 100%;
    border-color: var(--BorderLine_prop);
    background: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_link_top {
    display: flex;
    align-items: center;
    padding: 12px 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_link_top .link_info {
    width: 0;
    flex: 1
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_link_top .link_info .link_title {
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_link_top .link_info .link_content {
    font-size: 12px;
    color: var(--FontColor_2b);
    line-height: 17px;
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_link_top .link_logo {
    background: #fff;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-left: 12px;
    border-radius: 6px;
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_link_top .link_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_url {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--FontColor_2b);
    height: 36px
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_url .url_label {
    color: var(--FontColor_2);
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .shared_link_box .shared_url .copy_action {
    font-size: 16px;
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card {
    max-width: 436px;
    min-width: 296px;
    width: 265px;
    overflow-x: hidden;
    border-radius: 8px;
    margin: 2px 0 6px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .horizontal-divider {
    padding: 0;
    margin: 0 12px;
    width: calc(100% - 24px);
    border-color: var(--BorderLine_prop);
    background: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .vertical-line {
    margin: 0 2px;
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    background-color: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box {
    max-width: 100%;
    overflow-x: hidden;
    padding: 13px 12px 0 12px;
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .avatar {
    margin-right: 9px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .user_info_right_wrap {
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .user-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--FontColor_1);
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .rank-box {
    height: 22px;
    min-width: max-content;
    margin-top: 2px;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--FontColor_2b);
    overflow: hidden;
    column-gap: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .rank-box .flag_img {
    height: 12px;
    border-radius: 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .rank-box .rank_icon {
    height: 16px;
    border-radius: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .rank-box .broker-logo {
    width: 16px
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .user-info-box .rank-box .tag {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: rgba(253, 103, 95, .14);
    font-size: 12px;
    color: #eb413d
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .ai_rating_box {
    display: flex;
    padding: 10px 12px;
    column-gap: 8px;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .ai_rating_box .ai_rating_icon {
    width: 56px;
    height: 56px;
    margin: 0 6px;
    flex-shrink: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .ai_rating_box .ai_rating_info {
    margin-left: 28px;
    font-size: 11px;
    line-height: 16px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .ai_rating_box .ai_rating_info .value {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .ai_rating_res {
    padding: 10px 12px;
    font-size: 12px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .foot-box {
    display: flex;
    align-items: center;
    padding: 8px 12px 12px;
    font-size: 12px;
    color: var(--FontColor_2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .share-ai-card .foot-box .logo {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    border-radius: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card {
    max-width: 436px;
    min-width: 296px;
    overflow-x: hidden;
    border-radius: 8px;
    margin: 2px 0 6px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .06);
    background-color: var(--BgOtherColor);
    cursor: pointer
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .horizontal-divider {
    padding: 0;
    margin: 0 12px;
    width: calc(100% - 24px);
    border-color: var(--BorderLine_prop);
    background: var(--BorderLine_prop)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .vertical-line {
    margin: 0 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box {
    max-width: 100%;
    overflow-x: hidden;
    padding: 13px 12px 10px 12px;
    display: flex;
    align-items: center
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .avatar {
    margin-right: 9px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .user_info_right_wrap {
    flex: 1;
    width: 0
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .user-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--FontColor_1);
    overflow: hidden
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box {
    height: 16px;
    min-width: max-content;
    margin-top: 2px;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--FontColor_2b);
    overflow: hidden;
    column-gap: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .flag_img {
    height: 12px;
    max-width: 16px;
    border-radius: 2px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .rank_icon {
    height: 16px;
    border-radius: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .broker-logo {
    width: 16px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .vip-icon {
    font-size: 16px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .user-info-box .rank-box .tag {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: rgba(253, 103, 95, .14);
    font-size: 12px;
    color: #eb413d
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 10px 12px;
    min-height: 35px;
    column-gap: 8px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box .rate-of-return-value {
    font-size: 14px;
    color: var(--FontColor_1);
    font-weight: 600
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box .rate-of-return-text {
    font-size: 10px;
    color: var(--FontColor_2b)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .profit-box .rate-of-return-box .rate-of-return-text.rate_of_text {
    word-wrap: break-word
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .trading-info {
    padding: 8px 12px;
    font-size: 12px;
    color: var(--FontColor_1)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .trading-info_label:not(:first-child) {
    margin-top: 4px
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .foot-box {
    display: flex;
    align-items: center;
    padding: 8px 12px 12px;
    font-size: 12px;
    color: var(--FontColor_2)
}

.static_chat_con .msg_item .msg_item_info .msg_content .trading-account-card .foot-box .logo {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.static_chat_con .con_side {
    width: 48px;
    padding: 12px 0;
    overflow: hidden;
    background-color: var(--bg-chat-side);
    border-right: 1px solid var(--BorderLine_m2)
}

.static_chat_con .con_wait_main {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.static_chat_con .con_wait_main.has_msg {
    display: block;
    position: relative;
    padding-top: 15px;
    box-sizing: border-box
}

.static_chat_con .con_wait_main.has_msg .scroll-color {
    opacity: 0;
    top: 15px !important
}

.static_chat_con .con_wait_main.has_msg:hover .scroll-color {
    opacity: 1
}

.static_chat_con .con_wait_main .wait_loading {
    max-width: 100%;
    width: 160px
}

.static_chat_con .con_wait_main .chat_connecting {
    display: flex;
    margin-top: 12px;
    font-size: 14px;
    color: var(--color)
}

.static_chat_con .con_wait_main .chat_connecting .dot_wrap {
    display: flex;
    align-items: flex-end
}

.static_chat_con .con_wait_main .chat_connecting .dot_wrap .dot {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    opacity: 0
}

.static_chat_con .con_wait_main .chat_connecting .dot_wrap .dot:nth-of-type(1) {
    animation-name: dotAnimation1
}

.static_chat_con .con_wait_main .chat_connecting .dot_wrap .dot:nth-of-type(2) {
    animation-name: dotAnimation2
}

.static_chat_con .con_wait_main .chat_connecting .dot_wrap .dot:nth-of-type(3) {
    animation-name: dotAnimation3
}

@keyframes dotAnimation1 {
    0%,
    25% {
        opacity: 0
    }
    100%,
    26% {
        opacity: 1
    }
}

@keyframes dotAnimation2 {
    0%,
    50% {
        opacity: 0
    }
    100%,
    51% {
        opacity: 1
    }
}

@keyframes dotAnimation3 {
    0%,
    75% {
        opacity: 0
    }
    100%,
    76% {
        opacity: 1
    }
}

.static_chat_footer {
    padding: 16px 24px;
    border-top: 1px solid var(--BorderLine_m2)
}

.static_chat_footer .static_chat_please_input {
    height: 72px;
    font-size: 12px;
    color: gray
}

.static_chat_footer .footer_icons {
    display: flex;
    height: 32px;
    align-items: center;
    column-gap: 20px
}

.static_chat_footer .footer_icons .iconfont {
    font-size: 20px;
    color: var(--FontColor_2)
}

.static_chat_footer .footer_icons .static_send {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-left: auto;
    background: var(--BorderColor2)
}

.static_chat_footer .footer_icons .static_send .iconfont {
    font-size: 28px;
    position: relative;
    top: 2px;
    color: var(--FontColor_2)
}

.custom_scrollbar {
    position: relative;
    overflow: hidden;
    height: 100%
}

.custom_scrollbar .scrollbar_wrap {
    scrollbar-width: none;
    overscroll-behavior: contain;
    height: 100%;
    overflow: auto
}

.custom_scrollbar.scrollbar_hover_visiable .scrollbar_bar {
    opacity: 0;
    transition: opacity .12s ease-out
}

.custom_scrollbar.scrollbar_hover_visiable:active .scrollbar_bar,
.custom_scrollbar.scrollbar_hover_visiable:focus .scrollbar_bar,
.custom_scrollbar.scrollbar_hover_visiable:hover .scrollbar_bar {
    opacity: 1;
    transition: opacity .34s ease-out
}

.custom_scrollbar .scrollbar_bar {
    position: absolute;
    z-index: 9
}

.custom_scrollbar .scrollbar_bar .scrollbar_thumb {
    border-radius: 4px;
    background: var(--Bg_g6);
    transition: background .12s;
    cursor: pointer
}

.custom_scrollbar .scrollbar_bar .scrollbar_thumb:hover {
    background: var(--FontColor_2b)
}

.custom_scrollbar .scrollbar_bar.is-horizontal {
    height: 8px;
    left: 0;
    right: 0;
    bottom: 2px
}

.custom_scrollbar .scrollbar_bar.is-horizontal.is-sticky {
    position: sticky;
    top: calc(var(--header-height) + var(--sticky-offset-top))
}

.custom_scrollbar .scrollbar_bar.is-horizontal .scrollbar_thumb {
    width: 0;
    height: inherit
}

.custom_scrollbar .scrollbar_bar.is-vertical {
    width: 8px;
    top: 0;
    bottom: 0;
    right: 2px
}

.custom_scrollbar .scrollbar_bar.is-vertical .scrollbar_thumb {
    width: inherit;
    height: 0
}

.market_reactive_select_list .select-reactive-list {
    border: 1px solid var(--BorderLine_m2);
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    min-width: 170px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 20px
}

.market_reactive_select_list .select-reactive-list .select_name {
    color: var(--FontColor_1);
    display: block;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

.market_reactive_select_list .select-reactive-list .prefix_img {
    width: 24px;
    height: 24px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0
}

.market_reactive_select_list .select-reactive-list>.iconfont {
    font-size: 12px;
    margin-left: 4px
}

.market_reactive_select_list .select-reactive-list:hover {
    border-color: var(--color) !important
}

.market_reactive_select_list .select-reactive-list .scroll-color {
    top: 0 !important;
    right: 5px !important
}

.market_reactive_select_list .select-reactive-list-popover {
    position: absolute;
    min-width: 170px;
    width: 100%;
    display: none;
    left: 0;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    box-sizing: border-box;
    top: calc(100% + 8px);
    z-index: 22;
    border-radius: 8px;
    overflow: hidden;
    z-index: 100000004 !important
}

.market_reactive_select_list .select-reactive-list-popover.posi-fixed {
    position: fixed
}

.market_reactive_select_list .select-reactive-list-popover ul {
    padding: 5px 0;
    max-height: 248px
}

.market_reactive_select_list .select-reactive-list-popover li {
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    font-size: 14px;
    padding: 8px 16px !important;
    line-height: 20px !important;
    cursor: pointer
}

.market_reactive_select_list .select-reactive-list-popover li .prefix_img {
    width: 24px;
    height: 24px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0
}

.market_reactive_select_list .select-reactive-list-popover li:hover {
    background: var(--select_hover)
}

.market_reactive_select_list .select-reactive-list-popover .active {
    background: var(--color) !important;
    color: #1f2533
}

.market_reactive_select_list .select-reactive-list-popover .scroll-color {
    right: 5px !important
}

.market_reactive_select_list .select-reactive-list-popover ul {
    max-height: unset
}

.module_box-market {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.module_box-market .content_box {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    min-width: 300px
}

.module_box-market .content_box .loading_wrap {
    margin: auto
}

.module_box-market .tab_container {
    display: inline-flex;
    flex-wrap: nowrap
}

.module_box-market .tab_container .tab_item {
    position: relative;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.module_box-market .tab_container .tab_item.tab_hide {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.module_box-market .tab_container .tab_item .icon-wrap {
    width: 24px;
    height: 24px;
    overflow: hidden;
    display: flex
}

.module_box-market .tab_container .tab_item .icon-wrap .item_icon {
    width: 100%;
    height: 100%
}

.module_box-market .tab_container .tab_item.cascader_item {
    cursor: auto
}

.module_box-market .tab_container .tab_item.cascader_item.expand .icon-bl_icon_down_def1 {
    transform: rotate(180deg)
}

.module_box-market .tab_container .tab_item.cascader_item .icon-bl_icon_down_def1 {
    font-size: 10px;
    padding: 0 4px
}

.module_box-market .filter_container {
    display: flex;
    align-items: center
}

.module_box-market .filter_container .tab_container_box {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center
}

.module_box-market .filter_container.level_1,
.module_box-market .filter_container.level_2 {
    margin: 0 12px 12px
}

.module_box-market .filter_container .select-reactive-list {
    border: 1px solid var(--BorderLine_m2);
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    color: var(--FontColor_2);
    cursor: pointer;
    position: relative;
    min-width: 170px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 20px
}

.module_box-market .filter_container .select-reactive-list .select_name {
    color: var(--FontColor_1);
    display: block;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

.module_box-market .filter_container .select-reactive-list .prefix_img {
    width: 24px;
    height: 24px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0
}

.module_box-market .filter_container .select-reactive-list>.iconfont {
    font-size: 12px;
    margin-left: 4px
}

.module_box-market .filter_container .select-reactive-list:hover {
    border-color: var(--color) !important
}

.module_box-market .filter_container .select-reactive-list .scroll-color {
    top: 0 !important;
    right: 5px !important
}

.module_box-market .filter_container .select-reactive-list-popover {
    position: absolute;
    min-width: 170px;
    width: 100%;
    display: none;
    left: 0;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 12px 0 var(--shadow_color);
    box-sizing: border-box;
    top: calc(100% + 8px);
    z-index: 22;
    border-radius: 8px;
    overflow: hidden;
    z-index: 100000004 !important
}

.module_box-market .filter_container .select-reactive-list-popover.posi-fixed {
    position: fixed
}

.module_box-market .filter_container .select-reactive-list-popover ul {
    padding: 5px 0;
    max-height: 248px
}

.module_box-market .filter_container .select-reactive-list-popover li {
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    font-size: 14px;
    padding: 8px 16px !important;
    line-height: 20px !important;
    cursor: pointer
}

.module_box-market .filter_container .select-reactive-list-popover li .prefix_img {
    width: 24px;
    height: 24px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0
}

.module_box-market .filter_container .select-reactive-list-popover li:hover {
    background: var(--select_hover)
}

.module_box-market .filter_container .select-reactive-list-popover .active {
    background: var(--color) !important;
    color: #1f2533
}

.module_box-market .filter_container .select-reactive-list-popover .scroll-color {
    right: 5px !important
}

.module_box-market .filter_container .select-reactive-list {
    min-width: auto;
    padding: 0;
    margin-right: 25px;
    border-radius: 0;
    height: auto;
    border: none
}

.module_box-market .filter_container .select-reactive-list::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: var(--BorderLine_m2);
    right: -12px;
    top: 50%;
    transform: translateY(-50%)
}

.module_box-market .filter_container .select-reactive-list .select_name {
    height: auto;
    padding: 0
}

.module_box-market .filter_container .select-reactive-list>.iconfont {
    line-height: 24px
}

.module_box-market .filter_container.level_0 .tab_container {
    gap: 16px
}

.module_box-market .filter_container.level_0 .tab_container .tab_item {
    font-size: 16px;
    line-height: 22px;
    color: var(--FontColor_1);
    padding: 12px 0 7px
}

.module_box-market .filter_container.level_0 .tab_container .tab_item.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 2px;
    background-color: var(--color)
}

.module_box-market .filter_container.level_0 .tab_container .tab_item .icon-wrap {
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    border-radius: 50%
}

.module_box-market .filter_container.level_1 .tab_container {
    gap: 6px
}

.module_box-market .filter_container.level_1 .tab_container .tab_item {
    padding: 6px 12px;
    border-radius: 8px;
    color: var(--FontColor_2b);
    background: var(--color_g8);
    font-size: 14px;
    line-height: 20px
}

.module_box-market .filter_container.level_1 .tab_container .tab_item.active {
    font-weight: 600;
    color: var(--FontColor_1);
    background: var(--Bg_g6)
}

.module_box-market .filter_container.level_2 {
    display: flex;
    align-items: center
}

.module_box-market .filter_container.level_3 {
    flex: 1;
    width: 0
}

.module_box-market .filter_container.level_2,
.module_box-market .filter_container.level_3 {
    height: 24px
}

.module_box-market .filter_container.level_2 .tab_container,
.module_box-market .filter_container.level_3 .tab_container {
    gap: 12px
}

.module_box-market .filter_container.level_2 .tab_container .tab_item,
.module_box-market .filter_container.level_3 .tab_container .tab_item {
    font-size: 14px;
    line-height: 20px;
    color: var(--FontColor_2)
}

.module_box-market .filter_container.level_2 .tab_container .tab_item.active,
.module_box-market .filter_container.level_3 .tab_container .tab_item.active {
    color: var(--FontColor_1);
    font-weight: 500
}

.module_box-market .filter_container.level_2 .tab_container .tab_item.active .icon-wrap .item_icon,
.module_box-market .filter_container.level_3 .tab_container .tab_item.active .icon-wrap .item_icon {
    filter: drop-shadow(30px 0 0 var(--FontColor_1));
    transform: translateX(-30px)
}

.module_box-market .view_content {
    height: 0;
    flex: 1
}

.module_box-market .view_content .view_list {
    position: relative;
    height: 100%;
    overflow: hidden
}

.module_box-market .market_table {
    position: relative;
    height: 0;
    flex: 1;
    width: 100%
}

.module_box-market .market_table .table_row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 100%;
    width: fit-content;
    font-size: 14px;
    line-height: 18px;
    color: var(--FontColor_1)
}

.module_box-market .market_table .table_row .fixed_left {
    position: sticky;
    left: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    height: 100%
}

.module_box-market .market_table .table_row.row_odd,
.module_box-market .market_table .table_row.row_odd .fixed_left {
    background-color: var(--Bg_g9)
}

.module_box-market .market_table .table_row.row_even,
.module_box-market .market_table .table_row.row_even .fixed_left {
    background-color: var(--BgColor)
}

.module_box-market .market_table .table_row .middle {
    display: flex;
    align-items: center;
    flex: 1
}

.module_box-market .market_table .table_cell {
    padding: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    box-sizing: border-box
}

.module_box-market .market_table .table_cell.align_left {
    text-align: left
}

.module_box-market .market_table .table_cell.align_center {
    text-align: center
}

.module_box-market .market_table .table_cell.align_right {
    text-align: right
}

.module_box-market .market_table .column_drag_proxy,
.module_box-market .market_table .column_resize_proxy {
    position: absolute;
    pointer-events: none;
    display: none
}

.module_box-market .market_table .column_resize_proxy {
    left: 200px;
    width: 0;
    border-left: 1px solid var(--BorderLine_m2);
    top: 0;
    bottom: 0;
    z-index: 10
}

.module_box-market .market_table .column_drag_proxy {
    width: 2px;
    background: var(--color);
    z-index: 6;
    bottom: 0;
    height: 100%
}

.module_box-market .market_table .table_header {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: var(--BgColor)
}

.module_box-market .market_table .table_header .table_row {
    height: 36px;
    color: var(--FontColor_2);
    background-color: var(--BgColor);
    font-size: 12px
}

.module_box-market .market_table .table_header .table_row .fixed_left {
    background-color: var(--BgColor)
}

.module_box-market .market_table .table_header .table_row .table_cell {
    display: flex;
    align-items: center
}

.module_box-market .market_table .table_header .table_row .table_cell.is-sortable {
    cursor: pointer
}

.module_box-market .market_table .table_header .table_row .table_cell:hover {
    color: var(--FontColor_1)
}

.module_box-market .market_table .table_header .table_row .table_cell.align_center {
    justify-content: center
}

.module_box-market .market_table .table_header .table_row .table_cell.align_left {
    justify-content: flex-start
}

.module_box-market .market_table .table_header .table_row .table_cell.align_left>.text {
    order: 1
}

.module_box-market .market_table .table_header .table_row .table_cell.align_left>.sort-icon {
    order: 2
}

.module_box-market .market_table .table_header .table_row .table_cell.align_right {
    justify-content: flex-end
}

.module_box-market .market_table .table_header .table_row .table_cell.align_right>.text {
    order: 2
}

.module_box-market .market_table .table_header .table_row .table_cell.align_right>.sort-icon {
    order: 1
}

.module_box-market .market_table .table_header .table_row .table_cell .sort-icon {
    display: none;
    font-size: 14px;
    flex-shrink: 0
}

.module_box-market .market_table .table_header .table_row .table_cell.asc .icon-sort-ascending {
    display: block
}

.module_box-market .market_table .table_header .table_row .table_cell.desc .icon-sort-descending {
    display: block
}

.module_box-market .market_table .table_header .table_row .gutter {
    align-self: stretch;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.module_box-market .market_table .table_body {
    position: relative;
    width: 100%;
    height: calc(100% - 36px);
    overflow: auto;
    scroll-behavior: smooth
}

.module_box-market .market_table .table_body::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.module_box-market .market_table .table_body::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.module_box-market .market_table .table_body::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 6px
}

.module_box-market .market_table .table_body::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.module_box-market .market_table .table_body::-webkit-scrollbar-button {
    display: none
}

.module_box-market .market_table .table_body::-webkit-scrollbar-corner {
    background: 0 0
}

.module_box-market .market_table .table_body .table_body_wrap {
    width: fit-content;
    min-width: 100%
}

.module_box-market .market_table .table_body .table_row {
    cursor: pointer;
    user-select: none
}

.module_box-market .market_table .table_body .table_row.hover_row {
    background-color: var(--color_g8)
}

.module_box-market .market_table .table_body .table_row.hover_row .fixed_left {
    background-color: var(--color_g8)
}

.module_box-market .market_table .empty-data {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.side_market_cascader_panel.cascader_filter_panel {
    display: none;
    position: fixed;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    border-radius: 8px;
    min-width: 200px;
    max-height: 60vh;
    padding: 8px 0;
    z-index: 9
}

.side_market_cascader_panel.cascader_filter_panel::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    top: -10px;
    left: 0
}

.side_market_cascader_panel.cascader_filter_panel.more_flex {
    display: flex
}

.side_market_cascader_panel.cascader_filter_panel .category-list {
    min-width: 200px;
    height: 100%;
    overflow-y: auto
}

.side_market_cascader_panel.cascader_filter_panel .category-list::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.side_market_cascader_panel.cascader_filter_panel .category-list::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.side_market_cascader_panel.cascader_filter_panel .category-list::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 6px
}

.side_market_cascader_panel.cascader_filter_panel .category-list::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.side_market_cascader_panel.cascader_filter_panel .category-list::-webkit-scrollbar-button {
    display: none
}

.side_market_cascader_panel.cascader_filter_panel .category-list_box+.category-list_box .category-list {
    min-width: 260px;
    border-left: 1px solid var(--BorderLine_prop)
}

.side_market_cascader_panel.cascader_filter_panel .common_li {
    padding: 8px 16px;
    line-height: 20px;
    color: var(--FontColor_1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.side_market_cascader_panel.cascader_filter_panel .common_li:hover {
    background: var(--select_hover)
}

.side_market_cascader_panel.cascader_filter_panel .common_li.active {
    background: var(--color);
    color: #1f2533
}

.side_market_cascader_panel.cascader_filter_panel .item.hover_li,
.side_market_cascader_panel.cascader_filter_panel .item.in_path {
    background: var(--select_hover)
}

.side_market_cascader_panel.cascader_filter_panel .item p {
    padding: 8px 16px;
    line-height: 20px;
    color: var(--FontColor_1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.side_market_cascader_panel.cascader_filter_panel .item p:hover {
    background: var(--select_hover)
}

.side_market_cascader_panel.cascader_filter_panel .item p.active {
    background: var(--color);
    color: #1f2533
}

.side_market_cascader_panel.cascader_filter_panel .item p .icon-bl-icon-right-def {
    position: relative;
    right: -4px;
    font-size: 12px;
    color: var(--FontColor_2b)
}

.side_market_cascader_panel.cascader_filter_panel .item p.hide {
    display: none
}

.side_market_cascader_panel.cascader_filter_panel .item li {
    padding: 8px 16px;
    line-height: 20px;
    color: var(--FontColor_1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.side_market_cascader_panel.cascader_filter_panel .item li:hover {
    background: var(--select_hover)
}

.side_market_cascader_panel.cascader_filter_panel .item li.active {
    background: var(--color);
    color: #1f2533
}

.side_market_cascader_panel.cascader_filter_panel .item li .icon-bl-icon-right-def {
    font-size: 12px;
    color: var(--FontColor_2)
}

.side_market_cascader_panel.cascader_filter_panel .item.active {
    background: var(--color);
    color: #1f2533
}

.side_market_cascader_panel.cascader_filter_panel .item.active p {
    background: var(--color);
    color: #1f2533
}

.tooltip {
    display: none;
    background: var(--tip_bg);
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    color: var(--tip_color);
    line-height: 1.57;
    max-width: 320px;
    white-space: normal;
    box-sizing: border-box;
    z-index: 9999999999999
}

.tooltip[data-show] {
    display: block
}

.tooltip .tooltip-arrow,
.tooltip .tooltip-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit
}

.tooltip .tooltip-arrow {
    visibility: hidden
}

.tooltip .tooltip-arrow::before {
    content: "";
    visibility: visible;
    transform: rotate(45deg)
}

.tooltip[data-popper-placement^=top]>.tooltip-arrow {
    bottom: -4px
}

.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
    top: -4px
}

.tooltip[data-popper-placement^=left]>.tooltip-arrow {
    right: -4px
}

.tooltip[data-popper-placement^=right]>.tooltip-arrow {
    left: -4px
}

.body_ar .tooltip[data-popper-placement^=left]>.tooltip-arrow {
    left: -4px;
    right: unset
}

.body_ar .tooltip[data-popper-placement^=right]>.tooltip-arrow {
    right: -4px;
    left: unset
}

.context-menu,
.context-menu-sub {
    position: fixed;
    z-index: 1000000002;
    background-color: var(--tostColor);
    min-width: 160px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    padding: 8px 0
}

.context-menu .context-menu-item,
.context-menu-sub .context-menu-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    color: var(--FontColor_1);
    cursor: pointer;
    font-size: 14px;
    line-height: 32px;
    padding: 0 16px;
    margin: 0;
    border-bottom: 1px solid transparent
}

.context-menu .context-menu-item:hover,
.context-menu-sub .context-menu-item:hover {
    background-color: var(--color_g8)
}

.context-menu .context-menu-item.context-menu-item-expand,
.context-menu-sub .context-menu-item.context-menu-item-expand {
    background-color: var(--gray_disabled)
}

.context-menu .context-menu-item .menu_item_label,
.context-menu-sub .context-menu-item .menu_item_label {
    flex: 1
}

.context-menu .context-menu-item .expand-icon,
.context-menu-sub .context-menu-item .expand-icon {
    margin-left: 16px;
    font-size: 10px;
    width: 10px;
    line-height: 1
}

.context-menu-sub {
    display: none;
    transform: translateY(-8px)
}

.preview-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none
}

.preview-img .preview-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.preview-img .img_close {
    position: fixed;
    top: 40px;
    right: 80px;
    width: 30px;
    height: 30px;
    background: var(--BgColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--FontColor_1)
}

.preview-img .preview-box {
    position: relative
}

.preview-img .preview-content {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.preview-img .preview-content .icon {
    position: fixed;
    color: var(--BgColor);
    top: 50%;
    margin-top: -32px;
    height: 65px;
    width: 40px;
    text-align: center;
    line-height: 65px;
    cursor: pointer;
    display: none;
    background: rgba(0, 0, 0, .2)
}

.preview-img .preview-content .icon .iconfont {
    font-size: 32px
}

.preview-img .preview-content .img_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.preview-img .preview-content .img_box img:nth-of-type(1) {
    max-width: 100%;
    max-height: 100%
}

.preview-img .preview-content .pre-icon {
    left: 80px
}

.preview-img .preview-content .next-icon {
    right: 80px
}

.preview-img .preview-content img:nth-of-type(1) {
    background: var(--BgColor)
}

.preview-img .preview-content .img-auto-width {
    margin: auto auto;
    box-sizing: border-box;
    background: var(--BgColor);
    max-width: 80%;
    max-height: 80%
}

.preview-img .preview-content .img-auto-width.heigt_img {
    max-width: 750px;
    max-height: none
}

.preview-img .preview-content .img-auto-height {
    box-sizing: border-box
}

.over-hidden {
    overflow: hidden
}

.title_tip_accountfix {
    z-index: 100000030 !important
}

:where([data-width="500"]) .layout-box .layout-right-box,
:where([data-width="500"]) .side_layout_container {
    z-index: 100000003 !important
}

.head_no_login_box {
    width: 320px;
    position: fixed;
    right: 96px;
    top: 5px;
    z-index: 100000007;
    display: none;
    padding: 16px 0 20px;
    background: var(--BgOtherColor);
    box-sizing: border-box;
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    color: var(--FontColor_1);
    line-height: 32px;
    border-radius: 8px;
    cursor: default
}

.head_no_login_box.small_width {
    right: 72px
}

.head_no_login_box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    background-color: rgba(0, 0, 0, 0);
    right: 0;
    top: 0;
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.head_no_login_box .no_login_head {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 0 20px
}

.head_no_login_box .no_login_head .icon-bl-icon-head {
    font-size: 48px;
    margin-right: 8px
}

.head_no_login_box .no_login_head .no_login_infor {
    flex: 1;
    width: 0
}

.head_no_login_box .no_login_head .no_login_infor .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.head_no_login_box .no_login_head .no_login_infor .tip {
    font-size: 12px;
    color: var(--FontColor_2);
    line-height: 17px;
    margin-top: 4px
}

.head_no_login_box .ul {
    padding: 8px 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.head_no_login_box .ul:last-child {
    border: none
}

.head_no_login_box .li {
    white-space: nowrap;
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    position: relative
}

.head_no_login_box .li .li_text {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 16px
}

.head_no_login_box .li .li_text .over {
    flex: 1;
    width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    text-align: left
}

.head_no_login_box .li .li_text .iconfont {
    font-size: 20px;
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 6px;
    border-radius: 4px
}

.head_no_login_box .li .li_text .iconfont.error {
    opacity: .5
}

.head_no_login_box .li .li_text .icon_type {
    margin: 0 0 0 4px
}

.head_no_login_box .li .li_text .status_box {
    display: flex
}

.head_no_login_box .li .li_text .status_box .iconfont {
    margin: 0 0 0 4px;
    font-size: 14px;
    color: #eb413d;
    width: 14px
}

.head_no_login_box .li .li_text .status_box .loding_img {
    margin: 0 0 0 4px;
    width: 14px
}

.head_no_login_box .li.tick_color {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.head_no_login_box .li.tick_color>img {
    display: none;
    height: 20px
}

.head_no_login_box .li.tick_color.red_rise>.red_rise_icon {
    display: block
}

.head_no_login_box .li.tick_color.green_rise>.green_rise_icon {
    display: block
}

.head_no_login_box .li .space_between {
    width: 100%
}

.head_no_login_box .li .space_between,
.head_no_login_box .li.space_between {
    display: flex;
    justify-content: space-between
}

.head_no_login_box .li .space_between .li_right,
.head_no_login_box .li.space_between .li_right {
    display: flex;
    align-items: center
}

.head_no_login_box .li .space_between .border_img_box,
.head_no_login_box .li.space_between .border_img_box {
    display: flex;
    align-items: center;
    margin-right: 4px
}

.head_no_login_box .li .space_between .border_img_box .img_box,
.head_no_login_box .li.space_between .border_img_box .img_box {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--Bg_g6);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -4px;
    position: relative
}

.head_no_login_box .li .space_between .border_img_box .img_box .iconfont,
.head_no_login_box .li.space_between .border_img_box .img_box .iconfont {
    color: var(--FontColor_3);
    font-size: 14px
}

.head_no_login_box .li .space_between .border_img_box .img_box:nth-child(1),
.head_no_login_box .li.space_between .border_img_box .img_box:nth-child(1) {
    z-index: 4
}

.head_no_login_box .li .space_between .border_img_box .img_box:nth-child(2),
.head_no_login_box .li.space_between .border_img_box .img_box:nth-child(2) {
    z-index: 3
}

.head_no_login_box .li .space_between .border_img_box .img_box:nth-child(3),
.head_no_login_box .li.space_between .border_img_box .img_box:nth-child(3) {
    z-index: 2
}

.head_no_login_box .li .space_between .border_img_box .img_box:nth-child(4),
.head_no_login_box .li.space_between .border_img_box .img_box:nth-child(4) {
    z-index: 1
}

.head_no_login_box .li .space_between .add_account,
.head_no_login_box .li .space_between .bm_bt,
.head_no_login_box .li.space_between .add_account,
.head_no_login_box .li.space_between .bm_bt {
    margin-left: 6px;
    margin-right: -5px;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #00c89c;
    line-height: 20px
}

.head_no_login_box .li .space_between .account_more,
.head_no_login_box .li.space_between .account_more {
    margin-left: 6px;
    color: var(--FontColor_2);
    font-size: 12px;
    zoom: .8333
}

.head_no_login_box .li.hover_type {
    cursor: pointer
}

.head_no_login_box .li.hover_type:hover {
    background: var(--select_hover)
}

.head_no_login_box .li.hassub .sub {
    position: relative
}

.head_no_login_box .li.hassub .sub:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #fa5754;
    border-radius: 50%;
    right: -7px;
    top: 0
}

.head_no_login_box .li.head_message {
    position: relative;
    justify-content: space-between
}

.head_no_login_box .li.head_message .head_message_nub {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    height: 18px;
    background: #f74343;
    color: #fff;
    font-size: 13px;
    padding: 0 5px;
    border-radius: 10px;
    min-width: 18px;
    box-sizing: border-box;
    justify-content: center
}

.head_no_login_box .login_type {
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 22px;
    font-size: 16px
}

.head_no_login_box .login_type .li_text {
    display: flex;
    align-items: center
}

.head_no_login_box .login_type .li_text .iconfont {
    font-size: 20px;
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 6px;
    border-radius: 4px
}

.head_no_login_box .login_type.hover_type {
    cursor: pointer
}

.head_no_login_box .login_type.hover_type:hover {
    background: var(--select_hover)
}

.head_no_login_box .login_type.tick_color>img {
    display: none;
    height: 20px
}

.head_no_login_box .login_type.tick_color.red_rise>.red_rise_icon {
    display: block
}

.head_no_login_box .login_type.tick_color.green_rise>.green_rise_icon {
    display: block
}

.head_no_login_box .login_register_box {
    padding: 4px 20px 0;
    margin-top: 8px
}

.head_no_login_box .login_regist_bt {
    line-height: 36px;
    text-align: center;
    border: 1px solid var(--BorderLine_prop);
    margin-top: 12px;
    border-radius: 8px;
    cursor: pointer;
    color: var(--FontColor_1);
    font-weight: 500;
    font-size: 16px
}

.head_no_login_box .login_regist_bt#register_btn {
    color: #1f2533;
    background: var(--color);
    border-color: var(--color)
}

.head_no_login_box .login_regist_bt#register_btn:hover {
    background: #00c89c
}

.head_no_login_box .login_regist_bt:hover {
    background: var(--color);
    border-color: var(--color);
    color: #1f2533
}

.head_no_login_box.show {
    display: block
}

.head_personal_main {
    position: fixed;
    display: none;
    z-index: 100000007;
    background-color: var(--BgOtherColor);
    top: 5px;
    right: 96px;
    border-radius: 8px;
    width: 320px;
    max-height: calc(100vh - 10px);
    cursor: default;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden
}

.head_personal_main::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.head_personal_main::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 6px
}

.head_personal_main::-webkit-scrollbar-thumb {
    background: var(--BorderLine_prop);
    border-radius: 6px
}

.head_personal_main::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.head_personal_main::-webkit-scrollbar-button {
    display: none
}

.head_personal_main.small_width {
    right: 72px
}

.head_personal_main:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    background-color: rgba(0, 0, 0, 0);
    right: 0;
    top: 0;
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.head_personal_main .personal-info {
    box-sizing: content-box;
    display: flex;
    align-items: flex-start;
    padding: 16px
}

.head_personal_main .personal-info .head-img-wrap {
    width: 60px;
    height: 60px;
    margin-right: 8px;
    flex-shrink: 0
}

.head_personal_main .personal-info .head-img-wrap .header-img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.head_personal_main .personal-info .head-img-wrap .head_old {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #050505;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
    color: var(--BgColor)
}

.head_personal_main .personal-info .infor {
    flex: 1;
    width: 0
}

.head_personal_main .personal-info .nickname {
    margin-bottom: 4px;
    margin-top: 7px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--FontColor_1);
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

.head_personal_main .personal-info .vip {
    box-sizing: border-box;
    width: 50px;
    height: 19px;
    border-radius: 19px;
    background-color: #edeef0;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    padding: 0 5px
}

.head_personal_main .personal-info .vip.is-active {
    background-color: #414347;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 35%, rgba(255, 255, 255, 0) 35%)
}

.head_personal_main .personal-info .vip.is-active .vip-text {
    color: #f2d2a1
}

.head_personal_main .personal-info .vip-img {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 2.5px;
    object-fit: contain
}

.head_personal_main .personal-info .vip-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #c2c5cc
}

.head_personal_main .active-vip {
    box-sizing: border-box;
    min-height: 71px;
    padding: 8px 12px 12px;
    margin: 0 16px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(315deg, #1e1e1e 0, #0a0a0a 100%);
    position: relative
}

.head_personal_main .active-vip.no_vip {
    display: flex
}

.head_personal_main .active-vip .text-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #f8d9ad;
    text-align: left
}

.head_personal_main .active-vip .active-vip-img {
    position: absolute;
    bottom: 0;
    right: -41px;
    height: 100%
}

.head_personal_main .active-vip .active-vipbox {
    position: relative
}

.head_personal_main .active-vip .desc {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.head_personal_main .active-vip .vip-img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    object-fit: contain
}

.head_personal_main .active-vip .vip-text .desc-text {
    font-size: 12px;
    line-height: 15px;
    color: #f8d9ad;
    opacity: .6
}

.head_personal_main .active-vip .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 6px 4px 9px;
    cursor: pointer;
    height: auto;
    border-radius: 11px;
    background-image: linear-gradient(107deg, #e5be86 1%, #fee1b7 100%)
}

.head_personal_main .active-vip .btn-text {
    margin-right: 4px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: var(--FontColor_1)
}

.head_personal_main .active-vip .btn-icon {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: var(--FontColor_1);
    transform: scale(.6);
    margin-left: -6px
}

.head_personal_main .ul {
    padding: 8px 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.head_personal_main .ul:last-child {
    border: none
}

.head_personal_main .li {
    white-space: nowrap;
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    position: relative
}

.head_personal_main .li .li_text {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 16px
}

.head_personal_main .li .li_text .over {
    flex: 1;
    width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    text-align: left
}

.head_personal_main .li .li_text .iconfont {
    font-size: 20px;
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 6px;
    border-radius: 4px
}

.head_personal_main .li .li_text .iconfont.error {
    opacity: .5
}

.head_personal_main .li .li_text .icon_type {
    margin: 0 0 0 4px
}

.head_personal_main .li .li_text .status_box {
    display: flex
}

.head_personal_main .li .li_text .status_box .iconfont {
    margin: 0 0 0 4px;
    font-size: 14px;
    color: #eb413d;
    width: 14px
}

.head_personal_main .li .li_text .status_box .loding_img {
    margin: 0 0 0 4px;
    width: 14px
}

.head_personal_main .li.tick_color {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.head_personal_main .li.tick_color>img {
    display: none;
    height: 20px
}

.head_personal_main .li.tick_color.red_rise>.red_rise_icon {
    display: block
}

.head_personal_main .li.tick_color.green_rise>.green_rise_icon {
    display: block
}

.head_personal_main .li .space_between {
    width: 100%
}

.head_personal_main .li .space_between,
.head_personal_main .li.space_between {
    display: flex;
    justify-content: space-between
}

.head_personal_main .li .space_between .li_right,
.head_personal_main .li.space_between .li_right {
    display: flex;
    align-items: center
}

.head_personal_main .li .space_between .border_img_box,
.head_personal_main .li.space_between .border_img_box {
    display: flex;
    align-items: center;
    margin-right: 4px
}

.head_personal_main .li .space_between .border_img_box .img_box,
.head_personal_main .li.space_between .border_img_box .img_box {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--Bg_g6);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -4px;
    position: relative
}

.head_personal_main .li .space_between .border_img_box .img_box .iconfont,
.head_personal_main .li.space_between .border_img_box .img_box .iconfont {
    color: var(--FontColor_3);
    font-size: 14px
}

.head_personal_main .li .space_between .border_img_box .img_box:nth-child(1),
.head_personal_main .li.space_between .border_img_box .img_box:nth-child(1) {
    z-index: 4
}

.head_personal_main .li .space_between .border_img_box .img_box:nth-child(2),
.head_personal_main .li.space_between .border_img_box .img_box:nth-child(2) {
    z-index: 3
}

.head_personal_main .li .space_between .border_img_box .img_box:nth-child(3),
.head_personal_main .li.space_between .border_img_box .img_box:nth-child(3) {
    z-index: 2
}

.head_personal_main .li .space_between .border_img_box .img_box:nth-child(4),
.head_personal_main .li.space_between .border_img_box .img_box:nth-child(4) {
    z-index: 1
}

.head_personal_main .li .space_between .add_account,
.head_personal_main .li .space_between .bm_bt,
.head_personal_main .li.space_between .add_account,
.head_personal_main .li.space_between .bm_bt {
    margin-left: 6px;
    margin-right: -5px;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #00c89c;
    line-height: 20px
}

.head_personal_main .li .space_between .account_more,
.head_personal_main .li.space_between .account_more {
    margin-left: 6px;
    color: var(--FontColor_2);
    font-size: 12px;
    zoom: .8333
}

.head_personal_main .li.hover_type {
    cursor: pointer
}

.head_personal_main .li.hover_type:hover {
    background: var(--select_hover)
}

.head_personal_main .li.hassub .sub {
    position: relative
}

.head_personal_main .li.hassub .sub:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #fa5754;
    border-radius: 50%;
    right: -7px;
    top: 0
}

.head_personal_main .li.head_message {
    position: relative;
    justify-content: space-between
}

.head_personal_main .li.head_message .head_message_nub {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    height: 18px;
    background: #f74343;
    color: #fff;
    font-size: 13px;
    padding: 0 5px;
    border-radius: 10px;
    min-width: 18px;
    box-sizing: border-box;
    justify-content: center
}

.head_personal_main .dark_setting {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.head_personal_main.show {
    display: block
}

.auth_broker_fixed {
    position: fixed;
    z-index: 100000007;
    width: 240px;
    max-height: 408px;
    padding: 4px 0;
    transform: translateY(-60px);
    border-radius: 8px;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    display: none
}

.auth_broker_fixed::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.auth_broker_fixed::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 4px
}

.auth_broker_fixed::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 4px
}

.auth_broker_fixed::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.auth_broker_fixed::-webkit-scrollbar-button {
    display: none
}

.auth_broker_fixed .ul {
    padding: 8px 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.auth_broker_fixed .ul:last-child {
    border: none
}

.auth_broker_fixed .li {
    white-space: nowrap;
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    position: relative
}

.auth_broker_fixed .li .li_text {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 16px
}

.auth_broker_fixed .li .li_text .iconfont {
    font-size: 20px;
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 6px;
    border-radius: 4px
}

.auth_broker_fixed .li .li_text .over {
    flex: 1;
    width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    text-align: left
}

.auth_broker_fixed .li .space_between {
    width: 100%
}

.auth_broker_fixed .li .space_between,
.auth_broker_fixed .li.space_between {
    display: flex;
    justify-content: space-between
}

.auth_broker_fixed .li .space_between .li_right,
.auth_broker_fixed .li.space_between .li_right {
    display: flex;
    align-items: center
}

.auth_broker_fixed .li .space_between .border_img_box,
.auth_broker_fixed .li.space_between .border_img_box {
    display: flex;
    align-items: center;
    margin-right: 4px
}

.auth_broker_fixed .li .space_between .border_img_box .img_box,
.auth_broker_fixed .li.space_between .border_img_box .img_box {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--Bg_g6);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -4px;
    position: relative
}

.auth_broker_fixed .li .space_between .border_img_box .img_box .iconfont,
.auth_broker_fixed .li.space_between .border_img_box .img_box .iconfont {
    color: var(--FontColor_3);
    font-size: 14px
}

.auth_broker_fixed .li .space_between .border_img_box .img_box:nth-child(1),
.auth_broker_fixed .li.space_between .border_img_box .img_box:nth-child(1) {
    z-index: 4
}

.auth_broker_fixed .li .space_between .border_img_box .img_box:nth-child(2),
.auth_broker_fixed .li.space_between .border_img_box .img_box:nth-child(2) {
    z-index: 3
}

.auth_broker_fixed .li .space_between .border_img_box .img_box:nth-child(3),
.auth_broker_fixed .li.space_between .border_img_box .img_box:nth-child(3) {
    z-index: 2
}

.auth_broker_fixed .li .space_between .border_img_box .img_box:nth-child(4),
.auth_broker_fixed .li.space_between .border_img_box .img_box:nth-child(4) {
    z-index: 1
}

.auth_broker_fixed .li .space_between .add_account,
.auth_broker_fixed .li .space_between .bm_bt,
.auth_broker_fixed .li.space_between .add_account,
.auth_broker_fixed .li.space_between .bm_bt {
    margin-left: 6px;
    margin-right: -5px;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #00c89c;
    line-height: 20px
}

.auth_broker_fixed .li .space_between .account_more,
.auth_broker_fixed .li.space_between .account_more {
    margin-left: 6px;
    color: var(--FontColor_2);
    font-size: 12px;
    zoom: .8333
}

.auth_broker_fixed .li.hover_type {
    cursor: pointer
}

.auth_broker_fixed .li.hover_type:hover {
    background: var(--select_hover)
}

.account_head_fixed {
    position: fixed;
    z-index: 100000007;
    min-width: 220px;
    transform: translateY(-60px);
    border-radius: 8px;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    display: none
}

.account_head_fixed .ul {
    padding: 8px 0;
    border-bottom: 1px solid var(--BorderLine_m2)
}

.account_head_fixed .ul:last-child {
    border: none
}

.account_head_fixed .li {
    white-space: nowrap;
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    position: relative
}

.account_head_fixed .li.hover_type {
    cursor: pointer
}

.account_head_fixed .li.hover_type:hover {
    background: var(--select_hover)
}

.account_head_fixed .remove_bm {
    height: auto;
    padding: 8px 20px;
    display: block
}

.account_head_fixed .remove_bm .bm_remove_email {
    font-size: 12px;
    line-height: 17px;
    color: var(--FontColor_2b);
    text-align: left
}

.broker_list_fixed {
    position: fixed;
    z-index: 100000007;
    transform: translateY(-60px);
    border-radius: 12px;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    display: none;
    cursor: default;
    user-select: none;
    max-width: 500px;
    max-height: 496px;
    overflow-y: auto;
    padding: 24px 0;
    box-sizing: border-box
}

.broker_list_fixed::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.broker_list_fixed::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 4px
}

.broker_list_fixed::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 4px
}

.broker_list_fixed::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.broker_list_fixed::-webkit-scrollbar-button {
    display: none
}

.broker_list_fixed .border_type_box:first-child .title {
    margin-top: 0
}

.broker_list_fixed .border_type_box.hot_borker .border_list {
    gap: 12px;
    padding: 0 24px
}

.broker_list_fixed .border_type_box.hot_borker .border_list .borker_item {
    padding: 16px 20px 16px 16px;
    border-radius: 4px;
    background: var(--Bg_g9);
    width: 210px
}

.broker_list_fixed .border_type_box .title {
    margin-top: 24px;
    margin-bottom: 12px;
    color: var(--FontColor_2b);
    font-size: 14px;
    line-height: 20px;
    padding: 0 24px
}

.broker_list_fixed .border_type_box .border_list {
    gap: 26px 16px;
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap
}

.broker_list_fixed .border_type_box .border_list .borker_item {
    cursor: pointer;
    padding: 8px;
    display: flex;
    width: 216px;
    box-sizing: border-box
}

.broker_list_fixed .border_type_box .border_list .borker_item:hover {
    background: var(--Bg_g9)
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_logo {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 8px
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_info {
    flex: 1;
    min-width: 0
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_info .border_info_top {
    display: flex;
    margin-bottom: 4px
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_info .border_info_top .name {
    flex: 1;
    width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: left
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_info .broker-score {
    display: flex;
    align-items: center;
    line-height: 14px;
    font-size: 14px;
    color: var(--FontColor_1)
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_info .broker-score .iconfont {
    font-size: 14px;
    margin-right: 4px
}

.broker_list_fixed .border_type_box .border_list .borker_item .border_info .broker-score .score_no_name {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    text-align: left
}

.account_list_fixed {
    position: fixed;
    z-index: 100000007;
    transform: translateY(-80px);
    border-radius: 12px;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    display: none;
    cursor: default;
    user-select: none
}

.account_list_fixed .account_tip {
    display: none;
    position: absolute;
    left: 0;
    transform: translate(calc(-100% - 10px), -50%);
    background: var(--tip_bg);
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    color: var(--tip_color);
    line-height: 1.57;
    max-width: 320px;
    white-space: normal;
    box-sizing: border-box
}

.account_list_fixed .account_tip p {
    margin-top: 2px
}

.account_list_fixed .account_tip p:first-child {
    margin-top: 0
}

.account_list_fixed .account_tip::before {
    content: '';
    position: absolute;
    right: -4px;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    width: 8px;
    height: 8px;
    background: inherit
}

.account_list_fixed .account_tip.show {
    display: block
}

.account_list_fixed .account_content {
    max-height: 460px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 12px 12px 0 0
}

.account_list_fixed .account_content.desable_btn .account_op_bt {
    cursor: not-allowed !important
}

.account_list_fixed .account_content::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.account_list_fixed .account_content::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 4px
}

.account_list_fixed .account_content::-webkit-scrollbar-thumb {
    background: var(--BorderLine_m2);
    border-radius: 4px
}

.account_list_fixed .account_content::-webkit-scrollbar-thumb:hover {
    background: var(--FontColor_2b) !important
}

.account_list_fixed .account_content::-webkit-scrollbar-button {
    display: none
}

.account_list_fixed .add_account_box {
    margin: 12px 12px 0;
    padding: 12px;
    cursor: pointer;
    background: rgba(251, 220, 27, .1);
    border-radius: 8px
}

.account_list_fixed .add_account_box .add_account_infor {
    display: flex;
    align-items: center
}

.account_list_fixed .add_account_box .add_account_infor img {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 8px
}

.account_list_fixed .add_account_box .add_account_infor .add_account_right {
    flex: 1
}

.account_list_fixed .add_account_box .add_account_infor .add_account_right .title_text {
    font-size: 16px;
    line-height: 22px;
    color: var(--FontColor_1);
    font-weight: 700
}

.account_list_fixed .add_account_box .add_account_infor .add_account_right .title_tip {
    font-size: 12px;
    line-height: 17px;
    color: var(--FontColor_2b)
}

.account_list_fixed .add_account_box .go_add_account {
    line-height: 32px;
    background: #fbdc1b;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-top: 8px;
    color: #1f2533
}

.account_list_fixed .account_main {
    min-width: 360px
}

.account_list_fixed .account_main .account_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 39px;
    padding: 0 12px;
    cursor: pointer;
    border-bottom: 1px solid var(--BorderLine_prop);
    position: sticky;
    top: 0;
    background: var(--BgOtherColor);
    z-index: 9
}

.account_list_fixed .account_main .account_head:hover {
    background-color: var(--select_hover)
}

.account_list_fixed .account_main .account_head .account_title {
    font-size: 12px;
    color: var(--FontColor_1)
}

.account_list_fixed .account_main .account_head .icon-bl-icon-up-def {
    font-size: 12px;
    color: var(--FontColor_2b)
}

.account_list_fixed .account_main .account_list .account_type {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 8px 4px 8px 8px;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 8px
}

.account_list_fixed .account_main .account_list .account_type:first-child {
    margin-top: 4px
}

.account_list_fixed .account_main .account_list .account_type .img_layout {
    position: relative;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    overflow: hidden
}

.account_list_fixed .account_main .account_list .account_type .img_layout.error {
    opacity: .5
}

.account_list_fixed .account_main .account_list .account_type .img_layout .image-slot {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.account_list_fixed .account_main .account_list .account_type .img_layout .trade_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 8px 0 0 0
}

.account_list_fixed .account_main .account_list .account_type:hover {
    background-color: var(--select_hover)
}

.account_list_fixed .account_main .account_list .account_type.race_account {
    background-color: var(--account_btn)
}

.account_list_fixed .account_main .account_list .account_type.race_account:hover {
    background-color: var(--account_btn_hover)
}

.account_list_fixed .account_main .account_list .account_type.is_end {
    background-color: transparent
}

.account_list_fixed .account_main .account_list .account_type.is_end:hover {
    background-color: var(--select_hover)
}

.account_list_fixed .account_main .account_list .account_type.is_end .img_layout .image-slot {
    filter: grayscale(100%)
}

.account_list_fixed .account_main .account_list .account_type.is_end .img_layout.error {
    opacity: 1
}

.account_list_fixed .account_main .account_list .account_type.is_end .account_num {
    color: var(--FontColor_2b) !important
}

.account_list_fixed .account_main .account_list .account_type.is_end .contest_span {
    filter: grayscale(100%);
    background-color: var(--FontColor_2b) !important
}

.account_list_fixed .account_main .account_list .account_type.is_end dl dd p {
    color: var(--FontColor_2) !important
}

.account_list_fixed .account_main .account_list .account_type.is_end dl dd p label {
    color: var(--FontColor_2) !important
}

.account_list_fixed .account_main .account_list .account_type.is_end dl dd p .hm {
    color: var(--FontColor_2) !important
}

.account_list_fixed .account_main .account_list .account_type.is_end .account_op_bt {
    background: var(--BorderLine_prop);
    color: var(--FontColor_2)
}

.account_list_fixed .account_main .account_list .account_type.is_end .account_op_bt:hover {
    background: var(--BorderLine_prop)
}

.account_list_fixed .account_main .account_list .account_type dl {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    margin: 0
}

.account_list_fixed .account_main .account_list .account_type dl dt {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    margin: 0;
    gap: 40px
}

.account_list_fixed .account_main .account_list .account_type dl dt .account-name {
    display: flex;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    line-height: 20px;
    height: 20px
}

.account_list_fixed .account_main .account_list .account_type dl dt .account-name .account_num:hover {
    color: var(--color) !important
}

.account_list_fixed .account_main .account_list .account_type dl dt .account-name .account_num.is_default {
    flex: 1;
    display: inline-flex
}

.account_list_fixed .account_main .account_list .account_type dl dt .account-name .account_num .account_n {
    flex: 1;
    white-space: normal
}

.account_list_fixed .account_main .account_list .account_type dl dt .account-name img {
    flex-shrink: 0;
    display: block;
    width: 15px;
    margin: 0 0 0 4px
}

.account_list_fixed .account_main .account_list .account_type dl dt .account-name .contest_span {
    flex: 1;
    max-width: 80%;
    flex-shrink: 0;
    display: inline-block;
    padding: 0 3px;
    border-radius: 4px;
    line-height: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 700;
    background-color: var(--FontColor_1);
    color: var(--c5);
    margin: 0 4px 3px
}

.account_list_fixed .account_main .account_list .account_type dl dt .icon-common_16_zhidu {
    flex-shrink: 0;
    font-size: 16px;
    color: var(--FontColor_2);
    margin-left: 7px
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op {
    display: flex;
    align-items: center
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op .account_op_bt {
    margin: 0 8px 0 0;
    background: var(--color);
    color: #1f2533;
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
    min-width: 56px;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
    text-align: center
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op .account_op_bt:hover {
    background: #00c89c
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op .account_op_bt.accout_link {
    background: var(--BorderLine_prop);
    color: var(--FontColor_2)
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op .account_op_bt.accout_link:hover {
    background: var(--BorderLine_prop)
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op .icon-bl-icon-more-def {
    height: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0 2px;
    border-radius: 2px;
    cursor: pointer;
    color: var(--FontColor_2)
}

.account_list_fixed .account_main .account_list .account_type dl dt .account_op .icon-bl-icon-more-def:hover {
    background: var(--Bg_g6)
}

.account_list_fixed .account_main .account_list .account_type dl dd {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--FontColor_1);
    line-height: 17px;
    margin-top: 2px;
    gap: 16px
}

.account_list_fixed .account_main .account_list .account_type dl dd label {
    color: var(--FontColor_2b)
}

.account_list_fixed .account_main .account_list .account_type dl dd p {
    white-space: nowrap;
    color: var(--FontColor_2b)
}

.account_list_fixed .account_main .account_list .account_type dl dd p .hm {
    color: var(--FontColor_1)
}

.account_list_fixed .account_main .account_list .account_type dl dd p.color-text-red {
    color: #eb413d !important
}

.account_list_fixed .account_main.unflod .account_head .icon-bl-icon-up-def {
    transform: rotate(-180deg)
}

.account_list_fixed .account_main.unflod .account_list {
    height: 0;
    overflow: hidden
}

.account_list_fixed .account_foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 12px 0 16px;
    font-size: 13px;
    color: var(--FontColor_1);
    border-top: 1px solid var(--BorderLine_prop)
}

.account_list_fixed .account_foot>div {
    cursor: pointer;
    word-break: break-all;
    display: flex;
    gap: 3px
}

.account_list_fixed .account_foot>div:first-child {
    margin-right: 20px
}

.account_list_fixed .account_foot>div:hover {
    color: #00c89c
}

.account_list_fixed .account_foot>div:hover .iconfont {
    color: #00c89c
}

.account_list_fixed .account_foot-left {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.account_list_fixed .account_foot-left .iconfont {
    color: var(--FontColor_2);
    margin-right: 4px
}

.account_op_fixed {
    position: fixed;
    z-index: 10;
    border-radius: 4px;
    background-color: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    display: none;
    min-width: 240px
}

.account_op_fixed.show {
    display: block
}

.account_op_fixed .ul {
    padding: 8px 0;
    border-bottom: 1px solid var(--BorderLine_prop)
}

.account_op_fixed .ul:last-child {
    border: none
}

.account_op_fixed .ul .li {
    white-space: nowrap;
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--FontColor_1);
    position: relative;
    cursor: pointer
}

.account_op_fixed .ul .li.disable {
    color: var(--FontColor_3);
    cursor: not-allowed
}

.account_op_fixed .ul .li:hover {
    background: var(--select_hover)
}

.user_vip_card {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 72px;
    margin: 0 20px;
    padding: 0 12px;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.user_vip_card .vip_card_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.user_vip_card .vip_card_left {
    color: #1f2533;
    position: relative
}

.user_vip_card .vip_card_left .card_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.user_vip_card .vip_card_left .card_status {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    opacity: .64
}

.user_vip_card .vip_card_right {
    position: relative;
    z-index: 2;
    min-width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 0 8px;
    background: #1f2128;
    box-sizing: border-box;
    border-radius: 4px;
    color: #f2d2a1
}

.user_vip_card .card_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.user_vip_card .card_box img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.user_vip_card.no_login_vip_card {
    margin-bottom: 8px
}

.layout-box.sidebar_position_left .head_no_login_box,
.layout-box.sidebar_position_left .head_personal_main {
    right: unset;
    left: 96px
}

.layout-box.sidebar_position_left .head_no_login_box.small_width,
.layout-box.sidebar_position_left .head_personal_main.small_width {
    left: 72px
}

.layout-box.sidebar_position_left .side_layout_container {
    right: unset;
    left: 0
}

.layout-box.sidebar_position_left .side_layout_container .side_navbar {
    order: 0;
    border: none
}

.layout-box.sidebar_position_left .side_layout_container .layout_wrap {
    order: 1
}

.layout-box.sidebar_position_left .side_layout_container .layout_wrap .module_box {
    border: none;
    border-right: 1px solid var(--BorderLine_m2)
}

.layout-box.sidebar_position_left .side_layout_container .layout_wrap .move_resizer {
    left: unset;
    right: -4px
}

.layout-box.sidebar_position_left .layout-setting-popover {
    right: unset;
    left: calc(var(--sidebar-width) - 8px)
}

.layout-box.sidebar_position_left .account_list_fixed .account_tip {
    left: auto;
    right: 0;
    transform: translate(calc(100% + 10px), -50%)
}

.layout-box.sidebar_position_left .account_list_fixed .account_tip::before {
    right: auto;
    left: -4px
}

.side_layout_container {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    background: var(--BgColor);
    width: inherit
}

.side_layout_container .side_navbar {
    position: relative;
    width: 92px;
    height: 100%;
    order: 1;
    box-sizing: border-box;
    z-index: 101;
    flex-shrink: 0;
    background: var(--BgSideColor);
    overflow: hidden
}

.side_layout_container .side_navbar.small_width {
    width: 68px
}

.side_layout_container .side_navbar .scroll_arrow {
    position: absolute;
    background: var(--BgColor);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    cursor: pointer;
    user-select: none;
    height: 32px;
    width: 32px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%
}

.side_layout_container .side_navbar .scroll_arrow.arrow_top {
    top: 0
}

.side_layout_container .side_navbar .scroll_arrow.arrow_bottom {
    bottom: 0
}

.side_layout_container .side_navbar .scroll_arrow .iconfont {
    display: block;
    font-size: 13px;
    transform: rotate(90deg);
    color: var(--FontColor_1)
}

.side_layout_container .side_navbar .side_navbar_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    box-sizing: content-box;
    scrollbar-width: none
}

.side_layout_container .side_navbar .side_navbar_wrapper::-webkit-scrollbar {
    display: none
}

.side_layout_container .side_navbar .side_navbar_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    min-height: 100%
}

.side_layout_container .side_navbar .separator {
    width: 28px;
    height: 1px;
    background: var(--Bg_g6);
    margin: 6px 0 10px 0
}

.side_layout_container .hide {
    display: none !important
}

.side_navbar_container .module_list,
.side_navbar_container .side_navbar_bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.side_navbar_container .side_navbar_bottom .module_item>.iconfont {
    font-size: 28px
}

.side_navbar_container .side_navbar_bottom .module_item.high_chart {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center
}

.side_navbar_container .side_navbar_bottom .module_item.high_chart .high_chart_box {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    background: var(--Bg_g11)
}

.side_navbar_container .side_navbar_bottom .module_item.high_chart .high_chart_box>img {
    width: 32px;
    height: 32px;
    object-fit: cover
}

.side_navbar_container .module_list {
    padding: 2px 0 7px
}

.side_navbar_container .module_item {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    margin-bottom: 4px;
    padding: 6px 11px;
    color: var(--FontColor_2b);
    border-radius: 12px
}

.side_navbar_container .module_item .badge {
    display: none;
    position: absolute;
    top: 3px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #eb413d;
    border-radius: 9px;
    padding: 0 5px;
    font-size: 11px;
    white-space: nowrap;
    color: #fff;
    left: 50%;
    transform: translateX(calc(-50% + 10px))
}

.side_navbar_container .module_item .badge.show {
    display: block
}

.side_navbar_container .module_item.default_cursor {
    cursor: default
}

.side_navbar_container .module_item.active {
    color: var(--FontColor_1);
    background: rgba(1, 224, 175, .15)
}

.side_navbar_container .module_item.active .iconfont {
    color: #1f2533;
    display: none
}

.side_navbar_container .module_item.active .module_active_icon {
    display: block;
    width: 30px;
    color: #1f2533
}

.side_navbar_container .module_item .iconfont {
    font-size: 30px;
    line-height: 1
}

.side_navbar_container .module_item .label {
    font-size: 12px;
    line-height: 17px;
    margin-top: 4px;
    text-align: center
}

.side_navbar_container .module_item .module_active_icon {
    display: none
}

.side_navbar_container .side_user_box {
    margin-bottom: 6px
}

.side_navbar_container .side_user_box .def_img {
    width: 28px;
    height: 28px;
    font-size: 28px;
    margin: 0 6px 6px;
    color: var(--FontColor_2b);
    border-radius: 50%;
    display: block
}

.side_navbar_container .side_user_box .header-login {
    cursor: pointer;
    display: inline-block;
    padding: 0 6px 6px;
    font-size: 12px;
    position: relative
}

.side_navbar_container .side_user_box .header-login .no_login_img {
    font-size: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    position: relative;
    top: 1px;
    color: var(--FontColor_2b)
}

.side_navbar_container .side_user_box .header-img-main {
    position: relative;
    cursor: pointer;
    padding: 0 6px 6px
}

.side_navbar_container .side_user_box .header-img-main .head_img_box {
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    border-radius: 50%
}

.side_navbar_container .side_user_box .header-img-main .head_img_box .header-img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.side_navbar_container .side_user_box .header-img-main .head_img_box .head_old {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #050505;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
    color: var(--BgColor)
}

.layout_wrap {
    position: relative;
    display: flex;
    width: calc(100% - 45px);
    height: 100%;
    order: 0
}

.layout_wrap.single_layout .module_box>.move_resizer,
.layout_wrap.single_layout .module_wrap_chat>.move_resizer {
    display: none
}

.layout_wrap.single_layout .module_wrap {
    width: 100%;
    height: 100%
}

.layout_wrap.vertical_layout {
    flex-direction: column
}

.layout_wrap.vertical_layout .module_box>.move_resizer {
    display: none
}

.layout_wrap.vertical_layout .module_wrap {
    width: 100%
}

.layout_wrap.vertical_layout .module_wrap.module_wrap_functional {
    height: 40%
}

.layout_wrap.vertical_layout .module_wrap_chat {
    border-top: 4px solid var(--BorderLine_m2)
}

.layout_wrap.tile_layout .module_wrap_chat>.move_resizer,
.layout_wrap.tile_layout>.move_resizer {
    display: none
}

.layout_wrap.tile_layout .module_wrap {
    width: 100%;
    height: 100%
}

.layout_wrap.tile_layout.layout_wrap .module_box .content_box .module_head .module_head_right>.close_module_icon {
    display: block
}

.layout_wrap.tile_layout .module_box-quote .filter_category .right_side .close_module_icon {
    display: block
}

.layout_wrap .module_wrap {
    position: relative;
    display: flex;
    flex-shrink: 0;
    box-sizing: border-box
}

.layout_wrap .module_wrap_chat {
    flex: 1
}

.layout_wrap .module_wrap_chat>.move_resizer {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 5px;
    cursor: ns-resize;
    background: var(--BgColor);
    opacity: .01
}

.layout_wrap .move_resizer {
    position: absolute;
    top: 0;
    left: -3px;
    width: 8px;
    height: 100%;
    cursor: ew-resize;
    background: var(--BgColor);
    touch-action: none;
    z-index: 101;
    opacity: .01
}

.layout_wrap .module_box {
    position: relative;
    width: 100%;
    height: 100%;
    border-left: 1px solid var(--BorderLine_m2);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden
}

.layout_wrap .module_box iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.layout_wrap .module_box .iframe_shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.layout_wrap .module_box.module_box-news .content_box .module_head .module_head_left_tabs .module_nav_box {
    flex-wrap: wrap
}

.layout_wrap .module_box .content_box {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 300px
}

.layout_wrap .module_box .content_box .close_module_box {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    color: var(--FontColor_1);
    cursor: pointer;
    user-select: none;
    font-size: 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    background: var(--BgOtherColor);
    z-index: 99
}

.layout_wrap .module_box .content_box .module_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    line-height: 19px;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-bottom: 12px
}

.layout_wrap .module_box .content_box .module_head .module_head_left .left_title {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--FontColor_1)
}

.layout_wrap .module_box .content_box .module_head .module_head_left .left_title .iconfont {
    margin-left: 3px;
    font-size: 12px
}

.layout_wrap .module_box .content_box .module_head .module_head_left .left_title:hover {
    color: var(--color)
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    height: 100%;
    align-items: center;
    width: 0;
    position: relative;
    min-width: 70px
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box .nav_item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: var(--FontColor_1);
    cursor: pointer;
    user-select: none;
    height: 100%;
    white-space: nowrap;
    padding: 12px 0 7px 0
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box .nav_item.active {
    font-weight: 600
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box .nav_item.active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--color);
    border-radius: 2px
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box .nav_item+.nav_item {
    margin-left: 16px
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box .nav_item>.prefix_icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    margin-right: 2px
}

.layout_wrap .module_box .content_box .module_head .module_head_left_tabs .module_nav_box .nav_item>.suffix_icon {
    margin-left: 4px;
    font-size: 12px;
    color: var(--FontColor_1)
}

.layout_wrap .module_box .content_box .module_head .module_head_right {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding-top: 4px
}

.layout_wrap .module_box .content_box .module_head .module_head_right>.iconfont {
    font-size: 20px;
    color: var(--FontColor_1)
}

.layout_wrap .module_box .content_box .module_head .module_head_right>.iconfont.icon-fb_new_search {
    cursor: pointer
}

.layout_wrap .module_box .content_box .module_head .module_head_right>.close_module_icon {
    margin-left: 9px;
    color: var(--FontColor_1);
    cursor: pointer;
    font-size: 20px
}

.layout_wrap .module_box .content_box .module_head .module_head_right>.close_module_icon.bl-new-add {
    font-size: 20px
}

.layout_wrap .module_box .content_box .module_head .module_head_right .important_box {
    color: var(--FontColor_1);
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    margin: 0 5px 0 9px
}

.layout_wrap .module_box .content_box .module_head .module_head_right .important_box .iconfont {
    margin-right: 3px;
    font-size: 12px
}

.layout_wrap .module_box .content_box .module_head .module_head_right .important_box.active {
    color: var(--color)
}

.layout_wrap .module_box .content_box .module_head .module_head_right .close_module_icon {
    display: none
}

.layout_wrap .module_box .content_box .category_tab_contaienr {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-bottom: 10px;
    margin: 0 12px;
    box-sizing: border-box;
    gap: 10px
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tap_wrapper {
    flex: 1;
    overflow: hidden
}

.layout_wrap .module_box .content_box .category_tab_contaienr .stock_item>.iconfont {
    margin-left: 2px;
    font-size: 12px;
    color: var(--FontColor_1)
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab .tab_item {
    display: flex;
    display: -webkit-flex;
    position: relative;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    border-radius: 8px;
    color: var(--FontColor_2b);
    background: var(--color_g8)
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab .tab_item+.tab_item {
    margin-left: 6px
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab .tab_item.active {
    font-weight: 600;
    color: var(--FontColor_1);
    background: var(--Bg_g6)
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab .tab_item.tab_hide {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab .tab_item .iconfont {
    font-size: 12px;
    margin-left: 2px
}

.layout_wrap .module_box .content_box .category_tab_contaienr .module_tab .tab_item.has_sub {
    cursor: auto
}

.layout_wrap .module_box .content_box .news_boxs {
    position: relative;
    height: -moz-calc(100% - 56px);
    height: -webkit-calc(100% - 56px);
    height: calc(100% - 56px)
}

.layout_wrap .module_box .content_box .news_boxs.calendar_news_boxs {
    height: -moz-calc(100% - 42px);
    height: -webkit-calc(100% - 42px);
    height: calc(100% - 42px)
}

.layout_wrap .module_box .content_box .news_boxs .news_box {
    height: 100%;
    overflow: hidden;
    position: relative
}

.layout_wrap .module_box .content_box .news_boxs .news_box .news_box_list {
    padding: 3px 16px 0
}

.layout_wrap .module_box .content_box .news_boxs .news_box .news_box_list.fast_copy_listener {
    padding-left: 11px;
    padding-right: 11px
}

.layout_wrap .module_box .content_box .news_boxs .news_box .news_box_list.fast_copy_listener .news-list {
    padding: 8px 5px
}

.layout_wrap .module_box .content_box .news_boxs .news_box .news_box_list.fast_copy_listener .news-date {
    padding-left: 5px
}

.layout_wrap .module_box .content_box .news_boxs .news_box .loading {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 99
}

.layout_wrap .module_box .news-list {
    position: relative;
    padding: 8px 0
}

.layout_wrap .module_box .news-list:before {
    content: "";
    height: 1px;
    background: var(--BorderLine_m2);
    position: absolute;
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    left: 5px;
    top: 0
}

.layout_wrap .module_box .news-list .time {
    min-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.layout_wrap .module_box .news-list .time .time_left {
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center
}

.layout_wrap .module_box .news-list .time .time_left .choice_vip {
    height: 16px;
    margin-left: 8px
}

.layout_wrap .module_box .news-list .time .cont_other {
    display: none;
    line-height: 18px;
    align-items: center
}

.layout_wrap .module_box .news-list .time .cont_other .fast_copy {
    cursor: pointer;
    color: var(--FontColor_2);
    margin-right: 15px;
    display: flex;
    align-items: center
}

.layout_wrap .module_box .news-list .time .cont_other .fast_copy .iconfont {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.layout_wrap .module_box .news-list .time .cont_other .fast_copy:hover {
    color: var(--color)
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear {
    position: relative
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_boxs {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--FontColor_2)
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_boxs .icon-bl-icon-share-def {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    font-weight: 700
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box {
    position: absolute;
    display: none;
    padding: 16px;
    width: 193px;
    right: 0;
    top: 28px;
    box-sizing: border-box;
    flex-flow: wrap;
    z-index: 2;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    border: none
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .trans {
    height: 12px;
    width: 100%;
    position: absolute;
    top: -12px;
    left: 0;
    overflow: hidden
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .trans:before {
    right: 10px;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--BgOtherColor);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    box-shadow: 3px 3px 12px 0 var(--shadow_color);
    z-index: 2;
    top: 5px
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type {
    font-size: 28px;
    height: 28px;
    margin-left: 16px;
    margin-top: 12px;
    color: var(--FontColor_1);
    cursor: pointer;
    display: flex;
    align-items: center
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(-n+5) {
    margin-top: 0
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(4n+2) {
    margin-left: 0
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type .icon-bl-icon-mailbox-def {
    font-size: 28px
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-facebookshare-def {
    color: #3756a8
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def {
    color: var(--twitterColor);
    position: relative;
    z-index: 1
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def::after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1;
    background: #fff
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-linkedinshare-def {
    color: #2673b2
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-lineshare-def {
    color: #25b03e
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover .icon-bl-icon-mailbox-def {
    color: #10ad8a
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_whatsapp {
    color: #10c542
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_telegram {
    color: #158ed0
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-wechatshare-def {
    color: #00c889
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-weiboshare-def {
    color: #fa5754
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qshare-def {
    color: #1777e6
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qspaceshare-def {
    color: #f6bc4f
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear:hover .shear_boxs {
    color: var(--color)
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear:hover .shear_box {
    display: flex
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear.top_fix .shear_box {
    top: auto;
    bottom: 24px
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans {
    top: auto;
    bottom: -12px
}

.layout_wrap .module_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans:before {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    top: auto;
    bottom: 5px
}

.layout_wrap .module_box .news-list .time .cont_other .cont_href {
    padding: 0 8px;
    border-radius: 20px;
    color: #1f2533;
    font-size: 12px;
    font-weight: 700;
    background: var(--color);
    margin-left: 16px
}

.layout_wrap .module_box .news-list .time .cont_other .cont_href:hover {
    background: #00c89c
}

.layout_wrap .module_box .news-list:hover .time .cont_other {
    display: flex
}

.layout_wrap .module_box .news-list .news-list-content {
    margin-top: 4px;
    overflow: hidden
}

.layout_wrap .module_box .news-list .news-list-content .content-title {
    color: var(--FontColor_1)
}

.layout_wrap .module_box .news-list .news-list-content .content-title a {
    color: #2a78fe;
    display: inline-block
}

.layout_wrap .module_box .news-list .news-list-content .content-title a .iconfont {
    vertical-align: middle;
    font-size: 14px
}

.layout_wrap .module_box .news-list .news-list-content .content-title .title_name {
    color: var(--FontColor_1)
}

.layout_wrap .module_box .news-list .unscramble_box {
    margin-top: 8px;
    background: #f7f8fa;
    padding: 12px 16px;
    border-radius: 8px
}

.layout_wrap .module_box .news-list .unscramble_box .unscramble_top {
    display: flex;
    align-items: center;
    color: var(--FontColor_2);
    font-size: 12px;
    line-height: 20px
}

.layout_wrap .module_box .news-list .unscramble_box .unscramble_top .iconfont {
    font-size: 12px;
    margin-right: 6px
}

.layout_wrap .module_box .news-list .unscramble_box .unscramble_cont {
    margin-top: 2px
}

.layout_wrap .module_box .news-list .unscramble_box .unscramble_cont .unscramble_text {
    line-height: 22px;
    margin-right: 4px
}

.layout_wrap .module_box .news-list .unscramble_box .unscramble_cont .unscramble_qua {
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block
}

.layout_wrap .module_box .news-list .content-img-box {
    overflow: auto
}

.layout_wrap .module_box .news-list .content-img-box .img-box {
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 8px 0;
    margin-left: 5px;
    border-radius: 8px
}

.layout_wrap .module_box .news-list .content-img-box .img-box img {
    width: 100%
}

.layout_wrap .module_box .news-list .content-img-box .img-box img.heightimg {
    width: 100%
}

.layout_wrap .module_box .news-list .content-img-box .img-box img.widthimg {
    width: auto;
    height: 100%
}

.layout_wrap .module_box .news-list .content-height-limit {
    max-height: 110px
}

.layout_wrap .module_box .news-list .news-bottom {
    overflow: auto
}

.layout_wrap .module_box .news-list .news-bottom .load-more {
    margin-top: 8px;
    float: right;
    color: var(--color);
    display: none;
    cursor: pointer
}

.layout_wrap .module_box .news-list .website-name {
    color: var(--FontColor_2);
    float: left
}

.layout_wrap .module_box .news-list .website-name span {
    margin-left: 8px;
    color: var(--FontColor_3)
}

.layout_wrap .module_box .calendar_thead {
    display: flex;
    padding: 16px 16px 6px;
    color: var(--FontColor_2b);
    line-height: 20px;
    font-size: 14px
}

.layout_wrap .module_box .calendar_thead .time {
    width: 61px
}

.layout_wrap .module_box .calendar_thead .calendar_thead_right {
    flex: 1;
    width: 0;
    padding-left: 5px;
    display: flex
}

.layout_wrap .module_box .calendar_thead .calendar_thead_right .th {
    flex: 1;
    width: 0;
    margin-right: 5px
}

.layout_wrap .module_box .calendar_thead .calendar_thead_right .th:last-child {
    margin-right: 0
}

.layout_wrap .module_box .calendar_item {
    display: flex;
    padding: 0 0 8px 0
}

.layout_wrap .module_box .calendar_item:first-of-type .calendar_item_infor {
    border-top: none
}

.layout_wrap .module_box .calendar_item .calendar_time {
    width: 43px;
    color: var(--FontColor_2);
    line-height: 16px;
    font-size: 12px;
    padding-top: 12px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor {
    flex: 1;
    border-top: 1px solid var(--BorderLine_m2);
    padding-top: 8px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .title_box {
    display: flex
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .title_box img {
    width: 18px;
    height: 12px;
    margin-right: 5px;
    margin-top: 4px;
    border-radius: 2px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .title_box .title_name {
    line-height: 20px;
    font-size: 14px;
    color: var(--FontColor_1)
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .title_box .title_name.import {
    color: #fa5754
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom {
    display: flex;
    padding-left: 23px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .p {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
    width: 0;
    margin-top: 5px;
    color: var(--FontColor_2b);
    font-size: 12px;
    margin-right: 5px;
    line-height: 17px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .p:last-child {
    margin-right: 0
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .p.act_value {
    font-weight: 700
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .p span:first-child {
    margin-right: 3px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .p .value {
    color: var(--FontColor_1)
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .p .value.act {
    font-weight: 700
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main {
    position: relative
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main .yellow-point {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f6bc4f;
    top: -1px;
    flex-shrink: 0
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main {
    position: absolute;
    display: none;
    right: 0;
    max-width: 100px;
    min-width: 60px;
    bottom: 20px;
    padding: 2px 8px;
    border-radius: 8px;
    background-color: var(--FontColor_1);
    z-index: 99;
    text-align: center
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main::after {
    content: "";
    position: absolute;
    border-top: 6px solid var(--FontColor_1);
    width: 0;
    height: 0;
    bottom: -6px;
    z-index: 111;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 16px
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main p {
    color: var(--BgColor)
}

.layout_wrap .module_box .calendar_item .calendar_item_infor .list-bottom .previous-main:hover .change-main {
    display: block
}

.layout_wrap .module_box .calendar_item:hover .calendar_item_infor .title_box .title_name {
    color: var(--color)
}

.layout_wrap .module_box .news-date {
    line-height: 30px;
    font-size: 12px;
    color: var(--FontColor_1);
    font-weight: 700;
    position: sticky;
    z-index: 1;
    top: 0;
    background: var(--BgColor)
}

.layout_wrap .module_box .news-date+.calendar_item .calendar_item_infor {
    border-top: none
}

.layout_wrap .module_box .news-date+.news-list::before {
    content: none
}

.layout_wrap .module_box .news-list:first-of-type::before {
    content: none
}

.layout_wrap .module_box .will-publish {
    height: 45px;
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    background: var(--BgColor)
}

.layout_wrap .module_box .will-publish .dis-time {
    background: var(--BorderLine_m2);
    font-size: 12px;
    color: var(--FontColor_2b);
    font-weight: 400;
    padding: 8px 6px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.layout_wrap .module_box .will-publish::after {
    content: "";
    flex: 1;
    margin-left: 8px;
    height: 0;
    border-bottom: 1px dashed var(--icon_gray)
}

.layout_wrap .module_box #side_fast_news .news_box_list .news-date {
    padding-top: 6px
}

.layout_wrap .module_box .important-list .content-title .title_name,
.layout_wrap .module_box .important-list .date,
.layout_wrap .module_box .important-list .list-bottom .p,
.layout_wrap .module_box .important-list .list-bottom .p span,
.layout_wrap .module_box .important-list .list-header span,
.layout_wrap .module_box .important-list .time,
.layout_wrap .module_box .important-list .website-name {
    color: #fa5754 !important
}

.layout_wrap .module_box .scroll-color {
    opacity: 0;
    transition: opacity .12s ease-out;
    right: 2px !important
}

.layout_wrap .module_box:active .scroll-color,
.layout_wrap .module_box:focus .scroll-color,
.layout_wrap .module_box:hover .scroll-color {
    opacity: 1;
    transition: opacity .34s ease-out
}

.layout_wrap .module_box-quote .content_box {
    display: flex;
    display: -webkit-flex;
    flex-direction: column
}

.layout_wrap .module_box-quote .content_box .watch_container {
    flex: 1;
    height: 0
}

.layout_wrap .module_box-news .content_box .module_head {
    padding: 12px 12px 0
}

.layout_wrap .module_box-news .content_box .module_head .module_head_right {
    padding-top: 0
}

.layout_wrap .module_box-news .content_box .category_tab_contaienr {
    padding-bottom: 0;
    margin: 0;
    width: 100%
}

.global_selectdown_wrap {
    position: fixed;
    z-index: 100000001;
    width: auto;
    min-width: 120px
}

.global_selectdown_wrap .selectdown_item .flag {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    margin-right: 6px
}

.tab_more_select_list {
    display: none;
    position: fixed;
    background: var(--BgOtherColor);
    box-shadow: 0 2px 6px 0 var(--shadow_color);
    border-radius: 8px;
    z-index: 100000001;
    padding: 8px 0
}

.tab_more_select_list .select_item {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 120px;
    padding: 8px 16px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    color: var(--FontColor_1);
    line-height: 20px;
    white-space: nowrap
}

.tab_more_select_list .select_item:hover {
    background: var(--select_hover)
}

.tab_more_select_list .select_item:hover .global_selectdown_wrap {
    display: block
}

.tab_more_select_list .select_item.active {
    background: var(--color);
    color: #1f2533
}

.tab_more_select_list .select_item .iconfont {
    transform: rotate(-90deg);
    font-size: 12px;
    margin-left: 24px
}

.tab_more_select_list .select_item .global_selectdown_wrap {
    position: absolute;
    width: auto;
    min-width: 120px;
    top: 0;
    left: 100%
}

.layout-setting-popover {
    position: fixed;
    bottom: 12px;
    right: calc(var(--sidebar-width) - 8px);
    z-index: 100000009;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    background: var(--BgOtherColor);
    padding: 3px 12px;
    box-sizing: content-box;
    min-width: 210px
}

.layout-setting-popover .setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--FontColor_1);
    border-top: 1px solid var(--BorderLine_prop)
}

.layout-setting-popover .setting-row:first-child {
    border-top: none
}

.layout-setting-popover .setting-row .s_label {
    padding-right: 27px
}

.layout-setting-popover .setting-row .s_content {
    display: flex;
    align-items: center
}

.layout-setting-popover .setting-row .s_content .icon_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--FontColor_1);
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer
}

.layout-setting-popover .setting-row .s_content .icon_box .iconfont {
    font-size: 24px
}

.layout-setting-popover .setting-row .s_content .icon_box.active {
    background: var(--color);
    color: #1f2533
}

.layout-setting-popover .setting-row .s_content .icon_box+.icon_box {
    margin-left: 9px
}

.layout-setting-popover .setting-row .s_content .setting-switch {
    width: 28px;
    height: 16px
}

.layout-setting-popover .setting-row .s_content .setting-switch::before {
    width: 12px;
    height: 12px
}

.layout-setting-popover .setting-row .s_content .setting-switch.active::before {
    left: 14px
}

.layout-setting-popover .tip {
    margin-top: -3px;
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--FontColor_2)
}

.layout-setting-popover .fullscreen-row.fullscreen-disabled {
    color: var(--FontColor_3)
}

.layout-setting-popover .fullscreen-row.fullscreen-disabled .s_content .icon_box {
    cursor: not-allowed
}

.layout-setting-popover .fullscreen-row.fullscreen-disabled .s_content .icon_box .iconfont {
    color: var(--FontColor_3)
}

.high_chart_popup .icon-bl-icon-close-def {
    color: #fff !important
}

.tab_more_btn {
    display: flex;
    padding: 4px;
    margin-right: -4px;
    cursor: pointer;
    user-select: none
}

.tab_more_btn .iconfont {
    font-size: 12px;
    color: var(--FontColor_2b)
}

.body_ar .head_personal_main .li .account_op_fixed {
    transform: translateX(100%) !important
}