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

/* packageF/debt/creditor/creditorindex.wxss */
.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;
}

.posBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110.08rpx;
  background-color: #ffffff;
  box-shadow: 0rpx -1.92rpx 21.12rpx 0rpx rgba(206, 206, 206, 0.42);
  display: flex;
  align-items: center;
  justify-content: center;
}

.posBtn .posBtnView {
  width: 612.16rpx;
  height: 80rpx;
  background-color: #f15353;
  border-radius: 40rpx;
  font-size: 30.08rpx;
  color: #ffffff;
  text-align: center;
  line-height: 80rpx;
}

.contenBox {
  padding: 20.16rpx 20.16rpx;
  box-sizing: border-box;
  padding-bottom: 128rpx;
}

.contenBox .contenlis {
  background-color: #ffffff;
  border-radius: 9.92rpx;
  padding: 21.12rpx 25.92rpx;
  box-sizing: border-box;
  margin-bottom: 21rpx;
}

.contenBox .contenlis .cardRenew {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #7e7e7e;
  font-size: 22.08rpx;
}

.contenBox .contenlis .cardRenew .cardRenewRight {
  width: 130.88rpx;
  height: 56.96rpx;
  background-color: #f15353;
  border-radius: 28.16rpx;
  font-size: 22.08rpx;
  color: #ffffff;
  text-align: center;
  line-height: 56.96rpx;
}

.contenBox .contenlis .contenlis_lis {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32rpx;
}

.contenBox .contenlis .contenlis_lis .contenlis_lisline {
  width: 50%;
  margin-bottom: 24.96rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 22.08rpx;
  color: #393939;
}

.contenBox .contenlis .contenlis_lis .contenlis_lisline .contenlis_lisline_Price {
  flex: 0.8;
  text-align: left;
  color: #f14e4e;
  font-size: 22.08rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contenBox .contenlis .contenlis_top {
  display: flex;
  justify-content: space-between;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft .shopBtn {
  width: 100.16rpx;
  height: 46.08rpx;
  background-color: #f15353;
  font-size: 20.16rpx;
  color: #ffffff;
  border-radius: 23.04rpx;
  text-align: center;
  line-height: 46.08rpx;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft .user {
  flex: 1;
  margin-left: 16.96rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft .user .nameTxt {
  color: #2f2f2f;
  font-size: 28.16rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft .user .time {
  font-size: 20.16rpx;
  color: #7e7e7e;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft .img {
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
}

.contenBox .contenlis .contenlis_top .contenlis_topLeft .img image {
  width: 100%;
  height: 100%;
  border-radius: 40rpx;
}

.headTop {
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/debt/debtb2.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 45.12rpx 30.08rpx;
  padding-bottom: 33rpx;
}

.headTop .headTopList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28.8rpx;
}

.headTop .headTopList .headTopLis {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  overflow: hidden;
}

.headTop .headTopList .headTopLis .price {
  width: 100%;
  font-size: 32rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.headTop .headTopList .headTopLis .txt {
  font-size: 24rpx;
}

.headTop .ticket {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 30.08rpx;
  color: #ffffff;
  padding-bottom: 20.16rpx;
  border-bottom: 0.0313rem solid #91ccf4;
  margin-top: 25.6rpx;
}

.headTop .headImg {
  display: flex;
}

.headTop .headImg .name {
  margin-left: 21.12rpx;
  font-size: 33.92rpx;
  color: #ffffff;
}

.headTop .headImg .img {
  width: 113.92rpx;
  height: 113.92rpx;
  background-color: #ffffff;
  border-radius: 100%;
}

.headTop .headImg .img image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}