yuminge-app/yun-min-program-plugin-master/packageF/debt/userManagement/userManagement.wxss

/* packageF/debt/userManagement/userManagement.wxss */
#userManagement .searchBox {
  display: flex;
  padding: 14.08rpx 37.12rpx 14.08rpx 30.08rpx;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

#userManagement .searchBox .searchMin {
  width: 640rpx;
  height: 60.16rpx;
  background-color: #eff0f1;
  border-radius: 30.08rpx;
  display: flex;
  align-items: center;
  padding: 0 32rpx;
}

#userManagement .searchBox .searchMin .iconfont {
  margin-right: 14.08rpx;
  color: #999999;
}

#userManagement .searchBox .searchMin .van-cell {
  flex: 1;
  padding: 0;
  background-color: #eff0f1;
}

#userManagement .listbox {
  padding: 20.16rpx;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#userManagement .listbox .list {
  width: 100%;
  padding: 22.4rpx 25.92rpx;
  box-sizing: border-box;
  background: #fff;
  border-radius: 9.92rpx;
  margin-bottom: 20rpx;
}

#userManagement .listbox .list .listBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#userManagement .listbox .list .listBottom .listBottom_txt {
  font-size: 22.08rpx;
  color: #7e7e7e;
}

#userManagement .listbox .list .listBottom .renew {
  width: 130.88rpx;
  height: 56.96rpx;
  background-color: #f15353;
  border-radius: 28.16rpx;
  color: #fff;
  text-align: center;
  line-height: 56.96rpx;
}

#userManagement .listbox .list .contenVip {
  display: flex;
  align-items: center;
  font-size: 22.08rpx;
  color: #7e7e7e;
  margin-top: 25.92rpx;
}

#userManagement .listbox .list .contenVip .contenVip_txt {
  margin-right: 13.12rpx;
}

#userManagement .listbox .list .contenVip .grade {
  height: 30.08rpx;
  background-color: #f15353;
  border-radius: 15.04rpx;
  background-color: #feeded;
  font-size: 20.16rpx;
  color: #f15353;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10rpx;
}

#userManagement .listbox .list .contenVip .contenVip_name {
  color: #2e2e2e;
  font-size: 22.08rpx;
  margin-right: 14.08rpx;
}

#userManagement .listbox .list .contenVip .contenVip_img {
  width: 33.92rpx;
  height: 33.92rpx;
  margin-right: 8.96rpx;
  border-radius: 100%;
}

#userManagement .listbox .list .contenVip .contenVip_img image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

#userManagement .listbox .list .lisConten2 {
  margin-top: 31.04rpx !important;
}

#userManagement .listbox .list .lisConten {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 47.04rpx;
  margin-bottom: 50.88rpx;
}

#userManagement .listbox .list .lisConten .lis {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  font-size: 22.08rpx;
}

#userManagement .listbox .list .lisConten .lis .price {
  color: #f14e4e;
  margin-bottom: 23.04rpx;
}

#userManagement .listbox .list .lsitTop {
  display: flex;
}

#userManagement .listbox .list .lsitTop .typeTxt {
  font-size: 24rpx;
  color: #f15353;
}

#userManagement .listbox .list .lsitTop .user {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

#userManagement .listbox .list .lsitTop .user .time {
  font-size: 20.16rpx;
  color: #7e7e7e;
}

#userManagement .listbox .list .lsitTop .user .name {
  display: flex;
  align-items: center;
  font-size: 28.16rpx;
  color: #2f2f2f;
}

#userManagement .listbox .list .lsitTop .user .name .grade {
  width: 76.16rpx;
  height: 36.16rpx;
  background-color: #feeded;
  border-radius: 17.92rpx;
  font-size: 20.16rpx;
  color: #f15353;
  text-align: center;
  line-height: 36.16rpx;
  margin-left: 24rpx;
  padding: 0 10rpx;
}

#userManagement .listbox .list .lsitTop .img {
  width: 80rpx;
  height: 80rpx;
  background-color: #b6b6b6;
  border-radius: 100%;
  margin-right: 16.96rpx;
}

#userManagement .listbox .list .lsitTop .img image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

/* 续费弹窗 */
.shopShowTxt {
  width: 100%;
  text-align: center;
  font-size: 33.92rpx;
  color: #202020;
  padding-top: 31.04rpx;
  margin-bottom: 64rpx;
}

.flexCell {
  padding: 0 29.12rpx 0 33.92rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 62.08rpx;
}

.flexCell .right {
  display: flex;
  align-items: center;
}

.flexCell .right .pay {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  color: #f14e4e;
}

.btn {
  margin: 0 auto;
  width: 649.92rpx;
  height: 80rpx;
  background-color: #f15353;
  border-radius: 40rpx;
  font-size: 28.16rpx;
  color: #ffffff;
  text-align: center;
  line-height: 80rpx;
  margin-bottom: 30rpx;
}