jzmall_wx/pages/tabBar/ucenter/index/index.wxss

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

.container {
  background: #f4f4f4;
  height: auto;
  /* overflow: hidden; */
  width: 100%;
  padding:0 28rpx 40rpx;
 /* filter: blur(5rpx);*/
}

.top{ 
  height: 210rpx;
  /* border-radius: 10rpx; */
  /* position: relative; */
  /* margin:15rpx  ; */
  background: #09afff;
}
.profile-info {
  /*background-color: #ab956d; */
  /* color: #f4f4f4; */
  display: flex;
  align-items: center;
  
  padding: 30rpx 0 0 42rpx;
  font-size: 28rpx;
 /* border-radius: 10rpx;
  margin:15rpx  ;*/
  /* position: absolute; */
  /* margin-top: -180rpx; */
}
.profile-info-backimg{ 
  width: 100%;
 height: 180rpx;
 /* z-index: -1; */
 position: absolute;
}
.profile-info .avatar { 
  height: 108rpx;
  width: 108rpx;
  border-radius: 50%;
  border:2rpx solid #fff 
}

.profile-info .info {
  flex: 1;
  height: 108rpx;
  padding: 16rpx 0 0 48rpx;
  /* width: 414rpx; */
 color: #fff;
 margin:0 20rpx 0 0;
}
.user-name-wrapper{
  height: 36rpx;
  margin:0 0 20rpx 0;
  display: flex;
  align-items: center;
}
.profile-info .name {
  /* font-weight: bold; */
  font-size: 34rpx;
  margin-bottom: 5rpx;
  max-width:340rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-info .cert {
  display: flex;
  height: 26rpx;
  line-height: 26rpx;
  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 {
  display: block;
  height: 30rpx;
  line-height: 30rpx;
  margin-bottom: 10rpx;
  color: #7f7f7f;
  font-size: 30rpx;
} 


.profile-info-qr-image {
  width: 80rpx;
  height: 80rpx;
  margin-top: 30rpx; 
  margin-left: 150rpx;
}
.process{
  border-radius: 2rpx;
}


.user_tool{ 
  height: 250rpx;  
  background: #fff;
  border-radius: 10rpx;
  margin: 15rpx 0;
}
.user_tool_row {
  /* border: 1px solid black; 
  border-bottom: 1px solid #fafafa;*/
  height: 86rpx;
  line-height: 86rpx;
}
.user_tool_row_title{
  height: 86rpx;
  font-weight: 550;
  line-height: 86rpx;
  margin-left: 35rpx;
  font-size: 32rpx; 
  color: #000; 
}
.user_tool_row_title_left{
  float: left;
}

.user_tool_column{
  height: 140rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user_tool_column_item {
  width: 25%;
  height: 100rpx;  
  background: #fff;
  text-align: center;
  position: relative;
  margin-top: 5rpx; 
}
.user_tool_column_item_text {
  /* border: 1px solid black; */ 
  margin-top: 5rpx;
  font-size: 26rpx;
  color: #555;
} 

.user_tool_column_item_image {
  width: 50rpx;
  height: 50rpx;
  margin-top: 5rpx;
}


.user_area {
  /* border: 1px solid black; */
  width: 100%;
  height: 226rpx;
  /* margin: 0 auto; */
  margin-top: -8rpx;
  background: #fff;
  /* border-top: 1px solid #f4f4f4; */
}

.user_row {
  /* border: 1px solid black; */
  height: 86rpx;
  line-height: 86rpx;
  border-bottom: 1px solid #fafafa;
}

.user_row_left {
  /* border: 1px solid #757575; */
  float: left;
  height: 86rpx;
  font-weight: 550;
  line-height: 86rpx;
  margin-left: 35rpx;
  font-size: 26rpx;
  letter-spacing: 1rpx;
  color: #000; 
  font-size: 32rpx;
}

.user_row_right {
  /* border: 1px solid #757575; */
  float: right;
  height: 40rpx;
  width: 40rpx;
  font-weight: 550;
  line-height: 86rpx; 
  margin-right: 30rpx;
  margin-top: 24rpx;
}

.user_column {
  /* border: 1px solid black; */
  height: 140rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user_column_item {
  width: 30%;
  height: 140rpx;
  background: #fff;
  text-align: center;
  position: relative;
}

.user_column_item_badge {
  height: 30rpx;
  width: 30rpx;
  position: absolute;
  background: #b4282d;
  color: #fff;
  border-radius: 50%;
  margin-top: 20rpx;
  margin-left: 40rpx;
  font-size:20rpx;
}

.user_column_item_image {
  width: 50rpx;
  height: 50rpx;
  margin-top: 30rpx;
}

.user_column_item_text {
  /* border: 1px solid black; */
  margin-top: 5rpx;
  font-size: 24rpx;
  color: #555;
  /*color: #252a48;*/
}

.separate {
  background: #e0e3da;
  width: 100%;
  height: 6rpx;
}

.user_column_item_phone {
  width: 30%;
  height: 140rpx;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  float: left;
  background: #fff;
  border-radius: 0;
}

.user_column_item_phone::after {
  border: none;
  border-radius: 0;
}

.logout {
  margin-top: 28rpx;
  height: 72rpx;
  width: 100%;
  line-height: 72rpx;
  text-align: center;
  background: #fff;
  font-size: 24rpx;
  border-radius: 10rpx;
}

/* 新版页面 */
.main-module{
  border-radius:10rpx;
  background:#fff;
  height: 106rpx;
  margin:28rpx 0;
  padding:24rpx 40rpx 16rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.coupon-block,.favor-good{
display: flex;
flex-direction: column;
height: 66rpx;
justify-content: space-between;
align-items: center;
flex:1;
line-height: 24rpx;
}
.devide-line{
  height: 80rpx;
  width:2rpx;
  background:#bbb;
}
.main-module .num{
  font-weight: bold;
  font-size: 24rpx;
}
.main-module .module-text{
  color:#000;
  font-size: 24rpx;
}
.order-block{
  height: 200rpx;
  padding:24rpx 22rpx;
  border-radius:10rpx;
  background:#fff;
  margin:0 0 28rpx;
}
.my-order-title{
  height: 28rpx;
  font-size: 26rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0  0 40rpx 0;
}
.my-order-title>view:first-child{

  font-weight: bold;
}
.whole-order{
  color: #85868A;
  font-size: 24rpx;
  display: flex;
  align-items: center;
}
.order-module{
  height:80rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tool-module{

  height: 80rpx;
  /* padding:24rpx 22rpx; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin:28rpx 0; */
}
.middle-module-wrapper{
  padding:40rpx 22rpx 30rpx;
  border-radius:10rpx;
  background:#fff;
}
.tool-img{
  width:60rpx;
  height: 50rpx;
}
.tool-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 82rpx;
  width:110rpx;
  /* flex:1; */
}
.tool-item .tool-text{
  font-size: 24rpx;
  line-height: 24rpx;
}
.tool-item .middle-module{
}
.tool-module.bottom-module{
 margin:40rpx 0 0;
}
.member-crown{
  width:48rpx;
  height:48rpx;
  z-index:999;
}
.jz-badge{
  width: 34rpx;
height: 34rpx;
background: linear-gradient(0deg, #F1E3C8 0%, #E6C162 100%);
border-radius: 50%;
margin:0 0 14rpx 0;
font-size: 32rpx;
color: #5D3A11;
line-height: 32rpx;
text-align:center;
margin:0 0 0 14rpx;
}
.jz-member-wrappe{
  max-width:210rpx;
}
.not-member{
  width: 210rpx;
height: 42rpx;
background: linear-gradient(78deg, #F1E3C8, #E6C162);
border-radius: 22rpx 0 0 22rpx;
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 24rpx;
color: #5D3A11;
}
.is-member{
  width: 200rpx;
  height: 48rpx;
  display: flex;
align-items: center;
font-size: 24rpx;
color: #5D3A11;
}
.is-member .is-member-right{
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/member-star1.png') no-repeat center center;
  background-size: 100% 100%;
  height: 48rpx;
  display: flex;
  align-items: center;
  width: 200rpx;
  padding-left: 52rpx;
}
.is-member .is-member-right text{
  font-size: 24rpx;
}
.recommend-module{
  height: 750rpx;
  height: 148rpx;
  padding:0 28rpx;
  margin:-28rpx 0 0;
  background: #09afff;
}
.recommend-main{
  width:696rpx;
  height: 148rpx;
  padding:0 28rpx;
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/recommend-bg.png') no-repeat center top;
  background-size: 100% 100%;
  color:#fff;
}
.recommend-top{
  height: 84rpx;
  display: flex;
  font-size: 30rpx;
  font-weight: bold;
  align-items: center;
  justify-content: space-between;
}
.recommend-top image{
   width:42rpx;
   height: 42rpx;
   margin:0 30rpx 0 0;
}
.recommend-top>text{
  flex:1;
}
.recomend-center{
  width:168rpx;
  height: 44rpx;
  background: #EFD671;
border-radius: 22rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  color: #2A2A2A;
}
.adv-text{
  height: 64rpx;
  line-height: 64rpx;
  font-size:24rpx;
}