diff --git a/contrastPackages/brandRatio/BBS/index.wxml b/contrastPackages/brandRatio/BBS/index.wxml
index 42a70ed..0af5bc0 100644
--- a/contrastPackages/brandRatio/BBS/index.wxml
+++ b/contrastPackages/brandRatio/BBS/index.wxml
@@ -45,7 +45,7 @@
 </view>
 <view class="chart_box">
     <view class="chart_title">论坛调性对比</view>
-    <view class="table">
+    <view class="table" style="height: 100%;">
         <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{stackOption}}" height="100%"></c-echars>
     </view>
 </view>
diff --git a/contrastPackages/brandRatio/index.js b/contrastPackages/brandRatio/index.js
index 0bcd574..7bb08db 100644
--- a/contrastPackages/brandRatio/index.js
+++ b/contrastPackages/brandRatio/index.js
@@ -72,8 +72,9 @@ Page({
     },
     del(e) {
         let filter = this.data.result.filter(ele=>{
-            return ele!= null
+            return ele!= "null"
         })
+        console.log(filter);
         if(filter.length==2){
             Dialog.alert({
                 message: '至少需要两个品牌才可以对比哦！',
diff --git a/contrastPackages/brandRatio/survey/index.js b/contrastPackages/brandRatio/survey/index.js
index c62309b..5dd2017 100644
--- a/contrastPackages/brandRatio/survey/index.js
+++ b/contrastPackages/brandRatio/survey/index.js
@@ -213,7 +213,7 @@ Component({
                 }
                 //横轴，数据，纵轴
                 this.setData({
-                    brandOption4: sHistogram(xMsg, data, sBrand, [])
+                    brandOption4: sHistogram(xMsg, data, sBrand, dColor)
                 })
             })
             //品牌传播TOP媒体
diff --git a/contrastPackages/brandRatio/survey/index.wxml b/contrastPackages/brandRatio/survey/index.wxml
index f497b20..183fbd0 100644
--- a/contrastPackages/brandRatio/survey/index.wxml
+++ b/contrastPackages/brandRatio/survey/index.wxml
@@ -55,46 +55,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].key}}</view>
     <view class="rank_list">
         <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/brandRatio/survey/index.wxss b/contrastPackages/brandRatio/survey/index.wxss
index 85c4d37..cf4924d 100644
--- a/contrastPackages/brandRatio/survey/index.wxss
+++ b/contrastPackages/brandRatio/survey/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/brandRatio/thetail/index.wxml b/contrastPackages/brandRatio/thetail/index.wxml
index b2bb1f1..72b6096 100644
--- a/contrastPackages/brandRatio/thetail/index.wxml
+++ b/contrastPackages/brandRatio/thetail/index.wxml
@@ -20,46 +20,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].key}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/brandRatio/thetail/index.wxss b/contrastPackages/brandRatio/thetail/index.wxss
index 85c4d37..cf4924d 100644
--- a/contrastPackages/brandRatio/thetail/index.wxss
+++ b/contrastPackages/brandRatio/thetail/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/brandRatio/weibo/index.wxml b/contrastPackages/brandRatio/weibo/index.wxml
index a4b4149..b1b6436 100644
--- a/contrastPackages/brandRatio/weibo/index.wxml
+++ b/contrastPackages/brandRatio/weibo/index.wxml
@@ -40,46 +40,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].Name}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">内容</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].Name}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">内容</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/brandRatio/weibo/index.wxss b/contrastPackages/brandRatio/weibo/index.wxss
index 2bbcb19..a0d4725 100644
--- a/contrastPackages/brandRatio/weibo/index.wxss
+++ b/contrastPackages/brandRatio/weibo/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/carModelsRatio/survey/index.wxml b/contrastPackages/carModelsRatio/survey/index.wxml
index ef90c91..7af80a9 100644
--- a/contrastPackages/carModelsRatio/survey/index.wxml
+++ b/contrastPackages/carModelsRatio/survey/index.wxml
@@ -55,46 +55,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].key}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
@@ -118,9 +118,9 @@
     </view>
     <view class="cloud_content" wx:for="{{positive}}" wx:for-index="index" wx:key="index">
         <view style="margin-left: 32rpx;">{{item.name}}</view>
-            <view style="margin-top: -140rpx;margin-left: 40rpx;">
-                <word-cloud canvasId="{{'w'+index}}"  list="{{item.value}}" width="100%" height="230" color="#0284FF"></word-cloud>
-            </view>
+        <view style="margin-top: -140rpx;margin-left: 40rpx;">
+            <word-cloud canvasId="{{'w'+index}}" list="{{item.value}}" width="100%" height="230" color="#0284FF"></word-cloud>
+        </view>
     </view>
 </view>
 <view class="cloud_box">
@@ -136,9 +136,9 @@
     </view>
     <view class="cloud_content" wx:for="{{negative}}" wx:for-index="index" wx:key="index">
         <view style="margin-left: 32rpx;">{{item.name}}</view>
