bhd-components 0.10.32 → 0.10.33

package/es2017/customerService/common.module.less

@@ -1,1391 +1,1391 @@
-.service_ChatWindow_Drawer,
-.ChatWindow_Modal {
-  width: 100% !important;
-  :global {
-    .bhd-drawer-mask {
-      background-color: @color-border-Tr !important;
-    }
-  }
-}
-.ChatWindow_Drawer,
-.ChatWindow_Modal {
-  /* 全局修改滚动条样式 */
-  textarea::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  textarea::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-
-  pre::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  pre::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-
-  // background: #F5F5F5 !important;
-  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1) !important;
-  :global {
-    .bhd-drawer-body {
-      padding: 0 !important;
-    }
-  }
-  .header_wrap {
-    .top {
-      display: flex;
-      padding: 16px 24px;
-      justify-content: space-between;
-      align-items: center;
-      background-color: #fff;
-      line-height: 1;
-      .user {
-        color: #000;
-        font-size: 16px;
-        font-weight: 600;
-        position: relative;
-        padding-left: 36px;
-        
-        i {
-          padding-right: 16px;
-          color: #111;
-          position: absolute;
-          font-size: 20px;
-          top: -2px;
-          left: 0;
-          cursor: pointer;
-        }
-        .count{
-          position: absolute;
-          top: -6px;
-          right: 5px;
-          background-color: #f4523b;
-          color: #fff;
-          padding: 0 5px;
-          border-radius: 25px;
-          font-size: 12px;
-          line-height: 1.2;
-        }
-      }
-      .operate {
-        display: flex;
-        height: 16px;
-        i {
-          font-size: 16px;
-          margin-left: 23px;
-          cursor: pointer;
-        }
-        // :global{
-        //     .iconicon_guanbi_Close{
-        //         // font-size: 23px;
-        //         position: relative;
-        //         top: 1px;
-        //     }
-        // }
-        .line {
-          display: inline-block;
-          width: 1px;
-          height: 16px;
-          background-color: @color-border-Tr;
-          margin: 0 4px;
-          margin-left: 23px;
-        }
-      }
-    }
-  }
-  //newlabo中使用
-  .header_wrap_newlabo {
-    .top {
-      background-color: #f5f5f5;
-      border-bottom: 1px solid @color-border-secondary;
-      .user {
-        padding-left: 0;
-        font-weight: 400;
-      }
-    }
-  }
-  .Drawer_main {
-    max-height: calc(100vh - 110px);
-    overflow: auto;
-    background: #f5f5f5;
-    min-height: 200px;
-    .loading {
-      text-align: center;
-      margin: 10px 0;
-      img {
-        width: 30px;
-        height: 30px;
-      }
-    }
-    .message_con {
-      padding: 16px;
-      padding-top: 0;
-      .left {
-        .head_sculpture {
-          width: 32px;
-          height: 32px;
-          margin-top: 24px;
-          border-radius: 50%;
-          display: inline-block;
-          vertical-align: top;
-          overflow: hidden;
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-        .main_content{
-          display: flex;
-          flex-direction: column;
-          align-items: flex-end;
-
-
-        }
-      }
-      .right {
-        .head_sculpture {
-          width: 32px;
-          height: 32px;
-          margin-top: 24px;
-          line-height: 32px;
-          border-radius: 50%;
-          display: inline-block;
-          vertical-align: top;
-          overflow: hidden;
-          // background-color: @color-background-primary-base;
-          text-align: center;
-          i {
-            color: #fff;
-          }
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-      }
-      & > li {
-        position: relative;
-        // margin-bottom: 24px;
-        display: flex;
-        width: 100%;
-        .main {
-          max-width: 80%;
- 
-          .main_content_flag{
-              width: 100%;
-          }
-
-          .main_content_flag:hover{
-            .operate_modal {
-              // display: block;
-              visibility: visible;
-            }
-          }
-          .main_content {
-            position: relative;
-           
-            .content {
-              
-              max-width: 100%;
-              // width: 100%;
-              //以下优化ai返回的内容的样式
-              .content_child {
-                padding: 0;
-                line-height: 1;
-                p{
-                  word-break: break-all;
-                  white-space: break-spaces;
-                }
-                p,
-                li {
-                  line-height: 1.5;
-                  color: rgba(0, 0, 0, 0.85);
-                }
-
-                & > h3 {
-                  font-size: 16px;
-                  font-weight: 600;
-                  padding: 10px 0;
-                }
-                ol {
-                  list-style: decimal;
-                  padding-inline-start: 20px;
-
-                  li{
-                    list-style-type: auto;
-                  }
-
-                  li p {
-                    padding: 4px 0;
-                    font-size: 14px;
-                    font-weight: 600;
-                  }
-                  li > ul li {
-                    list-style: inside;
-                    color: rgba(0, 0, 0, 0.85);
-                  }
-                }
-              }
-              pre {
-                background: rgba(0, 0, 0, 0.05);
-                padding: 12px;
-                line-height: 1.5;
-                margin: 4px 0;
-              }
-            }
-            .sign{
-              background-color: #1890ff;
-              color: #fff;
-            }
-          }
-          .operate_modal {
-            // display: none;
-            visibility: hidden;
-            // min-width: 200px;
-            height: 24px;
-            white-space: nowrap;
-            position: relative;
-            right: 0;
-            top: -14px;
-            z-index: 9;
-            text-align: right;
-            // padding-bottom: 10px;
-            .operate {
-              display: inline-flex;
-              align-items: center;
-              padding: 8px 0;
-              border-radius: 4px;
-              background: #fff;
-              box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
-              line-height: 1;
-              color: @color-text-tertiary-Tr;
-              i {
-                color: @color-text-tertiary-Tr;
-                font-size: 16px;
-                cursor: pointer;
-                svg {
-                  color: @color-icon-fill-Tr;
-                }
-                &:hover {
-                  svg {
-                    color: @color-data-visualization-01;
-                  }
-                }
-              }
-              .active {
-                // color: @color-background-primary-base;
-                svg {
-                  color: @color-text-primary;
-                }
-              }
-              span {
-                margin: 0 8px;
-              }
-              .ask_question {
-                cursor: pointer;
-                color: @color-text-tertiary-Tr;
-                font-size: 12px;
-                line-height: 1;
-                padding: 2px 8px;
-                background-color: @color-background-filltertiary-Tr;
-                margin-right: 16px;
-                &:hover{
-                  color: @color-text-primary;
-                }
-              }
-            }
-          }
-          .operate_modal_bottom {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            // position: sticky;
-            bottom: 0;
-
-            .operate {
-              display: inline-block;
-              padding: 8px;
-              line-height: 1;
-              color: @color-text-tertiary-Tr;
-              i {
-                color: @color-text-tertiary-Tr;
-                font-size: 16px;
-                cursor: pointer;
-                svg {
-                  color: @color-icon-fill-Tr;
-                }
-                &:hover {
-                  svg {
-                    color: @color-data-visualization-01;
-                  }
-                }
-              }
-              .active {
-                // color: @color-background-primary-base;
-                svg {
-                  color: @color-text-primary;
-                }
-              }
-              span {
-                margin: 0 8px;
-                cursor: pointer;
-              }
-            }
-            .stop_generate {
-              // position: absolute;
-              font-size: 12px;
-              color: @color-text-tertiary-Tr;
-              display: inline-block;
-              padding: 8px 0;
-              cursor: pointer;
-              .icon {
-                display: inline-block;
-                width: 10px;
-                height: 10px;
-                border-radius: 2px;
-                background-color: @color-text-tertiary-Tr;
-                margin-right: 4px;
-              }
-              .find_teacher {
-                padding: 2px 8px;
-                border-radius: 2px;
-                background-color: @color-background-filltertiary-Tr;
-                color: @color-text-tertiary-Tr;
-                font-size: 12px;
-                line-height: 1;
-                &:hover{
-                  color: @color-text-primary;
-                }
-              }
-            }
-            .stop_generate:hover{
-              color: @color-text-primary;
-              span{
-                color: @color-text-primary;
-              }
-            }
-            .stop_findTeacher {
-              font-size: 12px;
-              color: @color-text-tertiary-Tr;
-              display: inline-block;
-              padding: 8px 0;
-              cursor: pointer;
-              span {
-                padding: 0px 8px;
-                background-color: @color-background-filltertiary-Tr;
-                color: @color-text-tertiary-Tr;
-                &:hover{
-                  color: @color-text-primary;
-                }
-              }
-            }
-
-          }
-        }
-        .content {
-          padding: 12px 16px;
-          // max-width: 80%;
-          display: inline-block;
-          font-size: 14px;
-        }
-      }
-      .left {
-        justify-content: flex-end;
-        .main {
-          text-align: right;
-        }
-      }
-      li.left .content {
-        border-radius: 20px 2px 20px 20px;
-        background: #d1e4ff;
-        text-align: left;
-        // position: absolute;
-        // left: 0;
-        // float: right;
-      }
-      li.right .content {
-        border-radius: 2px 20px 20px 20px;
-        background: #fff;
-        // position: absolute;
-        // right: 0;
-      }
-
-      li .content {
-        .association_problem li {
-          color: #5991ef;
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 1.8;
-          cursor: pointer;
-          list-style-type: none;
-        }
-      }
-      .time {
-        display: block;
-        margin: 40px 0;
-        margin-bottom: 16px;
-        text-align: center;
-        font-size: 12px;
-        color: rgba(0, 0, 0, 0.25);
-        position: relative;
-        &::before {
-          content: "";
-          width: 100px;
-          display: inline-block;
-          height: 1px;
-          background-color: #ebebeb;
-          position: relative;
-          top: -3px;
-          right: 16px;
-        }
-        &::after {
-          content: "";
-          width: 100px;
-          display: inline-block;
-          height: 1px;
-          background-color: #ebebeb;
-          position: relative;
-          top: -3px;
-          left: 16px;
-        }
-      }
-      .citation_content {
-        display: table;
-        margin-top: 4px;
-        padding: 8px;
-        border-radius: 2px;
-        background: #e7e7e7;
-        p {
-          color: @color-text-Secondary-Tr;
-          font-size: 12px;
-          line-height: 1.5;
-
-          overflow: hidden;
-          text-overflow: ellipsis;
-          -webkit-box-orient: vertical;
-          -webkit-line-clamp: 2;
-          display: -webkit-box;
-
-          max-height: 36px;
-          word-break: break-all;
-          cursor: pointer;
-
-          text-align: left;
-        }
-        .text_exceed{
-          padding-right: 16px;
-          position: relative;
-          &>span{
-            position: absolute;
-            top: 20px;
-            right: 0;
-          }
-        }
-      }
-
-      .popover_content {
-        max-width: 400px;
-      }
-    }
-  }
-  .Drawer_main::-webkit-scrollbar {
-    background-color: #eff0f7;
-    background-color: transparent;
-    width: 6px;
-    height: 4px;
-  }
-  .Drawer_main::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(181, 184, 198, 0.8);
-  }
-  //newlabo中使用
-  .Drawer_main_newlabo {
-    pre {
-      background: #2b303b !important;
-      color: #fff;
-      overflow: auto;
-      pre::-webkit-scrollbar {
-        background-color: #eaedf1;
-        background-color: transparent;
-        width: 4px;
-        height: 4px;
-      }
-      pre::-webkit-scrollbar-thumb {
-        border-radius: 4px;
-        background-color: #f4f4f4;
-      }
-    }
-  }
-  //隐藏聊天头像
-  .Drawer_main_newlabo_no_pic {
-    .head_sculpture {
-      display: none !important;
-    }
-  }
-  .Drawer_buttom_Issues_List {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    .issues_list_teacherList {
-      white-space: nowrap;
-      overflow: auto;
-      width: calc(100% - 40px);
-      box-sizing: border-box;
-      margin-bottom: 6px;
-
-      .item {
-        display: inline-block;
-        margin-right: 8px;
-        &:last-child {
-          margin-right: 0;
-        }
-      }
-    }
-    .issues_list_teacherList::-webkit-scrollbar {
-      background-color: #eaedf1;
-      background-color: transparent;
-      width: 4px;
-      height: 4px;
-    }
-    .issues_list_teacherList::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-      background-color: rgba(181, 184, 198, 0.6);
-    }
-    .issues_list {
-      position: absolute;
-      bottom: 60px;
-      margin: 0 16px;
-      padding-bottom: 4px;
-      line-height: 1;
-      .item > span {
-        cursor: pointer;
-        max-width: 100%;
-        display: inline-block;
-        margin-bottom: 2px;
-        padding: 8px 16px;
-        justify-content: center;
-        align-items: center;
-        border-radius: 4px;
-        background: #ececec;
-        font-size: 14px;
-        line-height: 1;
-        overflow: hidden;
-        // white-space: nowrap;
-        // text-overflow: ellipsis;
-
-        &:hover {
-          background-color: #fff;
-        }
-        .sign {
-          color: @color-text-primary;
-        }
-      }
-    }
-    .Drawer_buttom {
-      display: flex;
-      align-items: flex-end;
-      margin-bottom: 12px;
-      padding: 0 16px;
-      .input_wrap {
-        // display: flex;
-        align-items: flex-end;
-        width: calc(100% - 36px);
-        background-color: #fff;
-        padding: 11px 16px;
-        border: 1px solid @color-border-secondary;
-        border-radius: 8px;
-        justify-content: space-between;
-        line-height: 1;
-        position: relative;
-        padding-right: 1px;
-        & > .input {
-          // width: calc(100% - 24px);
-          line-height: 1;
-          textarea {
-            max-height: 100px;
-            padding: 0;
-            border: none;
-            box-shadow: none !important;
-            resize: none;
-            padding-right: 48px;
-          }
-
-          :global {
-            textarea.bhd-input {
-              min-height: 21px !important;
-              line-height: 1.5;
-            }
-            .bhd-input[disabled] {
-              background-color: #fff !important;
-            }
-          }
-        }
-        & > .no_AI {
-          width: 100%;
-          textarea {
-            padding-right: 12px;
-          }
-        }
-        .voice {
-          position: absolute;
-          right: 18px;
-          bottom: 10px;
-          color: rgba(0, 0, 0, 0.65);
-          i {
-            cursor: pointer;
-            svg {
-              color: @color-icon-fill-Tr;
-              font-size: 20px;
-            }
-          }
-          .voice_btn {
-            width: 32px;
-            cursor: pointer;
-            position: absolute;
-            bottom: -5px;
-            right: -10px;
-          }
-        }
-        .disabled{
-          cursor:not-allowed !important;
-          color: rgba(0, 0, 0, 0.25) !important;
-          svg{
-            color: rgba(0, 0, 0, 0.25) !important;
-          }
-        }
-        .content_main {
-          display: flex;
-          align-items: center;
-          width: calc(100% - 24px);
-          // margin-right: 8px;
-          .content_con {
-            margin-top: 6px;
-            align-items: center;
-            padding: 8px;
-            background: #e7e7e7;
-            display: inline-block;
-            width: calc(100% - 60px);
-            //
-            p {
-              color: rgba(0, 0, 0, 0.65);
-              border-radius: 2px;
-              font-size: 12px;
-              line-height: 1.5;
-
-              overflow: hidden;
-              text-overflow: ellipsis;
-              -webkit-box-orient: vertical;
-              -webkit-line-clamp: 2;
-              display: -webkit-box;
-
-              max-height: 36px;
-              word-break: break-all;
-            }
-          }
-          .delete_quote {
-            font-size: 18px;
-            color: @color-icon-tertiary;
-            margin-top: 6px;
-          }
-        }
-      }
-
-      .sending {
-        width: 20px;
-        margin-left: 16px;
-        margin-bottom: 8px;
-        i {
-          svg {
-            font-size: 20px;
-            color: @color-icon-fill-Tr;
-          }
-        }
-        .disabled {
-          svg {
-            color: rgba(0, 0, 0, 0.25);
-            cursor: not-allowed;
-          }
-        }
-      }
-    }
-  }
-  //newlabo中使用
-  .Drawer_buttom_Issues_List_newlabo {
-    // bottom: revert-layer !important;
-    background-color: #f5f5f5 !important;
-  }
-
-  :global {
-    .anticon {
-      vertical-align: 0;
-    }
-  }
-}
-.ChatWindow_Drawer {
-  background: #f5f5f5 !important;
-  position: relative;
-  height: 100%;
-  :global {
-    .bhd-drawer-header {
-      display: none !important;
-    }
-  }
-}
-.ChatWindow_Modal {
-  :global {
-    .bhd-modal {
-      border-radius: 8px;
-      overflow: hidden;
-      position: relative;
-    }
-    .bhd-modal-content {
-      height: 100%;
-      background-color: #f5f5f5 !important;
-      .bhd-modal-close {
-        display: none !important;
-      }
-    }
-    .bhd-modal-header {
-      display: none !important;
-    }
-    .bhd-modal-body {
-      height: 100%;
-      padding: 0 !important;
-      border-radius: 4px !important;
-    }
-
-    .bhd-drawer-right > .bhd-drawer-content-wrapper {
-      top: 129px;
-      right: 200px;
-      height: 790px;
-    }
-  }
-  .main_list {
-    max-height: 650px;
-  }
-  .user {
-    padding-left: 0 !important;
-    cursor: pointer;
-  }
-  .Drawer_buttom_Issues_List {
-    border-radius: 4px;
-    width: calc(100% - 328px);
-    margin-left: 328px;
-  }
-  .Drawer_main {
-    max-height: 700px;
-
-    .chat_content {
-      width: calc(100% - 328px);
-      margin-left: 328px;
-      display: inline-block;
-    }
-  }
-}
-
-
-//引用气泡
-.popover_main_content {
-  min-width: 300px !important;
-  max-width: 340px !important;
-  background-color: #fff !important;
-  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
-  border-radius: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-
-  :global {
-    .bhd-tooltip-content {
-      background-color: #fff;
-      border-radius: 4px;
-      .bhd-tooltip-inner {
-        background-color: #fff;
-        color: @color-text-Tr;
-        font-size: 14px;
-        padding: 12px 16px;
-        border-radius: 4px;
-      }
-    }
-    .bhd-tooltip-arrow:before {
-      background: #ccc !important;
-    }
-    .bhd-tooltip-arrow::after {
-      width: 0 !important;
-      height: 0 !important;
-      border: 5px solid;
-      border-color: transparent transparent #fff transparent;
-      transform: none !important;
-      background: transparent !important;
-      bottom: 0px !important;
-      left: 0px !important;
-      right: 0 !important;
-      box-shadow: none !important;
-    }
-  }
-}
-.popover_main_content_name{
-  width: auto;
-  background-color: #fff !important;
-  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
-  border-radius: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  :global {
-    .bhd-tooltip-content {
-      background-color: #fff;
-      border-radius: 4px;
-      .bhd-tooltip-inner {
-        background-color: #fff;
-        color: @color-text-Tr;
-        font-size: 14px;
-        padding: 12px 16px;
-        border-radius: 4px;
-      }
-    }
-    .bhd-tooltip-arrow:before {
-      background: #ccc !important;
-    }
-    .bhd-tooltip-arrow::after {
-      width: 0 !important;
-      height: 0 !important;
-      border: 5px solid;
-      border-color: transparent transparent #fff transparent;
-      transform: none !important;
-      background: transparent !important;
-      bottom: 0px !important;
-      left: 0px !important;
-      right: 0 !important;
-      box-shadow: none !important;
-    }
-  }
-}
-
-//联系人列表
-.teacher_layout {
-  position: fixed;
-  right: 568px;
-
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.5);
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
-  backdrop-filter: blur(7.5px);
-  width: 80px;
-  .top > div,
-  .bottom > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 8px;
-    border-radius: 8px;
-    margin: 8px 0;
-    max-width: 60px;
-    overflow: hidden;
-    position: relative;
-    cursor: pointer;
-    &:hover {
-      background-color: #f5f5f5;
-      .delete {
-        display: block;
-      }
-    }
-    p {
-      max-width: 60px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: @color-text-Secondary-Tr;
-      font-size: 12px;
-      line-height: 1;
-      padding-top: 12px;
-    }
-    img {
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-    }
-    .num {
-      position: absolute;
-      top: 0;
-      right: 0;
-      border-radius: 26px;
-      background-color: #f4523b;
-      color: #fff;
-      padding: 0 5px;
-      border-radius: 25px;
-      font-size: 12px;
-      line-height: 1.2;
-    }
-    .delete {
-      position: absolute;
-      top: 2px;
-      right: 2px;
-      color: rgba(0, 0, 0, 0.65);
-      font-size: 12px;
-      display: none;
-    }
-  }
-  .top > div {
-    margin: 8px;
-  }
-  .top .shrink {
-    border-bottom: 1px solid @color-border-secondary;
-    border-radius: 0;
-    margin-bottom: 8px;
-    margin-top: 8px;
-    & > span {
-      font-size: 20px;
-    }
-    p {
-      padding-top: 0;
-    }
-    &:hover {
-      background-color: #fff !important;
-    }
-  }
-  .top .active,
-  .bottom .active {
-    background: @color-background-primary-weak-hover;
-  }
-  .bottom > div:last-child {
-    margin-bottom: 0;
-  }
-  .bottom > div:first-child {
-    margin-top: 0;
-  }
-  .bottom {
-    max-height: 524px;
-    padding: 0 8px;
-    padding-right: 4px;
-    overflow-y: auto;
-    margin-bottom: 8px;
-    margin-top: 8px;
-  }
-  .bottom::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  .bottom::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-}
-.teacher_layout_newlabo {
-  top: 50px;
-  right: 0; 
-  .top{
-    svg{
-      transform: rotate(180deg);
-    }
-  }
-  .top .active,
-  .bottom .active {
-    // background: @color-background-info-weak !important;
-    background-color:  #D1E4FF;
-  }
-} 
-.teacher_layout_modal {
-  width: 328px;
-  height: calc(100% - 48px);
-  background-color: #fff;
-  position: absolute;
-  border-top: 1px solid @color-border-secondary;
-  .top,
-  .bottom {
-    .ai {
-      border-bottom: 1px solid @color-border-secondary;
-      padding: 16px;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      img {
-        width: 32px;
-        height: 32px;
-        border-radius: 50%;
-        margin-right: 12px;
-      }
-      & > span {
-        margin-right: 12px;
-      }
-      .user_info {
-        width: 252px;
-        .message {
-          color: #000;
-          font-size: 14px;
-          line-height: 1;
-          padding-right: 10px;
-          .num {
-            margin-left: 12px;
-            border-radius: 26px;
-            background-color: #f4523b;
-            color: #fff;
-            padding: 0 5px;
-            border-radius: 25px;
-            font-size: 12px;
-            line-height: 1;
-          }
-
-          .time {
-            font-size: 12px;
-            color: @color-text-quaternary-Tr;
-            float: right;
-          }
-        }
-        .con {
-          color: rgba(0, 0, 0, 0.45);
-          font-size: 12px;
-          line-height: 1.5;
-          margin-top: 8px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-    .active {
-      background: @color-background-primary-weak-hover;
-    }
-  }
-  .bottom{
-    overflow: auto;
-    height: calc(100% - 70px);
-  }
-  .bottom::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  .bottom::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-
-  :global {
-    .anticon {
-      vertical-align: 0;
-    }
-  }
-}
-.teacher_layout_modal_newlabo{
-  .top,
-  .bottom {
-    .active {
-      background: @color-background-info-weak !important
-    }
-  }
-}
-
-//历史记录11
-.history_list {
-  position: absolute;
-  top: 0;
-  background: rgba(0, 0, 0, 0.3);
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .search_layout {
-    background: #fff;
-    position: absolute;
-    z-index: 10;
-    bottom: -500px;
-    width: 100%;
-    border-radius: 16px 16px 0px 0px;
-    overflow: hidden;
-    animation: mymove 1s forwards;
-    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
-
-    .title {
-      border-bottom: 1px solid @color-border-Tr;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 150%;
-      padding: 16px 24px;
-      display: flex;
-      justify-content: space-between;
-      svg {
-        font-size: 12px;
-        cursor: pointer;
-        opacity: 0.65;
-        font-weight: 300;
-      }
-    }
-    .search_top {
-      position: relative;
-      margin: 16px 24px;
-      // margin-bottom: 0;
-      // display: flex;
-      // align-items: center;
-      // justify-content: space-between;
-      background-color: #fff;
-
-      input {
-        width: 100%;
-        height: 40px;
-        line-height: 40px;
-        border-radius: 2px;
-        border: 1px solid @color-border-secondary;
-        padding-left: 46px;
-        padding-right: 30px;
-        color: @color-text-Tr;
-      }
-      :global {
-        .anticon {
-          position: absolute;
-          top: 11px;
-          z-index: 1;
-          left: 14px;
-          font-size: 16px;
-          color: rgba(0, 0, 0, 0.65);
-        }
-        .guanbi_Close {
-          position: absolute;
-          top: 3px;
-          right: 38px;
-          font-size: 16px;
-          z-index: 1;
-          color: rgba(0, 0, 0, 0.65);
-          cursor: pointer;
-          svg {
-            font-size: 10px;
-            opacity: 0.65;
-          }
-        }
-      }
-      svg {
-        opacity: 0.65;
-        font-weight: 300;
-      }
-    }
-    .main_list:first-child {
-      margin-top: 0;
-    }
-    .main_list {
-      overflow: auto;
-      height: 510px;
-      &::-webkit-scrollbar {
-        background-color: #eaedf1;
-        background-color: transparent;
-        width: 4px;
-        height: 4px;
-      }
-      &::-webkit-scrollbar-thumb {
-        border-radius: 4px;
-        background-color: rgba(0, 0, 0, 0.25);
-      }
-      //list_item
-      .list_item{
-        .list_summary{
-          width: 100%;
-          padding: 8px 16px;
-          display: flex;
-          align-items: center;
-          border-bottom: 1px solid @color-border-secondary;
-          cursor: pointer;
-          &:hover{
-            background-color: #EBEBEB;
-          }
-          .head_img{
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            margin-right: 16px;
-            
-            img{
-              width: 36px;
-              height: 36px;
-              border-radius: 50%;
-            }
-            svg{
-              width: 36px;
-              height: 36px;
-            }
-          }
-          .list_desc{
-            width: calc(100% - 56px);
-            .name{
-              color:@color-text-Tr;
-              font-size: 16px;
-              font-weight: 600;
-              line-height: 150%;
-              margin-bottom: 4px;
-              .time{
-                float: right;
-                font-size: 14px;
-                color: @color-text-tertiary;
-                font-weight: 400;
-              }
-            }
-            .decs{
-              color: @color-text-Secondary-Tr;
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 150%; 
-              overflow: hidden;
-              text-overflow: ellipsis;
-              white-space: nowrap;
-              span{
-                color:@color-text-primary;
-              }
-            }
-          }
-          .open{
-            font-size: 24px;
-            color: @color-icon-fill-Tr;
-          }
-          //展开
-          .active{
-            svg{
-              transform: rotate(90deg);
-            }
-          }
-        }
-        .list_summary_active{
-          background-color: @color-background-primary-weak;
-          &:hover{
-            background-color: @color-background-primary-weak;
-          }
-        }
-
-        //详情
-        .list_detail{
-          background-color: @color-background-fillquaternary-Tr;
-          .list {
-            // margin: 8px 24px;
-            // padding: 8px;
-            // border-bottom: 1px solid @color-border-secondary;
-            padding: 8px 16px;
-            margin-bottom: 1px;
-            position: relative;
-            cursor: pointer;
-            &:hover {
-              background-color: rgba(0, 0, 0, 0.04);
-              // border-radius: 8px;
-            }
-            &::before {
-              content: "";
-              display: inline-block;
-              width: 100%;
-              height: 1px;
-              background-color: @color-border-secondary;
-              position: absolute;
-              bottom: -1px;
-              left: -1px;
-            }
-            .name {
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              margin-bottom: 4px;
-              p {
-                color: @color-text-Secondary-Tr;
-                font-size: 14px;
-                line-height: 1.5;
-              }
-              .time {
-                font-size: 14px;
-                color: @color-text-tertiary;
-              }
-            }
-            .con {
-              color: @color-text-Tr;
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 150%;
-              overflow: hidden;
-              text-overflow: ellipsis;
-              // -webkit-box-orient: vertical;
-              // -webkit-line-clamp: 2;
-              // display: -webkit-box;
-              
-              max-height: 21px;
-              white-space: nowrap;
-              span {
-                color: @color-text-primary;
-              }
-            }
-          }
-          .list_more{
-            text-align: center;
-            color: @color-text-tertiary-Tr;
-            font-size: 14px;
-          }
-        }
-      }
-
-      .no_data{
-        text-align: center;
-        margin-top: 130px;
-        img{
-          width: 160px;
-        }
-        p{
-          margin-top: 24px;
-          color: rgba(0, 0, 0, 0.45);
-          text-align: center;
-          font-size: 14px;
-          line-height: 100%; /* 14px */
-        }
-      }
-    }
-  }
-  @keyframes mymove {
-    from {
-      bottom: -500px;
-    }
-    to {
-      bottom: 0;
-    }
-  }
-
-  @-webkit-keyframes mymove /*Safari and Chrome*/ {
-    from {
-      bottom: -500px;
-    }
-    to {
-      bottom: 0;
-    }
-  }
-
-  :global {
-    .anticon {
-      vertical-align: 0;
-    }
-  }
-}
-//全屏下的历史记录
-.history_list_broadside {
-  width: 417px;
-  height: calc(100% - 48px);
-  right: 0;
-  top: 48px;
-  border-radius: 0;
-  background: transparent;
-  overflow: visible;
-  .search_layout {
-    height: 100%;
-    border-radius: 0;
-    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
-    .search_top{
-      margin: 16px;
-    }
-    .title{
-      padding: 16px;
-    }
-    .main_list {
-      height: calc(100% - 140px);
-      max-height: calc(100% - 140px);
-      // .list{
-      //   margin: 8px 16px 17px;
-      // }
-    }
-  }
-}
+.service_ChatWindow_Drawer,
+.ChatWindow_Modal {
+  width: 100% !important;
+  :global {
+    .bhd-drawer-mask {
+      background-color: @color-border-Tr !important;
+    }
+  }
+}
+.ChatWindow_Drawer,
+.ChatWindow_Modal {
+  /* 全局修改滚动条样式 */
+  textarea::-webkit-scrollbar {
+    background-color: #eaedf1;
+    background-color: transparent;
+    width: 4px;
+    height: 4px;
+  }
+  textarea::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.25);
+  }
+
+  pre::-webkit-scrollbar {
+    background-color: #eaedf1;
+    background-color: transparent;
+    width: 4px;
+    height: 4px;
+  }
+  pre::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.25);
+  }
+
+  // background: #F5F5F5 !important;
+  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1) !important;
+  :global {
+    .bhd-drawer-body {
+      padding: 0 !important;
+    }
+  }
+  .header_wrap {
+    .top {
+      display: flex;
+      padding: 16px 24px;
+      justify-content: space-between;
+      align-items: center;
+      background-color: #fff;
+      line-height: 1;
+      .user {
+        color: #000;
+        font-size: 16px;
+        font-weight: 600;
+        position: relative;
+        padding-left: 36px;
+        
+        i {
+          padding-right: 16px;
+          color: #111;
+          position: absolute;
+          font-size: 20px;
+          top: -2px;
+          left: 0;
+          cursor: pointer;
+        }
+        .count{
+          position: absolute;
+          top: -6px;
+          right: 5px;
+          background-color: #f4523b;
+          color: #fff;
+          padding: 0 5px;
+          border-radius: 25px;
+          font-size: 12px;
+          line-height: 1.2;
+        }
+      }
+      .operate {
+        display: flex;
+        height: 16px;
+        i {
+          font-size: 16px;
+          margin-left: 23px;
+          cursor: pointer;
+        }
+        // :global{
+        //     .iconicon_guanbi_Close{
+        //         // font-size: 23px;
+        //         position: relative;
+        //         top: 1px;
+        //     }
+        // }
+        .line {
+          display: inline-block;
+          width: 1px;
+          height: 16px;
+          background-color: @color-border-Tr;
+          margin: 0 4px;
+          margin-left: 23px;
+        }
+      }
+    }
+  }
+  //newlabo中使用
+  .header_wrap_newlabo {
+    .top {
+      background-color: #f5f5f5;
+      border-bottom: 1px solid @color-border-secondary;
+      .user {
+        padding-left: 0;
+        font-weight: 400;
+      }
+    }
+  }
+  .Drawer_main {
+    max-height: calc(100vh - 110px);
+    overflow: auto;
+    background: #f5f5f5;
+    min-height: 200px;
+    .loading {
+      text-align: center;
+      margin: 10px 0;
+      img {
+        width: 30px;
+        height: 30px;
+      }
+    }
+    .message_con {
+      padding: 16px;
+      padding-top: 0;
+      .left {
+        .head_sculpture {
+          width: 32px;
+          height: 32px;
+          margin-top: 24px;
+          border-radius: 50%;
+          display: inline-block;
+          vertical-align: top;
+          overflow: hidden;
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .main_content{
+          display: flex;
+          flex-direction: column;
+          align-items: flex-end;
+
+
+        }
+      }
+      .right {
+        .head_sculpture {
+          width: 32px;
+          height: 32px;
+          margin-top: 24px;
+          line-height: 32px;
+          border-radius: 50%;
+          display: inline-block;
+          vertical-align: top;
+          overflow: hidden;
+          // background-color: @color-background-primary-base;
+          text-align: center;
+          i {
+            color: #fff;
+          }
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+      & > li {
+        position: relative;
+        // margin-bottom: 24px;
+        display: flex;
+        width: 100%;
+        .main {
+          max-width: 80%;
+ 
+          .main_content_flag{
+              width: 100%;
+          }
+
+          .main_content_flag:hover{
+            .operate_modal {
+              // display: block;
+              visibility: visible;
+            }
+          }
+          .main_content {
+            position: relative;
+           
+            .content {
+              
+              max-width: 100%;
+              // width: 100%;
+              //以下优化ai返回的内容的样式
+              .content_child {
+                padding: 0;
+                line-height: 1;
+                p{
+                  word-break: break-all;
+                  white-space: break-spaces;
+                }
+                p,
+                li {
+                  line-height: 1.5;
+                  color: rgba(0, 0, 0, 0.85);
+                }
+
+                & > h3 {
+                  font-size: 16px;
+                  font-weight: 600;
+                  padding: 10px 0;
+                }
+                ol {
+                  list-style: decimal;
+                  padding-inline-start: 20px;
+
+                  li{
+                    list-style-type: auto;
+                  }
+
+                  li p {
+                    padding: 4px 0;
+                    font-size: 14px;
+                    font-weight: 600;
+                  }
+                  li > ul li {
+                    list-style: inside;
+                    color: rgba(0, 0, 0, 0.85);
+                  }
+                }
+              }
+              pre {
+                background: rgba(0, 0, 0, 0.05);
+                padding: 12px;
+                line-height: 1.5;
+                margin: 4px 0;
+              }
+            }
+            .sign{
+              background-color: #1890ff;
+              color: #fff;
+            }
+          }
+          .operate_modal {
+            // display: none;
+            visibility: hidden;
+            // min-width: 200px;
+            height: 24px;
+            white-space: nowrap;
+            position: relative;
+            right: 0;
+            top: -14px;
+            z-index: 9;
+            text-align: right;
+            // padding-bottom: 10px;
+            .operate {
+              display: inline-flex;
+              align-items: center;
+              padding: 8px 0;
+              border-radius: 4px;
+              background: #fff;
+              box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+              line-height: 1;
+              color: @color-text-tertiary-Tr;
+              i {
+                color: @color-text-tertiary-Tr;
+                font-size: 16px;
+                cursor: pointer;
+                svg {
+                  color: @color-icon-fill-Tr;
+                }
+                &:hover {
+                  svg {
+                    color: @color-data-visualization-01;
+                  }
+                }
+              }
+              .active {
+                // color: @color-background-primary-base;
+                svg {
+                  color: @color-text-primary;
+                }
+              }
+              span {
+                margin: 0 8px;
+              }
+              .ask_question {
+                cursor: pointer;
+                color: @color-text-tertiary-Tr;
+                font-size: 12px;
+                line-height: 1;
+                padding: 2px 8px;
+                background-color: @color-background-filltertiary-Tr;
+                margin-right: 16px;
+                &:hover{
+                  color: @color-text-primary;
+                }
+              }
+            }
+          }
+          .operate_modal_bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            // position: sticky;
+            bottom: 0;
+
+            .operate {
+              display: inline-block;
+              padding: 8px;
+              line-height: 1;
+              color: @color-text-tertiary-Tr;
+              i {
+                color: @color-text-tertiary-Tr;
+                font-size: 16px;
+                cursor: pointer;
+                svg {
+                  color: @color-icon-fill-Tr;
+                }
+                &:hover {
+                  svg {
+                    color: @color-data-visualization-01;
+                  }
+                }
+              }
+              .active {
+                // color: @color-background-primary-base;
+                svg {
+                  color: @color-text-primary;
+                }
+              }
+              span {
+                margin: 0 8px;
+                cursor: pointer;
+              }
+            }
+            .stop_generate {
+              // position: absolute;
+              font-size: 12px;
+              color: @color-text-tertiary-Tr;
+              display: inline-block;
+              padding: 8px 0;
+              cursor: pointer;
+              .icon {
+                display: inline-block;
+                width: 10px;
+                height: 10px;
+                border-radius: 2px;
+                background-color: @color-text-tertiary-Tr;
+                margin-right: 4px;
+              }
+              .find_teacher {
+                padding: 2px 8px;
+                border-radius: 2px;
+                background-color: @color-background-filltertiary-Tr;
+                color: @color-text-tertiary-Tr;
+                font-size: 12px;
+                line-height: 1;
+                &:hover{
+                  color: @color-text-primary;
+                }
+              }
+            }
+            .stop_generate:hover{
+              color: @color-text-primary;
+              span{
+                color: @color-text-primary;
+              }
+            }
+            .stop_findTeacher {
+              font-size: 12px;
+              color: @color-text-tertiary-Tr;
+              display: inline-block;
+              padding: 8px 0;
+              cursor: pointer;
+              span {
+                padding: 0px 8px;
+                background-color: @color-background-filltertiary-Tr;
+                color: @color-text-tertiary-Tr;
+                &:hover{
+                  color: @color-text-primary;
+                }
+              }
+            }
+
+          }
+        }
+        .content {
+          padding: 12px 16px;
+          // max-width: 80%;
+          display: inline-block;
+          font-size: 14px;
+        }
+      }
+      .left {
+        justify-content: flex-end;
+        .main {
+          text-align: right;
+        }
+      }
+      li.left .content {
+        border-radius: 20px 2px 20px 20px;
+        background: #d1e4ff;
+        text-align: left;
+        // position: absolute;
+        // left: 0;
+        // float: right;
+      }
+      li.right .content {
+        border-radius: 2px 20px 20px 20px;
+        background: #fff;
+        // position: absolute;
+        // right: 0;
+      }
+
+      li .content {
+        .association_problem li {
+          color: #5991ef;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 1.8;
+          cursor: pointer;
+          list-style-type: none;
+        }
+      }
+      .time {
+        display: block;
+        margin: 40px 0;
+        margin-bottom: 16px;
+        text-align: center;
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.25);
+        position: relative;
+        &::before {
+          content: "";
+          width: 100px;
+          display: inline-block;
+          height: 1px;
+          background-color: #ebebeb;
+          position: relative;
+          top: -3px;
+          right: 16px;
+        }
+        &::after {
+          content: "";
+          width: 100px;
+          display: inline-block;
+          height: 1px;
+          background-color: #ebebeb;
+          position: relative;
+          top: -3px;
+          left: 16px;
+        }
+      }
+      .citation_content {
+        display: table;
+        margin-top: 4px;
+        padding: 8px;
+        border-radius: 2px;
+        background: #e7e7e7;
+        p {
+          color: @color-text-Secondary-Tr;
+          font-size: 12px;
+          line-height: 1.5;
+
+          overflow: hidden;
+          text-overflow: ellipsis;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          display: -webkit-box;
+
+          max-height: 36px;
+          word-break: break-all;
+          cursor: pointer;
+
+          text-align: left;
+        }
+        .text_exceed{
+          padding-right: 16px;
+          position: relative;
+          &>span{
+            position: absolute;
+            top: 20px;
+            right: 0;
+          }
+        }
+      }
+
+      .popover_content {
+        max-width: 400px;
+      }
+    }
+  }
+  .Drawer_main::-webkit-scrollbar {
+    background-color: #eff0f7;
+    background-color: transparent;
+    width: 6px;
+    height: 4px;
+  }
+  .Drawer_main::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(181, 184, 198, 0.8);
+  }
+  //newlabo中使用
+  .Drawer_main_newlabo {
+    pre {
+      background: #2b303b !important;
+      color: #fff;
+      overflow: auto;
+      pre::-webkit-scrollbar {
+        background-color: #eaedf1;
+        background-color: transparent;
+        width: 4px;
+        height: 4px;
+      }
+      pre::-webkit-scrollbar-thumb {
+        border-radius: 4px;
+        background-color: #f4f4f4;
+      }
+    }
+  }
+  //隐藏聊天头像
+  .Drawer_main_newlabo_no_pic {
+    .head_sculpture {
+      display: none !important;
+    }
+  }
+  .Drawer_buttom_Issues_List {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    .issues_list_teacherList {
+      white-space: nowrap;
+      overflow: auto;
+      width: calc(100% - 40px);
+      box-sizing: border-box;
+      margin-bottom: 6px;
+
+      .item {
+        display: inline-block;
+        margin-right: 8px;
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+    }
+    .issues_list_teacherList::-webkit-scrollbar {
+      background-color: #eaedf1;
+      background-color: transparent;
+      width: 4px;
+      height: 4px;
+    }
+    .issues_list_teacherList::-webkit-scrollbar-thumb {
+      border-radius: 4px;
+      background-color: rgba(181, 184, 198, 0.6);
+    }
+    .issues_list {
+      position: absolute;
+      bottom: 60px;
+      margin: 0 16px;
+      padding-bottom: 4px;
+      line-height: 1;
+      .item > span {
+        cursor: pointer;
+        max-width: 100%;
+        display: inline-block;
+        margin-bottom: 2px;
+        padding: 8px 16px;
+        justify-content: center;
+        align-items: center;
+        border-radius: 4px;
+        background: #ececec;
+        font-size: 14px;
+        line-height: 1;
+        overflow: hidden;
+        // white-space: nowrap;
+        // text-overflow: ellipsis;
+
+        &:hover {
+          background-color: #fff;
+        }
+        .sign {
+          color: @color-text-primary;
+        }
+      }
+    }
+    .Drawer_buttom {
+      display: flex;
+      align-items: flex-end;
+      margin-bottom: 12px;
+      padding: 0 16px;
+      .input_wrap {
+        // display: flex;
+        align-items: flex-end;
+        width: calc(100% - 36px);
+        background-color: #fff;
+        padding: 11px 16px;
+        border: 1px solid @color-border-secondary;
+        border-radius: 8px;
+        justify-content: space-between;
+        line-height: 1;
+        position: relative;
+        padding-right: 1px;
+        & > .input {
+          // width: calc(100% - 24px);
+          line-height: 1;
+          textarea {
+            max-height: 100px;
+            padding: 0;
+            border: none;
+            box-shadow: none !important;
+            resize: none;
+            padding-right: 48px;
+          }
+
+          :global {
+            textarea.bhd-input {
+              min-height: 21px !important;
+              line-height: 1.5;
+            }
+            .bhd-input[disabled] {
+              background-color: #fff !important;
+            }
+          }
+        }
+        & > .no_AI {
+          width: 100%;
+          textarea {
+            padding-right: 12px;
+          }
+        }
+        .voice {
+          position: absolute;
+          right: 18px;
+          bottom: 10px;
+          color: rgba(0, 0, 0, 0.65);
+          i {
+            cursor: pointer;
+            svg {
+              color: @color-icon-fill-Tr;
+              font-size: 20px;
+            }
+          }
+          .voice_btn {
+            width: 32px;
+            cursor: pointer;
+            position: absolute;
+            bottom: -5px;
+            right: -10px;
+          }
+        }
+        .disabled{
+          cursor:not-allowed !important;
+          color: rgba(0, 0, 0, 0.25) !important;
+          svg{
+            color: rgba(0, 0, 0, 0.25) !important;
+          }
+        }
+        .content_main {
+          display: flex;
+          align-items: center;
+          width: calc(100% - 24px);
+          // margin-right: 8px;
+          .content_con {
+            margin-top: 6px;
+            align-items: center;
+            padding: 8px;
+            background: #e7e7e7;
+            display: inline-block;
+            width: calc(100% - 60px);
+            //
+            p {
+              color: rgba(0, 0, 0, 0.65);
+              border-radius: 2px;
+              font-size: 12px;
+              line-height: 1.5;
+
+              overflow: hidden;
+              text-overflow: ellipsis;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 2;
+              display: -webkit-box;
+
+              max-height: 36px;
+              word-break: break-all;
+            }
+          }
+          .delete_quote {
+            font-size: 18px;
+            color: @color-icon-tertiary;
+            margin-top: 6px;
+          }
+        }
+      }
+
+      .sending {
+        width: 20px;
+        margin-left: 16px;
+        margin-bottom: 8px;
+        i {
+          svg {
+            font-size: 20px;
+            color: @color-icon-fill-Tr;
+          }
+        }
+        .disabled {
+          svg {
+            color: rgba(0, 0, 0, 0.25);
+            cursor: not-allowed;
+          }
+        }
+      }
+    }
+  }
+  //newlabo中使用
+  .Drawer_buttom_Issues_List_newlabo {
+    // bottom: revert-layer !important;
+    background-color: #f5f5f5 !important;
+  }
+
+  :global {
+    .anticon {
+      vertical-align: 0;
+    }
+  }
+}
+.ChatWindow_Drawer {
+  background: #f5f5f5 !important;
+  position: relative;
+  height: 100%;
+  :global {
+    .bhd-drawer-header {
+      display: none !important;
+    }
+  }
+}
+.ChatWindow_Modal {
+  :global {
+    .bhd-modal {
+      border-radius: 8px;
+      overflow: hidden;
+      position: relative;
+    }
+    .bhd-modal-content {
+      height: 100%;
+      background-color: #f5f5f5 !important;
+      .bhd-modal-close {
+        display: none !important;
+      }
+    }
+    .bhd-modal-header {
+      display: none !important;
+    }
+    .bhd-modal-body {
+      height: 100%;
+      padding: 0 !important;
+      border-radius: 4px !important;
+    }
+
+    .bhd-drawer-right > .bhd-drawer-content-wrapper {
+      top: 129px;
+      right: 200px;
+      height: 790px;
+    }
+  }
+  .main_list {
+    max-height: 650px;
+  }
+  .user {
+    padding-left: 0 !important;
+    cursor: pointer;
+  }
+  .Drawer_buttom_Issues_List {
+    border-radius: 4px;
+    width: calc(100% - 328px);
+    margin-left: 328px;
+  }
+  .Drawer_main {
+    max-height: 700px;
+
+    .chat_content {
+      width: calc(100% - 328px);
+      margin-left: 328px;
+      display: inline-block;
+    }
+  }
+}
+
+
+//引用气泡
+.popover_main_content {
+  min-width: 300px !important;
+  max-width: 340px !important;
+  background-color: #fff !important;
+  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+
+  :global {
+    .bhd-tooltip-content {
+      background-color: #fff;
+      border-radius: 4px;
+      .bhd-tooltip-inner {
+        background-color: #fff;
+        color: @color-text-Tr;
+        font-size: 14px;
+        padding: 12px 16px;
+        border-radius: 4px;
+      }
+    }
+    .bhd-tooltip-arrow:before {
+      background: #ccc !important;
+    }
+    .bhd-tooltip-arrow::after {
+      width: 0 !important;
+      height: 0 !important;
+      border: 5px solid;
+      border-color: transparent transparent #fff transparent;
+      transform: none !important;
+      background: transparent !important;
+      bottom: 0px !important;
+      left: 0px !important;
+      right: 0 !important;
+      box-shadow: none !important;
+    }
+  }
+}
+.popover_main_content_name{
+  width: auto;
+  background-color: #fff !important;
+  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  :global {
+    .bhd-tooltip-content {
+      background-color: #fff;
+      border-radius: 4px;
+      .bhd-tooltip-inner {
+        background-color: #fff;
+        color: @color-text-Tr;
+        font-size: 14px;
+        padding: 12px 16px;
+        border-radius: 4px;
+      }
+    }
+    .bhd-tooltip-arrow:before {
+      background: #ccc !important;
+    }
+    .bhd-tooltip-arrow::after {
+      width: 0 !important;
+      height: 0 !important;
+      border: 5px solid;
+      border-color: transparent transparent #fff transparent;
+      transform: none !important;
+      background: transparent !important;
+      bottom: 0px !important;
+      left: 0px !important;
+      right: 0 !important;
+      box-shadow: none !important;
+    }
+  }
+}
+
+//联系人列表
+.teacher_layout {
+  position: fixed;
+  right: 568px;
+
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.5);
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
+  backdrop-filter: blur(7.5px);
+  width: 80px;
+  .top > div,
+  .bottom > div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 8px;
+    border-radius: 8px;
+    margin: 8px 0;
+    max-width: 60px;
+    overflow: hidden;
+    position: relative;
+    cursor: pointer;
+    &:hover {
+      background-color: #f5f5f5;
+      .delete {
+        display: block;
+      }
+    }
+    p {
+      max-width: 60px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: @color-text-Secondary-Tr;
+      font-size: 12px;
+      line-height: 1;
+      padding-top: 12px;
+    }
+    img {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+    }
+    .num {
+      position: absolute;
+      top: 0;
+      right: 0;
+      border-radius: 26px;
+      background-color: #f4523b;
+      color: #fff;
+      padding: 0 5px;
+      border-radius: 25px;
+      font-size: 12px;
+      line-height: 1.2;
+    }
+    .delete {
+      position: absolute;
+      top: 2px;
+      right: 2px;
+      color: rgba(0, 0, 0, 0.65);
+      font-size: 12px;
+      display: none;
+    }
+  }
+  .top > div {
+    margin: 8px;
+  }
+  .top .shrink {
+    border-bottom: 1px solid @color-border-secondary;
+    border-radius: 0;
+    margin-bottom: 8px;
+    margin-top: 8px;
+    & > span {
+      font-size: 20px;
+    }
+    p {
+      padding-top: 0;
+    }
+    &:hover {
+      background-color: #fff !important;
+    }
+  }
+  .top .active,
+  .bottom .active {
+    background: @color-background-primary-weak-hover;
+  }
+  .bottom > div:last-child {
+    margin-bottom: 0;
+  }
+  .bottom > div:first-child {
+    margin-top: 0;
+  }
+  .bottom {
+    max-height: 524px;
+    padding: 0 8px;
+    padding-right: 4px;
+    overflow-y: auto;
+    margin-bottom: 8px;
+    margin-top: 8px;
+  }
+  .bottom::-webkit-scrollbar {
+    background-color: #eaedf1;
+    background-color: transparent;
+    width: 4px;
+    height: 4px;
+  }
+  .bottom::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.25);
+  }
+}
+.teacher_layout_newlabo {
+  top: 50px;
+  right: 0; 
+  .top{
+    svg{
+      transform: rotate(180deg);
+    }
+  }
+  .top .active,
+  .bottom .active {
+    // background: @color-background-info-weak !important;
+    background-color:  #D1E4FF;
+  }
+} 
+.teacher_layout_modal {
+  width: 328px;
+  height: calc(100% - 48px);
+  background-color: #fff;
+  position: absolute;
+  border-top: 1px solid @color-border-secondary;
+  .top,
+  .bottom {
+    .ai {
+      border-bottom: 1px solid @color-border-secondary;
+      padding: 16px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      img {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        margin-right: 12px;
+      }
+      & > span {
+        margin-right: 12px;
+      }
+      .user_info {
+        width: 252px;
+        .message {
+          color: #000;
+          font-size: 14px;
+          line-height: 1;
+          padding-right: 10px;
+          .num {
+            margin-left: 12px;
+            border-radius: 26px;
+            background-color: #f4523b;
+            color: #fff;
+            padding: 0 5px;
+            border-radius: 25px;
+            font-size: 12px;
+            line-height: 1;
+          }
+
+          .time {
+            font-size: 12px;
+            color: @color-text-quaternary-Tr;
+            float: right;
+          }
+        }
+        .con {
+          color: rgba(0, 0, 0, 0.45);
+          font-size: 12px;
+          line-height: 1.5;
+          margin-top: 8px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+    .active {
+      background: @color-background-primary-weak-hover;
+    }
+  }
+  .bottom{
+    overflow: auto;
+    height: calc(100% - 70px);
+  }
+  .bottom::-webkit-scrollbar {
+    background-color: #eaedf1;
+    background-color: transparent;
+    width: 4px;
+    height: 4px;
+  }
+  .bottom::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.25);
+  }
+
+  :global {
+    .anticon {
+      vertical-align: 0;
+    }
+  }
+}
+.teacher_layout_modal_newlabo{
+  .top,
+  .bottom {
+    .active {
+      background: @color-background-info-weak !important
+    }
+  }
+}
+
+//历史记录11
+.history_list {
+  position: absolute;
+  top: 0;
+  background: rgba(0, 0, 0, 0.3);
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .search_layout {
+    background: #fff;
+    position: absolute;
+    z-index: 10;
+    bottom: -500px;
+    width: 100%;
+    border-radius: 16px 16px 0px 0px;
+    overflow: hidden;
+    animation: mymove 1s forwards;
+    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
+
+    .title {
+      border-bottom: 1px solid @color-border-Tr;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 150%;
+      padding: 16px 24px;
+      display: flex;
+      justify-content: space-between;
+      svg {
+        font-size: 12px;
+        cursor: pointer;
+        opacity: 0.65;
+        font-weight: 300;
+      }
+    }
+    .search_top {
+      position: relative;
+      margin: 16px 24px;
+      // margin-bottom: 0;
+      // display: flex;
+      // align-items: center;
+      // justify-content: space-between;
+      background-color: #fff;
+
+      input {
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        border-radius: 2px;
+        border: 1px solid @color-border-secondary;
+        padding-left: 46px;
+        padding-right: 30px;
+        color: @color-text-Tr;
+      }
+      :global {
+        .anticon {
+          position: absolute;
+          top: 11px;
+          z-index: 1;
+          left: 14px;
+          font-size: 16px;
+          color: rgba(0, 0, 0, 0.65);
+        }
+        .guanbi_Close {
+          position: absolute;
+          top: 3px;
+          right: 38px;
+          font-size: 16px;
+          z-index: 1;
+          color: rgba(0, 0, 0, 0.65);
+          cursor: pointer;
+          svg {
+            font-size: 10px;
+            opacity: 0.65;
+          }
+        }
+      }
+      svg {
+        opacity: 0.65;
+        font-weight: 300;
+      }
+    }
+    .main_list:first-child {
+      margin-top: 0;
+    }
+    .main_list {
+      overflow: auto;
+      height: 510px;
+      &::-webkit-scrollbar {
+        background-color: #eaedf1;
+        background-color: transparent;
+        width: 4px;
+        height: 4px;
+      }
+      &::-webkit-scrollbar-thumb {
+        border-radius: 4px;
+        background-color: rgba(0, 0, 0, 0.25);
+      }
+      //list_item
+      .list_item{
+        .list_summary{
+          width: 100%;
+          padding: 8px 16px;
+          display: flex;
+          align-items: center;
+          border-bottom: 1px solid @color-border-secondary;
+          cursor: pointer;
+          &:hover{
+            background-color: #EBEBEB;
+          }
+          .head_img{
+            width: 36px;
+            height: 36px;
+            border-radius: 50%;
+            margin-right: 16px;
+            
+            img{
+              width: 36px;
+              height: 36px;
+              border-radius: 50%;
+            }
+            svg{
+              width: 36px;
+              height: 36px;
+            }
+          }
+          .list_desc{
+            width: calc(100% - 56px);
+            .name{
+              color:@color-text-Tr;
+              font-size: 16px;
+              font-weight: 600;
+              line-height: 150%;
+              margin-bottom: 4px;
+              .time{
+                float: right;
+                font-size: 14px;
+                color: @color-text-tertiary;
+                font-weight: 400;
+              }
+            }
+            .decs{
+              color: @color-text-Secondary-Tr;
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 150%; 
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              span{
+                color:@color-text-primary;
+              }
+            }
+          }
+          .open{
+            font-size: 24px;
+            color: @color-icon-fill-Tr;
+          }
+          //展开
+          .active{
+            svg{
+              transform: rotate(90deg);
+            }
+          }
+        }
+        .list_summary_active{
+          background-color: @color-background-primary-weak;
+          &:hover{
+            background-color: @color-background-primary-weak;
+          }
+        }
+
+        //详情
+        .list_detail{
+          background-color: @color-background-fillquaternary-Tr;
+          .list {
+            // margin: 8px 24px;
+            // padding: 8px;
+            // border-bottom: 1px solid @color-border-secondary;
+            padding: 8px 16px;
+            margin-bottom: 1px;
+            position: relative;
+            cursor: pointer;
+            &:hover {
+              background-color: rgba(0, 0, 0, 0.04);
+              // border-radius: 8px;
+            }
+            &::before {
+              content: "";
+              display: inline-block;
+              width: 100%;
+              height: 1px;
+              background-color: @color-border-secondary;
+              position: absolute;
+              bottom: -1px;
+              left: -1px;
+            }
+            .name {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              margin-bottom: 4px;
+              p {
+                color: @color-text-Secondary-Tr;
+                font-size: 14px;
+                line-height: 1.5;
+              }
+              .time {
+                font-size: 14px;
+                color: @color-text-tertiary;
+              }
+            }
+            .con {
+              color: @color-text-Tr;
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 150%;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              // -webkit-box-orient: vertical;
+              // -webkit-line-clamp: 2;
+              // display: -webkit-box;
+              
+              max-height: 21px;
+              white-space: nowrap;
+              span {
+                color: @color-text-primary;
+              }
+            }
+          }
+          .list_more{
+            text-align: center;
+            color: @color-text-tertiary-Tr;
+            font-size: 14px;
+          }
+        }
+      }
+
+      .no_data{
+        text-align: center;
+        margin-top: 130px;
+        img{
+          width: 160px;
+        }
+        p{
+          margin-top: 24px;
+          color: rgba(0, 0, 0, 0.45);
+          text-align: center;
+          font-size: 14px;
+          line-height: 100%; /* 14px */
+        }
+      }
+    }
+  }
+  @keyframes mymove {
+    from {
+      bottom: -500px;
+    }
+    to {
+      bottom: 0;
+    }
+  }
+
+  @-webkit-keyframes mymove /*Safari and Chrome*/ {
+    from {
+      bottom: -500px;
+    }
+    to {
+      bottom: 0;
+    }
+  }
+
+  :global {
+    .anticon {
+      vertical-align: 0;
+    }
+  }
+}
+//全屏下的历史记录
+.history_list_broadside {
+  width: 417px;
+  height: calc(100% - 48px);
+  right: 0;
+  top: 48px;
+  border-radius: 0;
+  background: transparent;
+  overflow: visible;
+  .search_layout {
+    height: 100%;
+    border-radius: 0;
+    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
+    .search_top{
+      margin: 16px;
+    }
+    .title{
+      padding: 16px;
+    }
+    .main_list {
+      height: calc(100% - 140px);
+      max-height: calc(100% - 140px);
+      // .list{
+      //   margin: 8px 16px 17px;
+      // }
+    }
+  }
+}