yuminge-app/yun-min-program-plugin-master/packageF/storeManagement/storeMemberInfo/storeMemberInfo.wxss

/* packageF/storeManagement/storeMemberInfo/storeMemberInfo.wxss */
page {
  text-align: center;
}

view,
text,
input,
textarea {
  box-sizing: border-box;
}

.member-header {
  height: 480rpx;
  color: #fff;
  padding: 32rpx 28rpx;
  background-color: #3b3b3b;
}

.member-header .member-info {
  display: flex;
  align-items: center;
  margin-bottom: 48rpx;
}

.member-header .member-info .atavar {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  overflow: hidden;
}

.member-header .member-info .atavar image {
  width: 100%;
  height: 100%;
}

.member-header .member-info .info {
  flex: 1;
  margin-left: 16rpx;
}

.member-header .member-info .info .user-name {
  max-width: 320rpx;
  font-size: 40rpx;
}

.member-header .member-info .info .user-id {
  height: 41rpx;
  padding: 0 6rpx;
  margin-left: 16rpx;
  border-radius: 4rpx;
  background-color: #f34f47;
}

.member-header .member-info .info .iconfont {
  margin-left: 22rpx;
  color: #ffc479;
}

.member-header .member-info .info .icon-fontclass-mingpian {
  font-size: 64rpx;
}

.member-header .member-info .info .icon-fontclass-daili {
  font-size: 35rpx;
}

.member-header .member-info .info .mermber-level {
  position: relative;
  line-height: 140%;
  height: 35rpx;
  max-width: 300rpx;
  color: #6c2a09;
  padding: 0 16rpx 0 48rpx;
  border-radius: 15rpx;
  background-image: linear-gradient(90deg, #ffebc0 0%, #ffc479 100%), linear-gradient(#ffd821, #ffd821);
}

.member-header .member-info .info .mermber-level::before {
  position: absolute;
  top: -3rpx;
  left: 0;
  content: "";
  width: 38rpx;
  height: 35rpx;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/orderImport_icon_crown.png");
  background-size: 100% 100%;
}
.end-time{
  margin-right: 22rpx;
}
.member-header .member-info .info .end-time {
  margin-left: 32rpx;
  color: #e8e8e8;
}

.member-header .integral-detail {
  position: relative;
  display: flex;
  white-space: nowrap;
  padding: 32rpx;
}

.member-header .integral-detail .li {
  flex: 1;
  line-height: 48rpx;
  margin: 0 16rpx;
  font-size: 22rpx;
  color: #e8e8e8;
}

.member-header .integral-detail .li .number {
  font-size: 24rpx;
  font-weight: bold;
  color: #fff;
  white-space: pre-wrap;
  word-break: break-all;
}

.member-header .integral-detail::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #6f6f6f;
  transform: translateX(-50%) scaleY(0.5);
}

.member-content {
  transform: translateY(-128rpx);
  padding: 19rpx;
}

.member-content .recharge-panel {
  display: flex;
  justify-content: space-between;
  margin: 19rpx auto;
  padding: 32rpx;
  background-color: #fff;
  border-radius: 10rpx;
}

.member-content .recharge-panel .icon {
  display: inline-block;
  border-radius: 10rpx;
  padding: 0 13rpx;
}

.member-content .recharge-panel .iconfont {
  font-size: 45rpx;
  color: #fff;
}

