红点被图片遮住了

WXML如下：

<view class=“container page”>

 <view class=‘column’>

   <view class=‘item’>

     <image class=‘icon’ src=’…/…/images/200.jpg’></image>

     <view class=‘title’>测试1</view>

     <view class=‘badge’>9</view>

   </view>

 </view>

</view>

WXSS如下：

.page .column{height: 200rpx;}

.page .column .item{width: 186rpx;height: 200rpx;display:inline-block ;border-right: 2rpx #fff solid;}

.page .column .last{border-right: none;}

.page .column .item .icon{width: 106rpx;height:100rpx; margin:30rpx 40rpx 0rpx 40rpx;}

.page .column .item .title{text-align: center;line-height: 50rpx;font-size: 32rpx;}

.page .column .item .badge{text-align: center;border-radius: 20rpx;width:40rpx;height: 40rpx;line-height: 40rpx;padding: 5rpx; background-color: red;color: white;margin:-176rpx 20rpx 0rpx 136rpx;float: right;z-index: 999;}