.container[data-v-d1d115be] {
  width: 100%;
  height: 100%;
  padding-bottom: 18.666667vw;
}
.container .content[data-v-d1d115be]::-webkit-scrollbar {
  display: none;
}
.container .content[data-v-d1d115be] {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  overflow-y: scroll;
}
.container .content .child[data-v-d1d115be] {
  padding: 3.2vw;
  display: flex;
  justify-content: space-between;
  background-color: white;
}
.container .content .child .headImg[data-v-d1d115be] {
  position: relative;
  display: flex;
  justify-content: center;
}
.container .content .child .headImg .role[data-v-d1d115be] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  white-space: nowrap;
  height: 5.066667vw;
  line-height: 5.066667vw;
  text-align: center;
  color: #ffffff;
  padding: 1px 1.6vw 0;
  border-radius: 2.666667vw;
  background: green;
  font-size: 3.2vw;
}
.container .content .child .headImg .role0[data-v-d1d115be] {
  background: linear-gradient(180deg, #FC8546 0%, #FF2B47 100%);
}
.container .content .child .headImg .role1[data-v-d1d115be] {
  background: linear-gradient(180deg, #FD2FF5 0%, #B600C6 100%);
}
.container .content .child .headImg .role2[data-v-d1d115be] {
  background: linear-gradient(180deg, #00E7BD 0%, #00D5A7 100%);
}
.container .content .child .headImg .role3[data-v-d1d115be] {
  background: linear-gradient(180deg, #63A7FD 0%, #4584FD 100%);
}
.container .content .child .headImg .role4[data-v-d1d115be] {
  background: linear-gradient(180deg, #FF7272 0%, #FF5661 100%);
}
.container .content .child .headImg .role5[data-v-d1d115be] {
  background: linear-gradient(180deg, #15D2FF 0%, #5697FF 100%);
}
.container .content .child .headImg .role6[data-v-d1d115be] {
  background: linear-gradient(180deg, #FFC915 0%, #FFAA56 100%);
}
.container .content .child .content-left[data-v-d1d115be] {
  flex: 1;
  margin-left: 3.2vw;
}
.container .content .child .content-left > .name[data-v-d1d115be] {
  padding-top: 1.6vw;
  font-size: 4.533333vw;
  color: #030718;
}
.container .content .child .content-left > .mark[data-v-d1d115be] {
  padding-top: 2.666667vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .content .child .content-left .lastMsg[data-v-d1d115be] {
  color: #878B97;
  font-size: 3.733333vw;
}
.container .content .child .content-left .userType[data-v-d1d115be] {
  font-size: 3.733333vw;
  background-color: #ff6a00;
  color: white;
}
.container .content .child .content-right[data-v-d1d115be] {
  width: 18%;
  text-align: right;
}
.container .content .child .content-right .createTime[data-v-d1d115be] {
  padding-top: 2.666667vw;
  font-size: 3.2vw;
  color: #999999;
  overflow: hidden;
}
.container .content .child .content-right .msgCount[data-v-d1d115be] {
  margin-top: 3.2vw;
}
.container .content .child .content-right .msgCount span[data-v-d1d115be] {
  width: 4.8vw;
  height: 4.8vw;
  line-height: 4.8vw;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
}
.container .content .child .content-right .msgCount .msgCount-red[data-v-d1d115be] {
  background-color: #FF2B47;
  color: white;
}
.container .content .zanwu[data-v-d1d115be] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 13.333333vw);
}
.container .content .zanwu .null-box .null-img[data-v-d1d115be] {
  width: 40vw;
  height: 40vw;
}
.container .content .zanwu .null-text[data-v-d1d115be] {
  color: #999999;
  text-align: center;
  font-size: 3.733333vw;
}