From d339f2d5c7690c0f36a3d79d60d6f37c020f644e Mon Sep 17 00:00:00 2001
From: unknown <569659537@qq.com>
Date: Wed, 7 Jul 2021 10:05:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E8=AE=BE=E8=AE=A1=E4=BA=86?=
 =?UTF-8?q?=E9=97=AE=E5=8D=B7=E4=BB=A5=E5=8F=8A=E5=AE=8C=E6=88=90=E4=BA=86?=
 =?UTF-8?q?=E8=A3=85=E6=9C=BA=E5=B0=8F=E7=9F=A5=E8=AF=86=E3=80=81=E5=8F=8D?=
 =?UTF-8?q?=E9=A6=88=E5=92=8C=E7=83=AD=E9=97=A8=E6=8E=A8=E8=8D=90=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/contact.html                     |    3 +-
 src/controller/contactController.php |   17 +
 src/controller/tipsController.php    |   83 ++
 src/controller/topController.php     |   19 +
 src/files/contact/submitFeedback.js  |   25 +
 src/files/home/flushtips.js          |   27 +
 src/files/toplist/flush.js           |   71 ++
 src/home.html                        |    5 +-
 src/qwrite1.html                     |   27 +-
 src/qwrite2.html                     |   93 +-
 src/toplist.html                     | 1497 +++++++++++++-------------
 11 files changed, 1028 insertions(+), 839 deletions(-)
 create mode 100644 src/controller/contactController.php
 create mode 100644 src/controller/tipsController.php
 create mode 100644 src/controller/topController.php
 create mode 100644 src/files/contact/submitFeedback.js
 create mode 100644 src/files/home/flushtips.js
 create mode 100644 src/files/toplist/flush.js

diff --git a/src/contact.html b/src/contact.html
index 1b27bd3..deb2a94 100644
--- a/src/contact.html
+++ b/src/contact.html
@@ -48,6 +48,7 @@
     <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
     <script src="data/document.js"></script>
     <script src="files/contact/data.js"></script>
+    <script src="files/contact/submitFeedback.js"></script>
     <script type="text/javascript">
       $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
       $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
@@ -296,7 +297,7 @@
       </div>
 
       <!-- submitBottn (矩形) -->
-      <div id="u168" class="ax_default shape" data-label="submitBottn">
+      <div id="u168" onclick="submitFeedback()" class="ax_default shape" data-label="submitBottn">
         <div id="u168_div" class=""></div>
         <div id="u168_text" class="text ">
           <p><span style="text-decoration:none;">提交</span></p>
diff --git a/src/controller/contactController.php b/src/controller/contactController.php
new file mode 100644
index 0000000..4a696eb
--- /dev/null
+++ b/src/controller/contactController.php
@@ -0,0 +1,17 @@
+<?php
+$con = mysqli_connect("192.168.136.129", "root", "1213800", "webData");
+if (!$con) {
+    die('Could not connect: ' . mysqli_error($con));
+}
+// 设置编码，防止中文乱码
+mysqli_set_charset($con, "utf8");
+$cid = $_POST['cid'];
+$topic = $_POST['topic'];
+$content = $_POST['content'];
+$sql="INSERT INTO Feedback (cid, topic, content)
+VALUES
+('$cid','$topic','$content')";
+
+$result = mysqli_query($con, $sql);
+mysqli_close($con);
+echo 'OK';
diff --git a/src/controller/tipsController.php b/src/controller/tipsController.php
new file mode 100644
index 0000000..2ed4aed
--- /dev/null
+++ b/src/controller/tipsController.php
@@ -0,0 +1,83 @@
+<?php
+$hostname = "192.168.136.129";
+$username = "root";
+$password = "1213800";
+$database = "webData";
+$con = mysqli_connect($hostname, $username, $password, $database);
+if (!$con)
+{
+    die('Could not connect: ' . mysqli_error($con));
+}
+// 设置编码，防止中文乱码
+mysqli_set_charset($con, "utf8");
+
+$sql="select * from Tips order by rand() limit 5";
+
+$result = mysqli_query($con,$sql);
+
+$tips = array();
+
+while($tip = mysqli_fetch_array($result, MYSQLI_ASSOC))
+{
+    $tips[] = $tip;
+}
+
+class Response {
+    public static function xml($code, $message = '', $data = []){
+
+        # 判断参数有效性及错误处理
+        // code...
+
+        # 结果(最终数组)
+        $xmlResult = [
+            "code" => $code,
+            "message" => $message,
+            "data" => $data
+        ];
+
+        # 更改头部(为了更清晰的展示XML节点)
+        header('Content-type: text/xml');//xml
+
+        # 生成XML(字符串拼接方式)
+        $xml = '<?xml version="1.0" encoding="UTF-8"?>';//xml head
+        $xml .= '<root>';//拼接根节点(开始)
+
+        $xml .= self::toXML($xmlResult);//调用处理函数
+
+        $xml .= '</root>';//拼接根节点(结束)
+        echo $xml;
+    }
+
+    # 解析结果数组转为对应的xml节点
+    public static function toXML($data){//参数为data(result)
+
+        # 临时存储xml数据
+        $xml = $id = '';
+
+        # 遍历并拼接字符串
+        foreach($data as $key => $value){
+
+            # 如果key是数字(即非关联数组 => [hello,2,true] )
+            # 以 <item id='?'></item> 展示,id为key
+            if(is_numeric($key)){//如果是数字
+                $id = "id='{$key}'";//将key作为id属性
+                $key = 'item ';//将item作为节点名
+            }
+
+            $xml .= "<{$key}{$id}>";//开始节点
+
+            # 如果是数组则递归(否则直接返回value值)
+            $xml .= is_array($value) ? self::toXML($value) : $value;
+
+            $xml .= "</{$key}>";//结束节点
+        }
+
+        return $xml;
+    }
+}
+
+# 调用
+Response::xml(200, '返回成功', $tips);
+mysqli_free_result($result);
+mysqli_close($con);
+
diff --git a/src/controller/topController.php b/src/controller/topController.php
new file mode 100644
index 0000000..1d36b05
--- /dev/null
+++ b/src/controller/topController.php
@@ -0,0 +1,19 @@
+<?php
+$con = mysqli_connect("192.168.136.129","root","1213800", "computer_accessories");
+if (!$con)
+{
+    die('Could not connect: ' . mysqli_error($con));
+}
+// 设置编码，防止中文乱码
+mysqli_set_charset($con, "utf8");
+$sql="select * from trendings order by frequency desc limit 3;";
+
+$result = mysqli_query($con,$sql);
+
+$recLists = array();
+while($rec = mysqli_fetch_array($result, MYSQLI_ASSOC))
+{
+    $recLists[] = $rec;
+}
+$recDict = json_encode($recLists);
+echo $recDict;
diff --git a/src/files/contact/submitFeedback.js b/src/files/contact/submitFeedback.js
new file mode 100644
index 0000000..77b73c8
--- /dev/null
+++ b/src/files/contact/submitFeedback.js
@@ -0,0 +1,25 @@
+function submitFeedback() {
+    console.log("enter submitFeedback!!!");
+    let cid = document.getElementById('u165_input').value;  //联系方式
+    let topic = document.getElementById('u167_input').value;    //留言主题
+    let content = document.getElementById('u166_input').value;  //留言内容
+    if (topic==="" || content==="")
+        alert("请先填写所有信息再提交（联系方式选填）！")
+    else if (confirm("是否确认提交留言？")===true){
+        $.ajax({
+            type: 'POST',
+            url: "controllers/contactController.php",
+            data: {'cid' : cid, 'topic': topic, 'content': content},
+            success: function (msg){
+                if (msg==='OK'){
+                    let sucButton = document.getElementById('u169');
+                    sucButton.style["display"]="inherit"
+                    sucButton.style["visibility"]="visible";
+                    alert("留言成功！");
+                }
+                else
+                    alert("留言未成功，请重新提交一遍..qwq");
+            }
+        });
+    }
+}
\ No newline at end of file
diff --git a/src/files/home/flushtips.js b/src/files/home/flushtips.js
new file mode 100644
index 0000000..28aa9e5
--- /dev/null
+++ b/src/files/home/flushtips.js
@@ -0,0 +1,27 @@
+function flushTip() {
+    console.log("enter flushTip!!!");
+    if (window.XMLHttpRequest) {
+        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
+        var xmlhttp = new XMLHttpRequest();
+    } else {
+        // IE6, IE5 浏览器执行代码
+        var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+    }
+    xmlhttp.onreadystatechange = function () {
+        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+            const tipsXML = xmlhttp.responseXML;
+            let tip0 = tipsXML.getElementById("0").getElementsByTagName("text")[0].innerHTML;
+            document.getElementById("u72_text").innerHTML = tip0;
+            let tip1 = tipsXML.getElementById("1").getElementsByTagName("text")[0].innerHTML;
+            document.getElementById("u77_text").innerHTML = tip1;
+            let tip2 = tipsXML.getElementById("2").getElementsByTagName("text")[0].innerHTML;
+            document.getElementById("u82_text").innerHTML = tip2;
+            let tip3 = tipsXML.getElementById("3").getElementsByTagName("text")[0].innerHTML;
+            document.getElementById("u87_text").innerHTML = tip3;
+            let tip4 = tipsXML.getElementById("4").getElementsByTagName("text")[0].innerHTML;
+            document.getElementById("u92_text").innerHTML = tip4;
+        }
+    };
+    xmlhttp.open("GET", "controllers/tipsController.php", true);
+    xmlhttp.send();
+}
diff --git a/src/files/toplist/flush.js b/src/files/toplist/flush.js
new file mode 100644
index 0000000..44f3541
--- /dev/null
+++ b/src/files/toplist/flush.js
@@ -0,0 +1,71 @@
+function foo() {
+    console.log("enter foo(toplist) !!");
+    $.get("controllers/topController.php",function(result){
+        var recList1 = result[0];
+        var recList2 = result[1];
+        var recList3 = result[2];
+        var parts = ["CPU", "CPU_price", "CPU_link", "motherboard", "motherboard_price", "motherboard_link", "GPU", "GPU_price", "GPU_link", "memory", "memory_price", "memory_link", "CPURadiator", "CPURadiator_price", "CPURadiator_link", "SSD", "SSD_price", "SSD_link", "HDD", "HDD_price", "HDD_link", "powerSupply", "powerSupply_price", "powerSupply_link", "case", "case_price", "case_link"]
+        //top1
+        for (let a=0;a<9;a++){
+            let start = 27+a*3;
+            let index = a*3;
+            let p_name = recList1[parts[index]];
+            let p_price = recList1[parts[index+1]];
+            let p_link = recList1[parts[index+2]];
+            if (p_name==="noneed"){
+                document.getElementById(`u${start}_text`).innerHTML = '<p style="text-decoration: none;" >----------------------------------------</p>';
+                document.getElementById(`u${start+1}_text`).innerHTML = '----';
+            }
+            else {
+                document.getElementById(`u${start}_text`).innerHTML = `<a href="${p_link}" style="text-decoration: none;" target="_blank">${p_name}</a>`;
+                document.getElementById(`u${start + 1}_text`).innerHTML = p_price;
+            }
+        }
+        document.getElementById("u55_text").innerHTML = recList1["totalPrice"];
+        let download_1 = $('#u17_text a').eq(0)[0];
+        download_1.href = "recommendLists/Recommend_"+recList1['id']+".txt";
+        download_1.download = "Recommend_top1.txt";
+        //top2：
+        for (let b=0;b<9;b++){
+            let start = 64+b*3;
+            let index = b*3;
+            let p_name = recList2[parts[index]];
+            let p_price = recList2[parts[index+1]];
+            let p_link = recList2[parts[index+2]];
+            if (p_name==="noneed"){
+                document.getElementById(`u${start}_text`).innerHTML = '<p style="text-decoration: none;" >----------------------------------------</p>';
+                document.getElementById(`u${start+1}_text`).innerHTML = '----';
+            }
+            else {
+                document.getElementById(`u${start}_text`).innerHTML = `<a href="${p_link}" style="text-decoration: none;" target="_blank">${p_name}</a>`;
+                document.getElementById(`u${start + 1}_text`).innerHTML = p_price;
+            }
+        }
+        document.getElementById("u92_text").innerHTML = recList2["totalPrice"];
+        let download_2 = $('#u58_text a').eq(0)[0];
+        download_2.href = "recommendLists/Recommend_"+recList2['id']+".txt";
+        download_2.download = "Recommend_top2.txt";
+        //top3：
+        for (let c=0;c<9;c++){
+            let start = 101+c*3;
+            let index = c*3;
+            let p_name = recList3[parts[index]];
+            let p_price = recList3[parts[index+1]];
+            let p_link = recList3[parts[index+2]];
+            if (p_name==="noneed"){
+                document.getElementById(`u${start}_text`).innerHTML = '<p style="text-decoration: none;" >----------------------------------------</p>';
+                document.getElementById(`u${start+1}_text`).innerHTML = '----';
+            }
+            else {
+                document.getElementById(`u${start}_text`).innerHTML = `<a href="${p_link}" style="text-decoration: none;" target="_blank">${p_name}</a>`;
+                document.getElementById(`u${start + 1}_text`).innerHTML = p_price;
+            }
+        }
+        document.getElementById("u129_text").innerHTML = recList3["totalPrice"];
+        let download_3 = $('#u95_text a').eq(0)[0];
+        download_3.href = "recommendLists/Recommend_"+recList3['id']+".txt";
+        download_3.download = "Recommend_top3.txt";
+    }, "json");
+
+
+}
\ No newline at end of file
diff --git a/src/home.html b/src/home.html
index a8fdf7a..b7993f3 100644
--- a/src/home.html
+++ b/src/home.html
@@ -48,13 +48,14 @@
     <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
     <script src="data/document.js"></script>
     <script src="files/home/data.js"></script>
