/* pages/reserve/sellerGift.wxss */
page {
    background: #F5F5F5;
}

.box {
    margin: 12rpx;
    border-radius: 10rpx;
    background: #fff;
    padding: 12rpx;
    margin-bottom: 24rpx;
}

.title {
    display: flex;
    align-items: center;
    padding: 0 0 12rpx 24rpx;
}

.sign {
    width: 6rpx;
    height: 30rpx;
    border-radius: 16rpx;
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
}

.title text {
    margin-left: 10rpx;
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.couponWrap .nodate{
    padding-left: 20rpx;
}

.preferentialItems {
    display: flex;
    margin-bottom: 20rpx;
    min-height: 160rpx;
    padding-bottom: 10rpx;
    background: #F8F9FD;
}

.couponWrap {
    display: flex;
	background:  linear-gradient(180deg, #ffefd0 0%, #ffdc9b 100%);
	margin-bottom: 20rpx;
	min-height: 160rpx;
	padding-bottom: 10rpx;
    border-radius: 20rpx;
}


.couponWrap .itemRight {
    width: 74%;
    display: flex;
    align-items: center;
    flex-direction:row;
}

.couponWrap .bottom {
	margin-top: 10rpx;
	width: 100%;
	color: #C36607;
	font-family: PingFang SC;
	font-weight: 500;
	display: -webkit-box;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	text-align: left;
}

.couponWrap .itemLeft {
    width: 26%;
}

.couponWrap .couponLine{
    margin: 24rpx 0 4rpx 0;
    border-right: 2rpx dashed #f6231b;
}

.couponWrap .orderingFood {
    padding: 0 20rpx;
    color: #fff !important;
    border: none !important;
    text-align: center;
    border-radius: 20rpx;
    line-height: 44rpx;
    height: 44rpx;
    width: max-content;
    flex-shrink: 0;
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
}
.orderingFood2 {
    width: 74rpx !important;
}
.couponWrap .icons {
    color: #F6231B !important;
    text-align: center;
}

.couponWrap .priceText {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-family: PingFang SC;
    color: #F6231B;
    font-weight: 600;
    font-size: 48rpx;
    margin-top: 6rpx;
}

.couponWrap .priceText text {
    font-size: 48rpx;
}

.couponWrap .btns {
    flex: 1;
	margin: 24rpx 20rpx 0 0;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
    flex-direction: column;
}
.couponWrap .btnBox {
    display: flex;
    flex-direction: column;
}

.couponWrap .grantNum {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #C36607;
    margin-top: 10rpx;
}

.couponWrap .grantNum text {
    color: #F6231B;
    margin-right: 10rpx;
}

.preferentialCoupon .btns .anameText {
    font-weight: 600;
}

.couponWrap .orderingFood1 {
    border: 2rpx solid #fa4b20 !important;
    background: transparent !important;
    color: #fa4b20 !important;
    font-weight: 600;
}
.couponWrap .itemLeft {
    background: transparent;
}
.couponWrap .discountText {
    background: #FD4D59;
}

.couponWrap .discountText1{
	text-align: center;
	border-radius: 6rpx;
	font-family: PingFang SC;
	width: max-content;
	padding: 2rpx 8rpx;
	position: absolute;
	left: 16rpx;
	top: 12rpx;
}

.discountText2{
    background: #FD4D59;
    color: #fff;
}

.discountText3{
    color: #FD4D59;
    border: 2rpx solid #FD4D59;
}

.itemLeft {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: #0143A3;
    border-top-left-radius: 20rpx;
    border-bottom-left-radius: 20rpx;
}

.priceText {
    font-family: 'Abel';
    color: #fff;
    font-weight: 500;
    font-size: 64rpx;
    margin-top: 6rpx;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.couponWrap .priceText .icons {
	margin-left: 18rpx;
	color: #E34D59;
	font-size: 20rpx;
}

.preferentialItems .priceText .icons {
    font-family: 'Abel';
    color: #fff;
    font-size: 40rpx;
    margin-bottom: 8rpx;
}

.discountText {
    background: #E4525E;
    color: #fff;
    border-radius: 4rpx;
    width: max-content;
    padding: 4rpx;
    margin-left: 16rpx;
}

.itemRight {
    width: 70%;
    padding-right: 10rpx;
    margin-left: 18rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btns {
    margin: 24rpx 20rpx 0 0;
    display: flex;
    justify-content: space-between;
}

.btns text {
    color: #000;
    font-family: "PingFang SC";
    font-weight: 600;
}

.orderingFood {
    padding: 0 40rpx;
    border-radius: 22rpx;
    text-align: center;
    color: #fff;
    border-radius: 20rpx;
    line-height: 44rpx;
    height: 44rpx;
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
    width: max-content;
    flex-shrink: 0;
}

.rechargeItems {
    background: url('https://nosqn.colorcun.com/certificateBjNew.png') no-repeat;
    background-size: 100% 100%;
    min-height: 160rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 12rpx 48rpx;
}

.rechargeItems .itemLeft {
    width: 64%;
    background: transparent;
}

.itemTop {
    display: flex;
    width: 100%;
    align-items: center;
    font-family: 'Abel';
    margin-bottom: 10rpx;
    font-weight: 600;
}