.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; } .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; }