+    <script src="files/home/flushtips.js"></script>
     <script type="text/javascript">
       $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
       $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
       $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
     </script>
   </head>
-  <body>
+  <body onload="flushTip()">
     <div id="base" class="">
 
       <!-- Hero Image DP (动态面板) -->
@@ -930,7 +931,7 @@
       </div>
 
       <!-- flush (图片) -->
-      <div id="u106" class="ax_default image" data-label="flush">
+      <div id="u106" onclick="flushTip()" class="ax_default image" data-label="flush">
         <img id="u106_img" class="img " src="images/home/flush_u106.png"/>
         <div id="u106_text" class="text " style="display:none; visibility: hidden">
           <p></p>
diff --git a/src/qwrite1.html b/src/qwrite1.html
index 76dbe6d..f94c33a 100644
--- a/src/qwrite1.html
+++ b/src/qwrite1.html
@@ -48,6 +48,7 @@
     <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
     <script src="data/document.js"></script>
     <script src="files/qwrite1/data.js"></script>
+    <script src="files/qwrite1/primary_recommend.js"></script>
     <script type="text/javascript">
       $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
       $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
@@ -377,7 +378,7 @@
             <p><span style="text-decoration:none;">学习、商务办公、轻度娱乐</span></p>
           </div>
         </label>
-        <input id="u246_input" type="radio" value="radio" name="q2"/>
+        <input id="u246_input" type="radio" value="1" name="q2"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -388,7 +389,7 @@
             <p><span style="text-decoration:none;">游戏 - 3A大作</span></p>
           </div>
         </label>
-        <input id="u247_input" type="radio" value="radio" name="q2"/>
+        <input id="u247_input" type="radio" value="2" name="q2"/>
       </div>
 
       <!-- choice3 (单选按钮) -->
@@ -399,7 +400,7 @@
             <p><span style="text-decoration:none;">游戏 - 网游</span></p>
           </div>
         </label>
-        <input id="u248_input" type="radio" value="radio" name="q2"/>
+        <input id="u248_input" type="radio" value="3" name="q2"/>
       </div>
 
       <!-- choice4 (单选按钮) -->
@@ -410,7 +411,7 @@
             <p><span style="text-decoration:none;">设计(绘图、视频制作、编程)</span></p>
           </div>
         </label>
-        <input id="u249_input" type="radio" value="radio" name="q2"/>
+        <input id="u249_input" type="radio" value="4" name="q2"/>
       </div>
 
       <!-- Unnamed (形状) -->
@@ -485,7 +486,7 @@
             <p><span style="text-decoration:none;">无RGB需求</span></p>
           </div>
         </label>
-        <input id="u258_input" type="radio" value="radio" name="q3"/>
+        <input id="u258_input" type="radio" value="1" name="q3"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -496,7 +497,7 @@
             <p><span style="text-decoration:none;">RGB（简单的单色切换灯效）</span></p>
           </div>
         </label>
-        <input id="u259_input" type="radio" value="radio" name="q3"/>
+        <input id="u259_input" type="radio" value="2" name="q3"/>
       </div>
 
       <!-- choice3 (单选按钮) -->
@@ -507,7 +508,7 @@
             <p><span style="text-decoration:none;">ARGB（可编程实现效果，更炫酷）</span></p>
           </div>
         </label>
-        <input id="u260_input" type="radio" value="radio" name="q3"/>
+        <input id="u260_input" type="radio" value="3" name="q3"/>
       </div>
 
       <!-- Unnamed (形状) -->
@@ -582,7 +583,7 @@
             <p><span style="text-decoration:none;">加大型（EATX）</span></p>
           </div>
         </label>
-        <input id="u269_input" type="radio" value="radio" name="q4"/>
+        <input id="u269_input" type="radio" value="1" name="q4"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -593,7 +594,7 @@
             <p><span style="text-decoration:none;">大型（ATX）</span></p>
           </div>
         </label>
-        <input id="u270_input" type="radio" value="radio" name="q4"/>
+        <input id="u270_input" type="radio" value="2" name="q4"/>
       </div>
 
       <!-- choice3 (单选按钮) -->
@@ -604,7 +605,7 @@
             <p><span style="text-decoration:none;">中型（MATX）</span></p>
           </div>
         </label>
-        <input id="u271_input" type="radio" value="radio" name="q4"/>
+        <input id="u271_input" type="radio" value="3" name="q4"/>
       </div>
 
       <!-- choice4 (单选按钮) -->
@@ -615,7 +616,7 @@
             <p><span style="text-decoration:none;">小型（ITX）</span></p>
           </div>
         </label>
-        <input id="u272_input" type="radio" value="radio" name="q4"/>
+        <input id="u272_input" type="radio" value="4" name="q4"/>
       </div>
 
       <!-- Unnamed (形状) -->
@@ -772,8 +773,8 @@
         </div>
       </div>
 
-      <!-- Unnamed (矩形) -->
-      <div id="u293" class="ax_default shape">
+      <!-- 生成配置单 (矩形) -->
+      <div id="u293" onclick="primary_recommend()" class="ax_default shape">
         <div id="u293_div" class=""></div>
         <div id="u293_text" class="text ">
           <p><span style="text-decoration:none;">生成配置单</span></p>
diff --git a/src/qwrite2.html b/src/qwrite2.html
index 935a1a8..c7bfa51 100644
--- a/src/qwrite2.html
+++ b/src/qwrite2.html
@@ -48,6 +48,7 @@
     <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
     <script src="data/document.js"></script>
     <script src="files/qwrite2/data.js"></script>
+    <script src="files/qwrite2/advanced_recommend.js"></script>
     <script type="text/javascript">
       $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
       $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
@@ -505,7 +506,7 @@
             <p><span style="text-decoration:none;">加大型（EATX）</span></p>
           </div>
         </label>
-        <input id="u349_input" type="radio" value="radio" name="q13"/>
+        <input id="u349_input" type="radio" value="1" name="q13"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -516,7 +517,7 @@
             <p><span style="text-decoration:none;">大型（ATX）</span></p>
           </div>
         </label>
-        <input id="u350_input" type="radio" value="radio" name="q13"/>
+        <input id="u350_input" type="radio" value="2" name="q13"/>
       </div>
 
       <!-- choice3 (单选按钮) -->
@@ -527,7 +528,7 @@
             <p><span style="text-decoration:none;">中型（MATX）</span></p>
           </div>
         </label>
-        <input id="u351_input" type="radio" value="radio" name="q13"/>
+        <input id="u351_input" type="radio" value="3" name="q13"/>
       </div>
 
       <!-- choice4 (单选按钮) -->
@@ -538,7 +539,7 @@
             <p><span style="text-decoration:none;">小型（ITX）</span></p>
           </div>
         </label>
-        <input id="u352_input" type="radio" value="radio" name="q13"/>
+        <input id="u352_input" type="radio" value="4" name="q13"/>
       </div>
 
       <!-- Unnamed (形状) -->
@@ -681,7 +682,7 @@
             <p><span style="text-decoration:none;">CPU</span></p>
           </div>
         </label>
-        <input id="u370_input" type="checkbox" value="checkbox"/>
+        <input id="u370_input" name="q2" type="checkbox" value="1"/>
       </div>
 
       <!-- q2-2 (复选框) -->
@@ -692,7 +693,7 @@
             <p><span style="text-decoration:none;">显卡</span></p>
           </div>
         </label>
-        <input id="u371_input" type="checkbox" value="checkbox"/>
+        <input id="u371_input" name="q2" type="checkbox" value="2"/>
       </div>
 
       <!-- q2-3 (复选框) -->
@@ -703,7 +704,7 @@
             <p><span style="text-decoration:none;">硬盘</span></p>
           </div>
         </label>
-        <input id="u372_input" type="checkbox" value="checkbox"/>
+        <input id="u372_input" name="q2" type="checkbox" value="3"/>
       </div>
 
       <!-- q2-4 (复选框) -->
@@ -714,7 +715,7 @@
             <p><span style="text-decoration:none;">内存</span></p>
           </div>
         </label>
-        <input id="u373_input" type="checkbox" value="checkbox"/>
+        <input id="u373_input" name="q2" type="checkbox" value="4"/>
       </div>
 
       <!-- q2-5 (复选框) -->
@@ -725,7 +726,7 @@
             <p><span style="text-decoration:none;">主板</span></p>
           </div>
         </label>
-        <input id="u374_input" type="checkbox" value="checkbox"/>
+        <input id="u374_input" name="q2" type="checkbox" value="5"/>
       </div>
 
       <!-- q2-6 (复选框) -->
@@ -736,7 +737,7 @@
             <p><span style="text-decoration:none;">电源</span></p>
           </div>
         </label>
-        <input id="u375_input" type="checkbox" value="checkbox"/>
+        <input id="u375_input" name="q2" type="checkbox" value="6"/>
       </div>
 
       <!-- q2-7 (复选框) -->
@@ -747,7 +748,7 @@
             <p><span style="text-decoration:none;">CPU散热器</span></p>
           </div>
         </label>
-        <input id="u376_input" type="checkbox" value="checkbox"/>
+        <input id="u376_input" name="q2" type="checkbox" value="7"/>
       </div>
 
       <!-- q2-8 (复选框) -->
