label 文字无法居中问题

.service_selection label {

    background-image: url('http://a2.qpic.cn/psb?/V12euop91FqNcq/Ck9TciHL676TjZw2qTGQlKvDcZNnyP9KRCmtJKPXpE4!/b/dDwBAAAAAAAA&bo=UABQAAAAAAADByI!&rf=viewer_4');

    background-size: 100% 100%;

    width: 70rpx;

    height: 70rpx;

    text-align: center;

    margin-left: 15rpx;

    margin-right: 15rpx;

    margin-top: 15rpx;

    line-height: 70rpx;

    font-size: 30rpx;

    color: #fe0002;

}

在checkbox属性如上的label中，在开发工具中显示如下

圆圈里的数字能正常水平居中，但在真机中运行时显示如下：

所有文字都偏向左边，请问这是怎么回事