微信小程序优惠券锯齿边缘想弄成圆弧状 但是现在是正方形形状 怎么修改

Question

        .stamp{

width:700rpx;
height: 250rpx;
margin-bottom:50rpx;
position:absolute;
overflow:hidden;
border-radius: 10rpx;
}

 .stamp:before, .stamp:after {
content: '.';
width: 0;
height: 200%;
/* 绝对定位进行偏移 */
position: absolute;
top: 20rpx;

} .stamp:before {
/* 圆点型的border /
border-right: 20rpx dotted #eeeeee;
/ 偏移一个半径，让圆点的一半覆盖div /
left: -10rpx;
width: 1rpx;
}
.stamp:after {
/ 圆点型的border /
border-left: 20rpx dotted #eeeeee;
/ 偏移一个半径，让圆点的一半覆盖div */
right: -10rpx;
}

    wxml代码
                                <!-- 左侧 -->
                <view class="float-li t1">
                    <view class="coupon-left">
                      <view style='width:50%;height:70%;float:left'>
                          <view class="t t6">{{item.couponsMoney}}</view>
                          <view class="t t5">Ұ</view>
                      </view>
                      <view style='width:50%;height:70%;float:left'>
                        <view class="t t7" style='margin-left:5%;'>优惠券</view>
                        <view class="t t3" style='margin-left:5%;'>{{item.couponsName}}</view>
                      </view>
                        <view class="t t8" style='width:100%;height:30%;margin-left:3%'>有效期：{{item.useStartDate}} 至 {{item.useEndDate}}</view>
                    </view>
                </view>
                <!-- 右侧 -->
                <view class="float-li-rig">
                    <view class="coupon-rig">
                      <view class="shuli"><text class='clickAndCollectFontColor'>未使用</text></view>
                    </view>
                </view>
            </view>
            <!-- 全部中：状态是1（已使用：设置样式）start-->
            <view wx:elif="{{item.useStatus == '1'}}" class="item stamp stamp10">
                <!-- 左侧 -->
                <view class="float-li t1">
                    <view class="coupon-left">
                      <view style='width:50%;height:70%;float:left'>
                          <view class="t t6">500</view>
                          <view class="t t5">Ұ</view>
                      </view>
                      <view style='width:50%;height:70%;float:left'>
                        <view class="t t7" style='margin-left:5%;'>优惠券</view>
                        <view class="t t3" style='margin-left:5%;'>{{item.couponsName}}</view>
                      </view>
                        <view class="t t8" style='width:100%;height:30%;margin-left:3%'>有效期：{{item.useStartDate}} 至 {{item.useEndDate}}</view>
                    </view>
                </view>
                <!-- 右侧 -->
                <view class="float-li-rig">
                    <view class="coupon-rig">
                      <view class="shuli">已使用</view>
                    </view>
                </view>
            </view>