@@ -758,14 +759,14 @@
             <p><span style="text-decoration:none;">无特殊要求</span></p>
           </div>
         </label>
-        <input id="u377_input" type="checkbox" value="checkbox"/>
+        <input id="u377_input" name="q2" type="checkbox" value="8"/>
       </div>
 
       <!-- Unnamed (矩形) -->
       <div id="u378" class="ax_default label">
         <div id="u378_div" class=""></div>
         <div id="u378_text" class="text ">
-          <ul><li style=""><span style="text-decoration:none;">CPU: </span></li></ul>
+          <ul><li style=""><span style="text-decoration:none;">CPU(必选): </span></li></ul>
         </div>
       </div>
 
@@ -787,7 +788,7 @@
       <div id="u381" class="ax_default label">
         <div id="u381_div" class=""></div>
         <div id="u381_text" class="text ">
-          <ul><li style=""><span style="text-decoration:none;">显卡红绿阵营偏好：</span></li></ul>
+          <ul><li style=""><span style="text-decoration:none;">显卡红绿阵营偏好(必选)：</span></li></ul>
         </div>
       </div>
 
@@ -799,7 +800,7 @@
             <p><span style="text-decoration:none;">NVIDIA</span></p>
           </div>
         </label>
-        <input id="u382_input" type="radio" value="radio" name="q5"/>
+        <input id="u382_input" type="radio" value="1" name="q5"/>
       </div>
 
       <!-- q5-2 (单选按钮) -->
@@ -810,7 +811,7 @@
             <p><span style="text-decoration:none;">AMD</span></p>
           </div>
         </label>
-        <input id="u383_input" type="radio" value="radio" name="q5"/>
+        <input id="u383_input" type="radio" value="2" name="q5"/>
       </div>
 
       <!-- Unnamed (矩形) -->
@@ -919,7 +920,7 @@
             <p><span style="text-decoration:none;">必须的</span></p>
           </div>
         </label>
-        <input id="u398_input" type="radio" value="radio" name="q14"/>
+        <input id="u398_input" type="radio" value="1" name="q14"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -930,7 +931,7 @@
             <p><span style="text-decoration:none;">大可不必</span></p>
           </div>
         </label>
-        <input id="u399_input" type="radio" value="radio" name="q14"/>
+        <input id="u399_input" type="radio" value="2" name="q14"/>
       </div>
 
       <!-- qSquare (矩形) -->
@@ -1005,7 +1006,7 @@
             <p><span style="text-decoration:none;">风冷</span></p>
           </div>
         </label>
-        <input id="u408_input" type="radio" value="radio" name="q15"/>
+        <input id="u408_input" type="radio" value="1" name="q15"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -1016,7 +1017,7 @@
             <p><span style="text-decoration:none;">水冷</span></p>
           </div>
         </label>
-        <input id="u409_input" type="radio" value="radio" name="q15"/>
+        <input id="u409_input" type="radio" value="2" name="q15"/>
       </div>
 
       <!-- qSquare (矩形) -->
@@ -1091,7 +1092,7 @@
             <p><span style="text-decoration:none;">无光</span></p>
           </div>
         </label>
-        <input id="u418_input" type="radio" value="radio" name="q16"/>
+        <input id="u418_input" type="radio" value="1" name="q16"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -1102,7 +1103,7 @@
             <p><span style="text-decoration:none;">RGB（简单的单色切换灯效）</span></p>
           </div>
         </label>
-        <input id="u419_input" type="radio" value="radio" name="q16"/>
+        <input id="u419_input" type="radio" value="2" name="q16"/>
       </div>
 
       <!-- qSquare (矩形) -->
@@ -1177,7 +1178,7 @@
             <p><span style="text-decoration:none;">普条</span></p>
           </div>
         </label>
-        <input id="u428_input" type="radio" value="radio" name="q17"/>
+        <input id="u428_input" type="radio" value="1" name="q17"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -1188,7 +1189,7 @@
             <p><span style="text-decoration:none;">无光马甲条</span></p>
           </div>
         </label>
-        <input id="u429_input" type="radio" value="radio" name="q17"/>
+        <input id="u429_input" type="radio" value="2" name="q17"/>
       </div>
 
       <!-- qSquare (矩形) -->
@@ -1263,7 +1264,7 @@
             <p><span style="text-decoration:none;">无光</span></p>
           </div>
         </label>
-        <input id="u438_input" type="radio" value="radio" name="q18"/>
+        <input id="u438_input" type="radio" value="1" name="q18"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -1274,7 +1275,7 @@
             <p><span style="text-decoration:none;">RGB</span></p>
           </div>
         </label>
-        <input id="u439_input" type="radio" value="radio" name="q18"/>
+        <input id="u439_input" type="radio" value="2" name="q18"/>
       </div>
 
       <!-- qSquare (矩形) -->
@@ -1349,7 +1350,7 @@
             <p><span style="text-decoration:none;">4GB</span></p>
           </div>
         </label>
-        <input id="u448_input" type="radio" value="radio" name="q21"/>
+        <input id="u448_input" type="radio" value="1" name="q21"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -1360,10 +1361,10 @@
             <p><span style="text-decoration:none;">8GB</span></p>
           </div>
         </label>
-        <input id="u449_input" type="radio" value="radio" name="q21"/>
+        <input id="u449_input" type="radio" value="2" name="q21"/>
       </div>
 
-      <!-- choice2 (单选按钮) -->
+      <!-- choice3 (单选按钮) -->
       <div id="u450" class="ax_default radio_button" data-label="choice2" selectiongroup="q16">
         <label id="u450_input_label" for="u450_input" style="position: absolute; left: 0px;">
           <img id="u450_img" class="img " src="images/qwrite2/choice2_u450.svg"/>
@@ -1371,10 +1372,10 @@
             <p><span style="text-decoration:none;">ARGB（可编程实现效果，更炫酷）</span></p>
           </div>
         </label>
-        <input id="u450_input" type="radio" value="radio" name="q16"/>
+        <input id="u450_input" type="radio" value="3" name="q16"/>
       </div>
 
-      <!-- choice2 (单选按钮) -->
+      <!-- choice3 (单选按钮) -->
       <div id="u451" class="ax_default radio_button" data-label="choice2" selectiongroup="q17">
         <label id="u451_input_label" for="u451_input" style="position: absolute; left: 0px;">
           <img id="u451_img" class="img " src="images/qwrite2/choice2_u451.svg"/>
@@ -1382,7 +1383,7 @@
             <p><span style="text-decoration:none;">RGB马甲条</span></p>
           </div>
         </label>
-        <input id="u451_input" type="radio" value="radio" name="q17"/>
+        <input id="u451_input" type="radio" value="3" name="q17"/>
       </div>
 
       <!-- qSquare (矩形) -->
@@ -1543,7 +1544,7 @@
             <p><span style="text-decoration:none;">全模组</span></p>
           </div>
         </label>
-        <input id="u471_input" type="radio" value="radio" name="q20"/>
+        <input id="u471_input" type="radio" value="1" name="q20"/>
       </div>
 
       <!-- choice2 (单选按钮) -->
@@ -1554,10 +1555,10 @@
             <p><span style="text-decoration:none;">半模组</span></p>
           </div>
         </label>
-        <input id="u472_input" type="radio" value="radio" name="q20"/>
+        <input id="u472_input" type="radio" value="2" name="q20"/>
       </div>
 
-      <!-- choice2 (单选按钮) -->
+      <!-- choice3 (单选按钮) -->
       <div id="u473" class="ax_default radio_button" data-label="choice2" selectiongroup="q20">
         <label id="u473_input_label" for="u473_input" style="position: absolute; left: 0px;">
           <img id="u473_img" class="img " src="images/qwrite2/choice2_u473.svg"/>
@@ -1565,7 +1566,7 @@
             <p><span style="text-decoration:none;">非模组</span></p>
           </div>
         </label>
-        <input id="u473_input" type="radio" value="radio" name="q20"/>
+        <input id="u473_input" type="radio" value="3" name="q20"/>
       </div>
 
       <!-- choice3 (单选按钮) -->
@@ -1576,7 +1577,7 @@
             <p><span style="text-decoration:none;">16GB</span></p>
           </div>
         </label>
-        <input id="u474_input" type="radio" value="radio" name="q21"/>
+        <input id="u474_input" type="radio" value="3" name="q21"/>
       </div>
 
       <!-- choice4 (单选按钮) -->
@@ -1587,7 +1588,7 @@
             <p><span style="text-decoration:none;">32GB</span></p>
           </div>
         </label>
-        <input id="u475_input" type="radio" value="radio" name="q21"/>
+        <input id="u475_input" type="radio" value="4" name="q21"/>
       </div>
 
       <!-- choice5 (单选按钮) -->
@@ -1598,7 +1599,7 @@
             <p><span style="text-decoration:none;">64GB</span></p>
           </div>
         </label>
-        <input id="u476_input" type="radio" value="radio" name="q21"/>
+        <input id="u476_input" type="radio" value="5" name="q21"/>
       </div>
 
       <!-- choice6 (单选按钮) -->
@@ -1609,10 +1610,10 @@
             <p><span style="text-decoration:none;">128GB</span></p>
           </div>
         </label>
-        <input id="u477_input" type="radio" value="radio" name="q21"/>
+        <input id="u477_input" type="radio" value="6" name="q21"/>
       </div>
 
-      <!-- q5-1 (单选按钮) -->
+      <!-- q3-1 (单选按钮) -->
       <div id="u478" class="ax_default radio_button" data-label="q5-1" selectiongroup="q3">
         <label id="u478_input_label" for="u478_input" style="position: absolute; left: 0px;">
           <img id="u478_img" class="img " src="images/qwrite2/q5-1_u478.svg"/>
@@ -1620,10 +1621,10 @@
             <p><span style="text-decoration:none;">Intel</span></p>
           </div>
         </label>
-        <input id="u478_input" type="radio" value="radio" name="q3"/>
+        <input id="u478_input" type="radio" value="1" name="q3"/>
       </div>
 
-      <!-- q5-2 (单选按钮) -->
+      <!-- q3-2 (单选按钮) -->
       <div id="u479" class="ax_default radio_button" data-label="q5-2" selectiongroup="q3">
         <label id="u479_input_label" for="u479_input" style="position: absolute; left: 0px;">
           <img id="u479_img" class="img " src="images/qwrite2/q5-2_u479.svg"/>
@@ -1631,11 +1632,11 @@
             <p><span style="text-decoration:none;">AMD</span></p>
           </div>
         </label>
-        <input id="u479_input" type="radio" value="radio" name="q3"/>
+        <input id="u479_input" type="radio" value="2" name="q3"/>
       </div>
 
-      <!-- Unnamed (矩形) -->
-      <div id="u480" class="ax_default shape">
+      <!-- 生成配置单 (矩形) -->
+      <div id="u480" onclick="advanced_recommend()" class="ax_default shape">
         <div id="u480_div" class=""></div>
         <div id="u480_text" class="text ">
           <p><span style="text-decoration:none;">生成配置单</span></p>
diff --git a/src/toplist.html b/src/toplist.html
index 08aeadf..11c0e25 100644
--- a/src/toplist.html
+++ b/src/toplist.html
@@ -48,36 +48,37 @@
     <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
     <script src="data/document.js"></script>
     <script src="files/toplist/data.js"></script>
+    <script src="files/toplist/flush.js"></script>
     <script type="text/javascript">
       $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
       $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
       $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
     </script>
   </head>
-  <body>
+  <body onload="foo()">
     <div id="base" class="">
 
       <!-- Header Divider (动态面板) -->
