/* pack-activity/pack/buyFreeCoupon.wxss */
.sellInfo {
    padding: 56rpx 0 40rpx 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f6f6fd;
}

.sellInfo image {
    width: 200rpx;
    height: 200rpx;
    margin-bottom: 20rpx;
}

.payBox {
    padding: 30rpx 40rpx 0 40rpx;
    border-radius: 30rpx 30rpx 0rpx 0rpx;
    background: #ffffff;
}

.payView {
    font-size: 64rpx;
    display: flex;
    height: 82rpx;
    margin-top: 26rpx;
}

.payView text {
    color: #000;
}

.payView input {
    color: #515151;
    height: 82rpx;
    line-height: 82rpx;
}

.couponsBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999;
    margin: 26rpx 0;
}

.couponsBox .more {
    width: 20rpx;
    height: 32rpx;
    margin-left: 10rpx;
}

.colorNine {
    color: #999;
}

.colorOrange {
    color: #ED7B2F;
}

.colorOrange .more {
    background-image: url('https://qn.colorcun.com/chevronRight.png');
    width: 48rpx;
    height: 48rpx;
    margin-left: 0;
}

.couponsBox .couponRight {
    display: flex;
    align-items: center;
}

.couponsWrap {
    color: #515151;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payBtn {
    background: #05C160;
    width: 70%;
    border-radius: 10rpx;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 20rpx 10rpx;
    margin-top: 40rpx;
}

.titleModal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2rpx solid #dbdbdb;
}

.btn {
    background: #05C160;
    border-radius: 10rpx;
    color: #fff;
    text-align: center;
    padding: 10rpx;
    height: 48rpx;
    line-height: 48rpx;
}

.couponItems {
    border: 2rpx solid #05c160;
    margin-bottom: 16rpx;
    border-radius: 20rpx;
    display: flex;
    padding: 20rpx 10rpx;
}

.itemLeft {
    width: 25%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-right: 2rpx dashed #05C160;
    padding-right: 14rpx;
    margin-right: 14rpx;
}

.couponModal1 {
    height: 50%;
}

.couponModal2 {
    height: 80%;
}

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

.icons {
    color: #F6231B;
    font-size: 20rpx;
    font-family: PingFang SC;
}

.anameText {
    display: flex;
}

.anameText {
    margin-bottom: 14rpx;
}

.anameText text {
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 48rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    word-break: break-all;
}

.discountText1 {
    color: #C36607;
    font-family: PingFang SC;
    font-weight: 500;
    margin: 0 20rpx;
}

.textBox {
    width: 90%;
    display: flex;
    flex-direction: column;
}

.bottomTitle {
    color: #515151;
    font-family: PingFang SC;
    font-weight: 600;
}

.bottomTitle text {
    flex-shrink: 0;
}

.bottom {
    font-weight: normal;
}

.priceText {
    font-size: 56rpx;
}

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

.btns text {
    color: #0B0805;
}

.itemRight {
    flex: 1;
}

.itemRight view {
    display: flex;
    line-height: 36rpx;
    flex-shrink:0;
}

.nodate {
    margin-left: 24%;
}

checkbox {
    height: 40rpx;
    width: 40rpx;
    margin-right: 20rpx;
}

radio::before,
checkbox::before {
    height: 40rpx;
    top: 32% !important;
    right: 0 !important;
    width: 40rpx;
    content: '' !important;
}

.mymodal .mymodal-content {
    height: 80% !important;
}

.couponNo {
    border: 2rpx solid #999;
}

.couponNo .itemLeft {
    border-right: 2rpx dashed #999;
}

.couponNo .priceText,
.couponNo .icons,
.couponNo .priceText,
.couponNo .itemRight,
.couponNo .discountText1,
.couponNo .bottomTitle,
.couponNo .bottom {
    color: #999;
}

#giveCouponModal .titleModal {
    margin-top: 65%;
    position: relative;
    flex-direction: column;
    border-bottom: none;
}

#giveCouponModal .mymodal {
    background: rgba(0, 0, 0, 0.8);
    width: 100% !important;
    top: 0 !important;
    height: auto !important;
    z-index: 300;
}

.nameInfo {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 52rpx;
    line-height: 56rpx;
    color: #fff;
    margin-bottom: 150rpx;
    padding-top: 60rpx;
}

.couponTotal {
    color: #dfdfdf;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 40rpx;
    line-height: 48rpx;
    margin-bottom: 40rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counterText {
    color: #ffc806;
    font-weight: 600;
    font-size: 80rpx;
    margin-right: 14rpx;
}

.couponInfo {
    color: #DFDFDF;
    text-align: center;
    margin-bottom: 30rpx;
}

.couponBtn {
    width: 80%;
    margin: 0 auto;
    border-radius: 42rpx;
    background: linear-gradient(90.98deg, #f41919 0.25%, #ff7426 120.07%);
    font-weight: 400;
    color: #fff;
    text-align: center;
    border: 4rpx solid #fff;
    padding: 12rpx 0;
    margin: 16rpx auto 20rpx auto;
}

.couponText {
    color: #fff;
    text-decoration: underline;
    text-align: center;
}

.couponInfo {
    text-decoration: none;
    margin-bottom: 30rpx;
    color: #DFDFDF;
    text-align: center;
}

.closeImg {
    width: 60rpx;
    height: 60rpx;
    position: absolute;
    right: 0;
    top: 0;
}