修改radio的默认样式时，出现了不想要的颜色，但是没找到时哪边影响的

中间那个绿色不知道是怎么出现的

wxml：

<view class="radio_box">
  <radio style="transform:scale(0.7)" value="{{item.value}}"/>
</view>

wxss:

/* 单选按钮样式*/
radio .wx-radio-input {
  width: 40rpx;
  height: 40rpx;
  border: 4rpx solid #999;
  border-radius: 100%;
  background: none;
}


/*单选按钮选中后内部样式*/
radio .wx-radio-input.wx-radio-input-checked {
  border: 4rpx solid #ff3c64!important;
}


radio .wx-radio-input.wx-radio-input-checked::before {
  width: 60%;
  height: 60%;
  background: #ff3c64;
  border-radius: 100%;
  content: '';
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

希望的是中间绿色不分是没有颜色的