510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/personalCenter/personalCenter.wxss

/* pages/personalCenter/personalCenter.wxss */
page{
  height: 100%;
  width: 100%;
}
.all{
  height: 100%;
  width: 100%;
  position: fixed; 
  top: 0;
  left: 0;
}
.centerBg{
  width: 100%;
  height: 535rpx;
}
.userCircle{
  width: 100%;
  height: 448rpx;
}
.userMess{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.userHeader{
  width: 140rpx;
  height: 140rpx;
  overflow: hidden;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.radius{
  width: 130rpx;
  height: 130rpx;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.userHeaderBtn{
  width: 130rpx;
  height:130rpx;
  overflow: hidden;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.noUserBtn{
  width: 230rpx;
  height: 64rpx;
  border: none;
  border-color: transparent;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
}

.noUserBtn::after{
  border: none
}
.userImg{
  width: 130rpx;
  height: 130rpx;
}
.userAll{
  /* text-align: center; */
  width: 100%;
  box-sizing: border-box;
  position:absolute;
  top:125rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 33rpx;
}
.userDetails{
  margin-right: 240rpx;
}
.userCode{
  width: 70rpx;
  height: 70rpx;
}
.userName{
  font-size:40rpx;
  color:#ffffff;
  font-weight:bold;
}
.userPhone{
  font-size:30rpx;
  color:#ffffff;
}

.gradeAll{
  width: 100%;
  padding: 0 32rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 337rpx;
}
.crown-grade{
  width: 46rpx;
  height: 36rpx;
  margin-bottom: 10rpx;
  position: relative;
}
.gradeAll image{
  width: 46rpx;
  height: 36rpx;
}
.grade{
  font-size:20rpx;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(255,255,255,1);
  position: absolute;
  bottom: -4rpx;
  left: 50%;
  transform: translateX(-50%);
}
.word{
  font-size:30rpx;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.score{
  font-size:30rpx;
  color:rgba(255,255,255,1);
}

.myTicketAll{
  width: 100%;
  position: absolute;
  top: 504rpx;
  padding-top: 200rpx;
  border-radius: 30rpx;
  background-color: #ffffff;
}
.myTicketTop{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 32rpx 0 56rpx;
  box-sizing: border-box;
}
.ticketIcon{
  width: 30rpx;
  height: 21rpx;
}
.ticketArrows{
  width: 11rpx;
  height: 21rpx;
}
.myTicket{
  margin-left: 24rpx;
  margin-right: 455rpx;
  font-size:30rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.howMany{
  font-size:30rpx;
  font-family:DINPro;
  font-weight:500;
  color:rgba(235,97,0,1);
  margin-right: 39rpx;
}
.service{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 32rpx 0 56rpx;
  box-sizing: border-box;
}
.serviceIcon{
  width: 31rpx;
  height: 30rpx
}
.serviceWord{
  margin-right: 450rpx;
  font-size:30rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
}

.scoreAll{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 686rpx;
  padding: 49rpx 40rpx 45rpx 62rpx;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  top: 429rpx;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 30rpx;
  box-shadow: 10rpx 5rpx 20rpx 5rpx #d4d2d2;
}
.score-left{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.score-left image{
  width: 50rpx;
  height: 51rpx;
}
.score-left text{
  font-size:28rpx;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(235,97,0,1);
}
.scoreNum{
  font-size:60rpx;
  font-family:DINPro;
  font-weight:400;
  color:rgba(235,97,0,1);
  margin-left: 260rpx;
}
.historyIcon{
  width: 30rpx;
  height: 21rpx;
}
.line{
  width:1px;
  height:79rpx;
  background:rgba(230,230,230,1);
}

.maskAll{
  position: relative;
  width: 686rpx;
  margin: 0 auto;
  margin-top: 300rpx;
  border-radius:10rpx;
}
.maskCode{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
}
.maskContTop{
  width: 686rpx;
  height: 212rpx;
  padding: 0 40rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
}
.codeView{
  width: 100%;
  height: 693rpx;
  border-radius:10rpx;
  position: absolute;
  top: 212rpx;
  left: 0;
}
.codeView image{
  width: 520rpx;
  height: 520rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.dele{
  width: 27rpx;
  height: 28rpx;
  margin-bottom: 100rpx;
}
.whiteBg{
  width: 686rpx;
  height: 906rpx;
  position: absolute;
  top: 0;
  left: 0;
}

.noUserBtn image{
  width: 230rpx;
  height: 64rpx;
}