page { background: #f4f4f4; min-height: 100%; } .container { background: #f4f4f4; min-height: 1220rpx; padding-top: 30rpx; } .coupon-form { height: 550rpx; width: 100%; background: #fff; padding-top: 20rpx; margin-left: 20rpx; } .to-index-btn { color: #fff; background: #e64340; border-radius: 6px; width: 300rpx; height: auto; line-height: 70rpx; text-align: center; font-size: 28rpx; margin: 0 auto; display: block; margin-bottom: 180rpx; } .coupon-center { background: white; height: 550rpx; text-align: center; width: 88%; margin-left:24rpx; } .coupon-center .image-view { text-align: center; height: 140rpx; } .coupon-center .image { /* display:block; */ width:140rpx; height:140rpx; /* margin:35rpx; */ border-radius:50%; } .coupon-center .title { font-size: 24rpx; color: rgb(160, 159, 159); text-align: center; height:60rpx; line-height:60rpx; } .coupon-center .title2 { font-size: 28rpx; text-align: center; height:60rpx; line-height:60rpx; } .coupon-center .time { font-size: 28rpx; text-align: center; height: 80rpx; line-height: 80rpx; color: rgb(160, 159, 159); } .coupon-center .title-sub { font-size: 22rpx; text-align: center; height:60rpx; line-height:60rpx; } .coupon-center .btn { text-align: center; height: 80rpx; } .coupon-center .btn .r { height: 60rpx; line-height: 60rpx; text-align: center; color: #fff; font-size: 30rpx; border-radius: 1; width: 300rpx; } .tick-info { border-top: 1px solid rgb(221, 219, 219); height:80rpx; width: 88%; margin-left:24rpx; background:white; } .tick-info .txte { height: 40rpx; line-height: 40rpx; float: left; margin-left: 20rpx; margin-top: 16rpx; color: rgb(122, 121, 121); } .tick-info .txte2 { height: 40rpx; line-height: 40rpx; float: right; margin-right: 20rpx; margin-top: 16rpx; color: rgb(122, 121, 121); }