.page { height: 100vh; } .content { display: flex; flex: 1; overflow: auto; } .out1 { background: #ffffff; padding: 0 32rpx; } .top { background: #ffffff; padding: 20rpx 0; font-size: 28rpx; color: #999999; line-height: 50rpx; border-bottom: 2rpx solid #f1f1f1; } .top1 { background: #ffffff; padding: 20rpx 0; font-size: 28rpx; color: #999999; line-height: 50rpx; } .title { font-size: 30rpx; font-weight: bold; color: #000000; } .price { font-size: 32rpx; font-weight: bold; color: #ed569f; } .itemTitle { font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 36rpx; margin-left: 24rpx; } .out2 { background: #f7f7f7; padding: 0 32rpx 30rpx 32rpx; } .ticket { padding: 20rpx 0; } .ticketList { width: 686rpx; height: 188rpx; margin-top: 24rpx; background-image: url('/static/coupon/u210.png'); background-repeat: no-repeat; background-size: cover; } .h-text { width: 200rpx; height: 188rpx; } .money { height: 52rpx; font-size: 36rpx; font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; color: #333333; line-height: 52rpx; text-align: center; } .desc { height: 36rpx; font-size: 20rpx; font-weight: 400; color: #333333; line-height: 36rpx; text-align: center; } .h-center-content { height: 188rpx; } .h-value { font-size: 28rpx; font-weight: bold; color: #333333; line-height: 44rpx; //margin-top: 24rpx; margin-left: 24rpx; } .ticketMsg { font-size: 24rpx; font-weight: 400; color: #999999; line-height: 36rpx; margin-left: 24rpx; } .h-right-content { width: 188rpx; height: 188rpx; } .btn { width: 156rpx; height: 64rpx; background: #93D21A; border-radius: 32rpx; font-size: 24rpx; font-weight: 400; color: #FFFFFF; line-height: 64rpx; text-align: center; } .link { background: #FFFFFF; padding: 10rpx 24rpx; margin-top: 20rpx; line-height: 60rpx; font-size: 28rpx; color: #999999; } .inBtnView { height: 150rpx; } .inBtn { background: #FFE05C; width: 686rpx; height: 90rpx; border-radius: 45rpx; margin-top: 20rpx; margin-bottom: 40rpx; line-height: 90rpx; text-align: center; font-size: 30rpx; font-weight: bold; } .activityKey { width: 140rpx; } .activityValue { flex: 1; } .remark { width: 646rpx; font-size: 25rpx; line-height: 40rpx; background: #FFFFFF; border-radius: 20rpx; padding: 20rpx; text-indent: 2em; color: #999999; } .addService { width: 750rpx; background: #FFFFFF; padding: 24rpx 0; border-radius: 24rpx 24rpx 0rpx 0rpx; } .popupTitle { height: 44rpx; font-size: 32rpx; font-weight: 600; color: #333333; line-height: 44rpx; margin-left: 34rpx; } .scrollY { height: 504rpx; margin-top: 34rpx; margin-bottom: 24rpx; } .cancelButton { width: 332rpx; height: 80rpx; background: #F5F5F5; border-radius: 54rpx; text-align: center; line-height: 80rpx; font-size: 28rpx; font-weight: 400; color: #666666; } .confirmButton { width: 332rpx; height: 80rpx; background: #FFE05C; border-radius: 54rpx; text-align: center; line-height: 80rpx; font-size: 28rpx; font-weight: 400; color: #333333; } .vBackGround { background: rgba(255, 224, 92, 0.1); border: 4rpx solid #FFE05C; box-sizing: border-box; } .objectImage { width: 108rpx; height: 108rpx; border-radius: 56rpx; border: 2rpx solid #FFFFFF; margin-top: 24rpx; margin-left: 24rpx; } .objectItem { width: 686rpx; height: 160rpx; background: #FAFAFA; border-radius: 16rpx; margin-left: 32rpx; position: relative; margin-top: 24rpx; } .objectName { height: 160rpx; font-size: 32rpx; font-weight: 600; color: #111111; line-height: 160rpx; margin-left: 24rpx; } .vImage { position: absolute; top: 0; right: 0; width: 32rpx; height: 32rpx; }