-            <view style="margin-top: -140rpx;margin-left: 40rpx;">
-                <word-cloud canvasId="{{'w'+index}}"  list="{{item.value}}" width="100%" height="230" color="#0284FF"></word-cloud>
-            </view>
+        <view style="margin-top: -140rpx;margin-left: 40rpx;">
+            <word-cloud canvasId="{{'w'+index}}" list="{{item.value}}" width="100%" height="230" color="#0284FF"></word-cloud>
+        </view>
     </view>
 </view>
 <view class="chart_box">
diff --git a/contrastPackages/carModelsRatio/survey/index.wxss b/contrastPackages/carModelsRatio/survey/index.wxss
index 85c4d37..cf4924d 100644
--- a/contrastPackages/carModelsRatio/survey/index.wxss
+++ b/contrastPackages/carModelsRatio/survey/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/carModelsRatio/thetail/index.wxml b/contrastPackages/carModelsRatio/thetail/index.wxml
index b2bb1f1..72b6096 100644
--- a/contrastPackages/carModelsRatio/thetail/index.wxml
+++ b/contrastPackages/carModelsRatio/thetail/index.wxml
@@ -20,46 +20,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].key}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/carModelsRatio/thetail/index.wxss b/contrastPackages/carModelsRatio/thetail/index.wxss
index 85c4d37..cf4924d 100644
--- a/contrastPackages/carModelsRatio/thetail/index.wxss
+++ b/contrastPackages/carModelsRatio/thetail/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/carModelsRatio/weibo/index.wxml b/contrastPackages/carModelsRatio/weibo/index.wxml
index a4b4149..07efce9 100644
--- a/contrastPackages/carModelsRatio/weibo/index.wxml
+++ b/contrastPackages/carModelsRatio/weibo/index.wxml
@@ -40,46 +40,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].Name}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].Name}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/carModelsRatio/weibo/index.wxss b/contrastPackages/carModelsRatio/weibo/index.wxss
index 2bbcb19..a0d4725 100644
--- a/contrastPackages/carModelsRatio/weibo/index.wxss
+++ b/contrastPackages/carModelsRatio/weibo/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/eventRatio/survey/index.wxml b/contrastPackages/eventRatio/survey/index.wxml
index ba035ca..1490a3a 100644
--- a/contrastPackages/eventRatio/survey/index.wxml
+++ b/contrastPackages/eventRatio/survey/index.wxml
@@ -89,46 +89,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;margin-top: 15rpx;">事件一</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">媒体</view>
-            <view style=" display: inline-block;margin-left: 252rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{eventSpreadTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;margin-top: 15rpx;">事件二</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{eventSpreadTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">媒体</view>
-            <view style=" display: inline-block;margin-left: 252rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{eventSpreadTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{eventSpreadTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/eventRatio/survey/index.wxss b/contrastPackages/eventRatio/survey/index.wxss
index b5edbb3..e339489 100644
--- a/contrastPackages/eventRatio/survey/index.wxss
+++ b/contrastPackages/eventRatio/survey/index.wxss
@@ -44,6 +44,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/eventRatio/thetail/index.wxml b/contrastPackages/eventRatio/thetail/index.wxml
index bf46d19..c89ac76 100644
--- a/contrastPackages/eventRatio/thetail/index.wxml
+++ b/contrastPackages/eventRatio/thetail/index.wxml
@@ -12,46 +12,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">事件一</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 250rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">事件二</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 250rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/eventRatio/thetail/index.wxss b/contrastPackages/eventRatio/thetail/index.wxss
index 85c4d37..cf4924d 100644
--- a/contrastPackages/eventRatio/thetail/index.wxss
+++ b/contrastPackages/eventRatio/thetail/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/themeRatio/survey/index.wxml b/contrastPackages/themeRatio/survey/index.wxml
index bf42729..c7e6dab 100644
--- a/contrastPackages/themeRatio/survey/index.wxml
+++ b/contrastPackages/themeRatio/survey/index.wxml
@@ -55,46 +55,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].themeName}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">媒体</view>
-            <view style=" display: inline-block;margin-left: 250rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].themeName}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">媒体</view>
-            <view style=" display: inline-block;margin-left: 250rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/themeRatio/survey/index.wxss b/contrastPackages/themeRatio/survey/index.wxss
index 85c4d37..cf4924d 100644
--- a/contrastPackages/themeRatio/survey/index.wxss
+++ b/contrastPackages/themeRatio/survey/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/themeRatio/thetail/index.wxml b/contrastPackages/themeRatio/thetail/index.wxml
index e9ef82b..9732f6f 100644
--- a/contrastPackages/themeRatio/thetail/index.wxml
+++ b/contrastPackages/themeRatio/thetail/index.wxml
@@ -26,46 +26,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].key}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">媒体</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/themeRatio/thetail/index.wxss b/contrastPackages/themeRatio/thetail/index.wxss
index 99278f6..927db49 100644
--- a/contrastPackages/themeRatio/thetail/index.wxss
+++ b/contrastPackages/themeRatio/thetail/index.wxss
@@ -39,6 +39,8 @@
     min-height: 544rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/contrastPackages/themeRatio/weibo/index.wxml b/contrastPackages/themeRatio/weibo/index.wxml