.member-content .recharge-panel .jifen {
  background-image: linear-gradient(90deg, #ffc24b 0%, #ffaa31 100%);
}

.member-content .recharge-panel .youhuiq {
  background-image: linear-gradient(90deg, #888cf8 0%, #3e52d9 100%);
}

.member-content .recharge-panel .qian {
  background-image: linear-gradient(90deg, #1ca7f8 0%, #1484e3 100%);
}

.member-content .recharge-panel .text {
  margin-top: 25rpx;
  font-size: 22rpx;
  color: #232424;
}

.member-content .detail .plane {
  margin-top: 20rpx;
  padding: 24rpx;
  border-radius: 15rpx;
  background-color: #fff;
  text-align: left;
}

.member-content .detail .plane .plane-title {
  position: relative;
  color: #f34f47;
  font-weight: bold;
  font-size: 26rpx;
  padding-left: 16rpx;
}

.member-content .detail .plane .plane-title::after {
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  height: 70%;
  width: 4rpx;
  background-color: #f34f47;
  border-radius: 2rpx;
}

.member-content .detail .plane .item {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  margin-top: 38rpx;
  font-size: 24rpx;
}

.member-content .detail .plane .item .left-title {
  width: 148rpx;
  color: #7d7d7d;
  font-size: 24rpx;
  white-space: nowrap;
}

.member-content .detail .plane .recommend .mermber-id {
  color: #fff;
  padding: 6rpx;
  font-size: 22rpx;
  margin-right: 16rpx;
  background-color: #f34f47;
  border-radius: 4rpx;
}

.member-content .detail .plane .current .iconfont {
  margin-right: 16rpx;
  font-size: 38rpx;
}

.member-content .detail .plane .current .icon-all_wechat_public {
  color: #04af82;
}

.member-content .detail .plane .current .not-followed {
  color: #afaeae;
}

.member-content .detail .plane .current .icon-all_smallprogram {
  color: #00b84b;
}

.member-content .detail .plane .current .icon-all_app,
.member-content .detail .plane .current .icon-qiyeweixin01 {
  color: #0068ff;
}

.member-content .detail .plane .current .icon-all_wechat {
  color: #0ed76e;
}

.member-content .detail .plane .current .icon-all_alipay {
  color: #00a9ef;
}

.fixed-topping {
  position: fixed;
  right: 31rpx;
  bottom: 192rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70rpx;
  height: 70rpx;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.fixed-topping .iconfont {
  font-size: 22px;
  color: #fff;
}

.popup {
  padding: 40rpx 31rpx 16rpx 31rpx;
  text-align: left;
}

.popup .popup-header {
  display: flex;
  color: #2b2a2a;
  text-align: center;
  font-size: 30rpx;
}

.popup .popup-header .pop-title {
  flex: 1;
  font-weight: bold;
}

.popup .popup-header .close-icon {
  color: #545454;
}

.popup .current-integral {
  font-size: 28rpx;
  color: #2b2a2a;
  margin-top: 32rpx;
}

.popup .current-integral .integral {
  color: #f15353;
}

.popup .cell-title {
  margin-top: 38rpx;
  display: flex;
  align-items: center;
}

.popup .cell-title .iconfont {
  font-size: 20rpx;
  color: #f15353;
}

.popup .cell-title .text {
  margin-left: 19rpx;
  font-size: 28rpx;
  font-weight: bolder;
  color: #2b2a2a;
}

.popup .tips {
  display: block;
  margin-top: 11rpx;
  font-size: 24rpx;
  color: #737373;
}

.popup .error {
  color: #f14e4e;
}

.popup .int-input {
  width: 100%;
  height: 64rpx;
  padding-left: 31rpx;
  margin-top: 32rpx;
  font-size: 30rpx;
  color: #cbcbcb;
  border-radius: 10rpx;
  border: solid 1rpx #cecece;
}

.popup .int-remarks {
  width: 100%;
  height: 230rpx;
  margin-top: 32rpx;
  padding: 30rpx;
  font-size: 28rpx;
  color: #acacac;
  background-color: #f7f7f7;
  border-radius: 10rpx;
}

.popup .btn-recharge {
  width: 100%;
  margin-top: 48rpx;
  padding: 24rpx 0;
  color: #fff;
  font-size: 28rpx;
  background-color: #f15353;
  border-radius: 64rpx;
  text-align: center;
}

.van-radio-group-box .van-radio {margin: 30rpx 0;}