ssj_parent/pages/problem_report/problem_report.wxss

/* pages/peoblem_report/peoblem_report.wxss */
.li{
  /* margin: 24rpx; */
  font-weight: 600;
}
.li-img{
  margin-bottom: 18rpx;
  color: #8489A3;
  font-size: 24rpx;
  text-align: center;
}
.li-img-url{
  width: 100%;
  height: 750rpx;
  margin-bottom: 20rpx;
  /* border-radius: 20rpx; */
}
.li-video{
  margin:20rpx 24rpx 0 24rpx;
  padding: 0;
}
.li-video-tag{
  width: 32rpx;
  height: 48rpx;
  margin: 48rpx 14rpx 48rpx 24rpx;
}
.li-video-title{
  color: #393939;
  line-height: 33rpx;
  display: inline-block;
  position: relative;
  bottom: 58rpx;
}
.li-video-times-btn{
  display: inline-block;
  float: right
}
.li-know-item-content-img{
  max-width: 100rpx;
  max-height: 100rpx
}
.li-video-title{
  color: #393939;
  font-size: 30rpx;
  margin-top: 24rpx;
}
.li-video-voice{
  font-size: 24rpx;
  height:80rpx;
  line-height: 80rpx;
  /* background:rgba(241,243,250,1); */
  border-radius:10rpx;
  width: 100%;
  position: relative;
  margin-bottom: 20rpx;
}
.li-know-style{
  display: inline-block;
  margin-right: 20rpx;
}
.li-video-voice-red{
  position:absolute;
  top: 0;
  left: 0;
  height:80rpx;
  line-height: 80rpx;
  background:rgba(241,243,250,1);
  border-radius:10rpx;
  width: 0%;
}
.li-video-time{
  position: relative;
  bottom: 58rpx;
  display: inline-block;
}
.li-video-voice-times{
  display: flex;
  justify-content: space-between;
}
.li-video-red{
  color: #FF6465;
  display: inline-block;
}
.li-video-gay{
  color: #8489A3;
  display: inline-block;
  margin-right: 18rpx;
}
.li-video-btn{
  width: 22rpx;
  height: 31rpx;
  margin: auto 18rpx;
  position: relative;
  top: 7rpx;
}
.li-know{
  margin:0 24rpx 24rpx 24rpx;
  background:#F1F3FA;
  border-radius:16rpx;
  padding: 30rpx 0;
}
.li-know-head{
  /* border-bottom: 1rpx #D0D5E6 solid; */
}
.li-know-head-img{
  width: 36rpx;
  height: 36rpx;
  margin: 0 13rpx 25rpx 24rpx;
}
.li-know-title-img{
  width: 31rpx;
  height: 37rpx;
  margin: 0rpx 13rpx 25rpx 24rpx;
}
.li-know-head-txt{
  color: #393939;
  font-size: 30rpx;
  display: inline-block;
  position: relative;
  bottom: 28rpx;
}
.li-know-item{
  margin: 0rpx 24rpx 50rpx 24rpx;
}
.li-know-item-title{
  font-size: 24rpx;
}
.li-know-title{
  width:118rpx;
  height:40rpx;
  background:#778ADC;
  border-radius:4rpx;
  line-height: 40rpx;
  color: #FFFFFF;
  font-size: 20rpx;
  text-align: center;
  margin: 0 0 19rpx 21rpx;
}
.li-know-item-title-head{
  color: #393939;
  max-width: 100%;
  /* margin-right: 12rpx;  */
  font-size: 30rpx;
}
.li-know-item-title-tag{
  background:rgba(255,100,101,0.2);
  border-radius:10rpx;
  color: #FF6465;
  padding: 10rpx 18rpx;
  font-size: 20rpx;
  display: inline-block
}
.li-know-item-content{
  color: #8489A3;
  font-size: 30rpx;
  margin-top: 12rpx;
}
.li-topic{
  /* margin: 30rpx 24rpx 0 24rpx; */
}
.li-topic-txt{
  color: #393939;
  font-size: 30rpx;
  line-height: 50rpx;
  margin-bottom: 24rpx;
  padding: 20rpx;
  background:#F1F3FA;
  border-radius:16rpx;
}
.li-topic-item{
  display: flex
}
.li-topic-item-img{
  width:191rpx;
  height:191rpx;
  margin-right: 19rpx;
  border-radius: 20rpx;
}
.li-topic-footer{
  position: relative;
  bottom: 0
}
.li-topic-tag-img{
  width:78rpx;
  height:124rpx;
  position: absolute;
  left: 0;
  bottom: -60rpx;
  z-index: 10;
  
}
.li-topic-info{
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -70rpx;
  z-index: 1000;
  margin-top: 30rpx;
}
.li-topic-info-names{
  color: #7C819D;
  font-size: 24rpx;
  display: inline-block;
  position: relative;
  bottom: 25rpx;
  margin-right: 12rpx;
}
.li-topic-info-headImg{
  width:65rpx;
  height:65rpx;
  border-radius: 50%;
}
.li-footer{
  margin:0 24rpx;
 
  /* padding-bottom: 80rpx; */
}
.li-know-point{
  /* margin-top: 38rpx !important; */
}
.si-lu{
  width: 30rpx !important;
  height: 43rpx !important;
}
.jie-gou{
  width: 33rpx !important;
  height: 37rpx !important;
}
.zong-ti{
  width: 36rpx !important;
  height: 36rpx !important;
  margin-top: 80rpx;
}
.li-tips{
  text-align: center;
  margin: 120rpx auto;
  color: #393939;
  font-size: 30rpx;
}
.li-tips-img{
  width: 66rpx;
  height: 96rpx;
  margin-top: 17rpx;
}