diff --git a/src/mods/conv/score/AppCreditPoints/AppCreditPoints.vue b/src/mods/conv/score/AppCreditPoints/AppCreditPoints.vue
index 20accf1..7838e26 100644
--- a/src/mods/conv/score/AppCreditPoints/AppCreditPoints.vue
+++ b/src/mods/conv/score/AppCreditPoints/AppCreditPoints.vue
@@ -5,10 +5,10 @@
         <div class="header-tab">
           <div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item }}<span class="active-line" v-if="tabIndex == index"></span></div>
         </div>
-        <family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
-        <user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
-        <work-rank v-if="tabIndex == 2"></work-rank>
       </div>
+      <family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
+      <user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
+      <work-rank v-if="tabIndex == 2"></work-rank>
     </div>
   </div>
 </template>
diff --git a/src/mods/conv/score/AppCreditPoints/AppIntegralRanking.vue b/src/mods/conv/score/AppCreditPoints/AppIntegralRanking.vue
index 4402de1..2b1bf43 100644
--- a/src/mods/conv/score/AppCreditPoints/AppIntegralRanking.vue
+++ b/src/mods/conv/score/AppCreditPoints/AppIntegralRanking.vue
@@ -5,9 +5,9 @@
         <div class="header-tab">
           <div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item }}<span class="active-line" v-if="tabIndex == index"></span></div>
         </div>
-        <family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
-        <user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
       </div>
+      <family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
+      <user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
     </div>
   </div>
 </template>
diff --git a/src/mods/conv/score/AppCreditPoints/components/familyRank.vue b/src/mods/conv/score/AppCreditPoints/components/familyRank.vue
index bec7fbe..c0337f4 100644
--- a/src/mods/conv/score/AppCreditPoints/components/familyRank.vue
+++ b/src/mods/conv/score/AppCreditPoints/components/familyRank.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="pages">
     <div class="bg-blue"></div>
     <div class="header-content">
       <div class="item">
@@ -118,9 +118,10 @@ export default {
 </script>
 <style scoped lang="scss">
 
-.page {
+.pages {
   width: 100vw;
   overflow-x: hidden;
+  height: calc(100% - 136px);
   background-color: #f3f6f9;
 
     .bg-blue {
diff --git a/src/mods/conv/score/AppCreditPoints/components/userRank.vue b/src/mods/conv/score/AppCreditPoints/components/userRank.vue
index 507c3db..43b43c8 100644
--- a/src/mods/conv/score/AppCreditPoints/components/userRank.vue
+++ b/src/mods/conv/score/AppCreditPoints/components/userRank.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="pages">
     <div class="bg-blue"></div>
     <div class="header-content">
       <div class="item">
@@ -122,10 +122,11 @@ export default {
 </script>
 <style scoped lang="scss">
 
-.page {
+.pages {
   width: 100vw;
   overflow-x: hidden;
   background-color: #f3f6f9;
+  height: calc(100% - 136px);
 
     .bg-blue {
       width: 100%;