bhd-components 0.10.31 → 0.10.32

package/es2017/customerService/index.module.less

@@ -1,2166 +1,2279 @@
-@import "../theme/variable.less";
-
-// @import "../common.module.less"
-
-// :global{
-//   .ant-drawer-header{
-//     display: none !important;
-//   }
-//   .ant-drawer-body{
-//     padding: 0 !important;
-//   }
-// }
-
-.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;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-      .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;
-        }
-
-        .popover_main{
-          position: relative;
-          z-index: 99;
-          .popover{
-            padding: 8px 0;
-            width: 74px;
-            text-align: center;
-
-            border-radius: 4px;
-            line-height: 1.5;
-            color: rgba(0, 0, 0, 0.65);
-            position: absolute;
-            border: 1px solid rgba(0, 0, 0, 0.15);
-            background-color: #fff;
-            white-space: nowrap;
-            font-size: 14px;
-            position: absolute;
-            top: 26px;
-            left: -30px;
-            display: none;
-            &::after{
-              content: "";
-              position: absolute;
-              width: 0;
-              height: 0;
-              z-index: 99;
-              border: 6px solid;
-              border-color: transparent transparent #fff transparent;
-              top: -12px;
-              left: 32px;
-            }
-            &::before{
-              content: "";
-              position: absolute;
-              z-index: 99;
-              width: 0;
-              height: 0;
-              border: 6px solid;
-              border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
-              top: -13px;
-              left: 32px;
-            }
-          }
-          &:hover{
-            .popover{
-              display: block;
-            }
-          }
-
-        }
-      }
-    }
-  }
-  //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: hidden;
-    background: #f5f5f5;
-    min-height: 200px;
-    .loading {
-      text-align: center;
-      margin: 10px 0;
-      img {
-        width: 30px;
-        height: 30px;
-      }
-    }
-    .message_con {
-      // padding: 16px;
-      // padding-top: 0;
-
-      >div{
-        &::-webkit-scrollbar {
-            background-color: initial;
-            width: 6px;
-            height: 4px;
-        }
-      }
-      .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,
-      .itemcontent {
-        position: relative;
-        // margin-bottom: 24px;
-        display: flex;
-        width: 100%;
-        padding: 0 16px;
-        .main {
-          max-width: 80%;
-
-          .main_content_flag{
-              width: 100%;
-          }
-
-          .main_content_flag:hover{
-            .operate_modal {
-              // display: block;
-              visibility: visible;
-              &.operate_modal_showtop{
-                visibility: hidden;
-              }
-            }
-          }
-          .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;
-                }
-              }
-            }
-
-          }
-
-          .main_content {
-            position: relative;
-
-            .content {
-              position: relative;
-              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);
-                }
-
-                li{
-                    margin-top: 8px;
-                    &:first-child{
-                      margin-top: 0;
-                    }
-                }
-
-                & > 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 {
-                    // padding-bottom: 8px;
-                    list-style: inside;
-                    color: rgba(0, 0, 0, 0.85);
-                    &::marker{
-                      color: #D9D9D9 !important;
-                    }
-                    &:first-child{
-                      padding-top: 8px !important;
-                    }
-                  }
-                  li > ol li {
-                    // padding-bottom: 8px;
-                    &::marker{
-                      color: @color-text-tertiary-Tr !important;
-                    }
-
-                    &:first-child{
-                      padding-top: 8px !important;
-                    }
-                  }
-                  > li:last-of-type{
-                    pre{
-                      margin-bottom: 0;
-                    }
-                  }
-                }
-                // li{
-                //   margin-top:16px;
-                // }
-                // > * + ul, > * + ol {
-                //   margin-top:16px;
-                // }
-                // > ul + *, > ol + * {
-                //   margin-top:16px;
-                // }
-                > *:not(pre){
-                  word-break: break-all;
-                  padding-top: 8px;
-                  padding-bottom: 8px;
-                  &:first-child{
-                    padding-top: 0 !important;
-                  }
-                  &:last-child{
-                    padding-bottom: 0 !important;
-                  }
-                }
-                > h3,> h4{
-                  padding-top: 8px;
-                  padding-bottom: 4px;
-                }
-                > p +  p{
-                  padding-top: 4px;
-                  padding-bottom: 4px;
-                }
-
-                > pre:last-of-type{
-                  margin-bottom:0 ;
-
-                  &+ *{
-                    margin-top: 8px;
-                  }
-                }
-              }
-              table {
-                width: 100%;
-                padding: 0 !important;
-                margin: 8px 0;
-                border-collapse: separate;
-                border-top: 1px solid #dfe6ec;
-                border-left: 1px solid #dfe6ec;
-                thead tr th {
-                  background-color: #f8f8f9;
-                  padding: 8px;
-                  text-align: center;
-                  border-bottom: 1px solid #dfe6ec;
-                  border-right: 1px solid #dfe6ec;
-                }
-                tbody tr td {
-                  padding: 8px;
-                  line-height: 21px;
-                  height: 37px;//设置单元格最小高度
-                  border-bottom: 1px solid #dfe6ec;
-                  border-right: 1px solid #dfe6ec;
-                }
-              }
-
-              pre {
-                background: @color-background-fillquaternary;
-                border: 1px solid @color-border-secondary-Tr;
-                border-top: none;
-
-                padding: 12px;
-                line-height: 1.5;
-                margin: 4px 0;
-                margin-bottom: 8px;
-                border-radius: 0 0 4px 4px;
-              }
-              // 最后一行操作按钮
-              .operate_modal_bottom{
-                position: relative;
-                top: 12px ;
-                &::before{
-                  content: '';
-                  display: block;
-                  width: calc(100% + 32px);
-                  height: 1px;
-                  background-color: rgba(0, 0, 0, 0.06);
-                  position: absolute;
-                  bottom: 42px;
-                  left: -16px;
-                }
-                &>p{
-                  padding: 12px 0;
-                }
-                .find_teacher{
-                  padding: 0;
-                  background-color: transparent;
-                  color: @color-text-primary;
-                }
-                .operate{
-                  :global{
-                    .anticon{
-                      display: inline-block;
-                      width: 20px;
-                      height: 20px;
-                      &:hover{
-                        background-color: @color-background-filltertiary-Tr;
-                      }
-                    }
-                  }
-                }
-              }
-
-              .find_teacher_con{
-                color: @color-text-primary;
-                cursor: pointer;
-              }
-            }
-            .sign{
-              background-color: #1890ff;
-              color: #fff;
-            }
-
-
-            // //视频摘要内容
-            // .video_abstract{
-            //   .title{
-            //     position: relative;
-            //     p{
-            //       color: #000;
-            //       font-size: 14px;
-            //       font-weight: 600;
-            //       line-height: 150%; /* 21px */
-            //       position: relative;
-            //       z-index: 2;
-            //     }
-            //     span{
-            //       display: block;
-            //       width: 56px;
-            //       height: 6px;
-            //       background-color: @color-background-primary-weak-hover;
-            //       position: absolute;
-            //       bottom: 0px;
-
-            //     }
-
-            //   }
-            //   .abstract{
-            //     padding: 16px 0;
-            //     color: @color-text-Tr;
-            //     font-size: 14px;
-            //     line-height: 150%; /* 21px */
-            //     border-bottom: 1px solid @color-border-secondary-Tr;
-            //     margin-bottom: 16px;
-            //     border-width: calc(100% + 32px);
-            //     border-left: -18px;
-            //   }
-            //   .main_knowledge{
-            //     .item{
-            //       color: @color-text-Tr;
-            //       font-size: 14px;
-            //       line-height: 150%; /* 21px */
-            //       .brief_summary{
-            //         padding-right: 100px;
-            //         position: relative;
-            //         display: flex;
-            //         margin: 16px 0;
-            //         .video_time{
-            //           padding: 4px 8px;
-            //           background-color: #CCE7FF;
-            //           color: @color-text-info;
-            //           font-size: 12px;
-            //           line-height: 1;
-            //           position: absolute;
-            //           right: 0;
-            //         }
-            //         .icon{
-            //           display: inline-block;
-            //           width: 21px;
-            //           height: 21px;
-            //           margin-right: 4px;
-            //           svg{
-            //             color:@color-icon-fill-Tr;
-            //           }
-            //         }
-            //         .icon_active{
-            //           svg{
-            //             color:@color-icon-hover;
-            //           }
-            //         }
-            //       }
-            //       .brief_summary_con{
-            //         margin-top: 16px;
-            //         padding-left: 46px;
-            //         position: relative;
-            //         &::before{
-            //           content: '';
-            //           display: block;
-            //           width: 6px;
-            //           height: 6px;
-            //           border-radius: 50%;
-            //           background-color: @color-text-quaternary-Tr;
-            //           position: absolute;
-            //           left: 30px;
-            //           top: 8px;
-            //         }
-            //       }
-            //     }
-            //   }
-            // }
-          }
-          .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-primary;
-                font-size: 12px;
-                line-height: 1;
-                // padding: 2px 8px;
-                // background-color: @color-background-filltertiary-Tr;
-                // margin-right: 16px;
-                // &:hover{
-                //   color: @color-text-primary;
-                // }
-              }
-            }
-
-            &.bottom{
-              top:3px;
-              .operate{
-                box-shadow: 0px -4px 10px 4px rgba(0, 0, 0, 0.1);
-              }
-            }
-          }
-
-        }
-        .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{
-          padding-left: 0;
-          li {
-            padding-top: 16px;
-            color: #5991ef;
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 1.8;
-            cursor: pointer;
-            list-style-type: none;
-          }
-
-        }
-
-
-      .association_problem_flag{
-
-        li{
-          padding-left: 30px;
-          position: relative;
-          &::after{
-            content: '';
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background-color: rgba(217, 217, 217, 1);
-            display: block;
-            position: absolute;
-            top: 26px;
-            left: 10px;
-          }
-        }
-
-        li:first-child{
-          padding-left:0;
-          &::after{
-            display: none;
-          }
-        }
-
-        .related_issues_flag{
-          span{
-            color: #000;
-            font-weight: 600;
-            border-bottom: 6px solid @color-background-primary-weak-hover;
-            display: inline-block;
-            height: 22px;
-          }
-
-        }
-      }
-
-
-        .img_con{
-          width: 100%;
-          text-align: center;
-          position: relative;
-          border-radius: 4px;
-          overflow: hidden;
-          display: inline-flex;
-          margin-top: 12px;
-          width: 240px;
-          max-height: 134px;
-          img{
-            width: 240px;
-            height: fit-content;
-          }
-          .mask_zoom{
-            position: absolute;
-            top: 0;
-            left: 0;
-
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.3);
-            border-radius: 4px;
-            display: none;
-            align-items: center;
-            justify-content: center;
-            svg{
-              font-size: 20px;
-              color: #fff;
-              cursor: pointer;
-            }
-
-          }
-          &:hover{
-            .mask_zoom{
-              display: flex;
-            }
-          }
-        }
-        .img_con2{
-          width: 300px;
-          max-height: 168px;
-          img{
-            width: 300px;
-            height: fit-content;
-          }
-        }
-
-        .copyCode{
-          display: flex;
-          justify-content: flex-end;
-          align-items: center;
-          border-radius: 4px 4px 0px 0px;
-          border: 1px solid @color-border-secondary-Tr;
-          border-bottom-color: @color-border-secondary-Tr;
-          background: @color-background-fillquaternary-Tr;
-          text-align: right;
-          height: 37px;
-          line-height: 37px !important;
-          padding: 0 !important;
-          padding-right: 16px !important;
-          position: relative;
-          top: 6px;
-          cursor: pointer;
-          font-weight: 400 !important;
-          .icon{
-            display: none;
-          }
-          :global{
-            .copy{
-              display: block;
-            }
-          }
-          svg{
-            color: @color-text-Secondary-Tr;
-            margin-right: 8px;
-            font-size: 16px;
-            position: relative;
-            top: 2px;
-          }
-        }
-        :global{
-          .copy_success{
-
-            .copyCode{
-              color:@color-text-primary;
-            }
-            .copy{
-              display: none;
-            }
-            .copy_success_flag{
-              display: inline-block;
-              svg{
-                color:@color-text-primary;
-              }
-            }
-          }
-        }
-        p>code{
-          border: none;
-          background-color: @color-background-fillsecondary-Tr;
-          border-radius: 2px;
-          color: #000;
-          padding: 0 2px;
-        }
-        li{
-          &>code{
-              border: none;
-              background-color: @color-background-fillsecondary-Tr;
-              border-radius: 2px;
-              color: #000;
-              padding: 0 2px;
-          }
-          :global{
-            ::marker {
-              // font-weight: 600 !important;
-              color: rgba(0, 0, 0, 0.85);
-            }
-          }
-          ::marker {
-            // font-weight: 600 !important;
-            color: rgba(0, 0, 0, 0.85);
-          }
-          p{
-            font-weight: 400 !important;
-            strong{
-              border-bottom: 6px solid @color-background-primary-weak-hover;
-              height: 20px;
-              display: inline-block;
-              font-weight: 600;
-            }
-          }
-
-        }
-
-      }
-
-      .time {
-        display: block;
-        // margin: 40px 0;
-        // margin-bottom: 16px;
-        padding:40px 0;
-        padding-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;
-          }
-        }
-        .img_con{
-          width: 100%;
-          text-align: center;
-          position: relative;
-          border-radius: 4px;
-          overflow: hidden;
-          display: inline-flex;
-          margin-top: 12px;
-          width: 240px;
-          max-height: 134px;
-          img{
-            width: 240px;
-            height: fit-content;
-          }
-          .mask_zoom{
-            position: absolute;
-            top: 0;
-            left: 0;
-
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.3);
-            border-radius: 4px;
-            display: none;
-            align-items: center;
-            justify-content: center;
-            svg{
-              font-size: 20px;
-              color: #fff;
-              cursor: pointer;
-            }
-
-          }
-          &:hover{
-            .mask_zoom{
-              display: flex;
-            }
-          }
-        }
-        .img_con2{
-          width: 300px;
-          max-height: 168px;
-          img{
-            width: 300px;
-            height: fit-content;
-          }
-        }
-      }
-
-      .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;
-        }
-      }
-    }
-    .issues_list_flag {
-      // position: absolute;
-      // bottom: 60px;
-      margin: 0 16px;
-      // padding-bottom: 4px;
-      line-height: 1;
-      padding-top: 24px;
-      p{
-        padding: 8px 16px;
-        background-color: #fff;
-        border-radius: 38px;
-        margin-bottom: 16px;
-        line-height: 1.5;
-        display: inline-block;
-
-        cursor: pointer;
-        &:hover{
-          background-color: @color-background-primary-weak;
-          color: @color-border-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;
-            }
-          }
-
-          .picture_layout{
-            display: flex;
-            align-items: center;
-            padding-bottom: 12px;
-            border-bottom: 1px solid @color-border-secondary-Tr;
-            margin-bottom: 12px;
-            &:hover{
-              // background-color: rgba(0, 0, 0, 0.02);
-              cursor: pointer;
-            }
-            .left{
-              width: 90px;
-              height: 60px;
-              position: relative;
-              border-radius: 4px;
-
-              img{
-                width: 100%;
-                height: 100%;
-                border-radius: 4px;
-                overflow: hidden;
-              }
-              .icon_close{
-                position: absolute;
-                top: -8px;
-                right: -8px;
-                z-index: 2;
-                span{
-                  font-size: 18px;
-                  color: rgba(0, 0, 0, 0.45);
-                }
-              }
-              .icon_zoom{
-                position: absolute;
-                background: rgba(0,0,0,0.3);
-                width: 100%;
-                height: 100%;
-                top: 0;
-                text-align: center;
-                display: none;
-                align-items: center;
-                justify-content: center;
-                border-radius: 4px;
-                :global{
-                  .anticon{
-                    color: #fff;
-                  }
-                }
-                .anticon{
-                  color: #fff;
-                  font-size: 18px;
-                }
-              }
-              &:hover{
-                .icon_zoom{
-                  display: flex;
-                }
-              }
-            }
-            .right{
-              margin-left: 24px;
-              p{
-                display: inline-flex;
-                align-items: center;
-                padding: 2px 8px;
-                background-color: @color-background-filltertiary-Tr;
-                color: @color-text-Tr;
-                line-height: 1.5;
-                &:first-child{
-                  margin-bottom: 8px;
-                }
-                span{
-                  margin-right: 4px;
-                }
-                :global {
-                  .anticon{
-                    vertical-align: middle !important;
-                  }
-                }
-
-                svg{
-                  color: @color-text-Tr;
-                  font-size: 20px;
-                }
-              }
-            }
-          }
-        }
-        & > .no_AI {
-          width: 100%;
-          textarea {
-            padding-right: 12px;
-          }
-        }
-        .screenshot {
-          position: absolute;
-          right: 16px;
-          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;
-
-              //display: flex;
-              //align-items: center;
-              img{
-                margin-right: 8px;
-                width: 60px;
-                object-fit: cover;
-              }
-            }
-          }
-          .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;
-            cursor: pointer;
-          }
-        }
-        .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.85);
-  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: rgba(0, 0, 0, 0.04);
-      .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;
-            position: relative;
-            left: -15px;
-          }
-
-          //展开
-          .active{
-            left: -11px;
-            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;
-    }
-    .bhd-spin-nested-loading {
-      height: calc(100% - 72px - 57px);
-      & >div>.bhd-spin{
-        max-height:436px;
-      }
-    }
-  }
-}
-//全屏下的历史记录
-.history_list_broadside {
-  width: 417px;
-  height: calc(100% - 48px);
-  right: 0;
-  top: 38px;
-  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);
-      height: 100%;
-      max-height: 100%;
-      // .list{
-      //   margin: 8px 16px 17px;
-      // }
-
-
-    }
-    :global{
-      .bhd-spin-container{
-        height:100%
-      }
-    }
-  }
-  .open{
-    left: -7px !important;
-  }
-  .active{
-    left: -4px !important;
-  }
-}
-//老师列表
-.teacher_list{
-    .name{
-      margin-bottom: 0!important;
-      font-weight: 400 !important;
-      .sign{
-        color: @color-text-primary;
-      }
-    }
-}
-//截图功能
-.screenshot_Modal{
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 99;
-  width:100% !important;
-  height: 100% !important;
-  background-color: transparent !important;
-  // background-color: burlywood;
-  .ReactCrop{
-    cursor: default !important;
-  }
-  :global{
-    .ReactCrop__child-wrapper{
-      position: fixed;
-      width: 100% !important;
-      height: 100% !important;
-      top: 0 !important;
-      left: 0 !important;
-      cursor: default !important;
-    }
-  }
-  :global{
-    .ReactCrop{
-      width: 100% !important;
-      height: 100% !important;
-      top: 0 !important;
-      left: 0 !important;
-      cursor: default !important;
-    }
-
-  }
-
-  .screenshot_Modal_btn{
-    position: fixed !important;
-    z-index: 999;
-    border-radius: 4px;
-    background: #FFF;
-    padding: 8px 12px;
-    width: 88px;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    &>span{
-      display: inline-block;
-      width: 24px;
-      height: 24px;
-      border-radius: 2px;
-      text-align: center;
-      .anticon{
-        padding-top: 3.5px;
-      }
-      &:hover{
-        background-color: rgba(0, 0, 0, 0.04);
-      }
-      svg{
-        font-size: 18px;
-        color: rgba(244, 82, 59, 1);
-      }
-
-    }
-    &>span:nth-child(2){
-      display: inline-block;
-      width: 24px;
-      height: 24px;
-      border-radius: 2px;
-      &:hover{
-        background-color: rgba(0, 0, 0, 0.04);
-      }
-      svg{
-        color: rgba(35, 217, 195, 1);
-      }
-    }
-  }
-}
-
-strong {
-  font-weight: bold !important;
-}
+@import "../theme/variable.less";
+
+// @import "../common.module.less"
+
+// :global{
+//   .ant-drawer-header{
+//     display: none !important;
+//   }
+//   .ant-drawer-body{
+//     padding: 0 !important;
+//   }
+// }
+
+.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;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+      .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;
+        }
+
+        .popover_main{
+          position: relative;
+          z-index: 99;
+          .popover{
+            padding: 8px 0;
+            width: 74px;
+            text-align: center;
+
+            border-radius: 4px;
+            line-height: 1.5;
+            color: rgba(0, 0, 0, 0.65);
+            position: absolute;
+            border: 1px solid rgba(0, 0, 0, 0.15);
+            background-color: #fff;
+            white-space: nowrap;
+            font-size: 14px;
+            position: absolute;
+            top: 26px;
+            left: -30px;
+            display: none;
+            &::after{
+              content: "";
+              position: absolute;
+              width: 0;
+              height: 0;
+              z-index: 99;
+              border: 6px solid;
+              border-color: transparent transparent #fff transparent;
+              top: -12px;
+              left: 32px;
+            }
+            &::before{
+              content: "";
+              position: absolute;
+              z-index: 99;
+              width: 0;
+              height: 0;
+              border: 6px solid;
+              border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
+              top: -13px;
+              left: 32px;
+            }
+          }
+          &:hover{
+            .popover{
+              display: block;
+            }
+          }
+
+        }
+      }
+    }
+  }
+  //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: hidden;
+    background: #f5f5f5;
+    min-height: 200px;
+    .loading {
+      text-align: center;
+      margin: 10px 0;
+      img {
+        width: 30px;
+        height: 30px;
+      }
+    }
+    .message_con {
+      // padding: 16px;
+      // padding-top: 0;
+
+      >div{
+        &::-webkit-scrollbar {
+            background-color: initial;
+            width: 6px;
+            height: 4px;
+        }
+        &::-webkit-scrollbar-thumb {
+          border-radius: 4px;
+          background-color: rgba(181, 184, 198, 0.8);
+        }
+      }
+      .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,
+      .itemcontent {
+        position: relative;
+        // margin-bottom: 24px;
+        display: flex;
+        width: 100%;
+        padding: 0 16px;
+        .main {
+          max-width: 80%;
+
+          .main_content_flag{
+              width: 100%;
+          }
+
+          .main_content_flag:hover{
+            .operate_modal {
+              // display: block;
+              visibility: visible;
+              &.operate_modal_showtop{
+                visibility: hidden;
+              }
+            }
+          }
+          .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;
+                }
+              }
+            }
+
+          }
+
+          .main_content {
+            position: relative;
+
+            .content {
+              position: relative;
+              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);
+                }
+
+                li{
+                    margin-top: 8px;
+                    &:first-child{
+                      margin-top: 0;
+                    }
+                }
+
+                & > 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 {
+                    // padding-bottom: 8px;
+                    list-style: inside;
+                    color: rgba(0, 0, 0, 0.85);
+                    &::marker{
+                      color: #D9D9D9 !important;
+                    }
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
+                  }
+                  li > ol li {
+                    // padding-bottom: 8px;
+                    &::marker{
+                      color: @color-text-tertiary-Tr !important;
+                    }
+
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
+                  }
+                  > li:last-of-type{
+                    pre{
+                      margin-bottom: 0;
+                    }
+                  }
+                }
+                // li{
+                //   margin-top:16px;
+                // }
+                // > * + ul, > * + ol {
+                //   margin-top:16px;
+                // }
+                // > ul + *, > ol + * {
+                //   margin-top:16px;
+                // }
+                > *:not(pre){
+                  word-break: break-all;
+                  padding-top: 8px;
+                  padding-bottom: 8px;
+                  &:first-child{
+                    padding-top: 0 !important;
+                  }
+                  &:last-child{
+                    padding-bottom: 0 !important;
+                  }
+                }
+                > h3,> h4{
+                  padding-top: 8px;
+                  padding-bottom: 4px;
+                }
+                > p +  p{
+                  padding-top: 4px;
+                  padding-bottom: 4px;
+                }
+
+                > pre:last-of-type{
+                  margin-bottom:0 ;
+
+                  &+ *{
+                    margin-top: 8px;
+                  }
+                }
+              }
+              table {
+                width: 100%;
+                padding: 0 !important;
+                margin: 8px 0;
+                border-collapse: separate;
+                border-top: 1px solid #dfe6ec;
+                border-left: 1px solid #dfe6ec;
+                thead tr th {
+                  background-color: #f8f8f9;
+                  padding: 8px;
+                  text-align: center;
+                  border-bottom: 1px solid #dfe6ec;
+                  border-right: 1px solid #dfe6ec;
+                }
+                tbody tr td {
+                  padding: 8px;
+                  line-height: 21px;
+                  height: 37px;//设置单元格最小高度
+                  border-bottom: 1px solid #dfe6ec;
+                  border-right: 1px solid #dfe6ec;
+                }
+              }
+
+              pre {
+                background: @color-background-fillquaternary;
+                border: 1px solid @color-border-secondary-Tr;
+                border-top: none;
+
+                padding: 12px;
+                line-height: 1.5;
+                margin: 4px 0;
+                margin-bottom: 8px;
+                border-radius: 0 0 4px 4px;
+                &.mermaid{
+                  text-align: center;
+                  border-top: 1px solid rgba(0, 0, 0, 0.06);
+                  border-radius: 4px;
+
+                  svg{
+                    height: auto;
+                    width: 100%;
+                    :global{
+                      .messageText {
+                        stroke: none !important;
+                      }
+                    }
+                  }
+                }
+              }
+              .maskZoomBox{
+                position: relative;
+                display: inline-block;    
+                max-width: 100%;
+                >img{
+                  max-width: 100%;
+                }
+                .zoomBox{
+                  width: 20px;
+                  height: 20px;
+                  font-size: 20px;
+                  color: #fff;
+                  display: none;
+                  position: absolute;
+                  top: 50%;
+                  left: 50%;
+                  transform: translate(-50%, -50%);
+                  z-index: 2;
+                  cursor: pointer;
+                }
+                &::after{
+                  content: '';
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  width: 100%;
+                  height: 100%;
+                  background-color: rgba(0, 0, 0, .3);
+                  border-radius: 4px;
+                  display: none;
+                  align-items: center;
+                  justify-content: center;
+                  z-index: 1;
+                }
+                &:hover{
+                  &::after{
+                    display: flex;
+                  }
+                  .zoomBox{
+                    display: block;
+                  }
+                }
+              }        
+              // 最后一行操作按钮
+              .operate_modal_bottom{
+                position: relative;
+                top: 12px ;
+                &::before{
+                  content: '';
+                  display: block;
+                  width: calc(100% + 32px);
+                  height: 1px;
+                  background-color: rgba(0, 0, 0, 0.06);
+                  position: absolute;
+                  bottom: 42px;
+                  left: -16px;
+                }
+                &>p{
+                  padding: 12px 0;
+                }
+                .find_teacher{
+                  padding: 0;
+                  background-color: transparent;
+                  color: @color-text-primary;
+                }
+                .operate{
+                  :global{
+                    .anticon{
+                      display: inline-block;
+                      width: 20px;
+                      height: 20px;
+                      &:hover{
+                        background-color: @color-background-filltertiary-Tr;
+                      }
+                    }
+                  }
+                }
+              }
+
+              .find_teacher_con{
+                color: @color-text-primary;
+                cursor: pointer;
+              }
+            }
+            .sign{
+              background-color: #1890ff;
+              color: #fff;
+            }
+
+
+            // //视频摘要内容
+            // .video_abstract{
+            //   .title{
+            //     position: relative;
+            //     p{
+            //       color: #000;
+            //       font-size: 14px;
+            //       font-weight: 600;
+            //       line-height: 150%; /* 21px */
+            //       position: relative;
+            //       z-index: 2;
+            //     }
+            //     span{
+            //       display: block;
+            //       width: 56px;
+            //       height: 6px;
+            //       background-color: @color-background-primary-weak-hover;
+            //       position: absolute;
+            //       bottom: 0px;
+
+            //     }
+
+            //   }
+            //   .abstract{
+            //     padding: 16px 0;
+            //     color: @color-text-Tr;
+            //     font-size: 14px;
+            //     line-height: 150%; /* 21px */
+            //     border-bottom: 1px solid @color-border-secondary-Tr;
+            //     margin-bottom: 16px;
+            //     border-width: calc(100% + 32px);
+            //     border-left: -18px;
+            //   }
+            //   .main_knowledge{
+            //     .item{
+            //       color: @color-text-Tr;
+            //       font-size: 14px;
+            //       line-height: 150%; /* 21px */
+            //       .brief_summary{
+            //         padding-right: 100px;
+            //         position: relative;
+            //         display: flex;
+            //         margin: 16px 0;
+            //         .video_time{
+            //           padding: 4px 8px;
+            //           background-color: #CCE7FF;
+            //           color: @color-text-info;
+            //           font-size: 12px;
+            //           line-height: 1;
+            //           position: absolute;
+            //           right: 0;
+            //         }
+            //         .icon{
+            //           display: inline-block;
+            //           width: 21px;
+            //           height: 21px;
+            //           margin-right: 4px;
+            //           svg{
+            //             color:@color-icon-fill-Tr;
+            //           }
+            //         }
+            //         .icon_active{
+            //           svg{
+            //             color:@color-icon-hover;
+            //           }
+            //         }
+            //       }
+            //       .brief_summary_con{
+            //         margin-top: 16px;
+            //         padding-left: 46px;
+            //         position: relative;
+            //         &::before{
+            //           content: '';
+            //           display: block;
+            //           width: 6px;
+            //           height: 6px;
+            //           border-radius: 50%;
+            //           background-color: @color-text-quaternary-Tr;
+            //           position: absolute;
+            //           left: 30px;
+            //           top: 8px;
+            //         }
+            //       }
+            //     }
+            //   }
+            // }
+          }
+          .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-primary;
+                font-size: 12px;
+                line-height: 1;
+                // padding: 2px 8px;
+                // background-color: @color-background-filltertiary-Tr;
+                // margin-right: 16px;
+                // &:hover{
+                //   color: @color-text-primary;
+                // }
+              }
+            }
+
+            &.bottom{
+              top:3px;
+              .operate{
+                box-shadow: 0px -4px 10px 4px rgba(0, 0, 0, 0.1);
+              }
+            }
+          }
+
+        }
+        .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{
+          padding-left: 0;
+          li {
+            padding-top: 16px;
+            color: #5991ef;
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 1.8;
+            cursor: pointer;
+            list-style-type: none;
+          }
+
+        }
+
+
+      .association_problem_flag{
+
+        li{
+          padding-left: 30px;
+          position: relative;
+          &::after{
+            content: '';
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background-color: rgba(217, 217, 217, 1);
+            display: block;
+            position: absolute;
+            top: 26px;
+            left: 10px;
+          }
+        }
+
+        li:first-child{
+          padding-left:0;
+          &::after{
+            display: none;
+          }
+        }
+
+        .related_issues_flag{
+          span{
+            color: #000;
+            font-weight: 600;
+            border-bottom: 6px solid @color-background-primary-weak-hover;
+            display: inline-block;
+            height: 22px;
+          }
+
+        }
+      }
+
+
+        .img_con{
+          width: 100%;
+          text-align: center;
+          position: relative;
+          border-radius: 4px;
+          overflow: hidden;
+          display: inline-flex;
+          margin-top: 12px;
+          width: 240px;
+          max-height: 134px;
+          img{
+            width: 240px;
+            height: fit-content;
+          }
+          .mask_zoom{
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.3);
+            border-radius: 4px;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            svg{
+              font-size: 20px;
+              color: #fff;
+              cursor: pointer;
+            }
+
+          }
+          &:hover{
+            .mask_zoom{
+              display: flex;
+            }
+          }
+        }
+        .img_con2{
+          width: 300px;
+          max-height: 168px;
+          img{
+            width: 300px;
+            height: fit-content;
+          }
+        }
+
+        .copyCode{
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          border-radius: 4px 4px 0px 0px;
+          border: 1px solid @color-border-secondary-Tr;
+          border-bottom-color: @color-border-secondary-Tr;
+          background: @color-background-fillquaternary-Tr;
+          text-align: right;
+          height: 37px;
+          line-height: 37px !important;
+          padding: 0 !important;
+          padding-right: 16px !important;
+          position: relative;
+          top: 6px;
+          cursor: pointer;
+          font-weight: 400 !important;
+          .icon{
+            display: none;
+          }
+          :global{
+            .copy{
+              display: block;
+            }
+          }
+          svg{
+            color: @color-text-Secondary-Tr;
+            margin-right: 8px;
+            font-size: 16px;
+            position: relative;
+            top: 2px;
+          }
+          &:has(+ pre.mermaid) {
+            display: none !important;
+          }
+        }
+        :global{
+          .copy_success{
+
+            .copyCode{
+              color:@color-text-primary;
+            }
+            .copy{
+              display: none;
+            }
+            .copy_success_flag{
+              display: inline-block;
+              svg{
+                color:@color-text-primary;
+              }
+            }
+          }
+        }
+        p>code{
+          border: none;
+          background-color: @color-background-fillsecondary-Tr;
+          border-radius: 2px;
+          color: #000;
+          padding: 0 2px;
+        }
+        li{
+          &>code{
+              border: none;
+              background-color: @color-background-fillsecondary-Tr;
+              border-radius: 2px;
+              color: #000;
+              padding: 0 2px;
+          }
+          :global{
+            ::marker {
+              // font-weight: 600 !important;
+              color: rgba(0, 0, 0, 0.85);
+            }
+          }
+          ::marker {
+            // font-weight: 600 !important;
+            color: rgba(0, 0, 0, 0.85);
+          }
+          p{
+            font-weight: 400 !important;
+            strong{
+              border-bottom: 6px solid @color-background-primary-weak-hover;
+              height: 20px;
+              display: inline-block;
+              font-weight: 600;
+            }
+          }
+
+        }
+
+      }
+
+      .time {
+        display: block;
+        // margin: 40px 0;
+        // margin-bottom: 16px;
+        padding:40px 0;
+        padding-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;
+          }
+        }
+        .img_con{
+          width: 100%;
+          text-align: center;
+          position: relative;
+          border-radius: 4px;
+          overflow: hidden;
+          display: inline-flex;
+          margin-top: 12px;
+          width: 240px;
+          max-height: 134px;
+          img{
+            width: 240px;
+            height: fit-content;
+          }
+          .mask_zoom{
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.3);
+            border-radius: 4px;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            svg{
+              font-size: 20px;
+              color: #fff;
+              cursor: pointer;
+            }
+
+          }
+          &:hover{
+            .mask_zoom{
+              display: flex;
+            }
+          }
+        }
+        .img_con2{
+          width: 300px;
+          max-height: 168px;
+          img{
+            width: 300px;
+            height: fit-content;
+          }
+        }
+      }
+
+      .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;
+      }
+      &.mermaid{
+        background: #fafafa !important;
+        color: #111;
+        text-align: center;
+      }
+    }
+  }
+  //隐藏聊天头像
+  .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;
+        }
+      }
+    }
+    .issues_list_flag {
+      // position: absolute;
+      // bottom: 60px;
+      margin: 0 16px;
+      // padding-bottom: 4px;
+      line-height: 1;
+      padding-top: 24px;
+      p{
+        padding: 8px 16px;
+        background-color: #fff;
+        border-radius: 38px;
+        margin-bottom: 16px;
+        line-height: 1.5;
+        display: inline-block;
+
+        cursor: pointer;
+        &:hover{
+          background-color: @color-background-primary-weak;
+          color: @color-border-primary;
+        }
+      }
+    }
+    .Drawer_buttom {
+      display: flex;
+      align-items: flex-end;
+      // margin-bottom: 12px;
+      padding: 0 16px;
+      padding-bottom: 12px;
+      .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;
+            }
+          }
+
+          .picture_layout{
+            display: flex;
+            align-items: center;
+            padding-bottom: 12px;
+            border-bottom: 1px solid @color-border-secondary-Tr;
+            margin-bottom: 12px;
+            &:hover{
+              // background-color: rgba(0, 0, 0, 0.02);
+              cursor: pointer;
+            }
+            .left{
+              width: 90px;
+              height: 60px;
+              position: relative;
+              border-radius: 4px;
+
+              img{
+                width: 100%;
+                height: 100%;
+                border-radius: 4px;
+                overflow: hidden;
+              }
+              .icon_close{
+                position: absolute;
+                top: -8px;
+                right: -8px;
+                z-index: 2;
+                span{
+                  font-size: 18px;
+                  color: rgba(0, 0, 0, 0.45);
+                }
+              }
+              .icon_zoom{
+                position: absolute;
+                background: rgba(0,0,0,0.3);
+                width: 100%;
+                height: 100%;
+                top: 0;
+                text-align: center;
+                display: none;
+                align-items: center;
+                justify-content: center;
+                border-radius: 4px;
+                :global{
+                  .anticon{
+                    color: #fff;
+                  }
+                }
+                .anticon{
+                  color: #fff;
+                  font-size: 18px;
+                }
+              }
+              &:hover{
+                .icon_zoom{
+                  display: flex;
+                }
+              }
+            }
+            .right{
+              margin-left: 24px;
+              p{
+                display: inline-flex;
+                align-items: center;
+                padding: 2px 8px;
+                background-color: @color-background-filltertiary-Tr;
+                color: @color-text-Tr;
+                line-height: 1.5;
+                &:first-child{
+                  margin-bottom: 8px;
+                }
+                span{
+                  margin-right: 4px;
+                }
+                :global {
+                  .anticon{
+                    vertical-align: middle !important;
+                  }
+                }
+
+                svg{
+                  color: @color-text-Tr;
+                  font-size: 20px;
+                }
+              }
+            }
+          }
+        }
+        & > .no_AI {
+          width: 100%;
+          textarea {
+            padding-right: 12px;
+          }
+        }
+        .screenshot {
+          position: absolute;
+          right: 16px;
+          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;
+
+              //display: flex;
+              //align-items: center;
+              img{
+                margin-right: 8px;
+                width: 60px;
+                object-fit: cover;
+              }
+            }
+          }
+          .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;
+            cursor: pointer;
+          }
+        }
+        .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.85);
+  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: rgba(0, 0, 0, 0.04);
+      .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;
+            position: relative;
+            left: -15px;
+          }
+
+          //展开
+          .active{
+            left: -11px;
+            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;
+    }
+    .bhd-spin-nested-loading {
+      height: calc(100% - 72px - 57px);
+      & >div>.bhd-spin{
+        max-height:436px;
+      }
+    }
+  }
+}
+//全屏下的历史记录
+.history_list_broadside {
+  width: 417px;
+  height: calc(100% - 48px);
+  right: 0;
+  top: 38px;
+  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);
+      height: 100%;
+      max-height: 100%;
+      // .list{
+      //   margin: 8px 16px 17px;
+      // }
+
+
+    }
+    :global{
+      .bhd-spin-container{
+        height:100%
+      }
+    }
+  }
+  .open{
+    left: -7px !important;
+  }
+  .active{
+    left: -4px !important;
+  }
+}
+//老师列表
+.teacher_list{
+    .name{
+      margin-bottom: 0!important;
+      font-weight: 400 !important;
+      .sign{
+        color: @color-text-primary;
+      }
+    }
+}
+//截图功能
+.screenshot_Modal{
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99;
+  width:100% !important;
+  height: 100% !important;
+  background-color: transparent !important;
+  // background-color: burlywood;
+  .ReactCrop{
+    cursor: default !important;
+  }
+  :global{
+    .ReactCrop__child-wrapper{
+      position: fixed;
+      width: 100% !important;
+      height: 100% !important;
+      top: 0 !important;
+      left: 0 !important;
+      cursor: default !important;
+    }
+  }
+  :global{
+    .ReactCrop{
+      width: 100% !important;
+      height: 100% !important;
+      top: 0 !important;
+      left: 0 !important;
+      cursor: default !important;
+    }
+
+  }
+
+  .screenshot_Modal_btn{
+    position: fixed !important;
+    z-index: 999;
+    border-radius: 4px;
+    background: #FFF;
+    padding: 8px 12px;
+    width: 88px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    &>span{
+      display: inline-block;
+      width: 24px;
+      height: 24px;
+      border-radius: 2px;
+      text-align: center;
+      .anticon{
+        padding-top: 3.5px;
+      }
+      &:hover{
+        background-color: rgba(0, 0, 0, 0.04);
+      }
+      svg{
+        font-size: 18px;
+        color: rgba(244, 82, 59, 1);
+      }
+
+    }
+    &>span:nth-child(2){
+      display: inline-block;
+      width: 24px;
+      height: 24px;
+      border-radius: 2px;
+      &:hover{
+        background-color: rgba(0, 0, 0, 0.04);
+      }
+      svg{
+        color: rgba(35, 217, 195, 1);
+      }
+    }
+  }
+}
+
+strong {
+  font-weight: bold !important;
+}
+
+.viewMedia_Modal {
+  :global {
+    .bhd-modal {
+      width: 100% !important;
+      height: 100% !important;
+      min-height: 600px;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      max-width: none;
+      .bhd-modal-content {
+        width: 100%;
+        height: 100%;
+        background: transparent;
+        box-shadow: none;
+        border-radius: none;
+        .bhd-modal-body {
+          width: 100%;
+          height: 100%;
+          padding: 0px;
+        }
+      }
+    }
+    .bhd-modal-close-x{
+      color: #fff !important;
+    }
+  }
+}
+.viewMemaid{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  > *{
+    background: #fafafa;
+    padding: 10px;
+  }
+  
+}