.coupon-default{display: block;position: relative;height: 100px;margin: 10px;z-index: 1}
.coupon-default-v2 .coupon-default-status-add i{position: absolute;top: 65px;width: 83%;height: 25px;line-height: 25px;left: 6px;color: #fff;font-size: 12px;border-radius: 15px;}
.coupon-default::after{content: "";position: absolute;top: 5px;bottom: 5px;left: 0;right: 50px;}
.coupon-default-inner{position: relative;z-index: 1;height: 100px;background-color: #fff;-webkit-mask-box-image-slice: 20 168 20 1 fill;border-radius: 5px}
.receive-box{position: relative;height: 50px;line-height: 50px;}
.rest{display: inline-block;width: 45px;height: 45px;border: 3px solid;margin-top: 10px;border-radius: 50%;}
.remain{line-height: 15px;font-size: 12px;position: absolute;left: 0;bottom: 0;right: 0;top: 18px;}
.coupon-default-image{display: block;width: 75px;height: 75px;position: absolute;left: 10px;top: 10px;border-radius: 4px}
.coupon-default-name{font-size: 12px;position: absolute;left: 90px;top: 10px;right: 80px}
.coupon-default-name span, .coupon-default-name strong{display: block}
.coupon-default-name strong{font-size: 16px}
.coupon-default-name strong+span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.coupon-default-name span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.coupon-default-name .coupon-default-name-two span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap}
.coupon-default-price{position: absolute;left: 90px;right: 80px;bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.coupon-default-price em{vertical-align: -2px;margin-right: 6px;}
.no-receive{display: block;position: absolute;top: 39px;height: 23px;width: 81%;left: 8px;border-radius: 18px;line-height: 25px;color: #fff;}
.coupon-default-status{display: block;width: 75px;text-align: center;position: absolute;right: 0;top: 0;bottom: 0;background-color: #fff;border-radius: 0 5px 5px 0;border-left: 1px dashed;}
.no-coupon{text-align: center;margin-top: 100px;}
.q-circle .i1{top: -1px; background-position: 0 -9px; border-radius: 0 0 50px 50px;}
.q-circle i{position: absolute; z-index: 3; display: block; width: 18px; height: 9px; overflow: hidden; right: 67px;}
.i2{bottom: -1px; background-position: 0 -9px; border-radius: 50px 50px 0 0;}