.A-coupon-item { height: 155rpx; background-repeat:repeat-y; background-size:100% auto; border-top:#e6e6e6 2rpx solid; border-bottom:#e6e6e6 2rpx solid; } .A-coupon-item-price{ height:100%; width: 150rpx; border-right: 2rpx dashed #f1e5d9; box-sizing: border-box; } .A-coupon-item-price::before { content: ''; position: absolute; right: -11rpx; top: -11rpx; width: 20rpx; height: 20rpx; border-radius: 100%; background-color: #fff; border:#e6e6e6 2rpx solid; } .A-coupon-item-price::after { content: ''; position: absolute; right: -11rpx; bottom: -11rpx; width: 20rpx; height: 20rpx; border-radius: 100%; background-color: #fff; border:#e6e6e6 2rpx solid; } .xhb-coupon{ overflow: hidden; background-image: url('https://qs.haodian.cn/wechat_app/xiaohongbangV2/coupon/coupon-bg.png'); background-size: 100% auto; background-repeat: repeat-y; } .xhb-coupon::before,.xhb-coupon::after{ content: ''; position: absolute; z-index: 1; width: 18rpx; height: 18rpx; border-radius: 100%; border: 1px solid #e8e8e8; left: 457rpx; background-color: #fff; border-radius: 100%; } .xhb-coupon::before{ top: -9rpx; } .xhb-coupon::after{ bottom: -9rpx; } .xhb-coupon-info{ width: 467rpx; height: 168rpx; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-right: 1px dashed #e8e8e8; } .xhb-coupon-opt{ width: 223rpx; height: 168rpx; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .xhb-coupon-opt .btn{ width: 162rpx; height: 60rpx; line-height: 60rpx; }