Face2FaceTranslator/components/result-bubble/index.wxss

.bubble-wrap {
  position: relative;
}
.wait-point {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:3px;
  background-color: #ddd;
  margin: 0 2px;

}
.loading {
  position: relative;
}

.line-between {
  height: 1px;
  width: 100%;
  background: #F1F1F1;
  overflow: hidden;
  margin: 30rpx 0;
}

.create-time {
  font-size:28rpx;
  color: #B2B2B2;
  margin-bottom:10px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}

.section-body{
  word-wrap: break-word;
  position: relative;
  width:100%;
  background: #FFFFFF;
  box-shadow: 0 2px 16px 2px rgba(0,0,0,0.03);
  padding:50rpx 60rpx;
  box-sizing: border-box;
  min-height: 260rpx;
}

.text-detail {
  font-size: 36rpx;
  line-height: 1.231;
  vertical-align: text-bottom;
  box-sizing: border-box;
  font-family: "PingFang-SC-Regular","SimSun","Microsoft Yahei";
  font-variant-ligatures: none;
}

.text-detail-en_US {
  line-height: 1.231;
}

.text-detail-zh_CN {
  line-height: 1.41;
}

.translate-message,
.send-message {
  position: relative;
  padding: 0 2px;
}

.send-message  .text-detail {
  color: #9B9B9B;
}

.edit-icon {
  position: absolute;
  display: flex;
  align-items: center;
  right: 8rpx;
  bottom: 0;
  padding: 0 8rpx;
  bottom: 7rpx;
}

.edit-icon-img {
  width:40rpx;
  height:40rpx;
}

.play-icon {
  position: absolute;
  right: 3rpx;
  bottom: 7rpx;
  padding: 0 8rpx;
  display: flex;
  align-items: center;
}

.edit-icon::before
.play-icon::before {
  content:"";
  position:absolete;
  top:-10rpx;
  left:-10rpx;
  bottom:-10rpx;
  right:-10rpx;
}


.text-content {
  margin: 0 48px 0 0;
  box-sizing: border-box;
}


.modal-wrap {
  position: absolute;
  width: 100%;
  box-sizing:border-box;
}
/* 重置navigator样式 */
.navigator-hover {
  background-color: #fff;
}