ssj_curator/pages/problem_list/problem_list.wxss

/* pages/problem_list/problem_list.wxss */
@import '../../templates/nodata/nodata.wxss';
.pt {
  padding-top: 150rpx;
}
.pb {
  padding-bottom: 98rpx;
}
.fixed {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 130rpx;
  background: rgba(255,255,255,1);
  padding-top: 20rpx;
  z-index: 99;
}
.fixed-left{
  border-right: 2px solid #000;
  border-top: 2px solid #000; 
  height: 25rpx; 
  width: 25rpx; 
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); 
  border-left: 2rpx solid transparent;
  border-bottom: 2rpx solid transparent;
  -moz-transform: rotate(-135deg); 
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  /* margin: 74rpx 0 0 19rpx;
  display: inline-block; */
  position: fixed;
  top: 85rpx;
  left: 24rpx;
}
.fixed-items {
  margin-top: 28rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed-item {
  color: #393939;
  border-bottom: solid 1rpx rgba(255,100,101,0);
  padding: 13rpx 0;
  margin: 0 30rpx;
  font-size: 30rpx;
  font-weight: bold;
  line-height: 40rpx;
  transition: all .3s;
}
.fixed-item-active {
  color: rgba(255,100,101,1);
  border-bottom: solid 4rpx rgba(255,100,101,1);
}
.list{
  margin: 30rpx 0;
  padding: 0
}
.list-items{
  margin: 0 24rpx 20rpx 24rpx;
  padding: 30rpx 24rpx;
  color: #393939;
  font-size: 30rpx;
  background:rgba(241,243,250,1);
  border-radius:16rpx;
}
.list-items-logo{
  width: 34rpx;
  height: 37rpx;
  margin-right: 10rpx;
}
.list-items-chat{
  width: 27rpx;
  height: 26rpx;
  margin-left: 5rpx
}
.list-items-head{
  display: flex;
  justify-content: space-between
}
.list-items-head-text{
  color: #778ADC;
  font-size: 24rpx;
}
.list-items-img{
  width:100%;
  height:300rpx;
  border-radius:10rpx;
  position: relative;
  margin-top: 40rpx
}
.list-items-img-tips{
  position: absolute;
  top: -2rpx;
  right:  -2rpx;
  width: 120rpx;
  height: 117rpx;
}