jzmall_wx/pages/referee/index.wxss

page {
  height: 100%;
  width: 100%;
  background: #f4f4f4;
}


.myqr{
  position: absolute;
  z-index: 999;
  width: 100%;
  text-align: center;
  height: auto;
}
.myqr .cancel{
  width: 60rpx;
  height: 60rpx;
  margin-top: 30rpx;
  margin-left: 480rpx;
}
.myqr .img{  
  width: 480rpx;
  /* margin-top: 150rpx;  */
}
.myqr .btn{  
  width: 120rpx;
  height: 120rpx;
  line-height: 120rpx;
  margin-top: 40rpx; 
  padding: 30rpx;
  background: #ffffff;
  border-radius:60rpx;
}

.container {
  background-color: transparent;
  margin: 0 30rpx;
  /* width: 694rpx; */
	min-height: 750rpx;
  margin-top:-208rpx;
  padding-bottom: 30rpx;
  /* background: #f4f4f4;
  height: auto;
  overflow: hidden;
  width: 100%;
  padding:20rpx 24rpx; */
 /* filter: blur(5rpx);*/
}
.center-top{
	height:240rpx;
	background: #09afff;
}
.top{ 
  height: 280rpx;
  width:694rpx;
  border-radius: 10rpx;
  /* margin:15rpx  ; */
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/distribution-bg.png') no-repeat center top;
  background-size: 100% 100%;
}
.profile-info {
  /*background-color: #ab956d; */
  color: #f4f4f4;
  display: flex;
  align-items: center;
  font-size: 28rpx;
  height: 166rpx;
  padding:18rpx 14rpx 36rpx;
 /* border-radius: 10rpx;
  margin:15rpx  ;
  position: absolute;
  margin-top: -260rpx;*/
}
.profile-info-backimg{ 
  width: 100%;
 height: 360rpx;
 z-index: -1;
}
.profile-info .avatar { 
  height: 112rpx;
  width: 112rpx;
  margin:0 44rpx 0 0;
	border-radius: 112rpx;
	background: #fff;
  border:2rpx solid #fff 
}

.profile-info .info {
  flex: 1;
  height: 108rpx;
}

.profile-info .name {
  display: block;
  height: 52rpx;
  line-height: 52rpx;
  color: #fff;
  font-size: 34rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
  /* width:184rpx; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-info .cert {
  /* display: flex; */
  height: 52rpx;
  line-height: 52rpx;
  color: #fff;
  font-size: 26rpx;
  /* margin-bottom: 5rpx; */
}
.profile-info .plus { 
    font-size: 21.5rpx; 
    width: 120rpx;
    padding-left: 2rpx;
    padding-right: 2rpx;
    line-height: 40rpx;
    margin:4rpx;
}

.profile-info-img-star{
 width: 10rpx;
 height: 10rpx;
}

.profile-info .level { 
  /* color: #333; 
  flex: 1; 
  display: flex;
  height: 108rpx; */
  color: #333; 
  height: 108rpx;
  text-align: right;
} 

.profile-info .level .lname{ 
  /* width:68rpx; */
  padding: 0 12rpx;
	height: 30rpx;
	line-height: 30rpx;
	background: #EFD671;
border-radius: 30rpx;
font-size: 20rpx;
color:#2a2a2a;
margin:0 14rpx 0 60rpx;
text-align: center;
}

.profile-info .level .lvalue{ 
  width: 96rpx;
  height: 48rpx;
  background: url(https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-member.png) no-repeat center top;
  background-size: 100% 100%;
  font-size: 22rpx;
  text-align: right;
  padding: 0 16rpx 0 0;
  color: #2a2a2a;
  line-height: 48rpx;
}

.profile-info-qr-image {
  width: 80rpx;
  height: 80rpx;
  margin-top: 30rpx; 
  margin-left: 150rpx;
} 
 
.main-module{
  margin:28rpx 0 0;
	width:696rpx;
	height:106rpx;
  border-radius:10rpx;
  display: flex;
	justify-content: space-around;
  background: #fff;
	padding:20rpx 0 12rpx;
}
.coupon-block,.favor-good{
	flex:1;
	font-size: 24rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 74rpx;
}

.main-module .num{
  font-weight: bold;
} 
.tool-module{
  background: #FFFFFF;
  border-radius: 10rpx;
  margin:28rpx 0 30rpx;
}
.tool-img{
  width:40rpx;
	height:40rpx;
	margin:0 16rpx 0 0;
}
.tool-item{
  height: 78rpx;
	display: flex;
	align-items: center;
	padding:0 10rpx;
	font-size: 24rpx;
	justify-content: space-between;
	border-top:2rpx solid #E4E4E4;
}
.tool-item:first-child{
	border:none;
}
.tool-item .tool-text{
  flex:1;
  font-size: 26rpx;
}

.arrow{
  width: 10px;
  height: 10px;
  border-top: 2px solid #85868A;
  border-right: 2px solid #85868A;
  position:absolute;
  right:40rpx;
  transform:rotate(45deg);
  margin-top: 10rpx;
}

.tb{
  padding:0 36rpx 0 38rpx;
  margin:0 0 4rpx;
  display: flex;
  justify-content: space-between;
  height: 44rpx;
}

.tb .poster{
  background-color: #EFD671;
  width: 82px;
  height: 21px;
  /* float: right; */
  margin-right: 20rpx;
  border-radius: 20rpx;
  color: #333;
  text-align: center;   
  display: flex;
}
.invite-left{
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 24rpx;
	line-height: 24rpx;
}
.invite-left image{
	width:20rpx;
	height:20rpx;
	margin:0 0 0 14rpx;
}
.invite-right{
	display: flex;
	align-items: center;
	justify-content: center;
	width:166rpx;
	height: 44rpx;
	line-height: 40rpx;
	border-radius: 44rpx;
	font-size: 24rpx;
  background: #EFD671;
}
.adv-text{
	height:66rpx;
	line-height: 68rpx;
	font-size: 24rpx;
	color:#fff;
	padding:0 0 0 40rpx;
}





/* 会员卡蒙层的样式 */
.poster{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #333333d1;
  /* padding: 0rpx 80rpx; 
  padding-top: 20%;*/
  z-index: 9999;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
} 

.title{
	color: #fff;
	margin: 20rpx 0;
	font-size: 30rpx;
}
.ads{
	margin: 10rpx 0rpx;
	color: #fff;
}
.tool{
	display: flex;
    text-align: center;
    justify-content: baseline;
    width: 100%;   
    margin-top: 20rpx;
}
.tool view{
	flex: 1;
}


.img{
	width: 99rpx; 
} 

.closeImg{
  width: 57rpx;
  height: 57rpx;
}

.share-btn{
  background-color:transparent; 
}

.share-btn::after {
  border: none;
}

.m-card{
  width: 100%;
  height: 230rpx;
  margin: 20rpx 0;
}
.m-card image{
  width: 100%;
  height: 230rpx;
}