@import '_content/BootstrapBlazor.Viewer/BootstrapBlazor.Viewer.bundle.scp.css';

/* _content/ossbrowserchat/Components/Toolbar/DxGridSearchToolBar.razor.rz.scp.css */
.tb-icon[b-tvha66nd3n] {
    width: 1rem;
    height: 1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}

.tb-icon-settings[b-tvha66nd3n] {
    mask-image: url("../images/icons/settings.svg");
    -webkit-mask-image: url("../images/icons/settings.svg");
}

.tb-icon-refresh[b-tvha66nd3n] {
    mask-image: url("../images/icons/refresh.svg");
    -webkit-mask-image: url("../images/icons/refresh.svg");
}

.icon-logo[b-tvha66nd3n] {
    display: flex;
    height: 20px;
    width: 120px;
    opacity: 0.7;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("../images/icons/logo-monochrome.svg");
    -webkit-mask-image: url("../images/icons/logo-monochrome.svg");
}

.toolBarStyle[b-tvha66nd3n]{
    margin-left:10px;
}


/* _content/ossbrowserchat/Components/Toolbar/SearchItem.razor.rz.scp.css */
.search[b-jde96tdqes] {
    padding: 0.25rem;
    position: relative;
    min-width: 123px;
}

    .search .search-input[b-jde96tdqes] {
        padding-right: calc(24px+0.5rem);
    }

    .search .search-button[b-jde96tdqes] {
        right: 0px;
        top: 0px;
        pointer-events: auto;
        z-index: 3;
        width: auto;
        display: flex;
        align-items: center;
        height: 100%;
        position: absolute;
    }

        .search .search-button .search-icon[b-jde96tdqes] {
            background-color: currentColor;
            width: 16px;
            height: 16px;
            mask-image: url("images/icons/search.svg");
            -webkit-mask-image: url("images/icons/search.svg");
            opacity: 0.6;
        }
/* _content/ossbrowserchat/Pages/AccountBindAuditComponent.razor.rz.scp.css */
/* 初始化加载界面样式 */
.audit-loading-container[b-mrthzy6b7h] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
    box-sizing: border-box;
}

.audit-loading-box[b-mrthzy6b7h] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    padding: 60px 80px;
    text-align: center;
}

/* 登录界面样式 */
.audit-login-container[b-mrthzy6b7h] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
    box-sizing: border-box;
}

.audit-login-box[b-mrthzy6b7h] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    padding: 40px;
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
}

.audit-login-header[b-mrthzy6b7h] {
    text-align: center;
    margin-bottom: 32px;
}

.audit-login-header h2[b-mrthzy6b7h] {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.audit-login-header p[b-mrthzy6b7h] {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.audit-login-form[b-mrthzy6b7h] {
    width: 100%;
}

/* 审核内容界面样式 */
.audit-content-container[b-mrthzy6b7h] {
    min-height: 100vh;
    background: #f5f5f5;
    padding: 40px 20px;
    box-sizing: border-box;
}

.audit-content-box[b-mrthzy6b7h] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 40px;
    box-sizing: border-box;
}

.audit-header[b-mrthzy6b7h] {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.audit-header h2[b-mrthzy6b7h] {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px 0;
    line-height: 1.4;
    word-break: break-word;
}

.audit-id[b-mrthzy6b7h] {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    word-break: break-all;
}

.audit-loading[b-mrthzy6b7h] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
}

.audit-content[b-mrthzy6b7h] {
    margin-top: 20px;
}

.info-section[b-mrthzy6b7h],
.account-list-section[b-mrthzy6b7h] {
    margin-bottom: 32px;
}

.info-section h3[b-mrthzy6b7h],
.account-list-section h3[b-mrthzy6b7h] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px;
    line-height: 1.4;
}

.table-responsive[b-mrthzy6b7h] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.audit-grid[b-mrthzy6b7h] {
    margin-top: 16px;
    min-width: 100%;
}

