share_activity/pages/welfareMall/personal/personal.wxss

/* pages/welfareMall/personal/personal.wxss */
page{
  background: #F9F9F9;
  display:flex;
  flex-flow: column nowrap;
  justify-content: left;
  align-items: center;
  box-sizing: border-box;
}
.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: 352rpx;
  background: #FFE7E8;
  box-shadow: 0px -4px 9px 1px rgba(148, 56, 48, 0.18);
  justify-content: space-between;
}

.head-personal{
  width: 666rpx;
  height: 136rpx;
  justify-content: flex-start;
  margin-left: 35rpx;
  margin-top: 70rpx;
}

.hat{
  width: 120rpx;
  height: 120rpx;
  background-image: url(https://dy.shpr.top/welfareGo/hat.png);
  background-size: 100% 100%;
  position: relative;
  z-index: 20;
  margin-bottom: 120rpx;
  margin-left: -20rpx;
}

.head-personal-logo{
  width: 136rpx;
  height: 136rpx;
  border-radius: 50%;
  overflow :  hidden ;
  position: absolute;
  z-index: 3;
}

.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: 86rpx;
  align-items: flex-start;
}

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

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

.head-card{
  width: 676rpx;
  height: 112rpx;
  background: #E14B3F;
  border-radius: 20rpx 20rpx 0 0;
  justify-content: space-between;
}

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

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

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

.head-card-text{
  width: 40rpx;
  height: 40rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #F6C6A3;
  margin-top: 32rpx;
}

.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;
}

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

.wx-isLogin-broadcast{
  position: absolute;
  z-index: 2;
  width: 678rpx !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;
  margin-top: 50rpx;
}

.content-lower{
  width: 668rpx;
  height: 2rpx;
  background: #EFEFEF;
}

.content .sign-in:last-child .content-lower{
  background:none;
}

.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: 26rpx;
  font-weight: 500;
  color: #303030;
  background-color: transparent;
  border-style: none;
  margin-left: 186rpx !important;
}

.broadcast{
  width: 678rpx;
  height: 130rpx;
  background-image: url(https://dy.shpr.top/welfareGo/broadcast.png);
  background-size: 100% 100%;
  margin-top: 50rpx;
}

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

.call{
  position: fixed;
  width: 62rpx!important;
  height: 62rpx!important;
  border-radius: 25px!important;
  right: 36rpx!important;
  bottom: 30px!important;
  font-size: 10px!important;
  background-color: none !important;
  border:none;
  color: none !important;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 0px!important;
  line-height: 50px!important;
  z-index: 9999;
}

.service-style{
  width: 62rpx;
  height: 62rpx;
}

.logout{
  height: 40rpx;
  line-height: 40rpx;
  width: 100rpx;
  margin-top: 18rpx;
  margin-left: 12rpx;
  font-size: 22rpx;
  text-align: center;
  color: #E14B3F;
  border: #E14B3F 2rpx solid;
  border-radius: 4rpx;
}