bhd-components 0.6.9 → 0.7.1

package/esm/customerService/index2.module.less

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