.BoxBg{ height: 100%; background: linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); overflow: hidden; } .container { background: #fff; width: 92%; margin: 8% auto 6% auto; border-radius: 16rpx; text-align: center; } .quanDataBox{ /* margin-top: 60rpx; */ overflow: hidden; } .qianTitle{ font-size: 32rpx; } .payBox{ display: flex; justify-content: center; } .selling{ font-size: 30rpx; color: rgba(253,131,45,1); margin-top: 10rpx; } .original{ color: #999; font-size: 26rpx; text-decoration: line-through; margin-left: 20rpx; margin-top: 14rpx; } .past{ font-size: 24rpx!important; color: red!important; border: 1px solid red; padding: 3rpx; float: left; margin-left: 10rpx; font-size: 26rpx; height: 40rpx; line-height: 40rpx; margin-top: 10rpx; } .timevalidity{ font-size: 22rpx; color: #999; letter-spacing: 0; margin: 6rpx 0 10rpx 0; } .subhead{ font-size: 26rpx; color: #999; letter-spacing: 0; text-align: center; line-height: 37rpx; padding: 0 10rpx; } .manjian{ margin-left: 26rpx; color: #999!important; font-size: 26rpx !important; text-align: center; } .line{ height: 10rpx; display: block; width: 100%; margin-top: 20rpx; } .zhuangtai{ margin-bottom: 20rpx; } .panel{ overflow: hidden; position: relative; } .rqImg{ /* background-color: aqua; */ width: 600rpx; height: 440rpx; display: block; border-radius: 10rpx; margin: 20rpx auto; padding: 0; overflow: hidden; } .barnum{ background: #fff; height: 88rpx; width: 600rpx; margin: 0 auto; line-height: 88rpx; border: 2rpx solid #ccc; border-radius: 10px; font-size: 36rpx; color: #333; letter-spacing: 0; text-align: center; overflow: hidden; } .barnumtext{ float: left; margin-left: 20rpx; font-size: 30rpx; } .barnumImg{ float: left; height: 40rpx; width: 40rpx; margin: 24rpx 20rpx; } .barnumtext::before{ content: "优惠券码:"; font-size: 24rpx; color: #999; } .shopData{ margin-top: 20rpx; text-align: left; } .shopTexx{ font-size: 30rpx; height: 70rpx; line-height: 70rpx; text-indent: 1em; color: #333; background: #fff; margin: 20rpx 0; } .posi{ overflow: hidden; height: 70px; } .note{ text-align: left; } .shiji{ width: 22%; text-indent: 30rpx; text-align: left; font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; margin-left: 20rpx; } .moneys{ font-size: 40rpx !important; color: #ff4949 !important; letter-spacing: 0; float: right; } .orderDate::before{ content: "下单时间:"; margin-left: 20rpx; } .orderDate{ font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; margin: 10rpx 0; } .orderDate1::before{ content: "核销时间:"; margin-left: 20rpx; } .orderDate1{ font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; margin: 10rpx 0; } .orderDate2::before{ content: "过期时间:"; margin-left: 20rpx; } .orderDate2{ font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; margin: 10rpx 0; } .orderDate3::before{ content: "退款时间:"; margin-left: 20rpx; } .orderDate3{ font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; margin: 10rpx 0; } .orderNum::before{ content: "订单编号:"; margin-left: 20rpx; } .orderNum{ font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; margin: 10rpx 0; } .notes{ margin: 20rpx; text-align: left; } .notesText{ font-size: 30rpx; color: #333; letter-spacing: 0; } .introduce{ font-size: 24rpx; color: #333; } .closeRq{ position: absolute; width: 420rpx; height: 400rpx; line-height: 400rpx; text-align: center; background-color: rgba(0, 0, 0, 0.8); left: 50%; top: 42%; transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */ z-index: 10000000; color: #fff; font-size: 38rpx; } .updataRqCode{ width: 80rpx !important; height: 80rpx; margin-top: calc(50%-80rpx) !important; margin-left: calc(50%-80rpx) !important; display: inline-block !important; } .upDataRq{ position: absolute; width: 100%; text-align: center; height: 80rpx; color: #fff ; top: 20%; left: 0; } .rich_text{ width: 100%; height: 100%; } .rich_text p { width: 100% !important; } .rich_text img{ max-width: 100% !important; } .logoBox{ position: relative; width: 100%; height: 80rpx; } .logo{ position: absolute; width: 100rpx; height: 100rpx; border-radius: 50%; top: -50%; display: block; left: 44%; z-index: 1000000; } .coedTiem{ text-align: center; color: rgba(253,131,45,1); margin-bottom: 10rpx; font-size: 30rpx; }