-      <div id="u759" class="ax_default" data-label="Header Divider">
-        <div id="u759_state0" class="panel_state" data-label="Header Divider" style="">
-          <div id="u759_state0_content" class="panel_state_content">
+      <div id="u0" class="ax_default" data-label="Header Divider">
+        <div id="u0_state0" class="panel_state" data-label="Header Divider" style="">
+          <div id="u0_state0_content" class="panel_state_content">
 
             <!-- Unnamed (矩形) -->
-            <div id="u760" class="ax_default shape">
-              <div id="u760_div" class=""></div>
-              <div id="u760_text" class="text " style="display:none; visibility: hidden">
+            <div id="u1" class="ax_default shape">
+              <div id="u1_div" class=""></div>
+              <div id="u1_text" class="text " style="display:none; visibility: hidden">
                 <p></p>
               </div>
             </div>
           </div>
         </div>
-        <div id="u759_state1" class="panel_state" data-label="Sticky Header Divider" style="visibility: hidden;">
-          <div id="u759_state1_content" class="panel_state_content">
+        <div id="u0_state1" class="panel_state" data-label="Sticky Header Divider" style="visibility: hidden;">
+          <div id="u0_state1_content" class="panel_state_content">
 
             <!-- Unnamed (矩形) -->
-            <div id="u761" class="ax_default shape">
-              <div id="u761_div" class=""></div>
-              <div id="u761_text" class="text " style="display:none; visibility: hidden">
+            <div id="u2" class="ax_default shape">
+              <div id="u2_div" class=""></div>
+              <div id="u2_text" class="text " style="display:none; visibility: hidden">
                 <p></p>
               </div>
             </div>
@@ -86,382 +87,428 @@
       </div>
 
       <!-- Unnamed (SVG) -->
-      <div id="u762" class="ax_default image">
-        <img id="u762_img" class="img " src="images/qtype/u196.svg"/>
-        <div id="u762_text" class="text " style="display:none; visibility: hidden">
+      <div id="u3" class="ax_default image">
+        <img id="u3_img" class="img " src="images/toplist/regen/u3.svg"/>
+        <div id="u3_text" class="text " style="display:none; visibility: hidden">
           <p></p>
         </div>
       </div>
 
       <!-- Unnamed (热区) -->
-      <div id="u763" class="ax_default">
+      <div id="u4" class="ax_default">
       </div>
 
       <!-- Header DP (动态面板) -->
-      <div id="u764" class="ax_default" data-label="Header DP">
-        <div id="u764_state0" class="panel_state" data-label="Sticky Header" style="">
-          <div id="u764_state0_content" class="panel_state_content">
+      <div id="u5" class="ax_default" data-label="Header DP">
+        <div id="u5_state0" class="panel_state" data-label="Sticky Header" style="">
+          <div id="u5_state0_content" class="panel_state_content">
 
             <!-- Contact - Header Nav (矩形) -->
-            <div id="u765" class="ax_default paragraph" data-label="Contact - Header Nav">
-              <div id="u765_div" class=""></div>
-              <div id="u765_text" class="text ">
+            <div id="u6" class="ax_default paragraph" data-label="Contact - Header Nav">
+              <div id="u6_div" class=""></div>
+              <div id="u6_text" class="text ">
                 <p><span style="text-decoration:none;">CONTACT</span></p>
               </div>
             </div>
 
             <!-- Portfolio - Header Nav (矩形) -->
-            <div id="u766" class="ax_default paragraph" data-label="Portfolio - Header Nav">
-              <div id="u766_div" class=""></div>
-              <div id="u766_text" class="text ">
+            <div id="u7" class="ax_default paragraph" data-label="Portfolio - Header Nav">
+              <div id="u7_div" class=""></div>
+              <div id="u7_text" class="text ">
                 <p><span style="text-decoration:none;">HOME</span></p>
               </div>
             </div>
 
             <!-- About - Header Nav (矩形) -->
-            <div id="u767" class="ax_default paragraph" data-label="About - Header Nav">
-              <div id="u767_div" class=""></div>
-              <div id="u767_text" class="text ">
+            <div id="u8" class="ax_default paragraph" data-label="About - Header Nav">
+              <div id="u8_div" class=""></div>
+              <div id="u8_text" class="text ">
                 <p><span style="text-decoration:none;">ABOUT</span></p>
               </div>
             </div>
 
             <!-- Logo - Header Nav (矩形) -->
-            <div id="u768" class="ax_default paragraph" data-label="Logo - Header Nav">
-              <div id="u768_div" class=""></div>
-              <div id="u768_text" class="text ">
+            <div id="u9" class="ax_default paragraph" data-label="Logo - Header Nav">
+              <div id="u9_div" class=""></div>
+              <div id="u9_text" class="text ">
                 <p><span style="text-decoration:none;">WWW.ZJTJ.COM</span></p>
               </div>
             </div>
 
             <!-- Unnamed (线) -->
-            <div id="u769" class="ax_default line">
-              <img id="u769_img" class="img " src="images/home/u13.svg"/>
-              <div id="u769_text" class="text " style="display:none; visibility: hidden">
+            <div id="u10" class="ax_default line">
+              <img id="u10_img" class="img " src="images/toplist/regen/u10.svg"/>
+              <div id="u10_text" class="text " style="display:none; visibility: hidden">
                 <p></p>
               </div>
             </div>
 
             <!-- Portfolio - Header Nav (矩形) -->
-            <div id="u770" class="ax_default paragraph" data-label="Portfolio - Header Nav">
-              <div id="u770_div" class=""></div>
-              <div id="u770_text" class="text ">
+            <div id="u11" class="ax_default paragraph" data-label="Portfolio - Header Nav">
+              <div id="u11_div" class=""></div>
+              <div id="u11_text" class="text ">
                 <p><span style="text-decoration:none;">2020-11-19</span></p>
               </div>
             </div>
 
             <!-- Unnamed (矩形) -->
-            <div id="u771" class="ax_default label">
-              <div id="u771_div" class=""></div>
-              <div id="u771_text" class="text ">
+            <div id="u12" class="ax_default label">
+              <div id="u12_div" class=""></div>
+              <div id="u12_text" class="text ">
                 <p><span style="text-decoration:none;">show me the pc assembly list</span></p>
               </div>
             </div>
           </div>
         </div>
       </div>
+      <script type="text/javascript">
+        $("#u6_text").click(function(){
+          window.location.href="contact.html";
+        });
+        $("#u7_text").click(function(){
+          window.location.href="home.html";
+        });
+        $("#u8_text").click(function(){
+          window.location.href="about.html";
+        });
+        $("#u9_text").click(function(){
+          window.location.href="home.html";
+        });
+      </script>
 
       <!-- Unnamed (矩形) -->
-      <div id="u772" class="ax_default box_1">
-        <div id="u772_div" class=""></div>
-        <div id="u772_text" class="text " style="display:none; visibility: hidden">
+      <div id="u13" class="ax_default box_1">
+        <div id="u13_div" class=""></div>
+        <div id="u13_text" class="text " style="display:none; visibility: hidden">
           <p></p>
         </div>
       </div>
 
       <!-- Unnamed (形状) -->
-      <div id="u773" class="ax_default box_1">
-        <img id="u773_img" class="img " src="images/toplist/u773.svg"/>
-        <div id="u773_text" class="text ">
+      <div id="u14" class="ax_default box_1">
+        <img id="u14_img" class="img " src="images/toplist/regen/u14.svg"/>
+        <div id="u14_text" class="text ">
           <p><span style="text-decoration:none;">热门选择</span></p>
         </div>
       </div>
 
       <!-- Unnamed (组 合) -->
-      <div id="u774" class="ax_default" data-left="567" data-top="247" data-width="378" data-height="504">
+      <div id="u15" class="ax_default" data-left="549" data-top="227" data-width="414" data-height="528">
 
         <!-- Unnamed (矩形) -->
-        <div id="u775" class="ax_default box_1">
-          <div id="u775_div" class=""></div>
-          <div id="u775_text" class="text " style="display:none; visibility: hidden">
+        <div id="u16" class="ax_default box_1">
+          <div id="u16_div" class=""></div>
+          <div id="u16_text" class="text " style="display:none; visibility: hidden">
             <p></p>
           </div>
         </div>
       </div>
 
       <!-- Unnamed (矩形) -->
-      <div id="u776" class="ax_default shape">
-        <div id="u776_div" class=""></div>
-        <div id="u776_text" class="text ">
-          <p><span style="text-decoration:none;">导出配置单</span></p>
+      <div id="u17" class="ax_default shape">
+        <div id="u17_div" class=""></div>
+        <div id="u17_text" class="text ">
+          <a style="text-decoration:none;">导出配置单</a>
         </div>
       </div>
 
-      <!-- Toplist Pop Up 2 (动态面板) -->
-      <div id="u777" class="ax_default ax_default_hidden" data-label="Toplist Pop Up 2" style="display:none; visibility: hidden">
-        <div id="u777_state0" class="panel_state" data-label="State1" style="">
-          <div id="u777_state0_content" class="panel_state_content">
+      <!-- Unnamed (矩形) -->
+      <div id="u18" class="ax_default shape">
+        <div id="u18_div" class=""></div>
+        <div id="u18_text" class="text ">
+          <p><span style="text-decoration:none;">Top 1</span></p>
+        </div>
+      </div>
 
-            <!-- item (组 合) -->
-            <div id="u778" class="ax_default" data-label="item" data-left="1" data-top="1" data-width="326" data-height="386">
+      <!-- Unnamed (垂直线) -->
+      <div id="u19" class="ax_default line">
+        <img id="u19_img" class="img " src="images/toplist/regen/u19.svg"/>
+        <div id="u19_text" class="text " style="display:none; visibility: hidden">
+          <p></p>
+        </div>
+      </div>
 
-              <!-- Unnamed (矩形) -->
-              <div id="u779" class="ax_default box_1">
-                <div id="u779_div" class=""></div>
-                <div id="u779_text" class="text " style="display:none; visibility: hidden">
-                  <p></p>
-                </div>
-              </div>
+      <!-- Unnamed (垂直线) -->
+      <div id="u20" class="ax_default line">
+        <img id="u20_img" class="img " src="images/toplist/regen/u19.svg"/>
+        <div id="u20_text" class="text " style="display:none; visibility: hidden">
+          <p></p>
+        </div>
+      </div>
 
-              <!-- Unnamed (矩形) -->
-              <div id="u780" class="ax_default box_1">
-                <div id="u780_div" class=""></div>
-                <div id="u780_text" class="text ">
-                  <p><span style="text-decoration:none;">配置单</span></p>
-                </div>
+      <!-- Orange Highlight (矩形) -->
+      <div id="u21" class="ax_default shape" data-label="Orange Highlight">
+        <div id="u21_div" class=""></div>
+        <div id="u21_text" class="text " style="display:none; visibility: hidden">
+          <p></p>
+        </div>
+      </div>
+
+      <!-- Unnamed (线) -->
+      <div id="u22" class="ax_default line">
+        <img id="u22_img" class="img " src="images/toplist/regen/u22.svg"/>
+        <div id="u22_text" class="text " style="display:none; visibility: hidden">
+          <p></p>
+        </div>
+      </div>
+
+      <!-- top1 (动态面板) -->
+      <div id="u23" class="ax_default" data-label="top1">
+        <div id="u23_state0" class="panel_state" data-label="unkown1" style="">
+          <div id="u23_state0_content" class="panel_state_content">
+
+            <!-- Unnamed (图片) -->
+            <div id="u24" class="ax_default image">
+              <img id="u24_img" class="img " src="images/toplist/regen/u24.png"/>
+              <div id="u24_text" class="text " style="display:none; visibility: hidden">
+                <p></p>
               </div>