index 15e98c6..9754c7b 100644
--- a/contrastPackages/themeRatio/weibo/index.wxml
+++ b/contrastPackages/themeRatio/weibo/index.wxml
@@ -40,46 +40,46 @@
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].themeName}}</view>
     <view class="rank_list">
         <view class="ranking">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">内容</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
         <view class="ranking_cell" wx:for="{{brandTop[0].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
-            <view wx:if="{{index==0}}">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
     <view class="henxian"></view>
     <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].themeName}}</view>
     <view class="rank_list">
-        <view class="ranking" wx:if="{{brandTop[1].key}}">
-            <view style=" display: inline-block;">排名</view>
-            <view style=" display: inline-block;margin-left: 172rpx;">车型</view>
-            <view style=" display: inline-block;margin-left: 272rpx;">传播量</view>
+        <view class="ranking">
+            <view style="width: 33%;">排名</view>
+            <view style="width: 33%;">内容</view>
+            <view style="width: 33%;text-align: center;">传播量</view>
         </view>
-        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="S">
-            <view wx:if="{{index==0}}">
+        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
+            <view wx:if="{{index==0}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==1}}">
+            <view wx:elif="{{index==1}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:elif="{{index==2}}">
+            <view wx:elif="{{index==2}}" style="width: 33%;">
                 <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
             </view>
-            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 52rpx;">{{"0"+(index+1)}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 112rpx;margin-left: 166rpx; font-weight: bolder;">{{item.key}}</view>
-            <view style=" display: inline-block;font-size: 28rpx;width: 94rpx;margin-left: 194rpx;color: #0084ff;font-weight: bolder;">{{item.value}}</view>
+            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
+            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
+            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
         </view>
     </view>
 </view>
diff --git a/contrastPackages/themeRatio/weibo/index.wxss b/contrastPackages/themeRatio/weibo/index.wxss
index 2bbcb19..a0d4725 100644
--- a/contrastPackages/themeRatio/weibo/index.wxss
+++ b/contrastPackages/themeRatio/weibo/index.wxss
@@ -38,6 +38,8 @@
     margin-top: 16rpx;
 }
 .ranking{
+    display: flex;
+    justify-content: space-between;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
diff --git a/pages/varComm/pages/brand/index.js b/pages/varComm/pages/brand/index.js
index f4e8f1f..02dace0 100644
--- a/pages/varComm/pages/brand/index.js
+++ b/pages/varComm/pages/brand/index.js
@@ -64,6 +64,9 @@ Component({
         attached() {
             //页面数据
             // this.getOpenID()
+            wx.showLoading({
+              title: '数据载入中....',
+            })
             app.globalData.request({
                 action: 'getUserBrand',
                 token: wx.getStorageSync('token'),
@@ -86,6 +89,9 @@ Component({
                     mockData: arr
                 })
             })
+        },
+        ready(){
+            wx.hideLoading()
         }
     },
 })
\ No newline at end of file
diff --git a/pages/varComm/pages/brand/index.wxml b/pages/varComm/pages/brand/index.wxml
index 4a31aca..9dd5bdf 100644
--- a/pages/varComm/pages/brand/index.wxml
+++ b/pages/varComm/pages/brand/index.wxml
@@ -1,6 +1,6 @@
 <van-dialog id="van-dialog" />
 <wxs src="./filter.wxs" module="filter"></wxs>
-<view class="box">
+<view class="box" id="box">
     <view class="add1">
         <scroll-view scroll-x="true" style=" white-space: nowrap; display: flex">
             <view style="display: inline-block;" wx:for="{{boxArr}}" wx:key="idx" wx:for-index="index">
diff --git a/pages/varComm/pages/carModels/index.js b/pages/varComm/pages/carModels/index.js
index 3817a24..18aeeb0 100644
--- a/pages/varComm/pages/carModels/index.js
+++ b/pages/varComm/pages/carModels/index.js
@@ -95,7 +95,9 @@ Component({
     lifetimes: {
         attached() {
             //页面数据
-            // this.getOpenID()
+            wx.showLoading({
+                title: '数据载入中....',
+              })
             app.globalData.request({
                 action: 'getUserBrand',
                 token: 't%2BrswgjvzGM=',
@@ -118,6 +120,9 @@ Component({
                     mockData: arr
                 })
             })
+        },
+        ready(){
+            wx.hideLoading()
         }
     },
 })
\ No newline at end of file