510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/ticketCenter/ticketCenter.wxss

/* pages/ticketCenter/ticketCenter.wxss */
page,.all{
  width: 100%;
  height:100%;
  background:rgba(250,250,250,1);
}

.choose{
  width: 100%;
  height: 88rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 71rpx;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
}
.choose view{
  font-size:28rpx;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.yellow{
  width: 88rpx;
  height: 8rpx;
  background-color: #FF7615;
  border-radius:4px;
  position: absolute;
  top: 78rpx;
  left: 55rpx;
  transition: left 0.5s;
}

.ticketAll{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24rpx;
  /* overflow: hidden; */
  position: relative;
}
.ticketAll .circle{
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  position: absolute;
  left: 200rpx;
  background:rgba(250,250,250,1);
  /* background:red; */
}
.circle1{
  top: -20rpx;
}
.circle2{
  bottom: -20rpx;
}
.ticketleft,.ticketleft image{
  width: 220rpx;
  height: 220rpx;
  border-radius: 20rpx;
}
.ticketRig{
  background-color: #ffffff;
  width: 466rpx;
  height: 220rpx;
  border-radius: 20rpx;
  padding: 31rpx 24rpx 34rpx 24rpx;
  box-sizing: border-box;
  box-shadow: -10rpx 10rpx 10rpx 0rpx #f2f2f2;
}
.ticket-title{
  font-size:30rpx;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(106,10,14,1);
}
.ticket-desc{
  font-size:20rpx;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.yelloword{
  width: 144rpx;
  height: 36rpx;
  text-align: center;
  line-height: 36rpx;
  font-size:20rpx;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(235,97,0,1);
  border: 1px solid #EB6100;
  border-radius: 18px;
  margin: 15rpx 0;
}
.validity{
  font-size:20rpx;
  font-family:Source Han Sans CN;
  font-weight:300;
  color:rgba(153,153,153,1);
}
.ticket-name{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.shoping{
  width:110rpx;
  height:60rpx;
  text-align: center;
  line-height: 60rpx;
  background:rgba(235,97,0,1);
  border-radius:30px;
  font-size:30rpx;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(255,255,255,1);
}

.scrollView{
  width: 100%;
  padding: 32rpx;
  padding-bottom: 0;
  box-sizing: border-box;
}