/* pages/myReplace/myReplace.wxss */ page{ width: 100%; height: 100%; background: #fafafa; } .all{ width: 100%; height: 100%; padding: 60rpx 32rpx; box-sizing: border-box; } .lookTicketTop{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 33rpx; } .ticketWord{ margin-right: 400rpx; font-size:30rpx; font-family:Source Han Sans CN; font-weight:500; color:rgba(51,51,51,1); } .ticketAll{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 33rpx; position: relative; } .ticketAll .circle{ width: 30rpx; height: 30rpx; border-radius: 50%; position: absolute; left: 205rpx; background:rgba(250,250,250,1); /* background:red; */ } .circle1{ top: -15rpx; } .circle2{ bottom: -15rpx; } .ticketleft,.ticketleft image{ width: 220rpx; height: 220rpx; border-radius: 20rpx; } .ticketRig{ background-color: #ffffff; /* background-color: red; */ width: 466rpx; height: 220rpx; border-radius: 20rpx; padding: 31rpx 24rpx 0rpx 24rpx; box-sizing: border-box; box-shadow: 10rpx 5rpx 20rpx 5rpx #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); } .validity{ font-size:20rpx; font-family:Source Han Sans CN; font-weight:300; color:rgba(153,153,153,1); } .line{ width: 100%; height: 1px; background: #E6E6E6; margin-top: 24rpx; } .giveFriend{ display: flex; justify-content: flex-end; align-items: center; padding-top: 24rpx; } .giveFriend image{ width: 24rpx; height: 24rpx; margin-top: 6rpx; margin-left: 15rpx; } .giveFriend text{ font-size:24rpx; font-family:Source Han Sans CN; font-weight:300; color:rgba(235,97,0,1); } .scroll{ max-height: 500rpx; } .historyCont{ display: flex; justify-content: space-between; align-items: center; } .ticketCode{ font-size:20rpx; font-family:Source Han Sans CN; font-weight:500; color:rgba(153,153,153,1); } .ticketName{ font-size:20rpx; font-family:Source Han Sans CN; font-weight:400; color:rgba(102,102,102,1); } .historyCont{ margin-top: 34rpx }