页面样式问题：苹果手机上显示正常，微信开发者工具显示正常，在安卓手机上显示不正常，如下图

图1

图2

--wxml--
<view class="pileBox">
    <view class="plist" wx:for="{{pileList}}" wx:for-index="key" wx:for-item='value' wx:key="key">
      <view class="top">
        <view class="pile">充电桩: {{key}}</view>
        <view class="statusBox">
          <view class="speed"  wx:if="{{value.charge_type==2 || value.charge_type==3}}">快</view>
          <view class="speed green" wx:if="{{value.charge_type==1 || value.charge_type==3}}">慢</view>
        </view>
      </view>
      <view class="pileCon">
        <view class="pileItem" wx:for="{{value.gun_list}}" wx:for-index="i" wx:for-item="item" data-code="{{item.gun_code}}" bind:tap="goCharging">
          <view class="gunBox">
            <view class="gunNum">{{item.gun_name}}</view>
            <view class="status">空闲</view>
          </view>
          <view class="gunImg"><image src="/image/charge/cs03.png" mode=""/></view>
          <view class="chargeBtn">去充电</view>
        </view>
      </view>
    </view>
  </view>
--wxss--
.pileBox{
  width: 100%;
  padding: 20rpx;
  box-sizing: border-box;
}
.pileBox .plist{
  background-color: #fff;
  border-radius: 20rpx;
  padding: 20rpx;
  margin-bottom: 10rpx;
}
.pileBox .plist .top{
  display: flex;
  justify-content: space-between;
  font-size: 26rpx;
}
.pileBox .plist .top .pile{
  font-weight: 700;
  font-size: 26rpx;
}
.pileBox .plist .top .statusBox{
  display: flex;
  justify-content: flex-end;
}
.pileBox .plist .top .statusBox .speed{
  padding:5rpx 10rpx;
  background-color: #ff8d1a;
  font-size: 20rpx;
  color:white;
}
.pileBox .plist .top .statusBox .green{
  margin-left: 20rpx;
  background-color: #43cf7c;
}
.pileBox .pileCon{
  display: flex;
  justify-content: space-between;
  margin-top: 20rpx;
}
.pileCon .pileItem{
  width: 49%;
  height: 200rpx;
  border-radius: 10rpx;
  border:1rpx solid #ccc;
  padding: 10rpx;
  box-sizing: border-box;
}
.pileCon .pileItem .gunBox{
  display: flex;
  justify-content: center;
  font-size: 22rpx;
}
.pileCon .pileItem .gunBox .status{
  margin-left: 20rpx;
  color:#43cf7c;
}
.pileCon .pileItem .gunImg{
  width: 100rpx;
  height: 85rpx;
  margin: 15rpx auto;
}
.pileCon .pileItem .gunImg image{
  width: 100%;
  height: 100%;
}
.pileCon .pileItem .chargeBtn{
  width: 120rpx;
  height: 30rpx;
  line-height: 30rpx;
  border-radius: 30rpx;
  background-color: #ff8d1a;
  color:#fff;
  font-size: 20rpx;
  text-align: center;
  margin:0 auto;
}