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

/* pages/personalCenter/personalCenter.wxss */
.all{
  position: relative; 
}
.centerBg{
  width: 100%;
  height: 535rpx;
}
.userCircle{
  width: 100%;
  height: 448rpx;
}
.userMess{
  width: 100%;
  position: absolute;
  top: 117rpx;
  left: 0;
}
.userHeader{
  width: 200rpx;
  height: 200rpx;
  overflow: hidden;
  border-radius: 50%;
}
.userImg{
  width: 200rpx;
  height: 200rpx;
}
.userAll{
  text-align: center;
  position:absolute;
  top:42rpx;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.userName{
  font-size:40rpx;
  color:rgba(51,51,51,1);
  font-weight:bold;
  /* margin-top: 31rpx; */
  margin-bottom: 16rpx;
}
.userPhone{
  font-size:30rpx;
  color:rgba(102,102,102,1);
}

.myTicketAll{
  padding: 0 64rpx;
  position: absolute;
  top: 390rpx;
}
.myTicketTop{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticketIcon{
  width: 49rpx;
  height: 30rpx;
}
.ticketArrows{
  width: 34rpx;
  height: 19rpx;
}
.myTicket{
  margin-left: -350rpx;
  font-size:30rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
}

.ticketCont{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ticketImg{
  width: 254rpx;
  height: 248rpx;
  border-radius:10px 0px 0px 10px;
  overflow: hidden;
  margin-right: 32rpx;
}
.name{
  font-size:50rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(106,10,14,1);
  margin-bottom: 40rpx;
}
.time{
  font-size:20rpx;
  font-family:SourceHanSansCN;
  font-weight:300;
  color:rgba(153,153,153,1);
}
.look{
  /* display: flex;
  justify-content: space-between;
  align-items: center;*/
  margin-top: 41rpx;
  margin-bottom: 33rpx; 
}
.giveFrinedBtn{
  width: 240rpx;
  height: 64rpx;
  float: right;
}
.clickLook{
  font-size:30rpx;
  font-family:SourceHanSansCN;
  font-weight:500;
  color:rgba(0,0,0,1);
  margin-left: 15rpx;
}


.scrollY1{
  height: 360rpx;
  margin-top: 33rpx;
}
.scrollY2{
  height: 300rpx;
  margin-top: 20rpx;
}
.historyIcon{
  width: 30rpx;
  height: 30rpx;
}
.history{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx;
}
.historyLeft{
  position: relative;
  /* width: 179rpx; */
  width: 300rpx;
  height: 36rpx;
}
.ticketCode{
  /* width: 179rpx; */
  width: 100%;
  text-align: center;
  font-size:20rpx;
  font-family:DIN;
  font-weight:500;
  /* color:rgba(255,255,255,1); */

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.historyTicketBg{
  /* width: 179rpx; */
  width: 300rpx;
  height: 36rpx;
  display: none;
}
.tickName{
  font-size:24rpx;
  color:rgba(102,102,102,1);
  margin-left: 75rpx;
}
.tickType{
  font-size:24rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(235,97,0,1);
}

.line{
 width: 630rpx;
 height: 2rpx;
 background-color: #CCCCCC;
 margin: 0 auto 40rpx auto;
}
.contAll{
  box-shadow: 50rpx 10rpx 20rpx #d4d2d2;
}