
page{
	background-color: #f8f8f8;
}
.kf-service{
	position: fixed;
	right: 20rpx;
	bottom: 20%;
	width: 80rpx;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kf-service image{
	width: 60rpx;
	height: 60rpx;
	vertical-align: middle;
}
.empty-data{
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tips{text-align: center;line-height: 80rpx;color: #666;font-size: 28rpx;}
.coupon-item{background-color: #fff;border-radius: 10rpx;width: calc(95% - 40rpx);margin: 20rpx auto;border: 2rpx solid #fff;border-radius: 10rpx;position: relative;}
.coupon-item .state-img{position: absolute;right: 0;top: 0;}
.coupon-item .state-img image{width: 100rpx;height: 100rpx;}
.coupon-item .header{padding: 20rpx;font-size: 28rpx;color: #333;line-height: 48rpx;border-bottom: 2rpx solid #f8f8f8;}
.coupon-item .footer{padding: 20rpx;border-top: 2rpx solid #f8f8f8;display: flex;justify-content: space-between;}
.coupon-item .footer .state{flex: 1;}
.coupon-item .footer .btn{width: 50%;font-size: 28rpx;}
.coupon-item .body{display: flex;align-items: center;margin: 20rpx 0;justify-content: space-between;}
.coupon-item .img image{width: 160rpx;height: 160rpx;}
.coupon-item .info{padding: 0 20rpx;}
.coupon-item .btn{font-size: 28rpx;margin-right: 20rpx;}
.coupon-item .name{font-size: 32rpx;color: #333;line-height: 46rpx;}
.coupon-item .desc{color: #666;font-size: 28rpx;line-height: 48rpx;}

