jzmall_wx/pages/member/memberCenter/memberCenter.wxss

.member-center-page{
	background: #2E3235;
	height: 100vh;
	padding:16rpx 70rpx 80rpx;
}
.center-top{
	width: 610rpx;
height: 286rpx;
background: linear-gradient(162deg, #F1E3C8 0%, #E6C162 100%);
border-radius: 10rpx;
margin:0 0 26rpx;
padding:32rpx 32rpx 20rpx;
}
.user-info{
	height: 112rpx;
	margin:0 0 32rpx;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.user-avatar{
 width:112rpx;
 height: 112rpx;
 background-color: #fff;
 border-radius: 112rpx;
 margin:0 40rpx 0 0;
}
.user-detail{
	flex:1;
	padding:0 0 12rpx;
	color: #5D3A11;
	font-size:26rpx;
}
.user-name{
	height: 30rpx;
	display: flex;
	align-items: center;
	margin:0 0 20rpx 0;
}
.user-name text{
	font-size: 30rpx;
}
.member-date{
	height: 36rpx;
	line-height:36rpx;
}
.member-bage{
	width: 28rpx;
height: 28rpx;
line-height: 24rpx;
background: #2E3235;
border-radius: 50%;
margin:0 0 0 10rpx;
text-align: center;
font-size:20rpx;
color: #E6C162;
}
.member-bage text{
	font-weight: bold;
color: #5D3A11;
font-size:20rpx;
line-height: 24rpx;
background: linear-gradient(78deg, #F1E3C8 0%, #E6C162 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.amount-info{
	height: 90rpx;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.save-text{
	color: #5D3A11;
	font-size: 24rpx;
	height: 24rpx;
	line-height: 22rpx;
	margin:0 0 6rpx 0;
}
.save-cost{
	font-size: 60rpx;
	height: 64rpx;
	line-height: 64rpx;
	font-weight: bold;
	color: #5D3A11;
}
.save-cost text{
	font-size: 32rpx;
	font-weight: bold;
}
.buy-record{
	padding: 0 0 12rpx;
	display: flex;
	align-items: center;
	color: #5D3A11;
	font-weight: 26rpx;
}
.buy-record text{

}
.renew-btn{
	width: 130rpx;
	height: 36rpx;
	line-height: 34rpx;
	background: #2E3235;
	border-radius: 18rpx;
	text-align: center;
}
.renew-btn text{
	
	font-size: 24rpx;
color: #5D3A11;
background: linear-gradient(78deg, #F1E3C8 0%, #E6C162 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.center-content{
	height: 602rpx;
	width:610rpx;
	border-radius: 10rpx;
	background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-center-bg.png') no-repeat center top;
	background-size: 100%;
	padding:48rpx 24rpx 20rpx;
}
.h1-title{
	text-align: center;
	height: 44rpx;
	line-height: 44rpx;
font-size: 44rpx;
color: #FFFFFF;
font-weight: bold;
background: linear-gradient(78deg, #F1E3C8 0%, #E6C162 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.h2-title{
	text-align: center;
	height: 24rpx;
	line-height: 24rpx;
font-size: 24rpx;
color: #FFFFFF;
background: linear-gradient(78deg, #F1E3C8 0%, #E6C162 100%);
-webkit-background-clip: text;
-webkit-text-fill-color:transparent;
margin:24rpx 0  66rpx;
}
.category-block{
	display: flex;
	justify-content: space-between;
	margin:0 0 20rpx;
}
.category-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height:160rpx;
	flex:1;
}
.category-img{
	width:88rpx;
	height: 88rpx;
}
.category-name{
	height: 28rpx;
	line-height: 28rpx;
font-size: 28rpx;
color: #FFFFFF;
background: linear-gradient(181deg, #F1E3C8 0%, #E6C162 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.category-discount{
	height: 24rpx;
font-size: 24rpx;
color: #85868A;
}



.rule{
	text-align: center;
    padding-bottom: 20rpx;
    color: #E6C162;
    margin: 0 0 20rpx;
}








/* 海报的样式 */
.poster{
	padding: 50rpx;
	background: linear-gradient(162deg, #F1E3C8 0%, #E6C162 100%);
	text-align: left;
	/* height: 650rpx; */
	top: 20%;
	margin: 50rpx;
  position: absolute;  
  z-index: 99;
  text-align: left;
  left: 0; 
	right: 0; 
	border-radius: 20rpx;
}

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


.img{
	width: 107rpx;
	height: 128rpx;
} 

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

.share-btn{
	background: #2E3235;
	width: 260rpx;
	height: 76rpx;
	line-height: 76rpx;
	margin: 0 auto;
	color: #fff;
	border-radius: 38rpx;
}

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