.container-conversation.data-v-96558e3e { display: flex; flex-direction: column; box-sizing: border-box; background-color: #F7F8FA; height: 100vh; width: 100%; } .scroll-box.data-v-96558e3e { height: calc(100vh - 165rpx); overflow-y: scroll; } .margintop-bar.data-v-96558e3e { margin-bottom: 160 rpx; } .btn-show-more.data-v-96558e3e { display: flex; width: 160rpx; height: 160rpx; padding-left: 3rpx; } .picker.data-v-96558e3e { display: flex; justify-content: center; align-items: center; width: 100%; height: 96rpx; } .bottom-back.data-v-96558e3e { position: fixed; height: 160rpx; width: 100%; bottom: 0; right: 0; left: 0; background-color: #F4F5F9; z-index: 3; } .bottom-area.data-v-96558e3e { flex-direction: column; position: absolute; bottom: 60rpx; right: 0; left: 0; margin: auto; width: 100px; display: flex; justify-content: center; align-items: center } .im-link.data-v-96558e3e { width: 218rpx; height: 36rpx; font-size: 28rpx; line-height: 36rpx; margin: 0 auto; color: #006EFF; } .conversation-bubble.data-v-96558e3e { padding-top: 40rpx; position: absolute; width: 300rpx; padding-right: 3px; background-color: #FFFFFF; height: 320rpx; bottom: 220rpx; z-index: 100; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08); border-radius: 14rpx; } .conversation-bubble.data-v-96558e3e:before, .conversation-bubble.data-v-96558e3e:after { content: ""; display: block; border-width: 20px; position: absolute; bottom: -40px; left: 54px; border-style: solid dashed dashed; border-color: #fff transparent transparent; font-size: 0; line-height: 0; margin-left: 4px } .conversation-bubble.data-v-96558e3e:after { bottom: -33px; border-color: #fff transparent transparent; }