+            </div>
+          </div>
+        </div>
+        <div id="u23_state1" class="panel_state" data-label="top1" style="visibility: hidden;">
+          <div id="u23_state1_content" class="panel_state_content">
 
-              <!-- Unnamed (表格) -->
-              <div id="u781" class="ax_default">
+            <!-- Unnamed (表格) -->
+            <div id="u25" class="ax_default">
 
-                <!-- Unnamed (单元格) -->
-                <div id="u782" class="ax_default table_cell">
-                  <img id="u782_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u782_text" class="text ">
-                    <p><span style="text-decoration:none;">CPU</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u26" class="ax_default table_cell">
+                <img id="u26_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u26_text" class="text ">
+                  <p><span style="text-decoration:none;">CPU</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u783" class="ax_default table_cell">
-                  <img id="u783_img" class="img " src="images/toplist/u783.png"/>
-                  <div id="u783_text" class="text ">
-                    <p><span style="text-decoration:none;">i5-9600KF</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u27" class="ax_default table_cell">
+                <img id="u27_img" class="img " src="images/toplist/regen/u27.png"/>
+                <div id="u27_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u784" class="ax_default table_cell">
-                  <img id="u784_img" class="img " src="images/toplist/u784.png"/>
-                  <div id="u784_text" class="text ">
-                    <p><span style="text-decoration:none;">¥1399</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u28" class="ax_default table_cell">
+                <img id="u28_img" class="img " src="images/toplist/regen/u28.png"/>
+                <div id="u28_text" class="text ">
+                  <p><span style="text-decoration:none;"></span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u785" class="ax_default table_cell">
-                  <img id="u785_img" class="img " src="images/toplist/u785.png"/>
-                  <div id="u785_text" class="text ">
-                    <p><span style="text-decoration:none;">主板</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u29" class="ax_default table_cell">
+                <img id="u29_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u29_text" class="text ">
+                  <p><span style="text-decoration:none;">主板</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u786" class="ax_default table_cell">
-                  <img id="u786_img" class="img " src="images/toplist/u786.png"/>
-                  <div id="u786_text" class="text ">
-                    <p><span style="text-decoration:none;">微星 B360 迫击炮</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u30" class="ax_default table_cell">
+                <img id="u30_img" class="img " src="images/toplist/regen/u30.png"/>
+                <div id="u30_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u787" class="ax_default table_cell">
-                  <img id="u787_img" class="img " src="images/toplist/u787.png"/>
-                  <div id="u787_text" class="text ">
-                    <p><span style="text-decoration:none;">¥900</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u31" class="ax_default table_cell">
+                <img id="u31_img" class="img " src="images/toplist/regen/u31.png"/>
+                <div id="u31_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u788" class="ax_default table_cell">
-                  <img id="u788_img" class="img " src="images/toplist/u788.png"/>
-                  <div id="u788_text" class="text ">
-                    <p><span style="text-decoration:none;">显卡</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u32" class="ax_default table_cell">
+                <img id="u32_img" class="img " src="images/toplist/regen/u32.png"/>
+                <div id="u32_text" class="text ">
+                  <p><span style="text-decoration:none;">显卡</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u789" class="ax_default table_cell">
-                  <img id="u789_img" class="img " src="images/toplist/u789.png"/>
-                  <div id="u789_text" class="text ">
-                    <p><span style="text-decoration:none;">技嘉 GTX 1660Super OC</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u33" class="ax_default table_cell">
+                <img id="u33_img" class="img " src="images/toplist/regen/u33.png"/>
+                <div id="u33_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u790" class="ax_default table_cell">
-                  <img id="u790_img" class="img " src="images/toplist/u790.png"/>
-                  <div id="u790_text" class="text ">
-                    <p><span style="text-decoration:none;">¥1699</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u34" class="ax_default table_cell">
+                <img id="u34_img" class="img " src="images/toplist/regen/u34.png"/>
+                <div id="u34_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u791" class="ax_default table_cell">
-                  <img id="u791_img" class="img " src="images/toplist/u791.png"/>
-                  <div id="u791_text" class="text ">
-                    <p><span style="text-decoration:none;">内存</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u35" class="ax_default table_cell">
+                <img id="u35_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u35_text" class="text ">
+                  <p><span style="text-decoration:none;">内存</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u792" class="ax_default table_cell">
-                  <img id="u792_img" class="img " src="images/toplist/u792.png"/>
-                  <div id="u792_text" class="text ">
-                    <p><span style="text-decoration:none;">威刚 XPG 2666mhz 8G*2</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u36" class="ax_default table_cell">
+                <img id="u36_img" class="img " src="images/toplist/regen/u30.png"/>
+                <div id="u36_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u793" class="ax_default table_cell">
-                  <img id="u793_img" class="img " src="images/toplist/u793.png"/>
-                  <div id="u793_text" class="text ">
-                    <p><span style="text-decoration:none;">¥659</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u37" class="ax_default table_cell">
+                <img id="u37_img" class="img " src="images/toplist/regen/u31.png"/>
+                <div id="u37_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u794" class="ax_default table_cell">
-                  <img id="u794_img" class="img " src="images/toplist/u794.png"/>
-                  <div id="u794_text" class="text ">
-                    <p><span style="text-decoration:none;">固态硬盘</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u38" class="ax_default table_cell">
+                <img id="u38_img" class="img " src="images/toplist/regen/u32.png"/>
+                <div id="u38_text" class="text ">
+                  <p><span style="text-decoration:none;">固态硬盘</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u795" class="ax_default table_cell">
-                  <img id="u795_img" class="img " src="images/toplist/u795.png"/>
-                  <div id="u795_text" class="text ">
-                    <p><span style="text-decoration:none;">西部数据 SN550 1TB Nvme固态</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u39" class="ax_default table_cell">
+                <img id="u39_img" class="img " src="images/toplist/regen/u33.png"/>
+                <div id="u39_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u796" class="ax_default table_cell">
-                  <img id="u796_img" class="img " src="images/toplist/u796.png"/>
-                  <div id="u796_text" class="text ">
-                    <p><span style="text-decoration:none;">¥929</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u40" class="ax_default table_cell">
+                <img id="u40_img" class="img " src="images/toplist/regen/u34.png"/>
+                <div id="u40_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u797" class="ax_default table_cell">
-                  <img id="u797_img" class="img " src="images/toplist/u791.png"/>
-                  <div id="u797_text" class="text ">
-                    <p><span style="text-decoration:none;">机械硬盘</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u41" class="ax_default table_cell">
+                <img id="u41_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u41_text" class="text ">
+                  <p><span style="text-decoration:none;">机械硬盘</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u798" class="ax_default table_cell">
-                  <img id="u798_img" class="img " src="images/toplist/u792.png"/>
-                  <div id="u798_text" class="text ">
-                    <p><span style="text-decoration:none;">闪迪阿巴阿巴</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u42" class="ax_default table_cell">
+                <img id="u42_img" class="img " src="images/toplist/regen/u30.png"/>
+                <div id="u42_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u799" class="ax_default table_cell">
-                  <img id="u799_img" class="img " src="images/toplist/u793.png"/>
-                  <div id="u799_text" class="text ">
-                    <p><span style="text-decoration:none;">¥590</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u43" class="ax_default table_cell">
+                <img id="u43_img" class="img " src="images/toplist/regen/u31.png"/>
+                <div id="u43_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u800" class="ax_default table_cell">
-                  <img id="u800_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u800_text" class="text ">
-                    <p><span style="text-decoration:none;">电源</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u44" class="ax_default table_cell">
+                <img id="u44_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u44_text" class="text ">
+                  <p><span style="text-decoration:none;">电源</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u801" class="ax_default table_cell">
-                  <img id="u801_img" class="img " src="images/toplist/u783.png"/>
-                  <div id="u801_text" class="text ">
-                    <p><span style="text-decoration:none;">先马 500w 金牌非模组</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u45" class="ax_default table_cell">
+                <img id="u45_img" class="img " src="images/toplist/regen/u27.png"/>
+                <div id="u45_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u802" class="ax_default table_cell">
-                  <img id="u802_img" class="img " src="images/toplist/u784.png"/>
-                  <div id="u802_text" class="text ">
-                    <p><span style="text-decoration:none;">¥299</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u46" class="ax_default table_cell">
+                <img id="u46_img" class="img " src="images/toplist/regen/u28.png"/>
+                <div id="u46_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u803" class="ax_default table_cell">
-                  <img id="u803_img" class="img " src="images/toplist/u803.png"/>
-                  <div id="u803_text" class="text ">
-                    <p><span style="text-decoration:none;">CPU散热器</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u47" class="ax_default table_cell">
+                <img id="u47_img" class="img " src="images/toplist/regen/u47.png"/>
+                <div id="u47_text" class="text ">
+                  <p><span style="text-decoration:none;">CPU散热器</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u804" class="ax_default table_cell">
-                  <img id="u804_img" class="img " src="images/toplist/u804.png"/>
-                  <div id="u804_text" class="text ">
-                    <p><span style="text-decoration:none;">大镰刀赤兔马STB120</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u48" class="ax_default table_cell">
+                <img id="u48_img" class="img " src="images/toplist/regen/u48.png"/>
+                <div id="u48_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u805" class="ax_default table_cell">
-                  <img id="u805_img" class="img " src="images/toplist/u805.png"/>
-                  <div id="u805_text" class="text ">
-                    <p><span style="text-decoration:none;">¥99</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u49" class="ax_default table_cell">
+                <img id="u49_img" class="img " src="images/toplist/regen/u49.png"/>
+                <div id="u49_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u806" class="ax_default table_cell">
-                  <img id="u806_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u806_text" class="text ">
-                    <p><span style="text-decoration:none;">机箱</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u50" class="ax_default table_cell">
+                <img id="u50_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u50_text" class="text ">
+                  <p><span style="text-decoration:none;">机箱</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u807" class="ax_default table_cell">
-                  <img id="u807_img" class="img " src="images/toplist/u783.png"/>
-                  <div id="u807_text" class="text ">
-                    <p><span style="text-decoration:none;">乔思伯 C3-Plus</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u51" class="ax_default table_cell">
+                <img id="u51_img" class="img " src="images/toplist/regen/u27.png"/>
+                <div id="u51_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u808" class="ax_default table_cell">
-                  <img id="u808_img" class="img " src="images/toplist/u784.png"/>
-                  <div id="u808_text" class="text ">
-                    <p><span style="text-decoration:none;">¥299</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u52" class="ax_default table_cell">
+                <img id="u52_img" class="img " src="images/toplist/regen/u28.png"/>
+                <div id="u52_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u809" class="ax_default table_cell">
-                  <img id="u809_img" class="img " src="images/toplist/u809.png"/>
-                  <div id="u809_text" class="text ">
-                    <p><span style="text-decoration:none;">总价</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u53" class="ax_default table_cell">
+                <img id="u53_img" class="img " src="images/toplist/regen/u47.png"/>
+                <div id="u53_text" class="text ">
+                  <p><span style="text-decoration:none;">总价</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u810" class="ax_default table_cell">
-                  <img id="u810_img" class="img " src="images/toplist/u810.png"/>
-                  <div id="u810_text" class="text " style="display:none; visibility: hidden">
-                    <p></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u54" class="ax_default table_cell">
+                <img id="u54_img" class="img " src="images/toplist/regen/u48.png"/>
+                <div id="u54_text" class="text " style="display:none; visibility: hidden">
+                  <p></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u811" class="ax_default table_cell">
-                  <img id="u811_img" class="img " src="images/toplist/u811.png"/>
-                  <div id="u811_text" class="text ">
-                    <p><span style="text-decoration:none;">¥9999</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u55" class="ax_default table_cell">
+                <img id="u55_img" class="img " src="images/toplist/regen/u49.png"/>
+                <div id="u55_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
               </div>
             </div>