.audit-actions[b-mrthzy6b7h] {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 响应式设计 */

/* 平板设备 (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    .audit-content-box[b-mrthzy6b7h] {
        max-width: 95%;
    }
}

/* 移动设备和小平板 (最大 768px) */
@media (max-width: 768px) {
    /* 初始化加载移动端适配 */
    .audit-loading-container[b-mrthzy6b7h] {
        padding: 15px;
    }

    .audit-loading-box[b-mrthzy6b7h] {
        padding: 40px 30px;
    }

    /* 登录界面移动端适配 */
    .audit-login-container[b-mrthzy6b7h] {
        padding: 15px;
    }

    .audit-login-box[b-mrthzy6b7h] {
        padding: 30px 20px;
    }

    .audit-login-header h2[b-mrthzy6b7h] {
        font-size: 24px;
    }

    .audit-login-header p[b-mrthzy6b7h] {
        font-size: 13px;
    }

    /* 审核内容移动端适配 */
    .audit-content-container[b-mrthzy6b7h] {
        padding: 20px 15px;
    }

    .audit-content-box[b-mrthzy6b7h] {
        padding: 20px 15px;
        border-radius: 6px;
    }

    .audit-header[b-mrthzy6b7h] {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .audit-header h2[b-mrthzy6b7h] {
        font-size: 20px;
    }

    .audit-id[b-mrthzy6b7h] {
        font-size: 12px;
    }

    .info-section h3[b-mrthzy6b7h],
    .account-list-section h3[b-mrthzy6b7h] {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .info-section[b-mrthzy6b7h],
    .account-list-section[b-mrthzy6b7h] {
        margin-bottom: 24px;
    }

    /* 表格移动端适配 */
    .table-responsive[b-mrthzy6b7h] {
        margin: 0 -15px;
        padding: 0 15px;
    }

    /* 操作按钮移动端适配 */
    .audit-actions[b-mrthzy6b7h] {
        margin-top: 30px;
        padding-top: 20px;
        flex-direction: column;
    }

    .audit-loading[b-mrthzy6b7h] {
        padding: 60px 0;
    }
}

/* 小手机设备 (最大 480px) */
@media (max-width: 480px) {
    .audit-loading-container[b-mrthzy6b7h] {
        padding: 10px;
    }

    .audit-loading-box[b-mrthzy6b7h] {
        padding: 30px 20px;
    }

    .audit-login-container[b-mrthzy6b7h] {
        padding: 10px;
    }

    .audit-login-box[b-mrthzy6b7h] {
        padding: 25px 15px;
    }

    .audit-login-header h2[b-mrthzy6b7h] {
        font-size: 22px;
    }

    .audit-content-container[b-mrthzy6b7h] {
        padding: 15px 10px;
    }

    .audit-content-box[b-mrthzy6b7h] {
        padding: 15px 10px;
    }

    .audit-header h2[b-mrthzy6b7h] {
        font-size: 18px;
    }

    .info-section h3[b-mrthzy6b7h],
    .account-list-section h3[b-mrthzy6b7h] {
        font-size: 15px;
    }

    .table-responsive[b-mrthzy6b7h] {
        margin: 0 -10px;
        padding: 0 10px;
    }
}

/* 超宽屏设备 (最小 1920px) */
@media (min-width: 1920px) {
    .audit-content-box[b-mrthzy6b7h] {
        max-width: 1400px;
        padding: 50px;
    }

    .audit-header h2[b-mrthzy6b7h] {
        font-size: 28px;
    }

    .info-section h3[b-mrthzy6b7h],
    .account-list-section h3[b-mrthzy6b7h] {
        font-size: 20px;
    }
}

/* 横屏移动设备 */
@media (max-height: 600px) and (orientation: landscape) {
    .audit-loading-container[b-mrthzy6b7h] {
        min-height: auto;
        padding: 20px 15px;
    }

    .audit-loading-box[b-mrthzy6b7h] {
        padding: 30px 40px;
    }

    .audit-login-container[b-mrthzy6b7h] {
        min-height: auto;
        padding: 20px 15px;
    }

    .audit-login-box[b-mrthzy6b7h] {
        padding: 20px;
    }

    .audit-login-header[b-mrthzy6b7h] {
        margin-bottom: 20px;
    }

    .audit-content-container[b-mrthzy6b7h] {
        min-height: auto;
        padding: 20px 15px;
    }
}

/* 打印样式 */
@media print {
    .audit-login-container[b-mrthzy6b7h] {
        background: white;
    }

    .audit-content-container[b-mrthzy6b7h] {
        background: white;
        padding: 0;
    }

    .audit-content-box[b-mrthzy6b7h] {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .audit-actions[b-mrthzy6b7h] {
        display: none;
    }
}

/* _content/ossbrowserchat/Pages/Chat/MsgItemComponent.razor.rz.scp.css */
.gridlayout-item[b-c5myt3k8ys] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.gridlayout-item[b-c5myt3k8ys]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.gridlayout-content[b-c5myt3k8ys]:before {
}

.gridlayout-footer[b-c5myt3k8ys] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

.gridlayout-footer[b-c5myt3k8ys]:before {
}

.gridlayout-left-side-bar[b-c5myt3k8ys] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

.gridlayout-left-side-bar[b-c5myt3k8ys]:before {
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-c5myt3k8ys] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-c5myt3k8ys] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-c5myt3k8ys] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-c5myt3k8ys] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-c5myt3k8ys] {
    display: inline-block;
}

.robot-photo[b-c5myt3k8ys] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-c5myt3k8ys] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-c5myt3k8ys] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-c5myt3k8ys] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-c5myt3k8ys] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-c5myt3k8ys] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 50%;
}

.disable-button[b-c5myt3k8ys] {
    opacity: 0.5;
}

.input-box-button[b-c5myt3k8ys] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-c5myt3k8ys] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-c5myt3k8ys] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-c5myt3k8ys] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-c5myt3k8ys] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-c5myt3k8ys] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-c5myt3k8ys] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-c5myt3k8ys] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-c5myt3k8ys] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-c5myt3k8ys] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.modelDetailBoxCss .left[b-c5myt3k8ys] {
    font-size: 14px;
}

.modelDetailBoxCss .right[b-c5myt3k8ys] {
    color: #04519F;
}

.modelDetailBoxCss[b-c5myt3k8ys] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-c5myt3k8ys] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-c5myt3k8ys] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-c5myt3k8ys] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-c5myt3k8ys] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-c5myt3k8ys] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-c5myt3k8ys] {
    width: 100%;
    min-width:320px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-c5myt3k8ys] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-c5myt3k8ys] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-c5myt3k8ys] {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    /*text-align: left;*/
    float:left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

.questionUserList-title .content-text[b-c5myt3k8ys] {
    float:left;
    width: 90%;
}
.questionUserList-title .content-icon[b-c5myt3k8ys] {
    float: right;
    width: 10%;
}


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-c5myt3k8ys] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-c5myt3k8ys] {
    width: 100%;
    min-width: 340px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-c5myt3k8ys] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-c5myt3k8ys] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-c5myt3k8ys] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-c5myt3k8ys] {
    width: 100%;
    /*height: 60px;*/
    padding: 0.3rem 0 0 0.5rem;
    display: inline-flex;
}

.user-photo-box[b-c5myt3k8ys] {
    /*width: 40px;
    height: 40px;*/
    float: left;
    display: inline-block;
}

