@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
.main.data-v-cab410cc {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.main .one.data-v-cab410cc {
  position: relative;
  flex-grow: 1;
}
.main .one .scroll-view .chat-ls.data-v-cab410cc {
  padding: 2vw 2vw 0 2vw;
}
.main .one .scroll-view .chat-ls .chat-time.data-v-cab410cc {
  font-size: 24rpx;
  color: rgba(39, 40, 50, 0.3);
  line-height: 34rpx;
  padding: 10rpx 0rpx;
  text-align: center;
}
.main .one .scroll-view .chat-ls .msg-m.data-v-cab410cc {
  display: flex;
  padding: 20rpx 0;
}
.main .one .scroll-view .chat-ls .msg-m .user-img.data-v-cab410cc {
  flex: none;
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
  border: 1px solid #c0c0c0;
}
.main .one .scroll-view .chat-ls .msg-m .message.data-v-cab410cc {
  flex: none;
  max-width: 480rpx;
}
.main .one .scroll-view .chat-ls .msg-m .img.data-v-cab410cc {
  margin: 0 20rpx;
}
.main .one .scroll-view .chat-ls .msg-m .msg-text.data-v-cab410cc {
  font-size: 32rpx;
  color: #272832;
  line-height: 44rpx;
  padding: 18rpx 24rpx;
  word-break: break-all;
}
.main .one .scroll-view .chat-ls .msg-m .msg-img.data-v-cab410cc {
  max-width: 400rpx;
  border-radius: 20rpx;
}
.main .one .scroll-view .chat-ls .msg-left.data-v-cab410cc {
  flex-direction: row;
}
.main .one .scroll-view .chat-ls .msg-left .msg-text.data-v-cab410cc {
  word-break: break-all;
  margin-left: 16rpx;
  background-color: #f1f1f1;
  border-radius: 0rpx 20rpx 20rpx 20rpx;
}
.main .one .scroll-view .chat-ls .msg-left .ms-img.data-v-cab410cc {
  margin-left: 16rpx;
}
.main .one .scroll-view .chat-ls .msg-right.data-v-cab410cc {
  flex-direction: row-reverse;
}
.main .one .scroll-view .chat-ls .msg-right .msg-text.data-v-cab410cc {
  margin-right: 16rpx;
  background-color: var(--f3CColor);
  border-radius: 20rpx 0rpx 20rpx 20rpx;
}
.main .one .scroll-view .chat-ls .msg-right .ms-img.data-v-cab410cc {
  margin-right: 16rpx;
}
.main .one .problem.data-v-cab410cc {
  width: 60%;
  padding: 2vw;
  margin: 0 0 0 2vw;
  color: var(--mainColor);
  background-color: var(--f3CColor);
  border-radius: 10px;
}
.main .one .problem .list.data-v-cab410cc {
  display: flex;
  justify-content: space-between;
  padding: 2vw;
  border-bottom: 1px solid var(--f9Color);
}
.main .two.data-v-cab410cc {
  background-color: #f0f0f0;
  border-top: 1px solid rgba(39, 40, 50, 0.1);
}
.scroll-view.data-v-cab410cc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-view .list-scroll-view.data-v-cab410cc {
  display: flex;
  flex-direction: column;
}
.is_bottom.data-v-cab410cc {
  width: 100%;
  text-align: center;
}
.is_bottom text.data-v-cab410cc {
  padding: 2vw 0;
  display: inline-block;
  color: var(--f85Color);
  font-size: var(--font14Size);
}

