yuminge-app/yun-min-program-plugin-master/packageE/video_question/video_question.wxss

/* packageE/video_question/video_question.wxss */
.aaa::after {
  position: absolute;
  content: '';
  top: 32rpx;
  right: 5rpx;
  width: 8rpx;
  height: 8rpx;
  background-color: #f15353;
  border-radius: 50%;
}

#video_question .answer {
  width: 100%;
  height: 100%;
  background: #fff;
}

#video_question .posBtn {
  width: 90rpx;
  height: 90rpx;
  background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/ksdt@3x.png);
  background-size: 100% 100%;
  position: fixed;
  bottom: 288rpx;
  right: 28.92rpx;
  z-index: 999;
}

#video_question .posBtnRecord {
  width: 80rpx;
  height: 80rpx;
  position: fixed;
  bottom: 198.4rpx;
  right: 33.92rpx;
  border-radius: 100%;
  border: 1px solid #f15353;
  background: #fff;
  color: #f15353;
  padding: 9.6rpx 6.4rpx;
  font-size: 21rpx;
  z-index: 999;
  box-sizing: border-box;
  text-align: center;
}

#video_question .messageBox {
  padding: 88.96rpx 30.08rpx;
  height: 600rpx;
}

.messageBox scroll-view {
  height: 600rpx;
}

#video_question .messageBox .dfin {
  width: 100%;
  height: 100%;

  /* overflow-y: scroll; */
}

#video_question .messageBox .messageLine {
  /* width: 689.92rpx; */
  height: 140.16rpx;
  background-color: #f6f6f6;
  border-radius: 15.04rpx;
  display: flex;
  text-align: left;
  justify-content: center;
  align-items: center;
  padding: 40rpx 30.08rpx;
}

#video_question .messageBox .message_time {
  text-align: center;
  font-size: 22.08rpx;
  color: #999;
  margin-bottom: 23.04rpx;
}

#video_question .list {
  background: #fff;
}

#video_question .list .listBox {
  padding: 30.08rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 100rpx;
}

#video_question .list .listBox .li {
  width: 335.04rpx;
  margin-bottom: 16rpx;
}

#video_question .list .listBox .li .img {
  width: 335.04rpx;
  height: 446.08rpx;
  background-color: #e8e8e8;
  border-radius: 15.04rpx;
}

#video_question .list .listBox .li .img image {
  width: 100%;
  height: 100%;
  border-radius: 15.04rpx;
}

#video_question .list .listBox .li .bot_text {
  text-align: left;
  font-size: 28.16rpx;
  margin-top: 23.04rpx;
  line-height: 32rpx;
}

#video_question .grid {
  background: #fff;
  padding-top: 55rpx;
}

#video_question .top_o {
  background-color: #24d8a8;
  border-radius: 0rpx 0rpx 64rpx 64rpx;
  overflow: hidden;
  text-align: center;
}

#video_question .top_o .top_o_t {
  font-size: 24rpx;
  color: #fff;
  line-height: 48rpx;
  margin-top: 24.96rpx;
}

#video_question .top_o .line {
  margin-top: 64rpx;
  margin-left: 34.88rpx;
  margin-right: 32.96rpx;
  display: flex;
  align-items: center;
}

#video_question .top_o .line .line_t {
  color: #fff;
  font-size: 24rpx;
  margin-right: 20rpx;
}

#video_question .top_o .line .progress {
  flex: 1;
  height: 14.08rpx;
  border-radius: 7.04rpx;
  background: #fff;
  position: relative;
}

#video_question .top_o .line .progress span {
  font-size: 20.16rpx;
  color: #fff;
}

#video_question .top_o .line .progress .cir_pos_b {
  position: absolute;
  right: 0;
  bottom: -32rpx;
}

#video_question .top_o .line .progress .cir {
  border-radius: 7.04rpx;
  position: relative;
  height: 100%;
  background: #8dffe1;
}

#video_question .top_o .line .progress .cir .cir_img {
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/yjjx2@3x.png");
  width: 70.08rpx;
  height: 46.08rpx;
  background-size: 100% 100%;
  position: absolute;
  top: -51.2rpx;
  right: -32rpx;
  line-height: 32rpx;
  font-size: 20.16rpx;
  color: #24d8a8;
  text-align: center;
}

#video_question .top_o .line .progress .cir .cir_pos {
  width: 24rpx;
  height: 24rpx;
  background-color: #8dffe1;
  border: solid 0.96rpx #fff;
  position: absolute;
  right: -10.4rpx;
  top: -4.8rpx;
  border-radius: 50%;
}

#video_question .top_o .line .progress .cir .cir_pos_a {
  position: absolute;
  left: 0;
  bottom: -32rpx;
}

#video_question .banner {
  height: 310.08rpx;
  border-radius: 20.16rpx;
  margin: 0 30.08rpx;
  margin-top: -121.92rpx;
  overflow: hidden;
}

#video_question .banner image {
  width: 100%;
  height: 100%;
}

.my-swipe {
  width: 100%;
  height: 100%;
}

.van-tab {
  padding: 0 1px !important;
}