.user-photo[b-c5myt3k8ys] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-c5myt3k8ys] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
    padding-left: 5px;
}
.user-content-box .userName[b-c5myt3k8ys] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastTime[b-c5myt3k8ys] {
    width: 30%;
    max-width: 90px;
    float: left;
    text-align: right;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastQuestion[b-c5myt3k8ys] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion1[b-c5myt3k8ys] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion0[b-c5myt3k8ys] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: darkgrey;
    text-overflow: ellipsis;
}

.user-content-box .TopStar[b-c5myt3k8ys] {
    float: right;
    width: 20%;
    padding-left: 10px;
    padding-right: 5px;
}

.user-content-box .staricon[b-c5myt3k8ys] {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

.channelName[b-c5myt3k8ys] {
    float: left;
    width: 30%;
    max-width: 90px;
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-c5myt3k8ys] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-c5myt3k8ys] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-c5myt3k8ys] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客户回复区域-标题：头像+昵称+时间 */
.questionUser-box .questionUser-title[b-c5myt3k8ys] {
    height: 32px;
    width: 100%;
    float: left;
}
/* 右侧客户头像 */
.questionUser-box .questionUser-photo[b-c5myt3k8ys] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
    width: 32px !important;
    height: 32px !important;
}
/* 右侧客户回复区域-回复内容 */
.questionUser-box .questionUser-content[b-c5myt3k8ys] {
    display: inline-block;
    /*width: 100%;*/
    background-color: #F5F5F5;
    float: left;
    margin-left: 20px;
    border-radius: 10px;
    padding: 1rem;
}
/* 右侧客户回复区域-回复内容-具体消息-时间显示 */
.questionUser-box .questionUser-content-title[b-c5myt3k8ys] {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 37px;
    border-radius: 10px;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-c5myt3k8ys] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-c5myt3k8ys] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}

/* 右侧客服回复区域 */
.answerUser-box[b-c5myt3k8ys] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-标题：名称+时间 */
.answerUser-box .answerUser-title[b-c5myt3k8ys] {
    width: 100%;
    float: right;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-内容 */
.answerUser-box .answerUser-content[b-c5myt3k8ys] {
    display: inline-block;
    /*width: 100%;*/
    float: right;
    background-color: #D9EDFA;
    border-radius: 10px;
    padding: 1rem;
}

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-c5myt3k8ys] {
    background-color: #fef0c7 !important;
}

/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-c5myt3k8ys] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-c5myt3k8ys] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-c5myt3k8ys] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
#aichat-list-box[b-c5myt3k8ys] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#osschat-list-box[b-c5myt3k8ys] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-c5myt3k8ys] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-c5myt3k8ys] {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-c5myt3k8ys] {
    border-radius: 4px !important;
    min-height: 30px !important;
    max-height: 120px !important;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-c5myt3k8ys] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.class_TabPage_Item[b-c5myt3k8ys] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.class_TabPage_Item .class_TabPage_Item_Div[b-c5myt3k8ys] {
    width: 100%;
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.div_p[b-c5myt3k8ys] {
    float:left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.div_p .div_p_span[b-c5myt3k8ys] {
    width: 25%;
    color: dimgrey;
    text-align: left;
    float: left;
    padding-top: 3px;
}
.div_p .div_p_box[b-c5myt3k8ys] {
    width: 70%;
    text-align: left;
    float: left;
}

.content-text[b-c5myt3k8ys] {
    font-size:16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-c5myt3k8ys] {
    width: 100%;
    height: 40px;
    padding: 0.4rem 0 0 0;
    display: inline-flex;
}

.chatromm-user-photo-box[b-c5myt3k8ys] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-c5myt3k8ys] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-c5myt3k8ys] {
    display: inline-block;
    width: 70%;
    height: 40px;
    float: left;
}


.chatromm-user-content-box .userName[b-c5myt3k8ys] {
    width: 85%;
    padding-left: 3px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 6px;
}

.chatromm-user-content-box .lastTime[b-c5myt3k8ys] {
    width: 30%;
    float: right;
    text-align: right;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chatromm-user-content-box .lastQuestion[b-c5myt3k8ys] {
    width: 80%;
    max-width: 200px;
    /*width: 160px;
    max-width: 200px;
    min-width: 120px;*/
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}


.chatromm-user-buttom-box[b-c5myt3k8ys] {
    display: inline-block;
    width: 20%;
    height: 40px;
    float: left;
}

[b-c5myt3k8ys] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-c5myt3k8ys] {
    width:100%;
}

/* _content/ossbrowserchat/Pages/Chat/NewMsgItem.razor.rz.scp.css */
.gridlayout-item[b-87ehc6ngun] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.gridlayout-item[b-87ehc6ngun]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.gridlayout-content[b-87ehc6ngun]:before {
}

.gridlayout-footer[b-87ehc6ngun] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

.gridlayout-footer[b-87ehc6ngun]:before {
}

.gridlayout-left-side-bar[b-87ehc6ngun] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

.gridlayout-left-side-bar[b-87ehc6ngun]:before {
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-87ehc6ngun] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-87ehc6ngun] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-87ehc6ngun] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-87ehc6ngun] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-87ehc6ngun] {
    display: inline-block;
}

.robot-photo[b-87ehc6ngun] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-87ehc6ngun] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-87ehc6ngun] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-87ehc6ngun] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-87ehc6ngun] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-87ehc6ngun] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 50%;
}

.disable-button[b-87ehc6ngun] {
    opacity: 0.5;
}

