._content {
  width: 100%;
  height: 700px;
  background: #EEF6F5;
  border-radius: 6px;
  display: grid;

}
._content_list {
  padding: 26px 15px;
  overflow-y: auto;
  height: 600px;
}

._content_list_item {
  margin-bottom: -7px;
}

._content_list_item_time {
  font-weight: 500;
  font-size: 14px;
  color: #5E6C84;
  margin-bottom: -5px;

}

._content_list_item_time::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  background: #64C8BC;
  border-radius: 6px;
  margin-right: 10px;
}

._content_list_item_dis {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

._content_list_item_dis_list {
  padding: 10px;
  display: inline-block;
  flex: 1;
  height: vh(130);
  background: #FFFFFF;
  border-radius: 6px;
  vertical-align: top;
  margin: 10px 0;
}

._title {
  font-weight: 500;
  font-size: 14px;
  color: #5E6C84;
  line-height: 20px;
  margin-bottom: 8px;
}

._text {
  font-weight: 400;
  font-size: 12px;
  color: #8E95A0;
  margin-bottom: 8px;
}

.dis {
  min-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

._content_list_item_dis::before {
  content: "";
  display: inline-block;
  margin: 0 15px -7px 5px;
  width: 1px;
  height: 140px;
  background: #64C8BC;
}

.div_center_panel_split {
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
}

.div_user_panel {
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
}

.div_dialogue_visualizer_overview p{
  float: left;
  word-wrap: break-word;
}

/*input box*/
.div_user_input_dialogue {
  display: grid;
  /*  grid-template-rows: 600px 100px;
  */
  margin: 0px;
  grid-row-gap: 5px;

}

.div_panel_button {
  display: grid;
  grid-template-columns: 140px 140px 140px;
  grid-column-gap: 5px;
}

.textarea_user_input_dialogue {
  width: 400px;
  height: auto;
  min-height: 450px;
  max-height: 700px;
  font-size: 16px;
  font-family: 'microsoft yahei', arial;
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
}

.button{
  background-color: #51be95;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-border-radius: 5px;
  border: none;
  padding: 10px 25px 10px 25px;
  color: #FFF;
  text-shadow: 1px 1px 1px #949494;
  /*按钮字体*/
  font-size: 16px;
  font-family: 'microsoft yahei', arial;
}

.button_dialogue_panel {
  width: 130px;
}

.a_dialogue_link {
  color: #24a0ed;
  word-wrap:break-word;
}

.a_agent_header {
  color: #24a0ed;
  word-wrap:break-word;
  font-size: 18px;
  margin: 0 auto;
}

#div_multi_agent_header {
  display: grid;
}

#div_multi_agent_display {
  display: grid;
}