.my-association-list {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 20rpx;
}
.my-association-list .list-item {
  width: 100%;
  height: 180rpx;
  background: #fff;
  overflow: hidden;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  padding: 0 24rpx;
  box-sizing: border-box;
}
.my-association-list > .list-item + .list-item {
  margin-top: 20rpx;
}
.my-association-list .list-item .group-avatar {
  width: 130rpx;
  height: 130rpx;
  border-radius: 8rpx;
  overflow: hidden;
  margin-right: 20rpx;
}
.list-item .list-item-content {
  height: 130rpx;
  width: calc(100% - 150rpx);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list-item.classify-pass .list-item-content .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-item .list-item-content .top .title {
  font-size:36rpx;
  color: 3333;
  line-height: 36rpx;
}
.list-item.classify-pass .list-item-content .top view:nth-of-type(2) {
  width: 44rpx;
  height: 32rpx;
  position: relative;
}
.list-item.classify-pass .list-item-content .top view:nth-of-type(2) image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.list-item.classify-pass .list-item-content .top view:nth-of-type(2) view {
  width: 44rpx;
  height: 32rpx;
  position: relative;
  top: -4rpx;
  z-index: 10;
  font-size: 22rpx;
  color: #fff;
  line-height: 32rpx;
  text-align: center;
}
.list-item.classify-pass .list-item-content .bottom {
  font-size: 28rpx;
  color: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-item.classify-pass .list-item-content .bottom text:nth-of-type(2) {
  font-size: 20rpx;
}
.list-item.classify-unpass {
  position: relative;
}
.list-item.classify-unpass .list-item-content .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.list-item.classify-unpass .list-item-content .top .forbid {
  width: 58rpx;
  height: 24rpx;
  border-radius: 4rpx;
  border: 1rpx solid #F71E1E;
  color: #FE4A4A;
  font-size: 18rpx;
  line-height: 24rpx;
  text-align:center;
  margin-top: 10rpx;
}
.list-item.classify-unpass .forbidden-image {
  position: absolute;
  right: 20rpx;
  top: center;
  width: 174rpx;
  height: 118rpx;
  object-fit: cover;
}
.list-item.classify-unpass .list-item-content .top .verity {
  width: 76rpx;
  height: 34rpx;
  border-radius: 17rpx;
  background: #FFBF42;
  color: #fff;
  font-size: 22rpx;
  line-height: 34rpx;
  text-align:center;
}
.list-item.classify-unpass .list-item-content .top .unpass {
  width: 76rpx;
  height: 34rpx;
  border-radius: 17rpx;
  background: #F40C0C;
  color: #fff;
  font-size: 22rpx;
  line-height: 34rpx;
  text-align:center;
}
.list-item.classify-unpass .list-item-content .bottom {
  font-size: 28rpx;
  color: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-item.classify-unpass .list-item-content .bottom text:nth-of-type(2) {
  font-size: 20rpx;
}
.list-item.classify-unpass .list-item-content .description {
  color: #999;
  font-size: 28rpx;
  line-height: 30rpx;
  max-height: 60rpx;
  display: flex;
  align-items: flex-end;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.no-data {
  width: 100%;
  height: calc(100vh - 94rpx - 300rpx - 160rpx);
  display:flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 20rpx;
}
.no-data .no-data-image {
  width: 303rpx;
  height: 312rpx;
  object-fit: cover;
}
.no-data .tip {
  line-height: 35rpx;
  height: 35rpx;
  font-size: 28rpx;
  color: #bcbcbc;
}



.wux-item {
  width: 100%;
  height: 180rpx;
  background: #fff;
  overflow: hidden;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  padding: 0 24rpx;
  box-sizing: border-box;
  margin-bottom: 20rpx;
}
.wux-avatar {
  width: 130rpx;
  height: 130rpx;
  border-radius: 8rpx;
  overflow: hidden;
  margin-right: 20rpx;
}
.wux-content {
  width: calc(100vw - 300rpx);
}