.input-box-button[b-87ehc6ngun] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-87ehc6ngun] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-87ehc6ngun] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-87ehc6ngun] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-87ehc6ngun] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-87ehc6ngun] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-87ehc6ngun] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-87ehc6ngun] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-87ehc6ngun] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-87ehc6ngun] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.modelDetailBoxCss .left[b-87ehc6ngun] {
    font-size: 14px;
}

.modelDetailBoxCss .right[b-87ehc6ngun] {
    color: #04519F;
}

.modelDetailBoxCss[b-87ehc6ngun] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-87ehc6ngun] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-87ehc6ngun] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-87ehc6ngun] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-87ehc6ngun] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-87ehc6ngun] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-87ehc6ngun] {
    width: 100%;
    min-width:320px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-87ehc6ngun] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-87ehc6ngun] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-87ehc6ngun] {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    /*text-align: left;*/
    float:left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

.questionUserList-title .content-text[b-87ehc6ngun] {
    float:left;
    width: 90%;
}
.questionUserList-title .content-icon[b-87ehc6ngun] {
    float: right;
    width: 10%;
}


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-87ehc6ngun] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-87ehc6ngun] {
    width: 100%;
    min-width: 340px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-87ehc6ngun] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-87ehc6ngun] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-87ehc6ngun] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-87ehc6ngun] {
    width: 100%;
    /*height: 60px;*/
    padding: 0.3rem 0 0 0.5rem;
    display: inline-flex;
}

.user-photo-box[b-87ehc6ngun] {
    /*width: 40px;
    height: 40px;*/
    float: left;
    display: inline-block;
}

.user-photo[b-87ehc6ngun] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-87ehc6ngun] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
    padding-left: 5px;
}
.user-content-box .userName[b-87ehc6ngun] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastTime[b-87ehc6ngun] {
    width: 30%;
    max-width: 90px;
    float: left;
    text-align: right;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastQuestion[b-87ehc6ngun] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion1[b-87ehc6ngun] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion0[b-87ehc6ngun] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: darkgrey;
    text-overflow: ellipsis;
}

.user-content-box .TopStar[b-87ehc6ngun] {
    float: right;
    width: 20%;
    padding-left: 10px;
    padding-right: 5px;
}

.user-content-box .staricon[b-87ehc6ngun] {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

.channelName[b-87ehc6ngun] {
    float: left;
    width: 30%;
    max-width: 90px;
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-87ehc6ngun] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-87ehc6ngun] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-87ehc6ngun] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客户回复区域-标题：头像+昵称+时间 */
.questionUser-box .questionUser-title[b-87ehc6ngun] {
    height: 32px;
    width: 100%;
    float: left;
}
/* 右侧客户头像 */
.questionUser-box .questionUser-photo[b-87ehc6ngun] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
    width: 32px !important;
    height: 32px !important;
}
/* 右侧客户回复区域-回复内容 */
.questionUser-box .questionUser-content[b-87ehc6ngun] {
    display: inline-block;
    /*width: 100%;*/
    background-color: #F5F5F5;
    float: left;
    margin-left: 20px;
    border-radius: 10px;
    padding: 1rem;
}
/* 右侧客户回复区域-回复内容-具体消息-时间显示 */
.questionUser-box .questionUser-content-title[b-87ehc6ngun] {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 37px;
    border-radius: 10px;
}

/* 待下载文件 右侧"下载"小图标 */
.download-icon-box[b-87ehc6ngun] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-87ehc6ngun] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}

/* 右侧客服回复区域 */
.answerUser-box[b-87ehc6ngun] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-标题：名称+时间 */
.answerUser-box .answerUser-title[b-87ehc6ngun] {
    width: 100%;
    float: right;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-内容 */
.answerUser-box .answerUser-content[b-87ehc6ngun] {
    display: inline-block;
    /*width: 100%;*/
    float: right;
    background-color: #D9EDFA;
    border-radius: 10px;
    padding: 1rem;
}

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-87ehc6ngun] {
    background-color: #fef0c7 !important;
}

/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-87ehc6ngun] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-87ehc6ngun] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-87ehc6ngun] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
#aichat-list-box[b-87ehc6ngun] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#osschat-list-box[b-87ehc6ngun] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-87ehc6ngun] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-87ehc6ngun] {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-87ehc6ngun] {
    border-radius: 4px !important;
    min-height: 30px !important;
    max-height: 120px !important;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-87ehc6ngun] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.class_TabPage_Item[b-87ehc6ngun] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.class_TabPage_Item .class_TabPage_Item_Div[b-87ehc6ngun] {
    width: 100%;
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.div_p[b-87ehc6ngun] {
    float:left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.div_p .div_p_span[b-87ehc6ngun] {
    width: 25%;
    color: dimgrey;
    text-align: left;
    float: left;
    padding-top: 3px;
}
.div_p .div_p_box[b-87ehc6ngun] {
    width: 70%;
    text-align: left;
    float: left;
}

.content-text[b-87ehc6ngun] {
    font-size:16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-87ehc6ngun] {
    width: 100%;
    height: 40px;
    padding: 0.4rem 0 0 0;
    display: inline-flex;
}

.chatromm-user-photo-box[b-87ehc6ngun] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-87ehc6ngun] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-87ehc6ngun] {
    display: inline-block;
    width: 70%;
    height: 40px;
    float: left;
}


.chatromm-user-content-box .userName[b-87ehc6ngun] {
    width: 85%;
    padding-left: 3px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 6px;
}

