jili2-wxapp/pages/complain/detail/index.wxss

/* pages/repair/repair.wxss */
.public_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 32rpx;
  margin-top: 24rpx;
  margin-left: 14rpx;
}

.public_title_left{
  width: 1rpx;
  height: 40rpx;
  /* background-color: #3495A5; */
}
.public_title_right{
  margin-left: 16rpx;
  width: 136rpx;
  height: 32rpx;
  color: var(--themeColor);
  font-size: 34rpx;
  font-weight: bold;
  font-family:PingFang-SC-Bold;
}

.hide{
  display: none;
}
.container,page{
  background-color: #F1F1F1;
}

.public_view{
  width: 710rpx;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  margin: 15rpx 20rpx;
  border-radius: 20rpx;
}

.task_content{
  height: 302rpx;
}
.task_content_input{
  padding: 20rpx;
  display: flex;
  flex-direction: row;
}
.task_content_input .textarea{
  width: 554rpx;
  height: 180rpx;
}
.task_content_input image{
  width: 112rpx;
  height: 112rpx;
}

.task_box{
  width: 670rpx;
  height: auto;
  background-color: #FFFFFF;
  border-radius: 8rpx;
  margin: 20rpx;
  padding: 20rpx;
}
.task_content_title{
  width: 100%;
  display: block;
  margin-bottom: 20rpx;
  font-weight: bold;
}

.video-icon {
  width: 45rpx;
  height: 45rpx;
}

.repair_type{
  height: 182rpx;
  margin-bottom: 20rpx;
}
.repair_content{
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 24rpx 0 24rpx 58rpx;
  align-items: center;
}
.repair_content_left{
  font-size: 32rpx;
}
.repair_content_center{
  width: 512rpx;
  text-align: right;
  margin-right: 10rpx;
}
.repair_content_right{
  width: 12rpx;
  height: 20rpx;
}

.public_view.images{
  height: 300rpx;
  margin-bottom: 20rpx;
}
.images_imgs{
  margin: 44rpx 50rpx;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.images_img{
  width: 120rpx;
  height: 120rpx;
  margin: 0 20rpx;
}
/* .imglists{
  margin: 0 10rpx 10rpx 0;
} */

.button_view{
  width: 100%;
  height: 210rpx;
  background-color: #F1F1F1;
}
button{
  width: 640rpx;
  height: 72rpx;
  line-height: 72rpx;
  color: #FFFFFF;
  font-size: 38rpx;
}
.button_view_submit{
  margin-top: 80rpx;
  background-color: var(--themeColor);
}
.button_view_toWuYe{
  margin-top: 28rpx;
  background-color: #407FCC;
}

.voicebtnfinish{
  display: inline-block;
  width: 230rpx;
  height: 48rpx;
  position: absolute;
  z-index: 1001;
  right: 60rpx;
  top: 200rpx;
  background:rgba(235,234,234,1);
  border-radius:10rpx;
  padding: 20rpx 24rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.voicebtnfinish .playimg{
  display: inline-block;
  width: 48rpx;
  height: 48rpx;
  line-height: 48rpx;
  margin-right: 22rpx;
}
.voicebtnfinish .blimg{
  display: inline-block;
  width: 93rpx;
  height: 33rpx;
  line-height: 33rpx;
  margin-right: 22rpx;
}
.voicebtnfinish .second{
  width: 42rpx;
  height: 48rpx;
  line-height: 48rpx;
  display: inline-block;
  font-size: 28rpx;
  color: #3495A5;
}
.text-tip {
  margin: 0 auto;
  width: 300rpx;
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color:rgba(153,153,153,1);
}

.user-info{
  height: 90rpx;
  line-height: 90rpx;
  background-color: var(--themeColor) !important;
  color: #ffffff !important;
  width: 710rpx !important;
}