@@ -469,299 +516,291 @@
         </div>
       </div>
 
-      <!-- Unnamed (矩形) -->
-      <div id="u812" class="ax_default shape">
-        <div id="u812_div" class=""></div>
-        <div id="u812_text" class="text ">
-          <p><span style="text-decoration:none;">热血电竞类</span></p>
-        </div>
-      </div>
-
       <!-- Unnamed (组 合) -->
-      <div id="u813" class="ax_default" data-left="1010" data-top="247" data-width="378" data-height="504">
+      <div id="u56" class="ax_default" data-left="85" data-top="227" data-width="414" data-height="528">
 
         <!-- Unnamed (矩形) -->
-        <div id="u814" class="ax_default box_1">
-          <div id="u814_div" class=""></div>
-          <div id="u814_text" class="text " style="display:none; visibility: hidden">
+        <div id="u57" class="ax_default box_1">
+          <div id="u57_div" class=""></div>
+          <div id="u57_text" class="text " style="display:none; visibility: hidden">
             <p></p>
           </div>
         </div>
       </div>
 
       <!-- Unnamed (矩形) -->
-      <div id="u815" class="ax_default shape">
-        <div id="u815_div" class=""></div>
-        <div id="u815_text" class="text ">
-          <p><span style="text-decoration:none;">导出配置单</span></p>
+      <div id="u58" class="ax_default shape">
+        <div id="u58_div" class=""></div>
+        <div id="u58_text" class="text ">
+          <a style="text-decoration:none;">导出配置单</a>
         </div>
       </div>
 
-      <!-- Toplist Pop Up 3 (动态面板) -->
-      <div id="u816" class="ax_default ax_default_hidden" data-label="Toplist Pop Up 3" style="display:none; visibility: hidden">
-        <div id="u816_state0" class="panel_state" data-label="State1" style="">
-          <div id="u816_state0_content" class="panel_state_content">
-
-            <!-- item (组 合) -->
-            <div id="u817" class="ax_default" data-label="item" data-left="-1" data-top="1" data-width="324" data-height="386">
+      <!-- Unnamed (矩形) -->
+      <div id="u59" class="ax_default shape">
+        <div id="u59_div" class=""></div>
+        <div id="u59_text" class="text ">
+          <p><span style="text-decoration:none;">Top 2</span></p>
+        </div>
+      </div>
 
-              <!-- Unnamed (矩形) -->
-              <div id="u818" class="ax_default box_1">
-                <div id="u818_div" class=""></div>
-                <div id="u818_text" class="text " style="display:none; visibility: hidden">
-                  <p></p>
-                </div>
-              </div>
+      <!-- top2 (动态面板) -->
+      <div id="u60" class="ax_default" data-label="top2">
+        <div id="u60_state0" class="panel_state" data-label="unkown2" style="">
+          <div id="u60_state0_content" class="panel_state_content">
 
-              <!-- Unnamed (矩形) -->
-              <div id="u819" class="ax_default box_1">
-                <div id="u819_div" class=""></div>
-                <div id="u819_text" class="text ">
-                  <p><span style="text-decoration:none;">配置单</span></p>
-                </div>
+            <!-- Unnamed (图片) -->
+            <div id="u61" class="ax_default image">
+              <img id="u61_img" class="img " src="images/toplist/regen/u24.png"/>
+              <div id="u61_text" class="text " style="display:none; visibility: hidden">
+                <p></p>
               </div>
+            </div>
+          </div>
+        </div>
+        <div id="u60_state1" class="panel_state" data-label="top2" style="visibility: hidden;">
+          <div id="u60_state1_content" class="panel_state_content">
 
-              <!-- Unnamed (表格) -->
-              <div id="u820" class="ax_default">
+            <!-- Unnamed (表格) -->
+            <div id="u62" class="ax_default">
 
-                <!-- Unnamed (单元格) -->
-                <div id="u821" class="ax_default table_cell">
-                  <img id="u821_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u821_text" class="text ">
-                    <p><span style="text-decoration:none;">CPU</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u63" class="ax_default table_cell">
+                <img id="u63_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u63_text" class="text ">
+                  <p><span style="text-decoration:none;">CPU</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u822" class="ax_default table_cell">
-                  <img id="u822_img" class="img " src="images/toplist/u822.png"/>
-                  <div id="u822_text" class="text ">
-                    <p><span style="text-decoration:none;">i5-9600KF</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u64" class="ax_default table_cell">
+                <img id="u64_img" class="img " src="images/toplist/regen/u64.png"/>
+                <div id="u64_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u823" class="ax_default table_cell">
-                  <img id="u823_img" class="img " src="images/toplist/u823.png"/>
-                  <div id="u823_text" class="text ">
-                    <p><span style="text-decoration:none;">¥1399</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u65" class="ax_default table_cell">
+                <img id="u65_img" class="img " src="images/toplist/regen/u65.png"/>
+                <div id="u65_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u824" class="ax_default table_cell">
-                  <img id="u824_img" class="img " src="images/toplist/u785.png"/>
-                  <div id="u824_text" class="text ">
-                    <p><span style="text-decoration:none;">主板</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u66" class="ax_default table_cell">
+                <img id="u66_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u66_text" class="text ">
+                  <p><span style="text-decoration:none;">主板</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u825" class="ax_default table_cell">
-                  <img id="u825_img" class="img " src="images/toplist/u825.png"/>
-                  <div id="u825_text" class="text ">
-                    <p><span style="text-decoration:none;">微星 B360 迫击炮</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u67" class="ax_default table_cell">
+                <img id="u67_img" class="img " src="images/toplist/regen/u67.png"/>
+                <div id="u67_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u826" class="ax_default table_cell">
-                  <img id="u826_img" class="img " src="images/toplist/u826.png"/>
-                  <div id="u826_text" class="text ">
-                    <p><span style="text-decoration:none;">¥900</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u68" class="ax_default table_cell">
+                <img id="u68_img" class="img " src="images/toplist/regen/u68.png"/>
+                <div id="u68_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u827" class="ax_default table_cell">
-                  <img id="u827_img" class="img " src="images/toplist/u788.png"/>
-                  <div id="u827_text" class="text ">
-                    <p><span style="text-decoration:none;">显卡</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u69" class="ax_default table_cell">
+                <img id="u69_img" class="img " src="images/toplist/regen/u32.png"/>
+                <div id="u69_text" class="text ">
+                  <p><span style="text-decoration:none;">显卡</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u828" class="ax_default table_cell">
-                  <img id="u828_img" class="img " src="images/toplist/u828.png"/>
-                  <div id="u828_text" class="text ">
-                    <p><span style="text-decoration:none;">技嘉 GTX 1660Super OC</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u70" class="ax_default table_cell">
+                <img id="u70_img" class="img " src="images/toplist/regen/u70.png"/>
+                <div id="u70_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u829" class="ax_default table_cell">
-                  <img id="u829_img" class="img " src="images/toplist/u829.png"/>
-                  <div id="u829_text" class="text ">
-                    <p><span style="text-decoration:none;">¥1699</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u71" class="ax_default table_cell">
+                <img id="u71_img" class="img " src="images/toplist/regen/u71.png"/>
+                <div id="u71_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u830" class="ax_default table_cell">
-                  <img id="u830_img" class="img " src="images/toplist/u791.png"/>
-                  <div id="u830_text" class="text ">
-                    <p><span style="text-decoration:none;">内存</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u72" class="ax_default table_cell">
+                <img id="u72_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u72_text" class="text ">
+                  <p><span style="text-decoration:none;">内存</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u831" class="ax_default table_cell">
-                  <img id="u831_img" class="img " src="images/toplist/u831.png"/>
-                  <div id="u831_text" class="text ">
-                    <p><span style="text-decoration:none;">威刚 XPG 2666mhz 8G*2</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u73" class="ax_default table_cell">
+                <img id="u73_img" class="img " src="images/toplist/regen/u67.png"/>
+                <div id="u73_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u832" class="ax_default table_cell">
-                  <img id="u832_img" class="img " src="images/toplist/u832.png"/>
-                  <div id="u832_text" class="text ">
-                    <p><span style="text-decoration:none;">¥659</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u74" class="ax_default table_cell">
+                <img id="u74_img" class="img " src="images/toplist/regen/u68.png"/>
+                <div id="u74_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u833" class="ax_default table_cell">
-                  <img id="u833_img" class="img " src="images/toplist/u794.png"/>
-                  <div id="u833_text" class="text ">
-                    <p><span style="text-decoration:none;">固态硬盘</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u75" class="ax_default table_cell">
+                <img id="u75_img" class="img " src="images/toplist/regen/u32.png"/>
+                <div id="u75_text" class="text ">
+                  <p><span style="text-decoration:none;">固态硬盘</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u834" class="ax_default table_cell">
-                  <img id="u834_img" class="img " src="images/toplist/u834.png"/>
-                  <div id="u834_text" class="text ">
-                    <p><span style="text-decoration:none;">西部数据 SN550 1TB Nvme固态</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u76" class="ax_default table_cell">
+                <img id="u76_img" class="img " src="images/toplist/regen/u70.png"/>
+                <div id="u76_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u835" class="ax_default table_cell">
-                  <img id="u835_img" class="img " src="images/toplist/u835.png"/>
-                  <div id="u835_text" class="text ">
-                    <p><span style="text-decoration:none;">¥929</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u77" class="ax_default table_cell">
+                <img id="u77_img" class="img " src="images/toplist/regen/u71.png"/>
+                <div id="u77_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u836" class="ax_default table_cell">
-                  <img id="u836_img" class="img " src="images/toplist/u791.png"/>
-                  <div id="u836_text" class="text ">
-                    <p><span style="text-decoration:none;">机械硬盘</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u78" class="ax_default table_cell">
+                <img id="u78_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u78_text" class="text ">
+                  <p><span style="text-decoration:none;">机械硬盘</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u837" class="ax_default table_cell">
-                  <img id="u837_img" class="img " src="images/toplist/u831.png"/>
-                  <div id="u837_text" class="text ">
-                    <p><span style="text-decoration:none;">闪迪阿巴阿巴</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u79" class="ax_default table_cell">
+                <img id="u79_img" class="img " src="images/toplist/regen/u67.png"/>
+                <div id="u79_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u838" class="ax_default table_cell">
-                  <img id="u838_img" class="img " src="images/toplist/u832.png"/>
-                  <div id="u838_text" class="text ">
-                    <p><span style="text-decoration:none;">¥590</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u80" class="ax_default table_cell">
+                <img id="u80_img" class="img " src="images/toplist/regen/u68.png"/>
+                <div id="u80_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u839" class="ax_default table_cell">
-                  <img id="u839_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u839_text" class="text ">
-                    <p><span style="text-decoration:none;">电源</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u81" class="ax_default table_cell">
+                <img id="u81_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u81_text" class="text ">
+                  <p><span style="text-decoration:none;">电源</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u840" class="ax_default table_cell">
-                  <img id="u840_img" class="img " src="images/toplist/u822.png"/>
-                  <div id="u840_text" class="text ">
-                    <p><span style="text-decoration:none;">先马 500w 金牌非模组</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u82" class="ax_default table_cell">
+                <img id="u82_img" class="img " src="images/toplist/regen/u64.png"/>
+                <div id="u82_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u841" class="ax_default table_cell">
-                  <img id="u841_img" class="img " src="images/toplist/u823.png"/>
-                  <div id="u841_text" class="text ">
-                    <p><span style="text-decoration:none;">¥299</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u83" class="ax_default table_cell">
+                <img id="u83_img" class="img " src="images/toplist/regen/u65.png"/>
+                <div id="u83_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u842" class="ax_default table_cell">
-                  <img id="u842_img" class="img " src="images/toplist/u803.png"/>
-                  <div id="u842_text" class="text ">
-                    <p><span style="text-decoration:none;">CPU散热器</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u84" class="ax_default table_cell">
+                <img id="u84_img" class="img " src="images/toplist/regen/u47.png"/>
+                <div id="u84_text" class="text ">
+                  <p><span style="text-decoration:none;">CPU散热器</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u843" class="ax_default table_cell">
-                  <img id="u843_img" class="img " src="images/toplist/u843.png"/>
-                  <div id="u843_text" class="text ">
-                    <p><span style="text-decoration:none;">大镰刀赤兔马STB120</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u85" class="ax_default table_cell">
+                <img id="u85_img" class="img " src="images/toplist/regen/u85.png"/>
+                <div id="u85_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u844" class="ax_default table_cell">
-                  <img id="u844_img" class="img " src="images/toplist/u844.png"/>
-                  <div id="u844_text" class="text ">
-                    <p><span style="text-decoration:none;">¥99</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u86" class="ax_default table_cell">
+                <img id="u86_img" class="img " src="images/toplist/regen/u86.png"/>
+                <div id="u86_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u845" class="ax_default table_cell">
-                  <img id="u845_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u845_text" class="text ">
-                    <p><span style="text-decoration:none;">机箱</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u87" class="ax_default table_cell">
+                <img id="u87_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u87_text" class="text ">
+                  <p><span style="text-decoration:none;">机箱</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u846" class="ax_default table_cell">
-                  <img id="u846_img" class="img " src="images/toplist/u822.png"/>
-                  <div id="u846_text" class="text ">
-                    <p><span style="text-decoration:none;">乔思伯 C3-Plus</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u88" class="ax_default table_cell">
+                <img id="u88_img" class="img " src="images/toplist/regen/u64.png"/>
+                <div id="u88_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u847" class="ax_default table_cell">
-                  <img id="u847_img" class="img " src="images/toplist/u823.png"/>
-                  <div id="u847_text" class="text ">
-                    <p><span style="text-decoration:none;">¥299</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u89" class="ax_default table_cell">
+                <img id="u89_img" class="img " src="images/toplist/regen/u65.png"/>
+                <div id="u89_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u848" class="ax_default table_cell">
-                  <img id="u848_img" class="img " src="images/toplist/u809.png"/>
-                  <div id="u848_text" class="text ">
-                    <p><span style="text-decoration:none;">总价</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u90" class="ax_default table_cell">
+                <img id="u90_img" class="img " src="images/toplist/regen/u47.png"/>
+                <div id="u90_text" class="text ">
+                  <p><span style="text-decoration:none;">总价</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u849" class="ax_default table_cell">
-                  <img id="u849_img" class="img " src="images/toplist/u849.png"/>
-                  <div id="u849_text" class="text " style="display:none; visibility: hidden">
-                    <p></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u91" class="ax_default table_cell">
+                <img id="u91_img" class="img " src="images/toplist/regen/u85.png"/>
+                <div id="u91_text" class="text " style="display:none; visibility: hidden">
+                  <p></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u850" class="ax_default table_cell">
-                  <img id="u850_img" class="img " src="images/toplist/u850.png"/>
-                  <div id="u850_text" class="text ">
-                    <p><span style="text-decoration:none;">¥9999</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u92" class="ax_default table_cell">
+                <img id="u92_img" class="img " src="images/toplist/regen/u86.png"/>
+                <div id="u92_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
               </div>
             </div>