.chatromm-user-content-box .lastTime[b-87ehc6ngun] {
    width: 30%;
    float: right;
    text-align: right;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chatromm-user-content-box .lastQuestion[b-87ehc6ngun] {
    width: 80%;
    max-width: 200px;
    /*width: 160px;
    max-width: 200px;
    min-width: 120px;*/
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}


.chatromm-user-buttom-box[b-87ehc6ngun] {
    display: inline-block;
    width: 20%;
    height: 40px;
    float: left;
}

[b-87ehc6ngun] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-87ehc6ngun] {
    width:100%;
}
/* _content/ossbrowserchat/Pages/Index.razor.rz.scp.css */
/* 聊天输入框样式 */
.chat-input[b-l8nc31l093] {
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 8px;
    height: 100% !important;
}



/* 发送图标样式 */
.send-icon[b-l8nc31l093] {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
}

.send-icon[b-l8nc31l093]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: white;
    transform: translateY(-50%);
}

.send-icon[b-l8nc31l093]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent white;
}

/* 聊天容器布局样式 */
.chat-container[b-l8nc31l093] {
    padding: 1px;
    background: #fff;
}

/* 消息输入容器样式 */
.message-input-container[b-l8nc31l093] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

/* 工具栏样式 */
.toolbar-container[b-l8nc31l093] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f7f7f9;
}

/* 输入框和按钮行样式 */
.input-button-row[b-l8nc31l093] {
    display: block;
    position: relative;
    padding: 8px;
    height: 100%;
}

/* 输入框样式 */
.chat-input[b-l8nc31l093] {
    width: 100%;
    border: none;
    padding: 8px 12px;
    padding-right: 80px; /* 为发送按钮留出空间 */
    min-height: 60px;
    resize: none;
    height: 100% !important;
}

/* 发送按钮样式 */
.send-button[b-l8nc31l093] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    color: white !important;
    border: none !important;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    height: auto !important;
    min-width: 70px;
    z-index: 1;
}

.send-button.theme-blsc[b-l8nc31l093] {
    background-color: #933330 !important;
}

.send-button.theme-default[b-l8nc31l093] {
    background-color: #1d4393 !important;
}

.send-button:hover[b-l8nc31l093] {
    opacity: 0.8 !important;
}

.send-button:disabled[b-l8nc31l093] {
    background-color: #d9d9d9 !important;
    cursor: not-allowed;
    opacity: 1 !important;
}

/* 发送按钮容器样式 */
.message-button-container[b-l8nc31l093] {
    display: flex;
    justify-content: flex-end;
    padding: 8px;
}

.send-icon[b-l8nc31l093] {
    width: 16px;
    height: 16px;
    background-image: url('/images/icons/send.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* 确保label正确显示图标 */
.link-style[b-l8nc31l093] {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

/* 输入框上方图标 */
.chat-edit .emoji-enter[b-l8nc31l093] {
    margin-left: 0.6rem;
}

.chat-edit .wy-ant-icon[b-l8nc31l093] {
    width: 32px;
    padding: 0.6rem 0.4rem 0.2rem;
}

.chat-edit .wy-right-icon[b-l8nc31l093] {
    width: 31px;
    padding: 0.4rem 0.25rem 0;
}

.chat-edit .picture-send-input[b-l8nc31l093], .chat-edit .file-send-input[b-l8nc31l093] {
    position: absolute;
    left: 0;
    top: -3rem;
    width: 0.5rem;
    height: 0.5rem;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

.toolbar-icon[b-l8nc31l093] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 2px;
    transition: all 0.2s;
}

.toolbar-icon:hover[b-l8nc31l093] {
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
}

.toolbar-file-icon[b-l8nc31l093] {
    width: 28px;
    height: 28px;
}

/* 隐藏文件输入框但保持可访问性 */
[b-l8nc31l093] .picture-send-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    opacity: 0;
}

/* DxMemo编辑器的特殊处理 */
[b-l8nc31l093] .dxbl-memo-editor {
    height: 100% !important;
}

.quote-container[b-l8nc31l093] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFF9E6;
    /*padding: 8px 12px;*/
    /*margin-bottom: 8px;*/
    border-radius: 4px;
}

.quote-content[b-l8nc31l093] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; /* 防止flex子元素溢出 */
}

.quote-icon[b-l8nc31l093] {
    color: #999;
    margin-right: 8px;
    font-size: 14px;
    flex-shrink: 0;
}

.quote-text[b-l8nc31l093] {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px; /* 限制最大宽度 */
    line-height: 1.4;
    height: 1.4em; /* 固定高度为一行 */
    display: inline-block;
}

/* 确保引用文本内的所有元素也只显示一行 */
.quote-text *[b-l8nc31l093] {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline !important;
    max-height: 1.4em !important;
}

.quote-close[b-l8nc31l093] {
    color: #999;
    font-size: 16px;
    cursor: pointer;
    padding: 0 4px;
    margin-left: 8px;
    flex-shrink: 0;
    transition: color 0.2s;
}

.quote-close:hover[b-l8nc31l093] {
    color: #666;
}

.chat-header[b-l8nc31l093] {
    height: 50px;
    background-color: #3B5998;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    position: relative;
}

.header-icon[b-l8nc31l093] {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.header-title[b-l8nc31l093] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 500;
}

.menu-trigger[b-l8nc31l093] {
    cursor: pointer;
}

.header-menu[b-l8nc31l093] {
    position: absolute;
    top: 50px;
    right: 10px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
}

.menu-item[b-l8nc31l093] {
    padding: 8px 16px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s;
}

