.pay-result-container { background: #f5f5f5; } .pay-result-container .pay-header { width: 100%; height: 260rpx; background-image: linear-gradient(180deg, #1677FF 59%, rgba(22, 119, 255, 0) 96%); } .pay-result-container .pay-title { margin: -240rpx 24rpx 0; color: #FFF; font-weight: 500; font-size: 44rpx; display: flex; align-items: center; } .pay-result-container .pay-title .content { margin-left: 16rpx; } .pay-result-container .pay-content { padding: 24rpx 24rpx 0; background: #fff; border-radius: 16rpx; margin: 24rpx; } .pay-result-container .pay-content .header { font-size: 30rpx; color: #333; font-weight: 600; padding-bottom: 24rpx; border-bottom: 1rpx solid #eee; } .pay-result-container .pay-content .content-out { padding-top: 24rpx; } .pay-result-container .pay-content .content-out .content { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24rpx; color: #333; font-weight: 400; font-size: 30rpx; } .pay-result-container .pay-content .content-out .content .label { color: #999; } .pay-result-container .pay-bottom { padding: 24rpx; margin: 16rpx 24rpx 0; background-color: #fff; border-radius: 16rpx; } .pay-result-container .pay-bottom .close { display: flex; align-items: center; justify-content: space-between; color: #333; font-weight: 500; font-size: 32rpx; } .pay-result-container .pay-bottom .go-subscribe { display: flex; align-items: center; justify-content: space-between; margin-top: 16rpx; color: #333; font-weight: 400; font-size: 26rpx; } .pay-result-container .pay-bottom .go-subscribe .go-label { opacity: 0.6; } .pay-result-container .pay-bottom .go-subscribe .subButton { display: flex; align-items: center; justify-content: center; width: 122rpx; height: 48rpx; color: #fff; background: #FF8126; border-radius: 50rpx; }