.container[data-v-438e73a2] {
  width: 800px;
  height: 480px;
}
.box_left[data-v-438e73a2] {
  float: left;
  height: 480px;
  width: 40%;
  overflow: auto;
}
.box_right[data-v-438e73a2] {
  float: right;
  height: 480px;
  width: 49%;
  overflow: auto;
}
.box_right span[data-v-438e73a2] {
  font-size: 14px;
}
.box_right .a-empty[data-v-438e73a2] {
  margin-top: 50px;
}
[data-v-438e73a2]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f0f0f0;
}
/*定义滚动条轨道 内阴影+圆角*/
[data-v-438e73a2]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
          box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, 0.5);
}
/*定义滑块 内阴影+圆角*/
[data-v-438e73a2]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
          box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  background-color: rgba(240, 240, 240, 0.5);
}
.list_box[data-v-438e73a2] {
  float: left;
}

.message-suggestions-list-box[data-v-415413e9] {
  padding: 5px 10px;
  background-color: white;
}
.message-suggestions-list-box .search-box[data-v-415413e9] {
  padding: 20px 20px 0;
}
.message-suggestions-list-box .components-table-demo-nested[data-v-415413e9] {
  padding: 20px;
}
.message-suggestions-list-box .message_box[data-v-415413e9] {
  padding: 20px;
}
.left_content[data-v-415413e9] {
  width: 90%;
  margin-left: 3%;
  margin-top: 100px;
  padding-top: 1px;
}
.left[data-v-415413e9] {
  background-image: url(../img/wx_bg.2d33b13a.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.avatar[data-v-415413e9] {
  width: 15%;
  float: left;
}
.des[data-v-415413e9] {
  width: 84%;
  float: right;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 8px;
}
.record_top[data-v-415413e9] {
  height: 50px;
  line-height: 50px;
  margin-left: 2%;
}
.record_center[data-v-415413e9] {
  margin-left: 2%;
  height: 90px;
  width: 95%;
  background-color: #E0E0E0;
}
.center_box[data-v-415413e9] {
  float: left;
  width: 25%;
  border: 1px solid lightgray;
  height: 90px;
  text-align: center;
  line-height: 43px;
}
.record_bottom[data-v-415413e9] {
  margin-left: 2%;
  width: 95%;
  margin-top: 20px;
}
[data-v-415413e9]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f0f0f0;
}
/*定义滚动条轨道 内阴影+圆角*/
[data-v-415413e9]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
          box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, 0.5);
}
/*定义滑块 内阴影+圆角*/
[data-v-415413e9]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
          box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  background-color: rgba(240, 240, 240, 0.5);
}