.menu-item:hover[b-l8nc31l093] {
    background-color: #f5f5f5;
}
/* _content/ossbrowserchat/Pages/PublicNewMsgItem.razor.rz.scp.css */
.gridlayout-item[b-cp1j0ys5w1] {
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.gridlayout-item[b-cp1j0ys5w1]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.gridlayout-content[b-cp1j0ys5w1]:before {
}

.gridlayout-footer[b-cp1j0ys5w1] {
    padding-bottom: 2rem;
    padding-top: 5px;
}

.gridlayout-footer[b-cp1j0ys5w1]:before {
}

.gridlayout-left-side-bar[b-cp1j0ys5w1] {
    padding: 0rem 1rem 2rem 1rem;
    overflow-y: auto;
    background-color: #F5F5F5;
    box-shadow: 1px 0px 5px #dfdddd;
}

.gridlayout-left-side-bar[b-cp1j0ys5w1]:before {
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-cp1j0ys5w1] {
        font-size: 0.9em;
    }
}

.wy-qm-default-tips[b-cp1j0ys5w1] {
    margin: -3px 0 0 0.5rem;
    background: #9a9a9a;
    color: #fff;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.logo-box[b-cp1j0ys5w1] {
    text-align: center;
    padding: 1rem 0;
}

.robot-box[b-cp1j0ys5w1] {
    padding: 1rem 0 0 1rem;
    display: inline-flex;
}

.robot-photo-box[b-cp1j0ys5w1] {
    display: inline-block;
}

.robot-photo[b-cp1j0ys5w1] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.robot-content[b-cp1j0ys5w1] {
    display: inline-block;
    width: 93%;
    padding-left: 10px;
}

[b-cp1j0ys5w1] .robot-content > p {
    margin-bottom: 0;
}

/*提问框整体框架*/
.class_sendBox_div[b-cp1j0ys5w1] {
    width: 100%;
    /*min-height: 65px !important;
    max-height: 185px !important;*/
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #A9A9A9 !important;
    /*padding: 0 5px 0 5px;*/
}
/*提问框按钮*/
.sendBox[b-cp1j0ys5w1] {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.send-group-button[b-cp1j0ys5w1] {
    position: absolute;
    display: inline-block;
    background-color: #1d93ab;
    border-radius: 10px;
    right: 10px;
    top: 50%;
}

.disable-button[b-cp1j0ys5w1] {
    opacity: 0.5;
}

.input-box-button[b-cp1j0ys5w1] {
    height: 2rem;
    width: 3.5rem;
    background-color: #1d93ab;
    border-radius: 10px;
    color: #ffffff;
    outline: none;
    border: none;
}

.modelChatBox[b-cp1j0ys5w1] {
    min-width: 400px;
    width: 100%;
    padding: 0 20px;
    overflow-y: auto;
    height: 80%;
}


.ImgButtonBoxCss[b-cp1j0ys5w1] {
    border: solid 1px #E8E9EB;
    border-radius: 7px;
    max-width: 95%;
    cursor: pointer;
    padding: 10px 0;
}

.ImgButtonBoxCss-selected[b-cp1j0ys5w1] {
    border: solid 1px #04519F;
    background-color: #EEF3FE;
}

.ImgButtonBoxCss-disabled[b-cp1j0ys5w1] {
    cursor: inherit;
}

.ImgButtonBoxCss .gridlayout-img[b-cp1j0ys5w1] {
    align-items: center;
}

.ImgButtonBoxCss .gridlayout-remark[b-cp1j0ys5w1] {
    color: #5c5f66;
    font-size: 12px;
    line-height: 20px;
    justify-content: left;
}

.ImgButtonBoxCss .gridlayout-text[b-cp1j0ys5w1] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    justify-content: left;
}

.answerRemarkCss[b-cp1j0ys5w1] {
    color: #84868c;
    line-height: 30px;
    font-size: 12px;
}