@@ -769,393 +808,297 @@
         </div>
       </div>
 
-      <!-- Unnamed (矩形) -->
-      <div id="u851" class="ax_default shape">
-        <div id="u851_div" class=""></div>
-        <div id="u851_text" class="text ">
-          <p><span style="text-decoration:none;">专业设计类</span></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (垂直线) -->
-      <div id="u852" class="ax_default line">
-        <img id="u852_img" class="img " src="images/toplist/u852.svg"/>
-        <div id="u852_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (垂直线) -->
-      <div id="u853" class="ax_default line">
-        <img id="u853_img" class="img " src="images/toplist/u852.svg"/>
-        <div id="u853_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
-        </div>
-      </div>
+      <!-- Unnamed (组 合) -->
+      <div id="u93" class="ax_default" data-left="1013" data-top="227" data-width="414" data-height="528">
 
-      <!-- Orange Highlight (矩形) -->
-      <div id="u854" class="ax_default shape" data-label="Orange Highlight">
-        <div id="u854_div" class=""></div>
-        <div id="u854_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
+        <!-- Unnamed (矩形) -->
+        <div id="u94" class="ax_default box_1">
+          <div id="u94_div" class=""></div>
+          <div id="u94_text" class="text " style="display:none; visibility: hidden">
+            <p></p>
+          </div>
         </div>
       </div>
 
       <!-- Unnamed (矩形) -->
-      <div id="u855" class="ax_default paragraph">
-        <div id="u855_div" class=""></div>
-        <div id="u855_text" class="text ">
-          <p><span style="text-decoration:none;">&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 这是一个很不错的电竞类装机配置单，适合预算比较充足的，以及游戏要求较高的用户，有很强劲的游戏性能，散热能力出众。</span></p><p><span style="text-decoration:none;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 电竞首选！</span></p>
+      <div id="u95" class="ax_default shape">
+        <div id="u95_div" class=""></div>
+        <div id="u95_text" class="text ">
+          <a style="text-decoration:none;">导出配置单</a>
         </div>
       </div>
 
       <!-- Unnamed (矩形) -->
-      <div id="u856" class="ax_default paragraph">
-        <div id="u856_div" class=""></div>
-        <div id="u856_text" class="text ">
-          <p><span style="text-decoration:none;">&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 这是一个专业高配置装机配置单，价格比较高，适合的是从事渲染工作的设计师，视频剪辑打工人以及人工智能科研工作人。显卡的性能在所有配件中尤其出众。</span></p><p><span style="text-decoration:none;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 专业首选！</span></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (图片) -->
-      <div id="u857" class="ax_default image">
-        <img id="u857_img" class="img " src="images/toplist/u857.svg"/>
-        <div id="u857_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (图片) -->
-      <div id="u858" class="ax_default image">
-        <img id="u858_img" class="img " src="images/toplist/u858.svg"/>
-        <div id="u858_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (线) -->
-      <div id="u859" class="ax_default line">
-        <img id="u859_img" class="img " src="images/home/u105.svg"/>
-        <div id="u859_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
+      <div id="u96" class="ax_default shape">
+        <div id="u96_div" class=""></div>
+        <div id="u96_text" class="text ">
+          <p><span style="text-decoration:none;">Top 3</span></p>
         </div>
       </div>
 
-      <!-- Unnamed (组 合) -->
-      <div id="u860" class="ax_default" data-left="127" data-top="257" data-width="378" data-height="504">
+      <!-- top3 (动态面板) -->
+      <div id="u97" class="ax_default" data-label="top3">
+        <div id="u97_state0" class="panel_state" data-label="unkown3" style="">
+          <div id="u97_state0_content" class="panel_state_content">
 
-        <!-- Unnamed (矩形) -->
-        <div id="u861" class="ax_default box_1">
-          <div id="u861_div" class=""></div>
-          <div id="u861_text" class="text " style="display:none; visibility: hidden">
-            <p></p>
+            <!-- Unnamed (图片) -->
+            <div id="u98" class="ax_default image">
+              <img id="u98_img" class="img " src="images/toplist/regen/u24.png"/>
+              <div id="u98_text" class="text " style="display:none; visibility: hidden">
+                <p></p>
+              </div>
+            </div>
           </div>
         </div>
-      </div>
-
-      <!-- Unnamed (矩形) -->
-      <div id="u862" class="ax_default shape">
-        <div id="u862_div" class=""></div>
-        <div id="u862_text" class="text ">
-          <p><span style="text-decoration:none;">导出配置单</span></p>
-        </div>
-      </div>
+        <div id="u97_state1" class="panel_state" data-label="top3" style="visibility: hidden;">
+          <div id="u97_state1_content" class="panel_state_content">
 
-      <!-- Toplist Pop Up 2 (动态面板) -->
-      <div id="u863" class="ax_default ax_default_hidden" data-label="Toplist Pop Up 2" style="display:none; visibility: hidden">
-        <div id="u863_state0" class="panel_state" data-label="State1" style="">
-          <div id="u863_state0_content" class="panel_state_content">
+            <!-- Unnamed (表格) -->
+            <div id="u99" class="ax_default">
 
-            <!-- item (组 合) -->
-            <div id="u864" class="ax_default" data-label="item" data-left="1" data-top="1" data-width="326" data-height="386">
-
-              <!-- Unnamed (矩形) -->
-              <div id="u865" class="ax_default box_1">
-                <div id="u865_div" class=""></div>
-                <div id="u865_text" class="text " style="display:none; visibility: hidden">
-                  <p></p>
+              <!-- Unnamed (单元格) -->
+              <div id="u100" class="ax_default table_cell">
+                <img id="u100_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u100_text" class="text ">
+                  <p><span style="text-decoration:none;">CPU</span></p>
                 </div>
               </div>
 
-              <!-- Unnamed (矩形) -->
-              <div id="u866" class="ax_default box_1">
-                <div id="u866_div" class=""></div>
-                <div id="u866_text" class="text ">
-                  <p><span style="text-decoration:none;">配置单</span></p>
+              <!-- Unnamed (单元格) -->
+              <div id="u101" class="ax_default table_cell">
+                <img id="u101_img" class="img " src="images/toplist/regen/u64.png"/>
+                <div id="u101_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
               </div>
 
