.buyOrder_button_swiper.data-v-066d24dd { width: 690rpx; height: 250rpx; border-radius: 10rpx; overflow: hidden; margin: 20rpx auto 0 auto; } .swiperImg.data-v-066d24dd { width: 690rpx; height: 250rpx; } .dot.data-v-066d24dd { width: 15rpx; height: 15rpx; background: #ff4444; border-radius: 50%; } .tuiJian.data-v-066d24dd { text-align: center; margin: 40rpx; } .tuiJianTitle > view.data-v-066d24dd { vertical-align: middle; display: inline-block; } .tuiJianTitle > ._span.data-v-066d24dd { margin: 0 20rpx; vertical-align: middle; font-size: 30rpx; font-weight: bold; color: #333333; } page.data-v-066d24dd { overflow-x: hidden; background: #f8f8f8; } .paySuccess.data-v-066d24dd { width: 750rpx; overflow-x: hidden; background: #f8f8f8; font-size: 0; } .tuiJianTitle.data-v-066d24dd { margin: 50rpx 0; } .paySuccessTitle.data-v-066d24dd { border: 1rpx solid rgba(0, 0, 0, 0); width: 750rpx; height: 357rpx; background: #ff5e46; } .payTitleTips.data-v-066d24dd { margin-top: 16rpx; text-align: center; } .payTitleTips > image.data-v-066d24dd { vertical-align: middle; width: 150rpx; height: 150rpx; } .payTitleTips > view.data-v-066d24dd { margin-left: 44rpx; vertical-align: middle; display: inline-block; } .payTitleTips > view > ._p.data-v-066d24dd:nth-child(1) { margin-top: 1rpx; } .payTitleTips > view > ._p.data-v-066d24dd:nth-child(2) { margin-top: 10rpx; } .payTitleTips > view > ._p.data-v-066d24dd { text-align: left; margin: 0; padding: 0; font-size: 28rpx; font-weight: bold; color: #ffffff; } .payTitleButton.data-v-066d24dd { text-align: center; margin-top: 0rpx; } .payTitleButton > view.data-v-066d24dd { margin: 0 20rpx; display: inline-block; width: 180rpx; height: 62rpx; border: 1rpx solid #ffffff; border-radius: 31rpx; text-align: center; } .payTitleButton > view > ._span.data-v-066d24dd { line-height: 62rpx; font-size: 28rpx; color: #ffffff; } .paymentDetails.data-v-066d24dd { margin: -83rpx auto 0 auto; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .paymentDetailsPackage.data-v-066d24dd { padding: 30rpx; } .paymentDetailsPackage > view.data-v-066d24dd:nth-child(2) { margin-top: 40rpx; } .paymentDetailsPackage > view.data-v-066d24dd:nth-child(3) { margin-top: 40rpx; } .paymentDetailsPackage > view.data-v-066d24dd { display: flex; justify-content: space-between; } .paymentDetailsPackage > view > ._span.data-v-066d24dd { font-size: 24rpx; } .paymentDetailsPackage > view > ._span.data-v-066d24dd:nth-child(1) { color: #999999; } .paymentDetailsPackage > view > ._span.data-v-066d24dd:nth-child(2) { color: #333333; } .coupon.data-v-066d24dd { margin: 20rpx auto 0 auto; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .couponPackage.data-v-066d24dd { padding: 30rpx; display: flex; justify-content: space-between; } .couponPackage > view.data-v-066d24dd { display: inline-block; } .couponLefts.data-v-066d24dd { width: 100%; } .couponLefts .usedpacket-list-item.data-v-066d24dd { height: 170rpx; } .couponLefts .usedpacket-list-item .usedpacket-itemleft.data-v-066d24dd { width: 30%; height: 100%; background: linear-gradient(129deg, #fb8351 0%, #ff4444 100%); padding: 0 20rpx; flex-shrink: 0; } .couponLefts .usedpacket-list-item .usedpacket-itemleft .usedpacket-priceStyle.data-v-066d24dd { margin-right: 12rpx; } .couponLefts .usedpacket-list-item .usedpacket-itemleft .usedpacket-priceStyle > text.data-v-066d24dd { display: inline-block; vertical-align: top; margin-top: 4rpx; } .couponLefts .usedpacket-list-item .usedpacket-itemleft .itemleft_bgstyle.data-v-066d24dd { width: 30rpx; height: 30rpx; border-radius: 50%; position: absolute; left: -16rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #F8F8F8; } .couponLefts .usedpacket-list-item .usedpacket-itemleft .itemleft_bgstyle2.data-v-066d24dd { position: absolute; right: 0; top: 0; width: 1%; height: 170rpx; padding-left: 4rpx; color: #fff; box-sizing: border-box; background: radial-gradient(transparent 0, transparent 8rpx, #fff 8rpx); background-size: 16rpx 16rpx; background-position: 16rpx 0px; background-color: #fff; } .couponLefts .usedpacket-list-item .usedpacket-itemright.data-v-066d24dd { height: 100%; } .couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket_titleType .usedpacketType.data-v-066d24dd { padding: 0 6rpx; height: 28rpx; background-color: #ff4444; border-radius: 14rpx; } .couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket_titleType .usedpacketType > text.data-v-066d24dd { display: inline-block; -webkit-transform: scale(0.85); transform: scale(0.85); } .couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket_titleType .usedpacketTitle.data-v-066d24dd { width: 240rpx; } .couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket-time.data-v-066d24dd { width: 240rpx; } .couponLefts .usedpacket-list-item .getDraw.data-v-066d24dd { position: absolute; right: -10rpx; top: 56%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 126rpx; height: 40rpx; line-height: 40rpx; background-color: #ff4444; border-radius: 20rpx; } .couponLeft > view.data-v-066d24dd { vertical-align: middle; display: inline-block; width: 50rpx; height: 50rpx; background: #ff4444; border-radius: 50%; } .couponLeft > view > image.data-v-066d24dd { width: 50rpx; height: 50rpx; } .couponLeft > ._span.data-v-066d24dd { vertical-align: middle; font-size: 24rpx; color: #333333; } .couponRight.data-v-066d24dd { width: 121rpx; height: 50rpx; border: 1rpx solid #ff4444; border-radius: 25rpx; text-align: center; } .couponRight > ._span.data-v-066d24dd { line-height: 50rpx; font-size: 24rpx; color: #ff4444; } .advertisement.data-v-066d24dd { margin: 20rpx auto 0 auto; width: 690rpx; height: 200rpx; border-radius: 10rpx; overflow: hidden; } .advertisement > image.data-v-066d24dd { width: 690rpx; height: 200rpx; }