.modelDetailBoxCss[b-cp1j0ys5w1] {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.modelDetailBoxCss .left[b-cp1j0ys5w1] {
    font-size: 14px;
}

.modelDetailBoxCss .right[b-cp1j0ys5w1] {
    color: #04519F;
}

.modelDetailBoxCss[b-cp1j0ys5w1] {
    width:100%;
    height:40px;
    margin-top:10px;
    border:1px solid;
}

.class_user_radius[b-cp1j0ys5w1] {
    border-radius: 3px;
    border-bottom: 1px solid #A9A9A9 !important;
}

.class_user_border[b-cp1j0ys5w1] {
    border: 1px solid #A9A9A9 !important;
}
.class_user_border_box[b-cp1j0ys5w1] {
    width: 100%;
    height: 100%;
}

/* 左侧当前会话客户区域 鼠标移入移出 背景色 */
.class_userlistbox_color[b-cp1j0ys5w1] {
    background-color: #D9D9D9;
}
/* 左侧当前会话客户区域 选中客户 背景色 */
.class_userlistbox_color_checked[b-cp1j0ys5w1] {
    background-color: #D9D9D9;
}

/* 测试：客户1001被选中 左侧当前会话客户区域 选中客户 背景色 */
/*#UserListBoxTemplate_1001 {
    background-color: #D9D9D9;
}*/

.class_form_div[b-cp1j0ys5w1] {
    width: 100%;
    min-width:320px !important;
}

/* 左侧当前会话用户列表区域 */
.questionUserList-box[b-cp1j0ys5w1] {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.msgContentDiv[b-cp1j0ys5w1] {
    width: 100% !important;
    padding-top: 3px;
    float: left;
}

/* 左侧当前会话用户列表-标题区 */
.questionUserList-title[b-cp1j0ys5w1] {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    /*text-align: left;*/
    float:left;
    font-size: 14px;
    /*background-color: #F5F5F5;*/
    /*border-radius: 3px;*/
    /*border-top: 2px solid #A9A9A9 !important;*/
}

.questionUserList-title .content-text[b-cp1j0ys5w1] {
    float:left;
    width: 90%;
}
.questionUserList-title .content-icon[b-cp1j0ys5w1] {
    float: right;
    width: 10%;
}


/* 左侧用户列表-空头像 */
.questionUserList-photo[b-cp1j0ys5w1] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
}

/* 左侧"我的对话"用户列表-div */
.questionUserList-div[b-cp1j0ys5w1] {
    width: 100%;
    min-width: 340px !important;
    /*padding-top: 20px;*/
}
/* 左侧"同事的对话"用户列表-div */
.questionUserListOther-div[b-cp1j0ys5w1] {
    width: 100%;
    padding-top: 20px;
}
/* 左侧"排队"用户列表-div */
.questionUserListQueue-div[b-cp1j0ys5w1] {
    width: 100%;
    padding-top: 20px;
}

/* 我的对话-展开用户列表 */
.questionUserList-open[b-cp1j0ys5w1] {
    /*height:80% !important;*/
    /*margin-bottom: 100%;*/
    min-height: 80vh;
}

/* 左侧显示用户区域 */
.user-box[b-cp1j0ys5w1] {
    width: 100%;
    /*height: 60px;*/
    padding: 0.3rem 0 0 0.5rem;
    display: inline-flex;
}

.user-photo-box[b-cp1j0ys5w1] {
    /*width: 40px;
    height: 40px;*/
    float: left;
    display: inline-block;
}

.user-photo[b-cp1j0ys5w1] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.user-content-box[b-cp1j0ys5w1] {
    display: inline-block;
    width: 88%;
    height: 40px;
    float: left;
    padding-left: 5px;
}
.user-content-box .userName[b-cp1j0ys5w1] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastTime[b-cp1j0ys5w1] {
    width: 30%;
    max-width: 90px;
    float: left;
    text-align: right;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-content-box .lastQuestion[b-cp1j0ys5w1] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion1[b-cp1j0ys5w1] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    text-overflow: ellipsis;
}
.user-content-box .lastQuestion0[b-cp1j0ys5w1] {
    width: 70%;
    max-width: 350px;
    min-width: 179px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: darkgrey;
    text-overflow: ellipsis;
}

.user-content-box .TopStar[b-cp1j0ys5w1] {
    float: right;
    width: 20%;
    padding-left: 10px;
    padding-right: 5px;
}

.user-content-box .staricon[b-cp1j0ys5w1] {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

.channelName[b-cp1j0ys5w1] {
    float: left;
    width: 30%;
    max-width: 90px;
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-cp1j0ys5w1] .user-content-box > p {
    margin-bottom: 0;
}

/* 右侧整体对话区域 */
.answerQuestion-box[b-cp1j0ys5w1] {
    /*padding-top: 1rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

/* 右侧客户回复区域 */
.questionUser-box[b-cp1j0ys5w1] {
    /*background-color: #F5F5F5;*/
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客户回复区域-标题：头像+昵称+时间 */
.questionUser-box .questionUser-title[b-cp1j0ys5w1] {
    height: 32px;
    width: 100%;
    float: left;
}
/* 右侧客户头像 */
.questionUser-box .questionUser-photo[b-cp1j0ys5w1] {
    background-color: #2196F4;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 4px;
    font-size: 12px;
    width: 32px !important;
    height: 32px !important;
}
/* 右侧客户回复区域-回复内容 */
.questionUser-box .questionUser-content[b-cp1j0ys5w1] {
    display: inline-block;
    /*width: 100%;*/
    background-color: #F5F5F5;
    float: left;
    margin-left: 20px;
    border-radius: 10px;
    padding: 1rem;
}
/* 右侧客户回复区域-回复内容-具体消息-时间显示 */
.questionUser-box .questionUser-content-title[b-cp1j0ys5w1] {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 37px;
    border-radius: 10px;
}

/* 待下载文件 右侧"下载"小图标 */
.download-icon-box[b-cp1j0ys5w1] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-cp1j0ys5w1] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}

/* 右侧客服回复区域 */
.answerUser-box[b-cp1j0ys5w1] {
    /*width:100%;
    padding: 1rem 0 0 1rem;
    display: inline-flex;*/

    width: 100%;
    float: right;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-标题：名称+时间 */
.answerUser-box .answerUser-title[b-cp1j0ys5w1] {
    width: 100%;
    float: right;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

/* 右侧客服回复区域-客服回复-内容 */
.answerUser-box .answerUser-content[b-cp1j0ys5w1] {
    display: inline-block;
    /*width: 100%;*/
    float: right;
    background-color: #D9EDFA;
    border-radius: 10px;
    padding: 1rem;
}

/* 当前对话窗口-内部消息-内容 */
.inner-content[b-cp1j0ys5w1] {
    background-color: #fef0c7 !important;
}

/*当前对话窗口-顶部框架*/
.gridlayout-toolbar[b-cp1j0ys5w1] {
    padding-bottom: 1rem;
    padding-top: 5px;
}
/*当前对话窗口-顶部框架*/
.class_AnswerQuestionRecordToolBar[b-cp1j0ys5w1] {
    height: 50px;
    width: 100%;
    min-width: 560px !important;
    border-bottom: 1px solid #A9A9A9 !important;
}

#chat-list-box[b-cp1j0ys5w1] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    min-width: 560px !important;
    flex-direction: column-reverse;
}
#aichat-list-box[b-cp1j0ys5w1] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
#osschat-list-box[b-cp1j0ys5w1] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
    flex-direction: column-reverse;
}
/*当前对话窗口-右侧框架*/
.class_AnswerQuestionRecordRightSide[b-cp1j0ys5w1] {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    float: left;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox[b-cp1j0ys5w1] {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框*/
.class_AnswerQuestionRecordRightSide .sendQuestionUserRemarksBox #QuestionUserRemarks[b-cp1j0ys5w1] {
    border-radius: 4px !important;
    min-height: 30px !important;
    max-height: 120px !important;
}

/*当前对话窗口-右侧框架-客户信息-描述-输入框-外部框架*/
.class_AnswerQuestionRecordRightSide .class_RightSide_TabPage[b-cp1j0ys5w1] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.class_TabPage_Item[b-cp1j0ys5w1] {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.class_TabPage_Item .class_TabPage_Item_Div[b-cp1j0ys5w1] {
    width: 100%;
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.div_p[b-cp1j0ys5w1] {
    float:left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.div_p .div_p_span[b-cp1j0ys5w1] {
    width: 25%;
    color: dimgrey;
    text-align: left;
    float: left;
    padding-top: 3px;
}
.div_p .div_p_box[b-cp1j0ys5w1] {
    width: 70%;
    text-align: left;
    float: left;
}

.content-text[b-cp1j0ys5w1] {
    font-size:16px;
}


/* 左侧显示用户区域 */
.chatromm-user-box[b-cp1j0ys5w1] {
    width: 100%;
    height: 40px;
    padding: 0.4rem 0 0 0;
    display: inline-flex;
}

.chatromm-user-photo-box[b-cp1j0ys5w1] {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
}

.chatromm-user-photo[b-cp1j0ys5w1] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.chatromm-user-content-box[b-cp1j0ys5w1] {
    display: inline-block;
    width: 70%;
    height: 40px;
    float: left;
}


.chatromm-user-content-box .userName[b-cp1j0ys5w1] {
    width: 85%;
    padding-left: 3px;
    float: left;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 6px;
}

.chatromm-user-content-box .lastTime[b-cp1j0ys5w1] {
    width: 30%;
    float: right;
    text-align: right;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chatromm-user-content-box .lastQuestion[b-cp1j0ys5w1] {
    width: 80%;
    max-width: 200px;
    /*width: 160px;
    max-width: 200px;
    min-width: 120px;*/
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color: #F94906;
    text-overflow: ellipsis;
}


.chatromm-user-buttom-box[b-cp1j0ys5w1] {
    display: inline-block;
    width: 20%;
    height: 40px;
    float: left;
}

[b-cp1j0ys5w1] .chatromm-user-content-box > p {
    margin-bottom: 0;
}

.fp-header[b-cp1j0ys5w1] {
    width:100%;
}

/* 问题消息容器(右对齐) */
.oss-questionUser-box[b-cp1j0ys5w1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;  /* 改为右对齐 */
    padding: 0.5rem;
    gap: 0.5rem;
}

/* 回答消息容器(左对齐) */
.oss-answerUser-box[b-cp1j0ys5w1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;  /* 改为左对齐 */
    padding: 0.5rem;
    gap: 0.5rem;
}

/* 问题消息内容 */
.oss-questionUser-content[b-cp1j0ys5w1] {
    display: flex;
    flex-direction: column;
    background-color: #D9EDFA;  /* 使用蓝色背景 */
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 12px;
    margin-right: 20px;  /* 改为右侧margin */
    max-width: 70%;
}

/* 回答消息内容 */
.oss-answerUser-content[b-cp1j0ys5w1] {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;  /* 使用白色背景 */
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 12px;
    margin-left: 20px;
    max-width: 70%;
}

/* Question消息的图标放在左侧 */
.oss-questionUser-content .message-icons[b-cp1j0ys5w1] {
    left: -30px;  /* 改为左侧定位 */
}

/* Answer消息的图标放在右侧 */
.oss-answerUser-content .message-icons[b-cp1j0ys5w1] {
    right: -30px;  /* 改为右侧定位 */
}
/* _content/ossbrowserchat/Pages/RecFileMsg.razor.rz.scp.css */
.message-img .msg-img[b-038zy4v6km] {
    max-width: 17rem;
    min-width: 5rem;
    max-height: 30rem;
    min-height: 5rem;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-038zy4v6km] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-038zy4v6km] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}
/* _content/ossbrowserchat/Pages/RecImgMsg.razor.rz.scp.css */
/* _content/ossbrowserchat/Pages/RecVideoMsg.razor.rz.scp.css */
.message-img .msg-img[b-mkmzigi3k9] {
    max-width: 17rem;
    min-width: 5rem;
    max-height: 30rem;
    min-height: 5rem;
    background: #f5f5f5;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 待下载文件 右侧“下载”小图标 */
.download-icon-box[b-mkmzigi3k9] {
    width: 23px;
    height: 20px;
    padding-left:3px;
    cursor: pointer;
}

.download-icon[b-mkmzigi3k9] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: white;
}
/* _content/ossbrowserchat/Shared/MainLayout.razor.rz.scp.css */
.page[b-equbz2jqu3] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}

[b-equbz2jqu3] .page-layout,
[b-equbz2jqu3] .page-layout > .dx-gridlayout-root,
[b-equbz2jqu3] .layout-item {
    /*  background-color: inherit;*/
}

[b-equbz2jqu3] .content {
    /*padding: 1.1rem 2rem 0 2rem;*/
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-equbz2jqu3] .page-layout > .dx-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-equbz2jqu3] .fit-width {
    max-width: 100%;
}

[b-equbz2jqu3] .mw-1100 {
    max-width: 1100px;
}

.gridlayout-footer[b-equbz2jqu3] {
    display: block;
    color: rgba(0,0,0,.609);
    border-top: 1px solid rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
}