.boatBoxf { width: 100%; height: 90rpx; position: fixed; top: 0; left: 0; } .boatBox { width: 100%; height: 90rpx; display: flex; justify-content: space-around; background-color: #fff; } .boatTitle { font-size: 30rpx; text-align: center; height: 80rpx; line-height: 80rpx; color: #999; } .boatTitleA { font-size: 32rpx; text-align: center; height: 80rpx; line-height: 80rpx; font-weight: 500; } .picker { margin-top: 25rpx; padding: 17rpx 45rpx; margin-bottom: 15rpx; background-color: #fff; } .picker .inside { display: flex; justify-content: space-between; } .picker .inside .picker_item { font-size: 35rpx; } .picker .inside .img { width: 40rpx; height: 40rpx; } .boatA { width: 80rpx; height: 6rpx; background-color: #fb3e5c; margin: 0 auto; border-radius: 20rpx; } .ticketList { width: 90%; margin: 20rpx auto; overflow: hidden; } .ticketItem { float: left; background-color: #fff; border-radius: 20rpx; width: 80%; height: 140rpx; overflow: hidden; } .useBtn { float: left; border-radius: 20rpx; width: 20%; height: 140rpx; line-height: 140rpx; text-align: center; color: #FFFFFF; font-size: 30rpx; background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%) } .nouseBtn { float: left; border-radius: 20rpx; width: 20%; height: 140rpx; line-height: 140rpx; text-align: center; color: #FFFFFF; font-size: 30rpx; background: #CECECE; } .shopImg { width: 88rpx; height: 88rpx; border: 1px solid #f8f8f8; border-radius: 50rpx; margin-left: 20rpx; margin-top: 30rpx; float: left; } .shopImg image { width: 100%; height: 100%; border: 1px solid #f8f8f8; border-radius: 50rpx; } .ticketData { margin-left: 20rpx; overflow: hidden; float: left; } .ticketTitle { font-size: 32rpx; margin-top: 30rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 270rpx; } .date { font-size: 22rpx; margin-top: 10rpx; } .date::before { content: "有效期至:"; font-size: 26rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; } .dingdan { margin-top: 33rpx; } .dingdan text:nth-of-type(1) { display: block; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .dingdan text:nth-of-type(2) { display: block; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: center; } .dingdan image { display: block; width: 300rpx; height: 300rpx; margin: 0 auto 16rpx; } .wait { display: inline-block; width: 123rpx !important; overflow: visible !important; font-size: 28rpx; color: #FD832D; letter-spacing: 0; text-align: right; line-height: 28rpx !important; float: right; margin: 20rpx; } .sucess { display: inline-block; width: 123rpx !important; /* overflow: hidden; */ font-family: PingFangSC-Regular; font-size: 28rpx; font-weight: 400; color: #2C8DFF; letter-spacing: 0; text-align: right; line-height: 26px; float: right; margin: 20rpx; } .close { display: inline-block; width: 123rpx !important; overflow: hidden; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: right; line-height: 28rpx; float: right; margin: 20rpx; }