diff --git a/module/admin/.control.php.swp b/module/admin/.control.php.swp
new file mode 100644
index 0000000000..d7b34db140
Binary files /dev/null and b/module/admin/.control.php.swp differ
diff --git a/module/admin/control.php b/module/admin/control.php
index bde9def349..3a51082c79 100755
--- a/module/admin/control.php
+++ b/module/admin/control.php
@@ -43,7 +43,7 @@ class admin extends control
         $this->view->extensions  = $this->admin->getExtensionsByAPI('extension', $langNotCN ? 5 : 6, $hasInternet);
         $this->view->patches     = $this->admin->getExtensionsByAPI('patch', 3, $hasInternet);
         $this->view->hasInternet = $hasInternet;
-        $this->view->publicClass = ($hasInternet and !$langNotCN) ? $this->admin->getPublicClassByAPI() : array();
+        $this->view->publicClass = ($hasInternet and !$langNotCN) ? $this->admin->getPublicClassByAPI(3) : array();
         $this->view->langNotCN   = $langNotCN;
         $this->display();
     }
diff --git a/module/admin/css/index.css b/module/admin/css/index.css
index b2a3fe6eb1..6019858462 100755
--- a/module/admin/css/index.css
+++ b/module/admin/css/index.css
@@ -17,14 +17,18 @@
 .plugin-list > .plugin-item > .plug-title {height: 16px; overflow: hidden;}
 .plugin-list > .plugin-item .extension-desc {overflow: hidden; height: 16px;}
 
-.bottom.flex > .official {flex: 1 1 30%; margin-right: 20px;}
+.bottom.flex > .official {flex: 1 1 30%; margin-right: 20px; display: flex; flex-direction: column; position: relative;}
 .bottom.flex > .publicClass {flex: 1 1 60%;}
 
+.official {justify-content: center;}
+.official > .panel-title {position: absolute; top: 0px;}
 .official-img {background-image: url('/static/images/wechat.jpg'); background-repeat: no-repeat; background-size: contain; flex: 1 1 50%; aspect-ratio: 1 / 1; background-position: center;}
 .official-content {flex: 0 0 50%; display: flex; flex-direction: column; justify-content: center;}
 .official-content > .content {color: #838A9D; font-size: 12px;}
 .official-content > .title {color: #313C52; font-size: 13px;}
 
-.classList > .classItem {flex: 0 0 50%;}
-.classItem > .classImg {background-image: url('/static/images/wechat.jpg'); background-repeat: no-repeat; background-size: contain; flex: 1 1 50%; aspect-ratio: 1 / 1; }
-.classItem > .classContent {flex: 1 1 50%;}
+.classList > .classItem {flex: 1 1 30%;}
+.classItem {margin: 5px;}
+.classItem > .imgBack {flex: 1 1 50%; background: #C8EDFF;}
+.classItem > .imgBack > .classImg {background-repeat: no-repeat; background-size: contain; aspect-ratio: 1 / 1; background-position: center; margin:5px;}
+.classItem > .classContent {flex: 1 1 50%; padding: 5px; font-size: 14px; color: #0B0F18;}
diff --git a/module/admin/view/.index.html.php.swp b/module/admin/view/.index.html.php.swp
new file mode 100644
index 0000000000..c60991a530
Binary files /dev/null and b/module/admin/view/.index.html.php.swp differ
diff --git a/module/admin/view/index.html.php b/module/admin/view/index.html.php
index 0572a86f99..d04f03c25f 100755
--- a/module/admin/view/index.html.php
+++ b/module/admin/view/index.html.php
@@ -33,7 +33,7 @@
     <?php if($extensions):?>
     <div class="plug panel">
       <div class="panel-title"><?php echo $lang->admin->pluginRecommendation?></div>
-      <div class="plugin-list" <?php if(strpos($clientLang, 'zh') === false) echo 'style="flex-wrap: nowrap"';?>>
+      <div class="plugin-list" <?php if($langNotCN) echo 'style="flex-wrap: nowrap"';?>>
         <?php foreach($extensions as $extension):?>
         <div class="plugin-item">
           <a href="<?php echo $extension->viewLink;?>" class='ext-download' target='_blank'><i class='icon icon-import'></i></a>
@@ -45,7 +45,7 @@
     </div>
     <?php endif;?>
 
-    <?php if(strpos($clientLang, 'zh') === 0):?>
+    <?php if(!$langNotCN):?>
     <div class="flex bottom">
       <div class="panel official">
         <div class="panel-title"><?php echo $lang->admin->officialAccount?></div>
@@ -62,10 +62,12 @@
         <div class="panel-title"><?php echo $lang->admin->publicClass?></div>
         <div class="classList flex">
           <?php foreach($publicClass as $class):?>
-            <div class="classItem flex">
-            <div class="classImg" style="background-image: url('<?php echo $class->image;?>');"></div>
+          <a class="classItem">
+	    <div class="imgBack">
+              <div class="classImg" style="background-image: url('<?php echo $class->image;?>');"></div>
+            </div>
             <div class="classContent"><?php echo $class->name;?></div>
-          </div>
+          </a>
           <?php endforeach;?>
         </div>
       </div>
@@ -73,10 +75,12 @@
       <?php endif;?>
     </div>
   </div>
+
   <?php if($hasInternet and !$langNotCN):?>
   <div class="side panel">
     <div class="panel-title"><?php echo $lang->admin->zentaoInfo?></div>
   </div>
   <?php endif;?>
+
 </div>
 <?php include '../../common/view/footer.html.php';?>