@import '../../app.wxss';
.addplus {
  width: 100%;
}
.xc-add-member-farem {
  width: 100%;
  height: 84rpx;
}
.xc-add-member {
  background-size: 100%;
  margin-top: 10rpx;
  color: rgb(238, 205, 172);
  width: 730rpx;
  height: 90rpx;
  border-radius: 15rpx 15rpx 0 0;
  background: url("data:image/jpeg;base64,[encoded data, 20804 characters]") no-repeat center;
}
.xc-add-member .xc-icon {
  width: 30rpx;
  height: 30rpx;
}
.xc-add-member .member {
  margin-left: 10rpx;
}

.xc-opening {
  border-radius: 20rpx;
  background: rgb(238, 205, 172);
  height: 34rpx;
  line-height: 34rpx;
  color: #000;
  padding-left: 15rpx;
  padding-right: 17rpx;
  padding: 5rpx 18rpx 5rpx 15rpx;
}


/*--  头部 --*/
.xc-user .xc-head {
  height: 380rpx;
}

.xc-background {
  width:100%;
  height: 100%;
}

.xc-user-frame {
  width: 83%;
  height: 35%;
  top: 44rpx;
  left: 56rpx;
}
.xc-user-left {
  height: 110rpx;
  margin-top: 10rpx;
  margin-left: 5rpx;
}
.xc-user-img {
  width: 110rpx;
  height: 110rpx;
}

/*等级卡有关*/
.plusMax {
  background: linear-gradient(to bottom, #4c3217, #010100);
  height: 40rpx;
  border-radius: 20rpx;
  line-height: 40rpx;
  padding-left: 15rpx;
  padding-right: 15rpx;
  font-size: 20rpx;
  position: absolute;
  left: 50%;
  bottom: -20rpx;
  white-space: nowrap;
  transform: translate(-50%, 0);
  color: #fff;
}
.fuls {
  width: 25rpx;
  height: 25rpx;
  margin-right: 5rpx;
}
.xc-uesr-name {
  color: #fff;
  font-size: 32rpx;
  margin-top: 17rpx;
  margin-left: 20rpx;
}
.hvip {
  display: inline-block;
  font-size: 20rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #e7bf77;
  background: #383838;
  padding: 0 15rpx;
  border-radius: 20rpx;
  margin-left: 5rpx;
}
.vip-mem {
  width: 26rpx;
  height: 23rpx;
  vertical-align: top;
  margin-top: 8rpx;
  margin-right: 5rpx;
}
.grow-up-val {
  /* padding:1rpx 13rpx 1rpx 13rpx; */
  border-radius: 20rpx;
  background: #ffbdce;
  padding-left: 16rpx;
  padding-right: 16rpx;
  padding-bottom: 3rpx;
  margin-right: 5rpx;
}
.xc-assets {
  width: 94%;
  bottom: 26rpx;
  color: #fff;
  line-height: 46rpx;
  margin-left: 10rpx;
}


.xc-qrcode-frame {
  /* border-radius: 10rpx;
  border: 5rpx solid #fe9db5;
  background: #fe9db5;
  width: 70rpx;
  height: 70rpx; */
  top: 40rpx;
  right: 40rpx;
}

.xc-qrcode {
  border-radius: 10rpx;
  border: 5rpx solid #fe9db5;
  background: #fe9db5;
  width: 70rpx;
  height: 70rpx;
}

/*---弹出层---*/
.modal-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.modal-body {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  background: #fff;
  /* margin-left: 73rpx; */
  width: 600rpx;
  height: 860rpx;
  border-radius: 8px;
  text-align: center;
}

.modal-content {
  width: 480rpx;
  margin: 0 auto;
  margin-top: 60rpx;
  overflow: hidden;
}

.modal-content .hd_img {
  width: 170rpx;
  height: 170rpx;
  border-radius: 5px;
}

.ctent_txt {
  margin-left: 30rpx;
  text-align: left;
}

.txt1 {
  font-size: 34rpx;
  font-weight: bold;
}

.txt2 {
  font-size: 30rpx;
  color: #999;
  margin-top: 20rpx;
}

.arrow-right {
  width: 20rpx;
  height: 40rpx;
  position: relative;
  top: 13rpx;
  margin-left: 20rpx;
}

.m_ta {
  margin-top: 50rpx;
}

.g_img {
  width: 350rpx;
  height: 350rpx;
}

.s_sao {
  font-size: 27rpx;
  margin-top: 25rpx;
}

.gr_box {
  position: relative;
  height: 16rpx;
  background-color: #fff;
  border-radius: 8rpx;
  overflow: hidden;
}
.gr_box_item{
  height: 16rpx;
  background-color: #999;
}

.canvas_box{
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-top: 20rpx; */
}
.numfont {
  font-size: 28rpx;
}