-              <!-- Unnamed (表格) -->
-              <div id="u867" class="ax_default">
-
-                <!-- Unnamed (单元格) -->
-                <div id="u868" class="ax_default table_cell">
-                  <img id="u868_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u868_text" class="text ">
-                    <p><span style="text-decoration:none;">CPU</span></p>
-                  </div>
-                </div>
-
-                <!-- Unnamed (单元格) -->
-                <div id="u869" class="ax_default table_cell">
-                  <img id="u869_img" class="img " src="images/toplist/u783.png"/>
-                  <div id="u869_text" class="text ">
-                    <p><span style="text-decoration:none;">i5-9600KF</span></p>
-                  </div>
-                </div>
-
-                <!-- Unnamed (单元格) -->
-                <div id="u870" class="ax_default table_cell">
-                  <img id="u870_img" class="img " src="images/toplist/u784.png"/>
-                  <div id="u870_text" class="text ">
-                    <p><span style="text-decoration:none;">¥1399</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u102" class="ax_default table_cell">
+                <img id="u102_img" class="img " src="images/toplist/regen/u65.png"/>
+                <div id="u102_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u871" class="ax_default table_cell">
-                  <img id="u871_img" class="img " src="images/toplist/u785.png"/>
-                  <div id="u871_text" class="text ">
-                    <p><span style="text-decoration:none;">主板</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u103" class="ax_default table_cell">
+                <img id="u103_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u103_text" class="text ">
+                  <p><span style="text-decoration:none;">主板</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u872" class="ax_default table_cell">
-                  <img id="u872_img" class="img " src="images/toplist/u786.png"/>
-                  <div id="u872_text" class="text ">
-                    <p><span style="text-decoration:none;">微星 B360 迫击炮</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u104" class="ax_default table_cell">
+                <img id="u104_img" class="img " src="images/toplist/regen/u67.png"/>
+                <div id="u104_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u873" class="ax_default table_cell">
-                  <img id="u873_img" class="img " src="images/toplist/u787.png"/>
-                  <div id="u873_text" class="text ">
-                    <p><span style="text-decoration:none;">¥900</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u105" class="ax_default table_cell">
+                <img id="u105_img" class="img " src="images/toplist/regen/u68.png"/>
+                <div id="u105_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u874" class="ax_default table_cell">
-                  <img id="u874_img" class="img " src="images/toplist/u788.png"/>
-                  <div id="u874_text" class="text ">
-                    <p><span style="text-decoration:none;">显卡</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u106" class="ax_default table_cell">
+                <img id="u106_img" class="img " src="images/toplist/regen/u32.png"/>
+                <div id="u106_text" class="text ">
+                  <p><span style="text-decoration:none;">显卡</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u875" class="ax_default table_cell">
-                  <img id="u875_img" class="img " src="images/toplist/u789.png"/>
-                  <div id="u875_text" class="text ">
-                    <p><span style="text-decoration:none;">技嘉 GTX 1660Super OC</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u107" class="ax_default table_cell">
+                <img id="u107_img" class="img " src="images/toplist/regen/u70.png"/>
+                <div id="u107_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u876" class="ax_default table_cell">
-                  <img id="u876_img" class="img " src="images/toplist/u790.png"/>
-                  <div id="u876_text" class="text ">
-                    <p><span style="text-decoration:none;">¥1699</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u108" class="ax_default table_cell">
+                <img id="u108_img" class="img " src="images/toplist/regen/u71.png"/>
+                <div id="u108_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u877" class="ax_default table_cell">
-                  <img id="u877_img" class="img " src="images/toplist/u791.png"/>
-                  <div id="u877_text" class="text ">
-                    <p><span style="text-decoration:none;">内存</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u109" class="ax_default table_cell">
+                <img id="u109_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u109_text" class="text ">
+                  <p><span style="text-decoration:none;">内存</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u878" class="ax_default table_cell">
-                  <img id="u878_img" class="img " src="images/toplist/u792.png"/>
-                  <div id="u878_text" class="text ">
-                    <p><span style="text-decoration:none;">威刚 XPG 2666mhz 8G*2</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u110" class="ax_default table_cell">
+                <img id="u110_img" class="img " src="images/toplist/regen/u67.png"/>
+                <div id="u110_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u879" class="ax_default table_cell">
-                  <img id="u879_img" class="img " src="images/toplist/u793.png"/>
-                  <div id="u879_text" class="text ">
-                    <p><span style="text-decoration:none;">¥659</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u111" class="ax_default table_cell">
+                <img id="u111_img" class="img " src="images/toplist/regen/u68.png"/>
+                <div id="u111_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u880" class="ax_default table_cell">
-                  <img id="u880_img" class="img " src="images/toplist/u794.png"/>
-                  <div id="u880_text" class="text ">
-                    <p><span style="text-decoration:none;">固态硬盘</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u112" class="ax_default table_cell">
+                <img id="u112_img" class="img " src="images/toplist/regen/u32.png"/>
+                <div id="u112_text" class="text ">
+                  <p><span style="text-decoration:none;">固态硬盘</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u881" class="ax_default table_cell">
-                  <img id="u881_img" class="img " src="images/toplist/u795.png"/>
-                  <div id="u881_text" class="text ">
-                    <p><span style="text-decoration:none;">西部数据 SN550 1TB Nvme固态</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u113" class="ax_default table_cell">
+                <img id="u113_img" class="img " src="images/toplist/regen/u70.png"/>
+                <div id="u113_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u882" class="ax_default table_cell">
-                  <img id="u882_img" class="img " src="images/toplist/u796.png"/>
-                  <div id="u882_text" class="text ">
-                    <p><span style="text-decoration:none;">¥929</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u114" class="ax_default table_cell">
+                <img id="u114_img" class="img " src="images/toplist/regen/u71.png"/>
+                <div id="u114_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u883" class="ax_default table_cell">
-                  <img id="u883_img" class="img " src="images/toplist/u791.png"/>
-                  <div id="u883_text" class="text ">
-                    <p><span style="text-decoration:none;">机械硬盘</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u115" class="ax_default table_cell">
+                <img id="u115_img" class="img " src="images/toplist/regen/u29.png"/>
+                <div id="u115_text" class="text ">
+                  <p><span style="text-decoration:none;">机械硬盘</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u884" class="ax_default table_cell">
-                  <img id="u884_img" class="img " src="images/toplist/u792.png"/>
-                  <div id="u884_text" class="text ">
-                    <p><span style="text-decoration:none;">闪迪阿巴阿巴</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u116" class="ax_default table_cell">
+                <img id="u116_img" class="img " src="images/toplist/regen/u67.png"/>
+                <div id="u116_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u885" class="ax_default table_cell">
-                  <img id="u885_img" class="img " src="images/toplist/u793.png"/>
-                  <div id="u885_text" class="text ">
-                    <p><span style="text-decoration:none;">¥590</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u117" class="ax_default table_cell">
+                <img id="u117_img" class="img " src="images/toplist/regen/u68.png"/>
+                <div id="u117_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u886" class="ax_default table_cell">
-                  <img id="u886_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u886_text" class="text ">
-                    <p><span style="text-decoration:none;">电源</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u118" class="ax_default table_cell">
+                <img id="u118_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u118_text" class="text ">
+                  <p><span style="text-decoration:none;">电源</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u887" class="ax_default table_cell">
-                  <img id="u887_img" class="img " src="images/toplist/u783.png"/>
-                  <div id="u887_text" class="text ">
-                    <p><span style="text-decoration:none;">先马 500w 金牌非模组</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u119" class="ax_default table_cell">
+                <img id="u119_img" class="img " src="images/toplist/regen/u64.png"/>
+                <div id="u119_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u888" class="ax_default table_cell">
-                  <img id="u888_img" class="img " src="images/toplist/u784.png"/>
-                  <div id="u888_text" class="text ">
-                    <p><span style="text-decoration:none;">¥299</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u120" class="ax_default table_cell">
+                <img id="u120_img" class="img " src="images/toplist/regen/u65.png"/>
+                <div id="u120_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u889" class="ax_default table_cell">
-                  <img id="u889_img" class="img " src="images/toplist/u803.png"/>
-                  <div id="u889_text" class="text ">
-                    <p><span style="text-decoration:none;">CPU散热器</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u121" class="ax_default table_cell">
+                <img id="u121_img" class="img " src="images/toplist/regen/u47.png"/>
+                <div id="u121_text" class="text ">
+                  <p><span style="text-decoration:none;">CPU散热器</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u890" class="ax_default table_cell">
-                  <img id="u890_img" class="img " src="images/toplist/u804.png"/>
-                  <div id="u890_text" class="text ">
-                    <p><span style="text-decoration:none;">大镰刀赤兔马STB120</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u122" class="ax_default table_cell">
+                <img id="u122_img" class="img " src="images/toplist/regen/u85.png"/>
+                <div id="u122_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u891" class="ax_default table_cell">
-                  <img id="u891_img" class="img " src="images/toplist/u805.png"/>
-                  <div id="u891_text" class="text ">
-                    <p><span style="text-decoration:none;">¥99</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u123" class="ax_default table_cell">
+                <img id="u123_img" class="img " src="images/toplist/regen/u86.png"/>
+                <div id="u123_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u892" class="ax_default table_cell">
-                  <img id="u892_img" class="img " src="images/toplist/u782.png"/>
-                  <div id="u892_text" class="text ">
-                    <p><span style="text-decoration:none;">机箱</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u124" class="ax_default table_cell">
+                <img id="u124_img" class="img " src="images/toplist/regen/u26.png"/>
+                <div id="u124_text" class="text ">
+                  <p><span style="text-decoration:none;">机箱</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u893" class="ax_default table_cell">
-                  <img id="u893_img" class="img " src="images/toplist/u783.png"/>
-                  <div id="u893_text" class="text ">
-                    <p><span style="text-decoration:none;">乔思伯 C3-Plus</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u125" class="ax_default table_cell">
+                <img id="u125_img" class="img " src="images/toplist/regen/u64.png"/>
+                <div id="u125_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u894" class="ax_default table_cell">
-                  <img id="u894_img" class="img " src="images/toplist/u784.png"/>
-                  <div id="u894_text" class="text ">
-                    <p><span style="text-decoration:none;">¥299</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u126" class="ax_default table_cell">
+                <img id="u126_img" class="img " src="images/toplist/regen/u65.png"/>
+                <div id="u126_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u895" class="ax_default table_cell">
-                  <img id="u895_img" class="img " src="images/toplist/u809.png"/>
-                  <div id="u895_text" class="text ">
-                    <p><span style="text-decoration:none;">总价</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u127" class="ax_default table_cell">
+                <img id="u127_img" class="img " src="images/toplist/regen/u47.png"/>
+                <div id="u127_text" class="text ">
+                  <p><span style="text-decoration:none;">总价</span></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u896" class="ax_default table_cell">
-                  <img id="u896_img" class="img " src="images/toplist/u810.png"/>
-                  <div id="u896_text" class="text " style="display:none; visibility: hidden">
-                    <p></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u128" class="ax_default table_cell">
+                <img id="u128_img" class="img " src="images/toplist/regen/u85.png"/>
+                <div id="u128_text" class="text " style="display:none; visibility: hidden">
+                  <p></p>
                 </div>
+              </div>
 
-                <!-- Unnamed (单元格) -->
-                <div id="u897" class="ax_default table_cell">
-                  <img id="u897_img" class="img " src="images/toplist/u811.png"/>
-                  <div id="u897_text" class="text ">
-                    <p><span style="text-decoration:none;">¥9999</span></p>
-                  </div>
+              <!-- Unnamed (单元格) -->
+              <div id="u129" class="ax_default table_cell">
+                <img id="u129_img" class="img " src="images/toplist/regen/u86.png"/>
+                <div id="u129_text" class="text ">
+                  <p><span style="text-decoration:none;">&nbsp;</span></p>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
-
-      <!-- Unnamed (矩形) -->
-      <div id="u898" class="ax_default shape">
-        <div id="u898_div" class=""></div>
-        <div id="u898_text" class="text ">
-          <p><span style="text-decoration:none;">家用办公类</span></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (矩形) -->
-      <div id="u899" class="ax_default paragraph">
-        <div id="u899_div" class=""></div>
-        <div id="u899_text" class="text ">
-          <p><span style="text-decoration:none;">&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 这是一个热门的适用于日常使用办公的装机配置单，适合预算正常并且电脑用于PPT，word等办公软件的使用，综合能力均衡！</span></p>
-        </div>
-      </div>
-
-      <!-- Unnamed (图片) -->
-      <div id="u900" class="ax_default image">
-        <img id="u900_img" class="img " src="images/toplist/u857.svg"/>
-        <div id="u900_text" class="text " style="display:none; visibility: hidden">
-          <p></p>
-        </div>
-      </div>
     </div>
     <script src="resources/scripts/axure/ios.js"></script>
   </body>