share_activity/pages/welfareMall/personal/personal.wxss

/* pages/welfareMall/personal/personal.wxss */
.personal{
  width: 750rpx;
  height: auto;
  padding-bottom: 80rpx; 
}

/* 垂直方向布局，水平居中 **/
.flex-column{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: left;
}

/* 水平方向布局，垂直居中 **/
.flex-row{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.head{
  width: 750rpx;
  height: 690rpx;
  background: #FFF2F3;
  border-radius: 0rpx 0rpx 40rpx 40rpx;
  justify-content: space-between;
}

.head-personal{
  width: 666rpx;
  height: 136rpx;
  justify-content: flex-start;
  margin-left: 35rpx;
  margin-top: 167rpx;
}
.head-personal-logo{
  width: 136rpx;
  height: 136rpx;
  border-radius: 50%;
  overflow :  hidden ;
}

.personal-isLogin {
  padding: 0 !important;
  padding-left: 0 !important;
  width: 170rpx !important;
  font-size: 38rpx;
  font-weight: 500;
  color: #303030;
  margin-left: 33rpx !important;
  margin-right: 0rpx !important;
}

.head-personal-nl{
  margin-left: 33rpx;
  align-items: flex-start;
}

.head-personal-name{
  font-size: 30rpx;
  font-weight: 500;
  color: #303030;
}

.head-personal-login{
  margin-top: 18rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #303030;
}

.head-card{
  width: 666rpx;
  height: 286rpx;
  background-image: url(https://dy.shpr.top/welfareGo/card.png);
  background-size: 100% 100%;
  margin-bottom: 51rpx;
  justify-content: space-between;
}

.head-card-coupon{
  font-size: 30rpx;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: 58rpx;
}

.head-card-nt{
  margin-right: 51rpx;
}

.head-card-num{
  font-size: 120rpx;
  font-weight: bold;
  color: #FFFFFF;
}

.head-card-text{
  width: 40rpx;
  height: 40rpx;
  font-size: 30rpx;
  font-weight: 300;
  color: #FFFFFF;
  margin-top:  70rpx;
}

.content{
  width: 750rpx;
}

.content-style{
  width: 670rpx;
  height: 130rpx;
}

.grant{
  width: 670rpx;
  height: 130rpx;
  justify-content: space-between;
  position: relative;
}

.wx-isLogin{
  position: absolute;
  z-index: 2;
  width: 670rpx !important;
  height: 130rpx !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin-left: 0rpx !important;
  margin-right: 0rpx !important;
  background-color: transparent;
  border-style: none;
}

.content-lower{
  width: 334px;
  height: 1px;
  background: #EFEFEF;
}

.content-img{
  width: 48rpx;
  height: 48rpx;
}

.content-jump{
  width: 42rpx;
  height: 42rpx;
}

.content-text{
  width: 150rpx;
  height: 36rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #444444;
  margin-left: 10rpx;
}

.personal-isLogin{
  font-size: 38rpx;
  font-weight: 500;
  color: #303030;
  background-color: transparent;
  border-style: none;
}

.page{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}