update

2025-08-04 11:04:37 +08:00
parent f3092954c9
commit e2fa2c4378
90 changed files with 13749 additions and 8 deletions
--- a/astro.config.mjs
+++ b/astro.config.mjs
@ -1,5 +1,18 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
+import node from '@astrojs/node';

 // https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
+    output: 'server',
+    adapter: node({
+        mode: 'standalone',
+    }),
+    build: {
+        format: 'file',
+    },
+    server: {
+        port:4323,
+        host: '0.0.0.0',
+    },
+});
--- a/package-lock.json
+++ b/package-lock.json
@ -8,6 +8,7 @@
      "name": "vobao",
      "version": "0.0.1",
      "dependencies": {
+        "@astrojs/node": "^9.3.0",
        "astro": "^5.12.2"
      }
    },
@ -52,6 +53,20 @@
        "vfile": "^6.0.3"
      }
    },
+    "node_modules/@astrojs/node": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmmirror.com/@astrojs/node/-/node-9.3.0.tgz",
+      "integrity": "sha512-IV8NzGStHAsKBz1ljxxD8PBhBfnw/BEx/PZfsncTNXg9D4kQtZbSy+Ak0LvDs+rPmK0VeXLNn0HAdWuHCVg8cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@astrojs/internal-helpers": "0.6.1",
+        "send": "^1.2.0",
+        "server-destroy": "^1.0.1"
+      },
+      "peerDependencies": {
+        "astro": "^5.3.0"
+      }
+    },
    "node_modules/@astrojs/prism": {
      "version": "3.3.0",
      "resolved": "https://registry.npmmirror.com/@astrojs/prism/-/prism-3.3.0.tgz",
@ -1976,6 +1991,15 @@
      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
      "license": "MIT"
    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/dequal": {
      "version": "2.0.3",
      "resolved": "https://registry.npmmirror.com/dequal/-/dequal-2.0.3.tgz",
@ -2062,12 +2086,27 @@
        "node": ">=4"
      }
    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
    "node_modules/emoji-regex": {
      "version": "10.4.0",
      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-10.4.0.tgz",
      "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==",
      "license": "MIT"
    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/entities": {
      "version": "6.0.1",
      "resolved": "https://registry.npmmirror.com/entities/-/entities-6.0.1.tgz",
@ -2127,6 +2166,12 @@
        "@esbuild/win32-x64": "0.25.8"
      }
    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
    "node_modules/escape-string-regexp": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
@ -2148,6 +2193,15 @@
        "@types/estree": "^1.0.0"
      }
    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
    "node_modules/eventemitter3": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.1.tgz",
@ -2216,6 +2270,15 @@
        "unicode-trie": "^2.0.0"
      }
    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/fsevents": {
      "version": "2.3.3",
      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@ -2474,6 +2537,31 @@
      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
      "license": "BSD-2-Clause"
    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/import-meta-resolve": {
      "version": "4.1.0",
      "resolved": "https://registry.npmmirror.com/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
@ -2484,6 +2572,12 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
    "node_modules/iron-webcrypto": {
      "version": "1.2.1",
      "resolved": "https://registry.npmmirror.com/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
@ -3430,6 +3524,27 @@
      ],
      "license": "MIT"
    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-3.0.1.tgz",
+      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
    "node_modules/mrmime": {
      "version": "2.0.1",
      "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.1.tgz",
@ -3543,6 +3658,18 @@
      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
      "license": "MIT"
    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmmirror.com/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/oniguruma-parser": {
      "version": "0.12.1",
      "resolved": "https://registry.npmmirror.com/oniguruma-parser/-/oniguruma-parser-0.12.1.tgz",
@ -3738,6 +3865,15 @@
      "integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==",
      "license": "MIT"
    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
    "node_modules/readdirp": {
      "version": "4.1.2",
      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz",
@ -4035,6 +4171,40 @@
        "node": ">=10"
      }
    },
+    "node_modules/send": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/send/-/send-1.2.0.tgz",
+      "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.5",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "mime-types": "^3.0.1",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/server-destroy": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/server-destroy/-/server-destroy-1.0.1.tgz",
+      "integrity": "sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==",
+      "license": "ISC"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
    "node_modules/sharp": {
      "version": "0.33.5",
      "resolved": "https://registry.npmmirror.com/sharp/-/sharp-0.33.5.tgz",
@ -4138,6 +4308,15 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/string-width": {
      "version": "7.2.0",
      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-7.2.0.tgz",
@ -4212,6 +4391,15 @@
        "url": "https://github.com/sponsors/SuperchupuDev"
      }
    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
    "node_modules/tr46": {
      "version": "0.0.3",
      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
--- a/package.json
+++ b/package.json
@ -9,6 +9,7 @@
    "astro": "astro"
  },
  "dependencies": {
+    "@astrojs/node": "^9.3.0",
    "astro": "^5.12.2"
  }
-}
+}
--- a/public/Images/V2/index/gz1.png
+++ b/public/Images/V2/index/gz1.png
--- a/public/Images/V2/index/gz3.png
+++ b/public/Images/V2/index/gz3.png
--- a/public/Images/V2/index/icon02.jpg
+++ b/public/Images/V2/index/icon02.jpg
--- a/public/Images/V2/index/logo2.png
+++ b/public/Images/V2/index/logo2.png
--- a/public/Images/V2/index/t12.png
+++ b/public/Images/V2/index/t12.png
--- a/public/Images/V2/index/tu1.png
+++ b/public/Images/V2/index/tu1.png
--- a/public/Images/V2/index/tu2.png
+++ b/public/Images/V2/index/tu2.png
--- a/public/Images/V2/index/tu3.png
+++ b/public/Images/V2/index/tu3.png
--- a/public/Images/V3/cpjhy/icon_lp.png
+++ b/public/Images/V3/cpjhy/icon_lp.png
--- a/public/Images/V3/cpjhy/icon_zn.png
+++ b/public/Images/V3/cpjhy/icon_zn.png
--- a/public/Images/V3/cpjhy/icon_zt.png
+++ b/public/Images/V3/cpjhy/icon_zt.png
--- a/public/Images/V3/cpjhy/icon_zx.png
+++ b/public/Images/V3/cpjhy/icon_zx.png
--- a/public/Images/V3/index/cx1.jpg
+++ b/public/Images/V3/index/cx1.jpg
--- a/public/Images/V3/index/cx5.jpg
+++ b/public/Images/V3/index/cx5.jpg
--- a/public/Images/V3/index/cx6.jpg
+++ b/public/Images/V3/index/cx6.jpg
--- a/public/Images/V3/index/phone.png
+++ b/public/Images/V3/index/phone.png
--- a/public/Images/old/v2/User/images/close.png
+++ b/public/Images/old/v2/User/images/close.png
--- a/public/Images/old/v2/User/images/icon-medal.png
+++ b/public/Images/old/v2/User/images/icon-medal.png
--- a/public/Images/old/v2/User/images/icon-tel.png
+++ b/public/Images/old/v2/User/images/icon-tel.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/gz1.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/gz1.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/gz3.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/gz3.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/logo2.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/logo2.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t12.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t12.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/tu1.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/tu1.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/tu2.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/tu2.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/tu3.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/tu3.png
--- a/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/weix.png
+++ b/public/Images/old/v3/MainSite/Content/themes/Default/images/XZ/weix.png
--- a/public/Images/v4/pc/1.png
+++ b/public/Images/v4/pc/1.png
--- a/public/Images/v4/pc/2.png
+++ b/public/Images/v4/pc/2.png
--- a/public/Images/v4/pc/20191202/wmm.jpg@121h_187w_1e
+++ b/public/Images/v4/pc/20191202/wmm.jpg@121h_187w_1e
--- a/public/Images/v4/pc/3.png
+++ b/public/Images/v4/pc/3.png
--- a/public/Images/v4/pc/btn2.png
+++ b/public/Images/v4/pc/btn2.png
--- a/public/Images/v4/pc/foot2/baoxian.png
+++ b/public/Images/v4/pc/foot2/baoxian.png
--- a/public/Images/v4/pc/head-tip2.png
+++ b/public/Images/v4/pc/head-tip2.png
--- a/public/Images/v5/pc/ad/btn.png
+++ b/public/Images/v5/pc/ad/btn.png
--- a/public/Images/v5/pc/ad/tlxz.png
+++ b/public/Images/v5/pc/ad/tlxz.png
--- a/public/Images/v5/pc/logo.png
+++ b/public/Images/v5/pc/logo.png
--- a/public/Images/v5/pc/m-1.png
+++ b/public/Images/v5/pc/m-1.png
--- a/public/Images/v5/pc/m-3.png
+++ b/public/Images/v5/pc/m-3.png
--- a/public/Images/v5/pc/news/tip.png
+++ b/public/Images/v5/pc/news/tip.png
--- a/public/Images/v5/pc/search.png
+++ b/public/Images/v5/pc/search.png
--- a/public/Images/v5/pc/t.png
+++ b/public/Images/v5/pc/t.png
--- a/public/Images/v5/pc/tip1.png
+++ b/public/Images/v5/pc/tip1.png
--- a/public/scripts/Vobao/NewIndex2.js
+++ b/public/scripts/Vobao/NewIndex2.js
@ -0,0 +1,202 @@
+$('.add-select').show();
+
+/* 开始测试 */
+$("#TouBaoBtn").on("click", function () {
+	if (!IsSlideStOK) { alert("请先拖动滑块完成验证！"); return false; }
+	var linkNo = $("#txtLinkNo").val().trim();
+	var re = /^1\d{10}$/;
+	if (linkNo && !re.test(linkNo)) { alert("号码格式不正确！"); $("#txtLinkNo").val("").focus(); return false; }
+	var niName = $("#txtNiName").val().trim();
+	if (niName) niName = encodeURIComponent(niName);
+    window.location.href = '//toubao.vobao.com/?FromTp=17&MonTp=10055&tel=' + linkNo + '&niname=' + niName;
+});
+
+/* 刷新“保险专家” */
+var IsToDoA2Event = true;
+function loadSellerListFn(areaId1, areaId2) {
+	var areaId = (areaId2 === null || areaId2 === "" || areaId2 === "0") ? areaId1 : areaId2;
+	$(".expert-content").load("/Vobao/SellerList?areaID=" + areaId);
+}
+
+/* 切换保险专家上的地区 */
+$('#areaid1').on("change", function () {
+	IsToDoA2Event = false;
+	var areaId1 = $(this).val();
+	loadSellerListFn(areaId1, '0');
+	changearea('//www.vobao.com/Vobao/QueryAllAreaByID?areaID=' + this.value, 'areaid2');
+	IsToDoA2Event = true;
+});
+$('#areaid2').on("change", function () {
+	if (IsToDoA2Event) {
+		var areaId2 = $(this).val();
+		var areaId1 = $("#areaid1").val();
+		loadSellerListFn(areaId1, areaId2);
+	}
+});
+
+/* 去找代理人页搜索代理人根据姓名 */
+$("#SearchMemberBtn").on("click", function () {
+	var keyword = $("#MemberKeyWord").val().trim();
+	if (!keyword) { return; }
+	var areaid1 = $("#areaid1").val();
+	areaid1 = areaid1 == "0" ? "-100" : areaid1;
+	var areaid2 = $("#areaid2").val();
+	if (areaid1 != "-100" && ",2,25,27,32,".indexOf(',' + areaid1 + ',') < 0 && areaid2 == "0") {
+		alert("只选省份或特区是无法进行此操作的！但只写关键字可以！");
+		return;
+	}
+	var memberUrl = "//member.vobao.com";
+	if (areaid1 != "-100" || areaid2 != "0" || keyword.length != 0) {
+		memberUrl += "/0_" + areaid1 + "-" + areaid2 + "-0_0_0/";
+		memberUrl += "?Search.KeyWord=" + keyword + "&Search.SearchTp=1";
+	}
+	window.open(memberUrl);
+});
+
+/* 预约我的面板 */
+function ShowNewAppointment(monTp, fromTp, fromUserId, regFrom, sex, linkRName) {
+	document.domain = "vobao.com";
+	if (!fromTp) {
+		fromTp = 0;
+	}
+	if (!fromUserId) {
+		fromUserId = 0;
+	}
+	if (!monTp) {
+		monTp = 0;
+	}
+	if (!linkRName) {
+		linkRName = '';
+	}
+	if (!sex) {
+		sex = 0;
+	}
+	var url = '//p.vobao.com/Common/NewAppointment';
+	url += '?FromTp=' + fromTp;
+	url += '&FromUserId=' + fromUserId;
+	url += '&monTp=' + monTp;
+	url += '&RegFrom=' + regFrom;
+	url += '&Sex=' + sex;
+	url += '&OP.DName=' + encodeURI(linkRName);
+	dialogCSForm = $.dialog({ title: '', content: 'url:' + url, lock: true, width: '636px', height: '648px' });
+}
+
+var swiper1 = new Swiper("#swiper1", {
+	autoplay: {
+		delay: 10000,
+		stopOnLastSlide: !1,
+		disableOnInteraction: false
+	}
+});
+var swiper2 = new Swiper("#swiper2", {
+	autoplay: {
+		delay: 5000,
+		stopOnLastSlide: !1,
+		disableOnInteraction: !0
+	}
+});
+$('.add-select').on('click', function () {
+	$('.city-bg').removeClass('none');
+});
+$(".city-close").on("click", function (b) {
+	$("#citySeachKey").val("");
+	$("#citypop-tip-no").hide();
+	$(".city-bg").addClass("none");
+});
+
+/**
+ * 看攻略
+ */
+var bxcpData = "";
+var nmDataTitles = ["公司新闻", "监管动态", "最新问答", "热门测评", "社保资讯", "业界要闻"];
+$('.nav-item').on('click', function () {
+	// if (!$(this).hasClass('active')) {
+	// 	var $a = $('.active-nav');
+	// 	var oldName = $a.find(".nav-item-name").html();
+    //     if (oldName === "公司新闻") { bxcpData = $('.news-box-box').html(); }
+	// 	$a.removeClass('active-nav');
+	// 	$(this).addClass('active-nav');
+
+	// 	var newName = $(this).find(".nav-item-name").html();
+	// 	var index = nmDataTitles.indexOf(newName);
+	// 	if (index === 0) {
+	// 		$('.news-box-box').html(bxcpData);
+	// 	} else {
+	// 		$.ajax({
+	// 			url: '/Vobao/GetOtherDataOnFP?rm=' + Math.random(),
+	// 			cache: false,
+	// 			dataType: 'html',
+	// 			data: { tp: index },
+	// 			type: 'POST',
+	// 			timeout: 30000,
+	// 			success: function (d) {
+	// 				$('.news-box-box').html(d);
+	// 			},
+	// 			error: function (e) {
+	// 			}
+	// 		});
+	// 	}
+	// }
+});
+
+// 公共头部js
+$('.spc-dh').hover(function () {
+	$('.hover-item-box').show();
+}, function () {
+	$('.hover-item-box').hide();
+});
+
+$('.hover-item-bxo').hover(function () {
+	$('.hover-item-box').show();
+}, function () {
+	$('.hover-item-box').hide();
+});
+
+// 合作媒体
+$('.links-tab-item').hover(function () {
+	var tab = $(this).data('tab');
+	$('.active-links').removeClass('active-links');
+	$(this).addClass('active-links');
+	$('.show').removeClass('show');
+	$('.' + tab).addClass('show');
+});
+
+// // 头部数据
+// $.post("/NewQbar/Partial_AskHeader/?rm=" + Math.random(), {}, function(d){
+// 	$("#VoBaoHead").html(d);
+// });
+
+// 医疗险栏目的滚动
+var swiperT1 = new Swiper("#swiper2", {
+    autoplay: {
+        delay: 1E4,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !0
+    },
+    pagination: {
+        el: "#swiper-p2",
+        clickable: !0
+    }
+})
+var swiperT2 = new Swiper("#swiper3", {
+    autoplay: {
+        delay: 1E4,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !0
+    },
+    pagination: {
+        el: "#swiper-p3",
+        clickable: !0
+    }
+})
+var swiperT3 = new Swiper("#swiper4", {
+    autoplay: {
+        delay: 1E4,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !0
+    },
+    pagination: {
+        el: "#swiper-p4",
+        clickable: !0
+    }
+})
--- a/public/scripts/Vobao/new.js
+++ b/public/scripts/Vobao/new.js
@ -0,0 +1,76 @@
+function changearea(url, divid, isDefaultArea) {    //原本还有个：selareaid参数
+    var postStr = "";
+    // $.ajax({
+    //     type: "POST",
+    //     contentType: "application/x-www-form-urlencoded",
+    //     url: url,
+    //     data: postStr,
+    //     error: function () {
+    //         alert("您所请求的页面有异常，请刷新重试。");
+    //     },
+    //     success: function (msg) {
+    //         if (msg === "") {
+    //             $("#" + divid).html("没有结果");
+    //         }
+    //         else {
+    //             $("#" + divid).html(msg);
+    //             if (divid === "areaid2") {
+    //                 $("#areaid3").html("<option value='0'>全部</option>");
+    //             }
+    //             //$("#" + divid).val(selareaid);
+    //         }
+    //         if (isDefaultArea) {
+    //             var defaultAreaID = $('#txtDefaultAreaID').val();
+    //             $('#Area1List1').val(defaultAreaID);
+    //             $('#Area2List2').val(defaultAreaID);
+    //         }
+    //     }
+    // });
+
+}
+
+$(document).ready(function () {
+
+    //首页热销产品切换 
+    $("[tab]").click(function () {
+        $("[tab]").removeClass("active");
+        $("[tab]").eq($(this).index()).addClass("active");
+        $(this).parents().parents().find(".div1,.div2").hide();
+        $(this).parents().parents().find("." + $(this).attr("tab")).show();
+    });
+    // 导航下拉
+    $(".ndown").hover(function () {
+        $(".navchild").show();
+        $(this).addClass("active");
+    }, function () {
+        $(".navchild").hide();
+        $(this).removeClass("active");
+    });
+    
+    //地址切换
+    $(".area").click(function () {
+        $(".setcity").show();
+    });
+    $(".sbut2 ").click(function () {
+        $(".setcity").hide();
+
+    });
+    $(".p_tab li").hover(function() {
+        $(".p_tab li").removeClass("active").eq($(this).index()).addClass("active");
+        $(".p_link").removeClass("show").eq($(this).index()).addClass("show");
+    }); 
+    $('.select-city').on('click', function (e) {
+        $('.city-bg').removeClass('none');
+    });
+    $('.city-close').on('click', function (e) {
+        $("#citySeachKey").val("");
+        $("#citypop-tip-no").hide();
+        $('.city-bg').addClass('none');
+    });
+});
+
+
+
+
+
+
--- a/public/scripts/jqcloud-1.0.4.min.js
+++ b/public/scripts/jqcloud-1.0.4.min.js
@ -0,0 +1,11 @@
+/*!
+ * jQCloud Plugin for jQuery
+ *
+ * Version 1.0.4
+ *
+ * Copyright 2011, Luca Ongaro
+ * Licensed under the MIT license.
+ *
+ * Date: 2013-05-09 18:54:22 +0200
+*/
+(function(e){"use strict";e.fn.jQCloud=function(t,n){var r=this,i=r.attr("id")||Math.floor(Math.random()*1e6).toString(36),s={width:r.width(),height:r.height(),center:{x:(n&&n.width?n.width:r.width())/2,y:(n&&n.height?n.height:r.height())/2},delayedMode:t.length>50,shape:!1,encodeURI:!0,removeOverflowing:!0};n=e.extend(s,n||{}),r.addClass("jqcloud").width(n.width).height(n.height),r.css("position")==="static"&&r.css("position","relative");var o=function(){var s=function(e,t){var n=function(e,t){return Math.abs(2*e.offsetLeft+e.offsetWidth-2*t.offsetLeft-t.offsetWidth)<e.offsetWidth+t.offsetWidth&&Math.abs(2*e.offsetTop+e.offsetHeight-2*t.offsetTop-t.offsetHeight)<e.offsetHeight+t.offsetHeight?!0:!1},r=0;for(r=0;r<t.length;r++)if(n(e,t[r]))return!0;return!1};for(var o=0;o<t.length;o++)t[o].weight=parseFloat(t[o].weight,10);t.sort(function(e,t){return e.weight<t.weight?1:e.weight>t.weight?-1:0});var u=n.shape==="rectangular"?18:2,a=[],f=n.width/n.height,l=function(o,l){var c=i+"_word_"+o,h="#"+c,p=6.28*Math.random(),d=0,v=0,m=0,g=5,y="",b="",w;l.html=e.extend(l.html,{id:c}),l.html&&l.html["class"]&&(y=l.html["class"],delete l.html["class"]),t[0].weight>t[t.length-1].weight&&(g=Math.round((l.weight-t[t.length-1].weight)/(t[0].weight-t[t.length-1].weight)*9)+1),w=e("<span>").attr(l.html).addClass("w"+g+" "+y),l.link?(typeof l.link=="string"&&(l.link={href:l.link}),n.encodeURI&&(l.link=e.extend(l.link,{href:encodeURI(l.link.href).replace(/'/g,"%27")})),b=e("<a>").attr(l.link).text(l.text)):b=l.text,w.append(b);if(!!l.handlers)for(var E in l.handlers)l.handlers.hasOwnProperty(E)&&typeof l.handlers[E]=="function"&&e(w).bind(E,l.handlers[E]);r.append(w);var S=w.width(),x=w.height(),T=n.center.x-S/2,N=n.center.y-x/2,C=w[0].style;C.position="absolute",C.left=T+"px",C.top=N+"px";while(s(w[0],a)){if(n.shape==="rectangular"){v++,v*u>(1+Math.floor(m/2))*u*(m%4%2===0?1:f)&&(v=0,m++);switch(m%4){case 1:T+=u*f+Math.random()*2;break;case 2:N-=u+Math.random()*2;break;case 3:T-=u*f+Math.random()*2;break;case 0:N+=u+Math.random()*2}}else d+=u,p+=(o%2===0?1:-1)*u,T=n.center.x-S/2+d*Math.cos(p)*f,N=n.center.y+d*Math.sin(p)-x/2;C.left=T+"px",C.top=N+"px"}if(n.removeOverflowing&&(T<0||N<0||T+S>n.width||N+x>n.height)){w.remove();return}a.push(w[0]),e.isFunction(l.afterWordRender)&&l.afterWordRender.call(w)},c=function(i){i=i||0;if(!r.is(":visible")){setTimeout(function(){c(i)},10);return}i<t.length?(l(i,t[i]),setTimeout(function(){c(i+1)},10)):e.isFunction(n.afterCloudRender)&&n.afterCloudRender.call(r)};n.delayedMode?c():(e.each(t,l),e.isFunction(n.afterCloudRender)&&n.afterCloudRender.call(r))};return setTimeout(function(){o()},10),r}})(jQuery);
--- a/public/scripts/jquery-1.8.3.min.js
+++ b/public/scripts/jquery-1.8.3.min.js
--- a/public/scripts/jquery-autocomplete/jquery.autocomplete.min.js
+++ b/public/scripts/jquery-autocomplete/jquery.autocomplete.min.js
--- a/public/scripts/lhgdialog/lhgdialog.min.js
+++ b/public/scripts/lhgdialog/lhgdialog.min.js
--- a/public/scripts/lhgdialog/skins/default.css
+++ b/public/scripts/lhgdialog/skins/default.css
@ -0,0 +1,123 @@
+@charset "utf-8";
+/*
+ * lhgdialog 默认皮肤
+ * (C) 2009-2011 【一丝冰凉】, http://t.qq.com/yisibl, QQ:50167214
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
+ */
+/*==================制作新皮肤从这里开始复制==================*/
+/*基本重置*/
+body{ _margin:0; }/*IE6 BUG*/
+.ui_lock_scroll{ *overflow:hidden; }
+.ui_lock_scroll body{ overflow:hidden; }
+
+/*结构层*/
+.ui_content,.ui_title,.ui_buttons input{ font:12px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }
+table.ui_border,table.ui_dialog{ width:auto;border-spacing:0;*border-collapse:collapse; }
+.ui_border td,.ui_dialog td{ padding:0; }
+.ui_dialog{ background:#FFF; }
+
+/*标题部分开始*/
+.ui_title{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:move;background:#DDD;-moz-user-select:none;-webkit-user-select:none;padding:0 100px 0 0; }
+.ui_title_buttons{ position:absolute;cursor:pointer;font-size:0;letter-spacing:-.5em; }
+
+/*对齐自适应*/
+.ui_main{ min-width:6em;min-width:0\9;text-align:center; }
+.ui_content{ display:inline-block;*display:inline;zoom:1;text-align:left; }
+.ui_content.ui_state_full{ display:block;width:100%;height:100%;margin:0;padding:0!important; }
+.ui_content.ui_state_full iframe{ border-radius:0 0 5px 5px; }
+.ui_loading{ width:96px;height:32px;text-align:left;text-indent:-9999em;overflow:hidden;background:url(icons/loading.gif) no-repeat center center; }
+.ui_icon_bg{ margin:20px 0 20px 15px; }
+
+/*标题纯CSS按钮开始 min 最小化，max最大化，res还原，rese恢复，close关闭*/
+.ui_min,.ui_max,.ui_close,.ui_res{ position:relative;text-decoration:none;letter-spacing:normal;text-align:center;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-family:tahoma,arial,\5b8b\4f53,sans-serif; }
+.ui_min b,.ui_max b,.ui_res_t,.ui_res_b{ display:block;position:absolute;overflow:hidden;cursor:pointer; }
+.ui_close{ font-weight:500;text-decoration:none;outline:0 none; }
+.ui_close:hover{ text-decoration:none; }
+
+/*Tips部分*/
+.ui_state_tips .ui_main{ min-width:3em; }
+/*.ui_state_tips .ui_content{ margin-top:-2px;padding:8px 10px!important; }*/
+.ui_state_tips .ui_icon_bg{ margin:5px 0 6px 9px; }
+.ui_state_tips .ui_title,.ui_state_tips .ui_title_buttons,.ui_res{ display:none; } /* 还原按钮也在这里隐藏，这样可节省代码，注间这段一定要写在上面那段代码的下面*/
+
+#ldg_lockmask{ background:#DCE2F1;filter:alpha(opacity=60);opacity:.6; }
+/*==================制作新皮肤到这里结束复制==================*/
+
+/*样式层开始*/
+.ui_inner{ border:1px solid #999; }
+.ui_border{ border-radius:4px; }
+
+.ui_lt,.ui_rt,.ui_lb,.ui_rb{ width:6px;height:6px;display:block; }
+.ui_lt{ border-radius:4px 0 0 0; }.ui_rt{ border-radius:0 4px 0 0; }.ui_rb{ border-radius:0 0 4px 0; }.ui_lb{ border-radius:0 0 0 4px; }
+.ui_lt,.ui_rt,.ui_l,.ui_r,.ui_lb,.ui_b,.ui_t,.ui_rb{ background:rgba(102,102,102,.3);background:#666\9;filter:alpha(opacity=30); }
+
+/*标题栏样式*/
+.ui_title_bar{ position:relative;height:100%;border-bottom:1px solid #317ebd; }
+.ui_title{ height:26px;line-height:26px;font-size:14px;font-weight:bold;color:#DDD;padding-left:7px;border-bottom:1px solid #6da6e1;
+background:linear-gradient(top,#46a0e1,#3280bf);
+background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#46a0e1),to(#3280bf)); 
+background:-moz-linear-gradient(top,#46a0e1,#3280bf); 
+background:-o-linear-gradient(top,#46a0e1,#3280bf);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46a0e1',endColorstr='#3280bf');*background:#DDD; }
+ 
+.ui_state_focus .ui_title{ color:#FFF;text-shadow:0 1px 0 #333; }
+.ui_state_drag .ui_title { border-bottom:1px solid #82bee6;text-shadow: 0 -1px 0 #333;
+background:linear-gradient(top,#3280bf,#46a0e1); 
+background:-moz-linear-gradient(top,#3280bf,#46a0e1); 
+background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#3280bf),to(#46a0e1));
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3280bf',endColorstr='#46a0e1'); }
+
+/*标题纯CSS按钮定位部分*/
+.ui_title_buttons{ top:3px;right:5px; }
+.ui_min,.ui_max,.ui_close,.ui_res{ color:#FFF;font-size:22px;width:22px;height:22px;line-height:18px; }
+.ui_min_b{ top:10px;left:5px;width:12px;height:2px;border-bottom:2px solid #FFF; }
+.ui_max_b{ top:5px;left:5px;width:10px;height:7px; }
+.ui_res_t,.ui_res_b{ top:8px;left:3px;width:10px;height:5px; }
+.ui_res_b{ top:4px;left:6px; }
+.ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #FFF;border-top-width:3px; }
+.ui_res_t{ background:#3d8cce; }
+.ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#555; }
+.ui_close{ vertical-align:baseline;_line-height:22px; }
+.ui_close:hover,.ui_close:focus{ color:#c93333; }
+
+/*底部按钮样式*/
+.ui_buttons{ white-space:nowrap;padding:4px 8px;text-align:right;background-color:#F6F6F6;border-top:solid 1px #DADEE5; }
+.ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }
+
+.ui_buttons input{ padding:3px 10px 3px 12px;padding:5px 10px 2px 12px\0;*padding:4px 10px 2px 10px;margin-left:6px;cursor:pointer;display:inline-block; 
+text-align:center;line-height:1;height:23px;letter-spacing:3px;overflow:visible;color:#333;border:solid 1px #999;border-radius:3px;border-radius:0\9;background:#DDD;
+background:linear-gradient(top,#FAFAFA,#E4E4E4);
+background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
+background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
+background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4');
+text-shadow:0 1px 1px rgba(255,255,255,1);box-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.09);
+-moz-transition:-moz-box-shadow linear .2s;-webkit-transition:-webkit-box-shadow linear .2s;transition:box-shadow linear .2s; }
+.ui_buttons input:focus{ outline:0 none;box-shadow:0 0 3px #0e78c9; }
+.ui_buttons input:hover{ color:#000;border-color:#666;box-shadow:none; }
+.ui_buttons input:active{ border-color:#666;
+background:linear-gradient(top,#FAFAFA,#E4E4E4);
+background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
+background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
+background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4'); }
+.ui_buttons input[disabled]{ cursor:default;color:#666;background:#DDD;border:solid 1px #999;filter:alpha(opacity=50);opacity:.5;box-shadow:none; }
+
+input.ui_state_highlight{ color:#FFF;border:solid 1px #1c6a9e;text-shadow:0 -1px 1px #1c6a9e;background:#2288cc;
+background:linear-gradient(top,#33bbee,#2288cc);
+background:-moz-linear-gradient(top,#33bbee,#2288cc);
+background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
+background:-o-linear-gradient(top,#33bbee,#2288cc);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
+input.ui_state_highlight:hover{ color:#FFF;border-color:#555; }
+input.ui_state_highlight:active{ border-color:#1c6a9e;
+background:linear-gradient(top,#33bbee,#2288cc);
+background:-moz-linear-gradient(top,#33bbee,#2288cc);
+background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
+background:-o-linear-gradient(top,#33bbee,#2288cc);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
+
+/*Tips 部分开始*/
+.ui_state_tips,.ui_state_tips .ui_inner,.ui_state_tips .ui_title_bar{ border:0 none;box-shadow:none; }
+.ui_state_tips .ui_lt,.ui_state_tips .ui_rt,.ui_state_tips .ui_lb,.ui_state_tips .ui_rb{ width:5px;height:5px; }
--- a/public/scripts/lhgdialog/skins/icons/loading.gif
+++ b/public/scripts/lhgdialog/skins/icons/loading.gif
--- a/public/scripts/owl/css/owl.carousel.css
+++ b/public/scripts/owl/css/owl.carousel.css
@ -0,0 +1,71 @@
+/* 
+ * 	Core Owl Carousel CSS File
+ *	v1.3.3
+ */
+
+/* clearfix */
+.owl-carousel .owl-wrapper:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+}
+/* display none until init */
+.owl-carousel{
+	display: none;
+	position: relative;
+	width: 100%;
+	-ms-touch-action: pan-y;
+}
+.owl-carousel .owl-wrapper{
+	display: none;
+	position: relative;
+	-webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-wrapper-outer{
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.owl-carousel .owl-wrapper-outer.autoHeight{
+	-webkit-transition: height 500ms ease-in-out;
+	-moz-transition: height 500ms ease-in-out;
+	-ms-transition: height 500ms ease-in-out;
+	-o-transition: height 500ms ease-in-out;
+	transition: height 500ms ease-in-out;
+}
+	
+.owl-carousel .owl-item{
+	float: left;
+}
+.owl-controls .owl-page,
+.owl-controls .owl-buttons div{
+	cursor: pointer;
+}
+.owl-controls {
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* mouse grab icon */
+.grabbing { 
+    cursor:url(grabbing.png) 8 8, move;
+}
+
+/* fix */
+.owl-carousel  .owl-wrapper,
+.owl-carousel  .owl-item{
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility:    hidden;
+	-ms-backface-visibility:     hidden;
+  -webkit-transform: translate3d(0,0,0);
+  -moz-transform: translate3d(0,0,0);
+  -ms-transform: translate3d(0,0,0);
+}
+
--- a/public/scripts/owl/css/owl.theme.css
+++ b/public/scripts/owl/css/owl.theme.css
@ -0,0 +1,99 @@
+/*
+* 	Owl Carousel Owl Demo Theme 
+*	v1.3.3
+*/
+
+.owl-theme .owl-controls{
+	margin-top: 10px;
+	text-align: center;
+}
+
+/* Styling Next and Prev buttons */
+
+.owl-theme .owl-controls .owl-buttons div{
+	color: #FFF;
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+	margin: 5px;
+	padding: 3px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	background: #869791;
+	filter: Alpha(Opacity=50);/*IE7 fix*/
+	opacity: 0.5;
+}
+/* Clickable class fix problem with hover on touch devices */
+/* Use it for non-touch hover action */
+.owl-theme .owl-controls.clickable .owl-buttons div:hover{
+	filter: Alpha(Opacity=100);/*IE7 fix*/
+	opacity: 1;
+	text-decoration: none;
+}
+
+/* Styling Pagination*/
+
+.owl-theme .owl-controls .owl-page{
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+}
+.owl-theme .owl-controls .owl-page span{
+	display: block;
+	width: 10px;
+	height: 10px;
+	margin:0 3px;
+	-webkit-border-radius: 20px;
+	-moz-border-radius: 20px;
+	border-radius: 20px;
+	background: #d0d0d0;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span{
+	background: #00a1e0;
+}
+
+/* If PaginationNumbers is true */
+
+.owl-theme .owl-controls .owl-page span.owl-numbers{
+	height: auto;
+	width: auto;
+	color: #FFF;
+	padding: 2px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+}
+
+/* preloading images */
+.owl-item.loading{
+	min-height: 150px;
+	background: url(AjaxLoader.gif) no-repeat center center
+}
+
+.owl-pagination{
+	text-align: center;
+    background: #f3f5f7;
+    display: inline-block;
+    padding: 4px 7px;
+    border-radius: 8px;
+    font-size: 0;
+}
+.p_special .owl-pagination {
+    background: #fbfbfb;
+}
+.p_special .owl-theme .owl-controls .owl-page span{
+	display: block;
+	width: 44px;
+	height: 5px;
+	margin: 0 3px;
+	background: #e9e9e9;
+}
+.p_special .owl-theme .owl-controls .owl-page.active span,
+.p_special .owl-theme .owl-controls.clickable .owl-page:hover span{
+	background: #00a1e0;
+}
--- a/public/scripts/swiper-4.3.3.min.js
+++ b/public/scripts/swiper-4.3.3.min.js
--- a/src/assets/content/Vobao/main_style.css
+++ b/src/assets/content/Vobao/main_style.css
@ -0,0 +1,625 @@
+@charset "UTF-8";
+/**
+ * 
+ * @authors Your Name (you@example.org)
+ * @date    2016-04-19 11:21:31
+ * @version $Id$
+ */
+@font-face {
+  font-family: 'iconfont';  /* project id 86855 */
+  src: url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.eot');
+  src: url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.eot?#iefix') format('embedded-opentype'),
+  url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.woff') format('woff'),
+  url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.ttf') format('truetype'),
+  url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.svg#iconfont') format('svg');
+}
+
+ .iconfont{font-family:'iconfont', 微软雅黑, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'WenQuanYi Micro Hei', sans-serif;; font-style: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
+ .box{ width: 1200px; margin:auto;}
+.wrapper{ min-width:1200px; }
+
+/*首页头部*/
+.p_navigation>.box>ul>li>a.btn2 {
+    background: url(/Images/V3/index/new.gif) 20px center no-repeat;
+    padding: 0 19px 0 48px;
+}
+.p_navigation>.box>ul>li>a.btn2:hover {
+     background: url(/Images/V3/index/new.gif) 20px center #008fe9 no-repeat;
+}
+
+ .p_top{height: 35px;line-height: 35px;border-bottom: 1px solid #dadada;background: #ffffff;}
+ .p_top p{ width: 600px; color: #2c2c2c; font-size: 14px; }
+ .p_top li{float: left;margin:0 8px;font-size: 14px;}  
+ .p_top li a {color: #13a3ff;}       
+ .p_top li a:hover{ text-decoration: underline;}
+ .p_head {background: #ffffff;}
+ .p_head .logo{ margin:20px 0;}
+ .p_head .search{border: 1px solid #13a3ff;width: 468px;background: #fff;position: absolute;left: 50%;margin-left: -234px;margin-top: 28px;}
+ .p_head input{border: 0;padding: 11px;width: 402px;} 
+ .p_head input:focus{outline:none;}
+ .p_head .btn{background: #13a3ff;color: #fff;width: 44px;height: 43px;line-height:1.5;text-align: center;font-size: 27px;cursor: pointer;}
+ .p_head .btn:hover { background: #008fe9; }
+ 
+ .p_head .tel:before{font-size: 46px;font-style: normal;content:"\e607";float: left;margin: -3px 0 0;padding: 0;}
+ .p_head .tel{color: #7dcded;font-size: 16px;width: 210px;margin: 25px 0 0 0;}
+ .p_head .tel p{text-indent: 7px;color: #13a3ff;}
+ .p_head .tel p.nub{ font-size: 22px; }
+  
+/*首页导航*/
+ .p_navigation{ background: #13a3ff; height: 47px; line-height: 47px; color: #fff; font-size: 18px; text-align: center; }
+ .p_navigation>.box>ul{ width: 1200px; }
+ .p_navigation>.box>ul>li{ position: relative; }
+ .p_navigation>.box>ul>li>a{ color: #fff; float: left; padding: 0 30px; }
+ .p_navigation>.box>ul>li>a:hover , .p_navigation>.box>ul>li>a.active, .p_navigation>.box>ul>li.active{ background: #008fe9; }
+ .p_navigation>.box>a.btn:before{ font-size: 25px; content: "\e606"; float: left; margin: 0px 5px;}
+ .p_navigation a.btn {background: #ffd736;padding: 0 20px;color: #13a3ff;}
+  .p_navigation a.btn:hover{color: #13a3ff;background: #ffe168;}
+.p_navigation>.box>ul>li>a.btn1{ background: url(/Images/V3/index/1.gif) 20px center no-repeat; padding-left: 51px;  }
+ .p_navigation>.box>ul>li>a.btn1:hover {background: url(/Images/V3/index/1.gif) 20px center #008fe9 no-repeat;}
+ 
+/*首页焦点图*/
+.p_banner{ background:#fff; position:relative; z-index:10;}
+.p_banner .banner{width:100%; position:absolute;top:0;left:0; background-position:center top;height:300px;}
+.p_banner .banner img{ width: 100%; height:300px;}
+
+/*测试需求*/
+.demand{z-index:2; width:335px;height: 230px;text-align: center;padding: 30px 40px 40px;border-radius: 2px;position: absolute;top: 0;right: 50%;margin-right: -600px;background: rgba( 255, 255, 255, .8);filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #80ffffff, endColorstr = #80ffffff)\8;}
+:root .demand{
+    filter: none;		/*for IE9*/
+}
+.demand h2{ color: #13a3ff; font-size: 30px; line-height: 40px;}
+.demand h3{color: #666666;font-size: 18px;line-height: 37px;}
+.demand .name{color: #2c2c2c;font-size: 18px;width:100px;text-align: left;line-height: 55px;}
+.demand .fr{float: left;width: 210px;text-align: left;line-height: 55px;}
+.demand .fr span{ margin-right: 7px;}
+.demand .btn{cursor:pointer; color: #fff;background: #13a3ff;border-radius:6px;display: block;line-height: 45px;height: 45px;border: 0;width: 100%;margin: 15px 0 0;}
+.demand .btn:hover{ background: #008fe9; }
+.demand select{border: solid 1px #cccccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 90px;float: left;padding: 6px 0;color: #666666;text-indent: 8px;margin: 13px 11px 0 0;background: url(/Images/V2/index/arrow.png) no-repeat scroll 70px center #fff;line-height: 1.4;}
+.demand select::-ms-expand { display: none; }
+
+
+/* RADIO */
+.regular-radio{display: none;display/*\**/:inline-block \9}
+.regular-radio + label{top: 4px;-webkit-appearance: none;border: 1px solid #13a3ff;padding: 8px;border-radius: 50px;display: inline-block;position: relative; display/*\**/:none \9}
+.regular-radio:checked + label:after{content: ' ';width: 10px;height: 10px;border-radius: 50px;position: absolute;top: 3px;background: #13a3ff;left: 3px;font-size: 32px;}
+.regular-radio:checked + label{border: 1px solid #13a3ff;}
+
+/*首页标题1*/
+.policyholder{height: 50px;line-height: 50px;color: #13a3ff;font-size: 25px;text-indent:20px;position: relative;}
+.policyholder ul , .policyholder .more a , .p_tab .more a{ color: #666666; font-size: 16px; position: absolute; right:20px;top: 17px;line-height: 20px;}
+.policyholder .more a:hover{ color: #13a3ff;}
+.policyholder .more1 a{ right: 110px; top: 16px;}
+.policyholder li{ float: left; border-right: 1px solid #666666; padding: 0 12px; text-indent: 0;}
+.policyholder li.title{ color: #666666; border: 0; padding: 0;}
+.policyholder li > a{ color: #666666;}
+.policyholder li > a:hover{ color: #13a3ff; }
+.policyholder li:last-child{ border: 0; }
+.policyholder li.last-child{
+    border: 0;
+}
+.borderbottom1{border-bottom: 1px solid #dadada;}
+.ask_btn{border: 1px solid #f2f2f2;color:#666666;padding: 4px 10px;background: #ffffff;font-size: 16px;border-radius: 4px;position: absolute;right: 15px;top: 12px; cursor: pointer;}
+.ask_btn:hover{border:1px #00a1e0 solid; color:#00a1e0;padding: 4px 10px;background: #ffffff;font-size: 16px;border-radius: 4px;position: absolute;right: 15px;top: 12px;}
+.policyholder span{color: #aaaaaa; font-size: 18px;}
+.policyholder span.area{ color: #2c2c2c; font-size: 16px; cursor: pointer;}
+.policyholder1 ul{ right:70px;}
+/* p_hotproduct */
+.p_contact{background: #f3f5f7; padding: 20px 0;}
+.p_hotproduct {background: #fff;width: 1200px;margin: auto;margin-top:20px;}
+.p_hotproduct .main_left{width: 300px;+width: 280px;padding:5px 20px 0;border-right: 1px solid #dadada; box-sizing:border-box}
+.p_hotproduct .main_left dl.last{border-bottom: 0;}
+.p_hotproduct .main_left dl{padding: 8px 0 8px 0;border-bottom: 1px dashed #dadada;}
+.p_hotproduct .main_left dt{color: #13a3ff;font-size: 18px;line-height: 35px;}
+.p_hotproduct .main_left dt.person:before{font-size: 24px;margin-right: 5px; content: "\e600";}
+.p_hotproduct .main_left dt.property:before{font-size: 25px;margin-right: 4px; content: "\e603";}
+.p_hotproduct .main_left dt.company:before{font-size: 21px;margin-right: 6px; content: "\e602";}
+.p_hotproduct .main_left dd a{color: #2c2c2c;font-size: 16px;float: left;width: 110px;/*text-indent: 15px;*/line-height: 30px;height: 30px; overflow: hidden;margin-left: 15px;}
+.p_hotproduct .main_left dd a:hover{ color: #00a1e0; }
+
+.p_hotproduct>.main_right{ width: 899px;+width: 878px; }
+.p_hotproduct .tab{margin: 35px auto 10px;background: url(/Images/V2/index/index-product-titlebg.jpg) no-repeat center;text-align: center;font-size: 0;}
+.p_hotproduct .tab li{color: #13a3ff;font-size: 16px;text-align: center;height: 31px;line-height: 31px;display: inline-block;width: 90px;border: 1px solid #13a3ff;background: #fff; cursor: pointer;}
+.p_hotproduct .tab li.active{ background: #13a3ff; color: #fff;}
+.p_hotproduct .tab li:first-child{ border-radius: 20px 0 0 20px; }
+.p_hotproduct .tab li:last-child{ border-radius: 0 20px 20px 0; }
+
+.p_hotproduct .con li{float: left;width: 390px;margin: 30px 0 5px 40px;}
+.p_hotproduct .con .img{width: 75px;height: 75px;padding: 5px;margin: 7px 0 0;overflow: hidden;border: 1px solid #e6e6e6; overflow: hidden;}
+.p_hotproduct .con .img,.main_ggt011,.main_ggt012,.photo,.p_expert .main_right .img{overflow: hidden; }
+.p_hotproduct .con .img,.main_ggt011 img,.main_ggt012 img,.photo img,.p_expert .main_right .img img,.p_guide .img img{-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
+.p_hotproduct .con .img:hover img,.main_ggt011:hover img,.main_ggt012:hover img,.photo:hover img,.p_expert .main_right .img:hover img,.p_guide  .img:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
+.p_hotproduct .con .fr{width: 290px;}
+.p_hotproduct .con h2 a{color: #2c2c2c;font-size:16px;/* line-height: 20px; */height: 20px;overflow:hidden;display: block;white-space: nowrap;
+ text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -moz-binding: url('ellipsis.xml#ellipsis');}
+.p_hotproduct .con h2 a:hover{ color:#00a1e0 }
+.p_hotproduct .con .infor{color: #666666;font-size: 14px;margin: 6px 0 6px;height: 40px;overflow: hidden;}
+.p_hotproduct .con .btn a{color: #00a1e0;font-size: 14px;padding: 2px 5px;border: 1px #00a1e0 solid;float: left;margin-right: 4px;border-radius:4px;}
+.p_hotproduct .con .btn a:hover{ background: #13a3ff; color: #fff; }
+.p_hotproduct a.more{color: #666666;font-size: 16px;line-height: 33px;height: 33px;border: 1px solid #dadada;width: 110px;text-align: center;display: block;border-radius: 6px;margin: 10px auto 15px;}
+.p_hotproduct a.more:hover{ background:#13a3ff; color: #fff;}
+
+/* 保险专题  保险咨询 */
+.p_special{ background: #fff; width: 1200px; margin:20px auto 0; } /* 原有padding: 5px 0 0; */
+.p_special .main_left{ float: left; width: 384px; height: 480px; border-right: 1px solid #dadada;}
+.p_special .main_left .newwrap{margin: 5px 30px 20px;width: 325px;}
+.p_special .main_left .newlist{width: 325px; overflow: hidden;background: #fff;}
+.p_special .newlist h2 a{font-size: 18px;color: #2c2c2c;text-align: center;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
+.p_special .newlist h2 a:hover{ color: #13a3ff; }
+.p_special .newlist p{color: #666666;font-size: 14px;line-height: 22px;}
+.p_special .newlist .txt{ width: 325px; height: 106px;}
+
+/* 保险咨询 */
+.p_special .main_right{ float: left; width: 519px; height: 480px; border-right: 1px solid #dadada;}
+.p_special .main_right ul{ margin: 5px 20px 0px 25px; padding-bottom: 15px;}
+.p_special .main_right li{ line-height:28px;}
+.p_special .main_right li .left a{ float: left; width: 395px; text-indent: 25px; font-size: 16px; color: #2c2c2c; background: url(/Images/V2/index/icon02.jpg) no-repeat 0;overflow:hidden; display: block;white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -moz-binding: url('ellipsis.xml#ellipsis');}
+.p_special .main_right li .left a:hover{ color: #13a3ff;  background: url(/Images/V2/index/icon01.jpg) no-repeat 0;}
+.p_special .main_right li .date{float: right;max-width: 70px;height: 32px;background: url(/Images/V2/index/zan-icon.jpg) no-repeat left center;color: #aaaaaa;overflow: hidden;text-indent: 20px;/* margin-right: 10px; *//* text-align: right; */}
+.border-bottom2{ border-bottom:1px dashed #e0e0e0;}
+
+/* 城市明星 */
+.p_star{ background: #fff; width: 1140px; margin:20px auto 0; padding: 0 30px 15px;}
+.p_star h2{ color: #13a3ff; font-size:30px; text-align: center; line-height: 80px; background: url(/Images/V2/index/title_bg.jpg) no-repeat center; }
+.photo {float: left;width: 125px;height: 145px;overflow: hidden;}
+.p_star ul li{ width: 250px; height: 145px; }
+.p_star .photo img{ float: left; width: 125px; height: 145px; overflow: hidden; }
+.p_star .right{width: 130px;height:135px;float: right;text-align:left;padding: 0 0 10px 10px;margin-right: 18px;background: #f3f5f7;}
+.p_star .name{ float: left; font-size: 18px;color: #2c2c2c;line-height: 40px; margin-top: 10px;}
+.p_star .name a{ color: #2c2c2c;}
+.p_star p a:hover,.p_star .name a:hover{ color: #13a3ff; }
+.p_star p{color: #666666;font-size: 16px;line-height: 30px;}
+.p_star p a{ color: #666;}
+
+.p_star .tel{color: #2c2c2c;font-size: 16px;line-height: 35px;}
+.p_star .jian{float: left;background: url(/Images/V2/index/jian-icon.jpg) no-repeat;margin: 21px 0 0 4px;width: 21px;height: 20px;}
+
+*{margin:0;padding:0;list-style-type:none;}
+.scroll-outer{height:421px;}
+#scroll{width:1130px;margin:0 auto;}
+#scroll .owl-wrapper-outer{margin:0 auto;}
+#scroll .item{position:relative;width:250px;height:339px;margin:0 auto;background-color:#fff;overflow:hidden;}
+
+.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0; background-color:transparent;overflow:hidden; _display:none;}
+
+/* 保险专家 */
+.p_expert{ width:1200px; margin:20px auto 0; background: #fff;}
+.p_expert h2{color: #2c2c2c;font-size: 18px;line-height: 30px;}
+.p_expert .main_left{width: 320px; +width: 300px; padding: 10px 0 0 20px;float: left;border-right: 1px solid #dadada;box-sizing: border-box;}
+.p_expert .main_left select{border: solid 1px #cccccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 270px; padding: 6px 0;color: #666666;text-indent: 8px;margin: 13px 0 0;background: url(/Images/V2/index/arrow.png) no-repeat scroll 250px center #fff;}
+.p_expert .main_left select::-ms-expand { display: none; }
+.p_expert .main_left input{border: solid 1px #cccccc; width:268px;padding: 6px 0;margin: 13px 0 0; text-indent: 10px;}
+.p_expert .main_left .bule_btn{ color: #ffffff; font-size: 18px; text-align: center; line-height: 30px; background: #13a3ff; border:0; border-radius: 5px; margin: 13px 0 0;cursor: pointer;}
+.p_expert .main_left .bule_btn:hover{ background:#008fe9; color: #fff;}
+.p_expert .main_left .count{border-top: 1px solid #dadada; margin: 15px 0 0; padding: 15px 0 0;}
+.p_expert .main_left .count img{ float: left; width:140px; }
+.p_expert .main_left .count .fl{ margin-top: 8px;}
+.p_expert .main_left .count p{ color: #2c2c2c; font-size: 16px; line-height: 22px; }
+.p_expert .main_left .count p.nub{ color: #13a3ff; font-size: 25px; line-height: 45px;}
+.p_expert .main_right{ width: 879px; float: right; }
+.p_expert .main_right li{ float: left; width: 255px; margin: 25px 0 0 25px;height: 110px;  overflow: hidden;}
+.p_expert .main_right .img{ float: left; width: 95px; height: 110px;overflow: hidden; }
+.p_expert .main_right .con{ float: right; width: 140px; }
+.p_expert .main_right .name{font-size: 16px;color: #2c2c2c;line-height: 30px;}
+.p_expert .main_right .name a,.con p a{ color: #666;}
+.p_expert .main_right .name a:hover{ color: #13a3ff;}
+.p_expert .main_right p{font-size:14px;color:#666;line-height:22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
+.small_btn{ font-size: 14px; text-align: center; line-height:18px;  border-radius: 2px; border: 1px solid #13a3ff; float: left;  cursor: pointer;width: 65px;height: 24px;line-height: 24px;box-sizing: border-box;}
+.p_expert .main_right .btn{color: #13a3ff;background: #fff;margin-top: 9px;}
+.p_expert .main_right .btn:hover{ background: #13a3ff; color: #fff;}
+.p_expert .main_right .bule_btn{float: left;background: #13a3ff;color: #fff;margin: 9px 0 0 7px;}
+.p_expert .main_right .bule_btn:hover{ background: #fff; color: #13a3ff;}
+.p_expert .main_right .name img{ margin-left:5px; }
+
+/* 热门方案 */
+.p_hotplan{width: 1200px;margin:20px auto 0;background: #fff;}
+.p_hotplan>ul{ font-size: 0; }
+.p_hotplan>ul>li{width: 360px;text-align: center;padding: 0 19px;display: inline-block; +display:inline;+zoom: 1;}
+.p_hotplan>ul>li+li{border-left: 1px solid #dadada;}
+.p_hotplan .head{border-bottom: 1px dashed #dadada;margin: 15px 5px 10px; position: relative;}
+.p_hotplan .head h3{font-size: 25px;color: #2c2c2c;line-height: 40px;}
+.p_hotplan .head h3 a{ width:350px;overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -moz-binding: url('ellipsis.xml#ellipsis'); }
+.p_hotplan .head dl{font-size: 0;text-align: center;line-height: 25px;padding-bottom: 2px;}
+.p_hotplan .head dd{font-size: 21px;color: #e1e1e1;display: inline-block;margin-left: 10px;}
+.p_hotplan .head dt{font-size: 16px;color: #aaaaaa;display: inline-block;margin-right: 10px;}
+.p_hotplan p{ color: #2c2c2c; font-size: 18px; line-height: 30px;overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -moz-binding: url('ellipsis.xml#ellipsis');}
+.p_hotplan .con{ background: #fafafa; line-height: 40px; font-size: 16px; color: #13a3ff; margin: 10px 0 13px; height: 40px; overflow: hidden;padding: 0 5px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -moz-binding: url('ellipsis.xml#ellipsis');}
+.p_hotplan>ul>li>.premium>li{ font-size: 16px; display: inline-block; color: #666666; padding: 0 20px;}
+.p_hotplan>ul>li>.premium>li+li{border-left: 1px dashed #dadada;}
+.p_hotplan>ul>li>.premium>li>.nub{ color: #13a3ff;font-size: 25px;width: 139px; }
+.p_hotplan .bule_btn{color: #ffffff;font-size: 18px;text-align: center;line-height: 40px;background: #13a3ff;border:0;border-radius: 5px;margin: 13px auto;width: 320px;}
+.p_hotplan .bule_btn:hover{ background:#008fe9; color: #fff;}
+
+
+/*投保指南*/
+.p_guide{width:1200px; margin:20px auto 0; background: #fff;}
+.p_guide>ul{ font-size: 0; }
+.p_guide>ul>li{width: 400px;+width:340px;padding:10px 29px 0;display: inline-block; vertical-align: top;/* border-right:1px solid #f2f2f2;*/box-sizing: border-box;+display: inline; +zoom: 1;}
+.p_guide>ul>li+li{border-left:1px solid #dadada;}
+/*.p_guide>ul>li:last-child{ border: 0; }*/
+.p_guide>ul>li .title{font-size: 18px;color: #2c2c2c;line-height: 45px;text-align: center;position: relative;}
+.p_guide>ul>li .title span{ padding: 0 15px; background: #fff; position: relative; z-index: 2;}
+.p_guide>ul>li hr{width: 260px;height: 0;border: 0; margin: 0 50px;border-top:1px solid #dadada; position: absolute;top:50%;z-index: 1;}
+.p_guide>ul>li>.img{width: 341px;height: 180px;overflow: hidden;}
+.p_guide>ul>li>.img img{width: 341px;height: 180px;overflow: hidden;}
+.p_guide>ul>li>ul>li>a{line-height:30px;height: 30px;text-indent: 25px;font-size: 16px;width: 341px;overflow: hidden;color: #2c2c2c;display: block;background: url(/Images/V2/index/icon02.jpg) no-repeat 0;}
+.p_guide>ul>li>ul>li>a:hover{ color: #13a3ff; background: url(/Images/V2/index/icon02_hover.jpg) no-repeat 0;}
+.p_guide a.more{color: #666666;font-size: 16px;line-height: 33px;height: 33px;border: 1px solid #dadada;width: 110px;text-align: center;display: block;border-radius: 6px;margin: 10px auto 15px;}
+.p_guide a.more:hover{ background:#13a3ff; color: #fff;}
+
+
+/*合作伙伴*/
+.p_partner{background:#fff; width: 1200px; margin: 20px auto 0;}
+
+
+/*子导航*/
+.navchild{/* display: none; */position: absolute;top: 47px;left:0;background: #008fe9;text-align: left;z-index: 20;width: 400px;padding: 0 20px;}
+/*.navchild h2{float: left;width: 391px;height: 60px;background: url(/Images/V2/index/x_line2.png) left 51px no-repeat;font-size: 18px;line-height: 60px;}*/
+/*.navchild h2:before{ position: relative; top: 3px; left: 2px; margin-right: 15px; content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t1.png);}*/
+/*.navchild h2 a{color:#fff;}
+.navchild h2 a:hover{ color: #8BDDFD; }*/
+.navlist{width: 198px;height: 152px;float: left; background: url(/Images/V2/index/x_line2.png) 0 150px no-repeat;}
+.navt1,.navt2,.navt3,.navt4{width: 193px;height: 27px;color: #f1f1f1;font-size: 17px;line-height: 27px;}
+.navt1:before,.navt2:before,.navt3:before,.navt4:before{position: relative;top: 5px;left: 2px;margin-right: 14px;}
+.navt1:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t2.png);}
+.navt2:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t3.png);}
+.navt3:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t4.png);}
+.navt4:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t5.png);}
+.navt3,.navt4{margin-top: 5px;}
+.navlist ul{float: left;padding-left: 30px;}
+.navlist li{float: left;width: 80px;height: 30px;padding: 0;line-height: 30px;background: none;color: #f1f1f1;font-size: 13px;}
+.navlist li a{width: 80px;height: 30px;padding: 0;line-height: 30px;color: #f1f1f1;}
+.navlist li a:hover{height: 30px;padding: 0;line-height: 30px;color: #fff;background: none;}
+.ndown{ color: #fff; float: left; padding: 0 31px;}
+
+.rnav{float: right;height: 49px;line-height: 49px;font-size: 13px;}
+.tlogo{position: relative; cursor: pointer;}
+.licon{position: absolute;top: 0;right: 0;overflow: hidden;width: 88px;height: 49px;text-align:center}
+.tlogochild{display: none;position: absolute;top: 10px;width: 88px;border:1px solid #dfdfdf;border-bottom:none;background: #fff;z-index: 999;}
+.tlogochild li{width: 88px;height: 33px;_height: 28px;_padding-top: 5px;border-bottom:1px solid #dfdfdf;line-height: 33px;background: #fff;color: #666666;font-size: 12px;text-align: center;_line-height: 15px; margin: 0;}
+.tlogochild li a{ float: none; }
+
+.setcity{display: none;position: absolute;top: 45px;left: 110px;/* width: 305px; */padding: 0 20px;background: #fff;border: 1px solid #e3e3e3;}
+.ctop{margin-bottom: 5px;color: #666666;line-height: 40px; text-indent: 0;}
+.cbg{position: relative;top: -6px;left: 15px;width: 15px;height: 10px;background: url(/Images/V3/member/tbg.png) no-repeat;}
+.set{font-size: 18px;}
+.ctop .all{color: #666;font-size: 14px;cursor: pointer;}
+.ctop .all a{color: #666;}
+.ctop .all:hover{color: #008fca;}
+.ctop a:hover{color: #008fca;}
+.setlist{width: 272px;font-size: 16px;margin: 0px auto;}
+.setlist select{width: 130px;height: 30px;line-height: 30px;}
+.setlist input{margin-left: 55px;}
+.sbut{width: 195px; height: 30px; line-height: 30px; margin:15px auto 20px auto;}
+.sbut1{width: 90px;background: #00adf0;color: #fff;text-align: center;cursor: pointer; text-indent: 0; line-height: 30px; font-size: 14px;}
+.sbut2{width: 90px;background: #ededed;text-align: center;cursor: pointer; text-indent: 0; line-height: 30px; font-size: 14px;}
+
+/*底部开始*/
+.bottom{
+	width: 100%;
+	height: 290px;
+	padding-top: 75px;
+	background: #444749;
+}
+.bleft{
+	overflow: hidden;
+	width: 320px;
+	height: 290px; float: left;
+}
+.bleft dl{
+	float: left;
+	width: 320px;
+	height: 290px; 
+}
+.bleft dl dt{
+	float: left;
+	width: 190px;
+	height: 80px; 
+}
+.bleft dl dt img{
+	width: 182px;
+	height: 54px; 
+}
+.bleft dl dd{
+	float: left;
+	width: 320px;
+	height: 200px;
+	line-height: 26px; 
+	color: #92979b;
+	font-size: 13px;
+}
+.blist{
+	overflow: hidden;
+	width: 184px;
+	height: 290px; float: left;
+}
+.blist dl{
+	float: left;
+	width: 184px;
+	height: 24px;
+}
+.blist dl dt{
+	float: left;
+	width: 24px;
+	height: 24px;
+	padding-right: 10px;
+}
+.blist dl dt{
+	width: 24px;
+	height: 24px;
+}
+.blist dl dd{
+	float: left;
+	width: 150px;
+	height: 24px;
+	line-height: 24px;
+	color: #e8e9e9;
+	font-size: 18px;
+}
+.blist ul{
+	float: left;
+	width: 184px;
+	padding-left: 34px;
+	padding-top: 10px;
+}
+.blist li{
+	float: left;
+	width: 184px;
+	height: 30px;
+	line-height: 30px;
+	color: #e8e9e9;
+	font-size: 13px;
+}
+.blist li a{
+	color: #e8e9e9;
+}
+.blist p {
+	float: left;
+	width: 174px;
+	height: 24px;
+	padding-top: 10px;
+	padding-left: 5px;
+	line-height: 24px;
+	color: #e8e9e9;
+	font-size: 16px;
+}
+.attention{
+	float: left;
+	width: 184px;
+	padding-top: 10px;
+}
+.attention dl{
+	float: left;
+	width: 184px;
+	height: 30px;
+}
+.attention dl dt{
+	float: left;
+	width: 24px;
+	height: 15px;
+	padding: 7px 10px 8px 0;
+	text-align: right;
+}
+.attention dl dt img{
+	width: 19px;
+	height: 15px;
+}
+.attention dl dd{
+	float: left;
+	width: 150px;
+	height: 30px;
+	line-height: 30px;
+	color: #e8e9e9;
+	font-size: 13px;
+}
+.attention dl dd a{
+	color: #e8e9e9;
+}
+.weixin{
+	width: 115px;
+	height: 185px;
+	padding: 15px 14px 0 14px;
+	background: #5b5d5f;
+	border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px; float: left;
+	
+}
+.weixin dl{
+	float: left;
+	width: 115px;
+	height: 185px;
+}
+.weixin dl dt{
+	float: left;
+	width: 115px;
+	height: 116px;
+}
+
+.weixin dl dd{
+	float: left;
+	width: 115px;
+	padding-top: 10px;
+	line-height: 20px;
+	color: #d6dbdf;
+	font-size: 12px;
+	font-family: '宋体';
+	text-align: center;
+}
+
+.show { display: block; }
+.enter { display: block; position: fixed; top: 500px; left: 100px; width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff; background: #13a3ff; border-radius: 5px; cursor: pointer; }
+.enter i { font-size: 24px; }
+.enter:hover{ color: #ffff00; }
+
+.p_tab {width: 100%;overflow: hidden;border-bottom: 1px solid #dadada; position:relative;}
+.p_tab li{display: inline-block; *display: inline;*zoom: 1;height: 50px;padding: 0 25px;line-height: 50px;text-align: center;font-size: 18px;color: #2c2c2c;cursor: pointer;/* border-bottom: 1px solid #dadada; */}
+.p_tab li.active,.p_tab li:hover {color: #13a3ff;border-bottom: 3px solid #13a3ff;height: 47px;}
+.p_link {display: none;padding: 20px 0;}
+.p_link img {height: 50px; vertical-align: middle;}
+.p_link a {display: inline-block; *display: inline; *zoom:1;color: #2c2c2c;margin: 0 15px 0 25px;line-height: 37px;}
+.p_link  a:hover { color: #00a1e0;}
+.show { display: block; }
+.quan{ position: absolute; top: 8px; margin-left: 10px;}
+
+/* 2016.12.12 LWT */
+.wb_hfrz { position:absolute; text-align:center; width: 100%; margin-top:185px; }
+.wb_hfrz img { width:110px; height:35px; margin-right:5px; }
+
+/*2016.12.12样式新增*/
+.jy_qinp {
+	color: #aaaaaa;
+}
+.cw_vip {
+	float: left;
+	display: inline-block;
+	width: 75px;
+	height: 35px;
+	line-height: 35px;
+	padding-left: 22px;
+	background: url(/Images/V2/index/vip_tb011.png) 0 9px no-repeat;
+	color: #f6881f;
+	font-size: 16px;
+}
+.cw_vip a {
+	color: #f6881f;
+}
+.cw_vip a:hover {
+	color: #f8993f;
+	text-decoration: underline;
+}
+.zf_an01 {
+	float: left;
+	display: inline-block;
+	width: 70px;
+	height: 35px;
+	line-height: 35px;
+	padding-left: 22px;
+	background: url(/Images/V2/index/zf_bt011.png) 0 9px no-repeat;
+	color: #f6881f;
+	font-size: 16px;
+}
+.zf_an01 a {
+	color: #f6881f;
+}
+.zf_an01 a:hover {
+	color: #f8993f;
+	text-decoration: underline;
+}
+
+.latest_news_box { background: #fff; width:1200px; margin:0 auto; height:45px; }
+.latest_news { width:1198px; height:45px; float:left; line-height:45px; color:#333333; font-size: 14px; }
+.latest_news a{  float: left;display: inline-block;color:#333333; max-width:260px; overflow:hidden; padding-right:23px;}
+.latest_news a:hover{  float: left;display: inline-block;color:#333333; max-width:260px; overflow:hidden;text-decoration: underline; }
+.latest_news_l { width:46px; height:45px; float: left;display: inline-block; margin-left:5px; background: url(/Images/V2/index/gb_tb011.png) 20px 14px no-repeat; }
+/*.latest_news_r { float: left;display: inline-block;width:1100px;height: 45px;}*/
+
+.scroll_vertical{position:relative;float: left;display: inline-block;width:1100px;height: 45px;}
+.scroll_vertical .gd_box{position:relative;width:1198px; height:45px; overflow:hidden; list-style: none;}
+.scroll_vertical .list{position:absolute;top:0;left:0;}
+.scroll_vertical .list li{height:45px; line-height:45px; overflow:hidden; padding:0 10px; color:#333333;}
+
+/*#ggscrollWrap { width:1198px; height:45px; overflow:hidden; list-style: none;}
+#ggscrollMsg li { height:45px; line-height:45px; overflow:hidden; padding:0 10px; color:#333333;}*/
+
+.p_advert{background: #fff;width: 1200px;height: 120px;margin: auto; margin-top:20px;}
+.p_advert img {width: 1200px;height: 120px;opacity: 0.90;filter:alpha(opacity=90);}
+.p_advert img:hover { opacity: 1;filter:alpha(opacity=100);}
+
+.p_special .main_ggt01{ float: left; width: 290px;}
+.main_ggt011{float: left;display: inline-block;width: 250px;height: 200px; margin-left:21px; margin-top:27px;}
+.main_ggt011 img {
+	width: 250px;
+	height: 200px;
+}
+.main_ggt012{float: left;display: inline-block;width: 250px;height: 200px; margin-left:21px; margin-top:27px;}
+.main_ggt012 img {
+	width: 250px;
+	height: 200px;
+}
+#kinMaxShow{visibility:hidden;width:100%; height:300px;overflow:hidden;}
+/*城市切换*/
+.none{display: none;}
+.p_head{ position: relative; }
+.select-city{font-size: 14px;padding: 3px 15px;border-radius: 6px;position: absolute;color: #666666;left: 50%;top: 50px;z-index: 1;margin-left: -390px;cursor: pointer;border: 1px solid #dadada;}
+
+.city-bg{width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99; background: rgba( 0, 0, 0, .4); 
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #40000000, endColorstr = #40000000)\9;}
+.animated{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
+.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}
+@keyframes bounceIn{
+  0%{opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3)}
+  80%{opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
+  100%{opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}}
+
+.city-change{width: 640px; height: 440px; background: #ffffff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 2px; position: fixed; margin: auto; left: 0; right: 0; top: 0; bottom: 0; padding-bottom: 20px;}
+.city-change .city-close{cursor: pointer; display: inline-block; width: 31px; height: 30px; overflow: hidden; position: absolute; right: -10px; top: -10px; z-index: 100; background: url(/Images/V3/index/close-fc.png); background-repeat: no-repeat;}
+.citypop-content-top{height: 29px; line-height: 29px; padding: 8px 15px; position: relative; background-color: #fcfcfc; border-bottom: solid 1px #ccd3e4;}
+.citypop-search{width: 250px; height: 22px; line-height: 22px; float: left; margin-top: 3px; margin-right: 10px; border: solid 1px #ccd3e4; background-color: #fff; position: relative;}
+
+.citypop-search-icon:before{font-size: 15px;font-style: normal;content:"\e604";margin-left: 4px;}
+
+.citypop-search input{outline: 0;width: 228px;position: absolute;left: 22px;top: 0;border: 0;background-color: #fff;color: #b8bbc1;padding: 0;line-height: 22px;}
+.citypop-hotcity a{margin-left: 15px; padding: 0 5px; display: inline-block; float: left; color: #2c2c2c;}
+.citypop-hotcity a.on,.citypop-hotcity a:hover{color: #d60000;}
+.citypop-nb{height: 28px; padding: 8px 11px;}
+.citypop-nb a{display: inline-block; width: 19px; height: 19px; line-height: 19px; border-radius: 2px; margin: 4px; font-size: 14px; text-align: center; color: #3b5998; border: solid 1px #cbddeb; background-color: #f0f9fe; float: left;}
+.citypop-nb a:hover{background-color: #3b5997; border: solid 1px #17469e; color: #fff;}
+.citypop-scity{height: 370px; overflow-y: scroll; overflow-x: hidden; font-size: 12px;}
+.citypop-scity dl{ margin: 0; overflow: hidden; padding: 8px 0;}
+.citypop-scity dl.first{border-top: dotted 1px #cecfd3;}
+.citypop-scity dl dt{width: 85px; color: #333; text-align: right; font-weight: bold; padding-top: 4px;}
+.citypop-scity dl dd{width: 535px;}
+.citypop-scity dl dt, .citypop-scity dl dd{float: left; margin: 0;}
+.citypop-scity dl dd a{height: 20px; line-height: 20px; color: #2c2c2c; outline: 0; padding: 2px 8px; float: left; display: block; white-space: nowrap;}
+.citypop-scity dl dd a.on,.citypop-scity dl dd a:hover{color: #fff; background-color: #ff9410;}
+.citypop a:link, .citypop a:visited{text-decoration: none;}
+.citypop-scity dl dt .tx, .citypop-scity dl dt .nu{height: 20px; line-height: 20px;}
+.citypop-scity dl dt .nu{float: left; font-size: 18px; color: #d0d0d0; font-weight: 100; padding: 0 5px 0 15px;}
+.ac_results{ position: fixed !important;}
+.citypop-tip-no{ position: absolute;border: 1px solid #ccc;background: #fff;color: #b8bbc1;font-size: 12px;padding: 0 10px; width: 230px;margin-left: -1px;display: none;}
+
+/*下载增加二维码*/
+  .p_head .search{margin-left: -270px;}
+  .p_head .headQR{ float: right; margin:7px 0 0 13px; float: right;}
+
+
+/*.navchild h2:before,.navchild h2 a, .navchild h2 a:hover去掉*/
+.navchild h2{float: left;width: 391px;height: 60px;background: url(/Images/V2/index/x_line2.png) left 51px no-repeat;font-size: 18px;line-height: 60px;}
+.home_a:before{ position: relative; top: 3px; left: 2px; margin-right: 15px; content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t1.png);}
+.home_a{ width: 193px;}
+.home_a a{color:#f1f1f1;}
+.home_a a:hover{ color: #8BDDFD; }
+
+.appDown_a:before{content:"\e610";}
+.appDown_a a{color:#f1f1f1;}
+.appDown_a a:hover{ color: #ffea00; }
+
+ .policyholder-xz .more1 a {
+      right: 25px;
+    }
+
+    .p_special .margin-right-xz .main_right ul {
+      margin-bottom: 5px;
+    }
+
+    .p_special .margin-right-xz .main_right li .date{
+      line-height: 36px;
+    }
--- a/src/assets/content/Vobao/newIndex.css
+++ b/src/assets/content/Vobao/newIndex.css
@ -0,0 +1,404 @@
+.news-container .news-content .news-box .news-box-box .box-title {
+  margin-bottom: 15px;
+  margin-top: 15px; }
+
+.jqcloudbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  border: 1px solid #E0E0E0;
+  border-radius: 10px;
+  margin-bottom: 15px; }
+  .jqcloudbox .jqcloud-title {
+    font-size: 24px;
+    color: #1A1A1A;
+    line-height: 55px; }
+  .jqcloudbox #example {
+    width: 294px;
+    height: 205px;
+    padding: 0 10px 10px 10px;
+  }
+
+.xznews-container .xznews-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  border-radius: 2px;
+  border-top: 3px solid #33A6FB;
+  height: 45px;
+  line-height: 45px;
+  border-bottom: 1px solid gainsboro;
+  padding: 0px 6px; }
+  .xznews-container .xznews-head .xznews-title {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+    .xznews-container .xznews-head .xznews-title .xznews-bdtitle {
+      font-size: 24px;
+      font-weight: bold;
+      color: #33A6FB;
+      margin-right: 5px; }
+    .xznews-container .xznews-head .xznews-title .xznews-tiptitle {
+      font-size: 24px;
+      font-weight: bold;
+      color: #E7E7E7; }
+  .xznews-container .xznews-head .xznews-tip {
+    font-size: 16px;
+    color: #1A1A1A;
+    cursor: pointer; }
+
+.xznews-container .xznews-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 20px 0px 35px;
+  -ms-flex-pack: distribute;
+  justify-content: space-around; }
+  .xznews-container .xznews-box .xznews-box-f {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .xznews-container .xznews-box .xznews-box-f .xznews-f-pitem {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between; }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-pitem .pitem-item {
+        width: 224px;
+        cursor: pointer; }
+        .xznews-container .xznews-box .xznews-box-f .xznews-f-pitem .pitem-item .item-img {
+          width: 224px;
+          height: 140px; }
+        .xznews-container .xznews-box .xznews-box-f .xznews-f-pitem .pitem-item .item-title {
+          font-size: 16px;
+          color: #1A1A1A;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+          text-align: center; }
+    .xznews-container .xznews-box .xznews-box-f .xznews-f-fitem {
+      width: 470px;
+      position: relative;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      margin-top: 20px;
+      cursor: pointer; }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-fitem .fitem-img {
+        width: 470px;
+        height: 290px; }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-fitem .fitem-tip {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        height: 40px;
+        line-height: 40px;
+        font-size: 16px;
+        color: #FFFFFF;
+        line-height: 40px;
+        background-color: rgba(119, 122, 125, 0.5);
+        text-align: center; }
+    .xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc {
+      cursor: pointer; }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc:first-child {
+        border-bottom: 1px dashed gainsboro;
+        margin-bottom: 10px; }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc .item-spc-title {
+        font-size: 18px;
+        font-weight: bold;
+        color: #333333;
+        line-height: 30px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap; }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc .item-spc-cont {
+        font-size: 14px;
+        font-weight: 400;
+        color: #999999;
+        line-height: 27px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        margin: 10px 0px 5px; }
+    .xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item {
+        position: relative;
+        padding-left: 10px;
+        font-size: 16px;
+        color: #333333;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        line-height: 32px;
+        cursor: pointer;
+        display: block;
+    }
+      .xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item::before {
+        content: '';
+        width: 5px;
+        height: 5px;
+        position: absolute;
+        border-radius: 50%;
+        top: 40%;
+        background-color: #333333;
+        left: 0px; }
+  .xznews-container .xznews-box .xznews-box-s {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .xznews-container .xznews-box .xznews-box-s .xznews-s-list {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
+      .xznews-container .xznews-box .xznews-box-s .xznews-s-list .s-list-item {
+        position: relative;
+        padding-left: 20px;
+        font-size: 16px;
+        color: #333333;
+        line-height: 30px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        line-height: 34px;
+        cursor: pointer; }
+        .xznews-container .xznews-box .xznews-box-s .xznews-s-list .s-list-item::before {
+          content: '';
+          width: 5px;
+          height: 5px;
+          position: absolute;
+          border-radius: 50%;
+          top: 40%;
+          background-color: #333333;
+          left: 10px; }
+    .xznews-container .xznews-box .xznews-box-s .spc-list {
+      border-bottom: 1px dashed #E5E5E5;
+      padding-bottom: 10px;
+      margin-bottom: 10px; }
+    .xznews-container .xznews-box .xznews-box-s .spc-item {
+      font-weight: bold; }
+      .xznews-container .xznews-box .xznews-box-s .spc-item::before {
+        background-color: #FFA05B !important; }
+    .xznews-container .xznews-box .xznews-box-s .s-img-item {
+      position: relative;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      width: 470px;
+      height: 300px;
+      cursor: pointer; }
+      .xznews-container .xznews-box .xznews-box-s .s-img-item .s-img {
+        width: 470px;
+        height: 300px; }
+      .xznews-container .xznews-box .xznews-box-s .s-img-item .s-img-tip {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        height: 40px;
+        line-height: 40px;
+        font-size: 16px;
+        color: #FFFFFF;
+        line-height: 40px;
+        background-color: rgba(119, 122, 125, 0.5);
+        text-align: center; }
+  .xznews-container .xznews-box .xznews-box-t .t-list {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      margin-bottom: 13px;
+      cursor: pointer; }
+      .xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-img {
+        width: 130px;
+        height: 80px; }
+      .xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box {
+        -webkit-box-flex: 1;
+        -ms-flex: 1;
+        flex: 1;
+        height: 70px;
+        background-color: #F6F7F8;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: start;
+        -ms-flex-align: start;
+        align-items: flex-start;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        padding: 5px 10px;
+        background-image: url(/Images/v5/pc/imgtip.png);
+        background-position-x: right;
+        background-position-y: bottom;
+        background-repeat: no-repeat; }
+        .xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box .t-item-title {
+          font-size: 14px;
+          color: #333333;
+          line-height: 21px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+          margin-bottom: 5px;
+          cursor: pointer; }
+        .xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box .t-item-tip {
+          font-size: 14px;
+          color: #999999;
+          line-height: 23px; }
+    .xznews-container .xznews-box .xznews-box-t .t-list .t-item {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      font-size: 16px;
+      line-height: 31px;
+      color: black;
+      cursor: pointer; }
+      .xznews-container .xznews-box .xznews-box-t .t-list .t-item .t-item-tip {
+        color: #666666;
+        margin-right: 10px; }
+      .xznews-container .xznews-box .xznews-box-t .t-list .t-item .t-item-title {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap; }
+  .xznews-container .xznews-box .xznews-box-t .t-list2 .t-item-spc {
+    margin-bottom: 30px;
+    cursor: pointer; }
+    .xznews-container .xznews-box .xznews-box-t .t-list2 .t-item-spc:last-child {
+      margin-bottom: 0px; }
+  .xznews-container .xznews-box .xznews-box-width {
+    width: 470px; }
+  .xznews-container .xznews-box .xznews-box-width2 {
+    width: 366px; }
+  .xznews-container .xznews-box .xznews-box-width3 {
+    width: 313px; }
+  .xznews-container .xznews-box .box-swiper {
+    width: 32%;
+    position: relative; }
+    .xznews-container .xznews-box .box-swiper .box-swiper-item {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
+      .xznews-container .xznews-box .box-swiper .box-swiper-item .item-img {
+        width: 387px;
+        height: 239px; }
+      .xznews-container .xznews-box .box-swiper .box-swiper-item .item-title {
+        font-size: 18px;
+        color: #1A1A1A;
+        line-height: 27px;
+        margin: 10px 0px 13px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap; }
+      .xznews-container .xznews-box .box-swiper .box-swiper-item .item-cont {
+        font-size: 14px;
+        color: #999999;
+        line-height: 27px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical; }
+    .xznews-container .xznews-box .box-swiper .swiper-pagination {
+      margin: 5px auto 0;
+      width: 100%; }
+      .xznews-container .xznews-box .box-swiper .swiper-pagination .swiper-pagination-bullet {
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        margin: 0 4px; }
+
+.xznews-container .xznews-box2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 20px 0px 35px;
+  -ms-flex-pack: distribute;
+  justify-content: space-around; }
+  .xznews-container .xznews-box2 .box-item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    width: 224px;
+    cursor: pointer;
+    margin-bottom: 10px; }
+    .xznews-container .xznews-box2 .box-item .box-item-img {
+      width: 224px;
+      height: 138px;
+      margin-bottom: 8px; }
+    .xznews-container .xznews-box2 .box-item .box-item-tip {
+      width: 80%;
+      text-align: center;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical; }
+
+div.jqcloud span.w10 {
+    font-size: 300%;
+}
--- a/src/assets/content/Vobao/v5_main_style.css
+++ b/src/assets/content/Vobao/v5_main_style.css
@ -0,0 +1,782 @@
+.head-banner-a {
+  background-repeat: no-repeat;
+  background-position-x: center;
+  width: 100%;
+  height: 360px !important;
+  display: block; }
+
+.xqcs-container {
+  background-color: #F7F8F9; }
+  .xqcs-container .width-1200 {
+    display: flex;
+    align-items: center;
+    padding: 20px 0px; }
+    .xqcs-container .width-1200 .xqcs-box {
+      width: 420px;
+      background: #FFFFFF;
+      border-radius: 10px;
+      margin-right: 10px;
+      padding: 12px 20px 15px; }
+      .xqcs-container .width-1200 .xqcs-box .xqcs-box-head {
+        display: flex;
+        align-items: center; }
+        .xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-img {
+          width: 22px;
+          height: 24px;
+          margin-right: 5px;
+          padding-bottom: 2px; }
+        .xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-title {
+          font-size: 26px;
+          color: #666666; }
+        .xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-tip {
+          flex: 1;
+          text-align: right;
+          font-size: 14px;
+          color: #6E6E6E; }
+          .xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-tip .tip-spc-nub {
+            background: #B4B4B4;
+            border-radius: 3px;
+            font-size: 14px;
+            color: #FFFFFF;
+            padding: 4px 5px;
+            margin: 0px 3px; }
+      .xqcs-container .width-1200 .xqcs-box .xqcs-box-ipt {
+        display: flex;
+        justify-content: space-between;
+        margin: 10px 0px; }
+        .xqcs-container .width-1200 .xqcs-box .xqcs-box-ipt .xqcs-ipt {
+          width: 41%;
+          height: 40px;
+          background: #FFFFFF;
+          border: 1px solid #E1E1E1;
+          border-radius: 3px;
+          font-size: 14px;
+          font-weight: 400;
+          color: #999999;
+          padding: 0px 15px; }
+      .xqcs-container .width-1200 .xqcs-box .selfDiv {
+        width: 100% !important; }
+      .xqcs-container .width-1200 .xqcs-box .xqcs-box-tip {
+        font-size: 14px;
+        color: #666666;
+        margin: 12px 0px 16px;
+        display: block; }
+      .xqcs-container .width-1200 .xqcs-box .xqcs-box-btn {
+        width: 100%;
+        height: 40px;
+        background: #33A6FB;
+        border-radius: 3px;
+        font-size: 18px;
+        color: #FFFFFF;
+        line-height: 40px;
+        text-align: center; }
+    .xqcs-container .width-1200 .xqcs-box-tab {
+      display: flex; }
+      .xqcs-container .width-1200 .xqcs-box-tab .box-tab-item {
+        width: 222px;
+        height: 215px;
+        background: #FFFFFF;
+        border-radius: 10px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 20px 0px 25px;
+        margin: 0px 10px;
+        cursor: pointer; }
+        .xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-img {
+          width: 124px;
+          height: 126px; }
+        .xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-name {
+          font-size: 22px;
+          font-weight: bold;
+          color: #33A6FB;
+          margin-top: 10px;}
+        .xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-tip {
+          width: 36px;
+          height: 3px;
+          background: #33A6FB;
+          margin: 6px 0px 14px; }
+        .xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-txt {
+          font-size: 16px;
+          color: #1A1A1A; }
+        .xqcs-container .width-1200 .xqcs-box-tab .box-tab-item:hover {
+          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); }
+
+.news-container {
+  padding: 35px 0px; }
+  .news-container .news-head {
+    text-align: center;
+    margin-bottom: 40px; }
+    .news-container .news-head .news-head-title {
+      font-size: 32px;
+      font-weight: bold;
+      color: #494949;
+      margin-bottom: 12px; }
+    .news-container .news-head .news-head-tip {
+      font-size: 18px;
+      color: #999999; }
+  .news-container .news-content {
+    display: flex; }
+    .news-container .news-content .news-box {
+      width: 887px;
+      display: flex; }
+      .news-container .news-content .news-box .news-box-nav {
+        display: flex;
+        flex-direction: column;
+        width: 180px;
+        background: #FFFFFF;
+        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
+        border-radius: 10px; }
+        .news-container .news-content .news-box .news-box-nav .news-nav-title {
+          height: 70px;
+          background: #FFA05B;
+          border-radius: 10px 10px 0px 0px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 22px;
+          color: #FFFFFF; }
+          .news-container .news-content .news-box .news-box-nav .news-nav-title .news-nav-img {
+            width: 31px;
+            height: 30px;
+            margin-right: 10px; }
+        .news-container .news-content .news-box .news-box-nav .news-nav-item {
+          padding: 0px 19px; }
+          .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item {
+            font-size: 18px;
+            color: #1A1A1A;
+            padding: 30px 0px;
+            border-bottom: 1px solid gainsboro;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            cursor: pointer; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item:hover {
+              color: #FFA05B; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .nav-item-img {
+              width: 8px;
+              height: 16px;
+              margin-left: 20px;
+              display: none; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .spc-tip {
+              width: 35px;
+              height: 16px;
+              margin-left: 5px; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .nav-item-name {
+              text-align: center;
+              flex: 1; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .spc-item-nav {
+              flex: none; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item:last-child {
+              border: none; }
+          .news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav {
+            color: #FFA05B;
+            flex: none;
+            padding-right: 7px; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav .nav-item-name {
+              flex: none; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav .spc-tip {
+              display: none; }
+            .news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav .nav-item-img {
+              display: block; }
+      .news-container .news-content .news-box .news-box-box {
+        flex: 1;
+        margin: 0px 20px; }
+        .news-container .news-content .news-box .news-box-box .box-title {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 10px; }
+          .news-container .news-content .news-box .news-box-box .box-title .box-title-name {
+            font-size: 24px;
+            color: #1A1A1A; }
+          .news-container .news-content .news-box .news-box-box .box-title .box-title-more {
+            display: flex;
+            align-items: center;
+            font-size: 16px;
+            color: #666666;
+            line-height: 16px; }
+            .news-container .news-content .news-box .news-box-box .box-title .box-title-more .more-tip {
+              width: 8px;
+              height: 16px;
+              margin-left: 8px; }
+        .news-container .news-content .news-box .news-box-box .box-top {
+          border-bottom: 1px dashed gainsboro;
+          display: flex;
+          flex-direction: column; }
+          .news-container .news-content .news-box .news-box-box .box-top .box-top-item {
+            display: flex;
+            margin: 5px 0px 10px; }
+            .news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-img {
+              width: 136px;
+              height: 91px;
+              margin-right: 15px; }
+            .news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box {
+              display: flex;
+              flex-direction: column; }
+              .news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box .item-box-title {
+                font-size: 18px;
+                color: #1A1A1A; }
+              .news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box .item-box-tip {
+                font-size: 15px;
+                color: #666666;
+                width: 100%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                margin: 10px 0px 28px; }
+              .news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box .item-box-time {
+                font-size: 15px;
+                color: #999999; }
+
+        .news-container .news-content .news-box .news-box-box .box-top .box-top-item2 {
+        display: flex;
+        margin: 5px 0px 10px;
+        align-items: center; }
+        .news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-img {
+        width: 63px;
+        height: 63px;
+        margin-right: 15px; }
+        .news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box {
+        display: flex;
+        flex-direction: column; }
+        .news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box .item-box-title {
+        font-size: 18px;
+        color: #1A1A1A; }
+        .news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box .item-box-tip {
+        font-size: 15px;
+        color: #666666;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        margin: 5px 0px 5px; }
+        .news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box .item-box-time {
+        font-size: 15px;
+        color: #999999; }
+
+        .news-container .news-content .news-box .news-box-box .box-list {
+          padding-top: 5px; }
+          .news-container .news-content .news-box .news-box-box .box-list .list-item {
+            display: flex;
+            align-items: center;
+            padding: 15px 5px 15px 0px;
+            border-bottom: 1px dashed gainsboro; }
+            .news-container .news-content .news-box .news-box-box .box-list .list-item:last-child {
+              border-bottom: none; }
+            .news-container .news-content .news-box .news-box-box .box-list .list-item .list-item-fl {
+              font-size: 16px;
+              color: #1A1A1A;
+              flex: 1; }
+            .news-container .news-content .news-box .news-box-box .box-list .list-item .list-item-fr {
+              font-size: 14px;
+              color: #999999; }
+  .news-container .news-tool {
+    width: 313px; }
+    .news-container .news-tool .news-tool-box {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-around; }
+      .news-container .news-tool .news-tool-box .tool-item {
+        width: 140px;
+        height: 35px;
+        background: #F6F6F6;
+        border-radius: 18px;
+        font-size: 16px;
+        line-height: 35px;
+        text-align: center;
+        margin: 0px 0px 20px; }
+    .news-container .news-tool .news-banner .news-banner-img {
+      width: 314px;
+      height: 131px;
+      margin: 15px 0px; }
+      .news-container .news-tool .news-banner .news-banner-img:first-child {
+        margin-top: 0px; }
+
+.city-container {
+  background-color: #FAFAFB; }
+  .city-container .city-box {
+    padding: 29px 0px; }
+    .city-container .city-box .city-box-head {
+      text-align: center; }
+      .city-container .city-box .city-box-head .city-title {
+        font-size: 32px;
+        font-weight: bold;
+        color: #494949; }
+      .city-container .city-box .city-box-head .city-tip {
+        font-size: 18px;
+        color: #999999;
+        margin: 10px 0px 30px; }
+    .city-container .city-box .city-box-content .city-item-box {
+      display: flex;
+      padding-top: 62px; }
+      .city-container .city-box .city-box-content .city-item-box .city-item {
+        display: flex;
+        flex-direction: column;
+        width: 285px;
+        justify-content: center;
+        align-items: center;
+        background-color: #FFFFFF;
+        margin: 0px 10px; }
+        .city-container .city-box .city-box-content .city-item-box .city-item .city-item-head {
+          width: 125px;
+          height: 125px;
+          border-radius: 50%;
+          background-color: white;
+          background-repeat: no-repeat;
+          background-position: center center;
+          background-size: 100% 100%;
+          margin-top: -62px; }
+        .city-container .city-box .city-box-content .city-item-box .city-item .city-item-name {
+          display: flex;
+          align-items: center;
+          font-size: 22px;
+          color: #1A1A1A;
+          justify-content: center;
+          margin: 15px 0px 10px; }
+          .city-container .city-box .city-box-content .city-item-box .city-item .city-item-name .name-tip {
+            width: 21px;
+            height: 20px; }
+        .city-container .city-box .city-box-content .city-item-box .city-item .city-item-tip {
+          font-size: 16px;
+          color: #1A1A1A; }
+          .city-container .city-box .city-box-content .city-item-box .city-item .city-item-tip span:first-child {
+            margin-right: 10px; }
+        .city-container .city-box .city-box-content .city-item-box .city-item .city-item-cont {
+          width: 226px; height:120px;
+          background: #FFF7F0;
+          border-radius: 10px;
+          padding: 12px 15px;
+          margin: 15px 0px;
+          line-height: 1.6; }
+        .city-container .city-box .city-box-content .city-item-box .city-item .city-btn {
+            margin-bottom: 110px;
+            font-size: 16px;
+            font-weight: 400;
+            color: #FFF;
+            line-height: 40px;
+            width: 120px;
+            height: 40px;
+            background: #55B5FB;
+            border-radius: 30px;
+            text-align: center;
+            margin-top: 42px;
+            cursor:pointer;
+        }
+
+.expert-container {
+  padding: 40px 0px 30px; }
+  .expert-container .expert-head {
+    text-align: center; }
+    .expert-container .expert-head .expert-title {
+      font-size: 32px;
+      font-weight: bold;
+      color: #494949; }
+    .expert-container .expert-head .expert-tip {
+      font-size: 18px;
+      color: #666666;
+      margin: 10px 0px 15px; }
+      .expert-container .expert-head .expert-tip .expert-tip-spc {
+        font-weight: bold;
+        color: #F95E5E;
+        font-size: 22px; }
+  .expert-container .expert-addr-search {
+    display: flex;
+    align-items: center;
+    justify-content: center; }
+    .expert-container .expert-addr-search .addr-select {
+      width: 230px;
+      height: 40px;
+      background: #FFFFFF;
+      border: 1px solid #E1E1E1;
+      border-radius: 20px;
+      position: relative;
+      font-size: 18px;
+      color: #1A1A1A;
+      text-align: center;
+      line-height: 40px;
+      margin: 0px 10px; }
+      .expert-container .expert-addr-search .addr-select::after {
+        content: "";
+        width: 18px;
+        height: 10px;
+        background: url(/Images/v5/pc/tip14.png) no-repeat center;
+        position: absolute;
+        right: 10px;
+        top: 41%;
+        pointer-events: none; }
+      .expert-container .expert-addr-search .addr-select select {
+        text-align:center;
+        text-align-last:center;
+        outline:0;
+        appearance:none;
+        border:0;
+        width:96%;
+        height:38px;
+        border-radius:20px;
+        margin-left:-8px;
+        -moz-appearance:none;
+        -webkit-appearance:none;
+        background: white;
+      }
+    .expert-container .expert-addr-search .addr-select select::-ms-expand { 
+        display: none; } 
+    .expert-container .expert-addr-search .expert-search {
+      display: flex;
+      height: 39px;
+      background: #FFFFFF;
+      border: 1px solid #C5C5C5;
+      border-radius: 18px;
+      padding: 0px 15px;
+      align-items: center;
+      margin: 0px 10px; }
+      .expert-container .expert-addr-search .expert-search .search-btn {
+        width: 18px;
+        height: 17px; }
+      .expert-container .expert-addr-search .expert-search .expert-search-ipt {
+        width: 200px;
+        flex: 1;
+        margin-right: 5px;
+        outline: none;
+        border: none;
+        font-size: 14px;
+        color: #1A1A1A; }
+  .expert-container .expert-content {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 20px 0px 30px; }
+    .expert-container .expert-content .expert-item {
+      display: flex;
+      padding: 15px 20px;
+      background: #F7F7F9;
+      width: 330px;
+      margin: 12px 15px; }
+      .expert-container .expert-content .expert-item .item-head {
+        width: 125px;
+        height: 145px;
+        margin-right: 15px; }
+      .expert-container .expert-content .expert-item .item-box {
+        display: flex;
+        flex-direction: column; }
+        .expert-container .expert-content .expert-item .item-box .item-box-name {
+          display: flex;
+          align-items: center;
+          font-size: 22px;
+          font-weight: 400; }
+          .expert-container .expert-content .expert-item .item-box .item-box-name img {
+            margin-left: 5px; }
+        .expert-container .expert-content .expert-item .item-box .item-box-tip {
+          margin: 15px 0px 10px;
+          font-size: 16px;
+          color: #1A1A1A; }
+        .expert-container .expert-content .expert-item .item-box .item-box-tab {
+          font-size: 16px;
+          color: #999999; }
+        .expert-container .expert-content .expert-item .item-box .item-box-btn {
+          cursor:pointer;
+          width: 90px;
+          height: 30px;
+          background: #F7F7F9;
+          border: 1px solid #33A6FB;
+          border-radius: 3px;
+          font-size: 16px;
+          color: #33A6FB;
+          line-height: 30px;
+          text-align: center;
+          margin-top: 10px; }
+        .expert-container .expert-content .expert-item .item-box .item-box-btn:hover {
+            background: #13a3ff;
+            color: #fff;
+        }
+  .expert-container .expert-foot {
+    margin: 0 auto;
+    text-align: center;
+    font-size: 16px;
+    color: #666666; }
+    .expert-container .expert-foot span {
+      margin: 0px 15px; }
+
+.prog-container {
+  background-color: #FAFAFB; }
+  .prog-container .prog-box {
+    padding: 25px 0px 30px; }
+    .prog-container .prog-box .prog-box-head {
+      text-align: center; }
+      .prog-container .prog-box .prog-box-head .prog-title {
+        font-size: 32px;
+        font-weight: bold;
+        color: #494949; }
+      .prog-container .prog-box .prog-box-head .prog-tip {
+        font-size: 18px;
+        color: #999999;
+        margin: 10px 0px 30px; }
+    .prog-container .prog-box .prog-box-cont {
+      display: flex;
+      align-items: center; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-tab {
+        background-image: url("/Images/v5/pc/tip21.png");
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 40px 0px 17px 24px;
+        width: 192px; }
+        .prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-title {
+          font-size: 45px;
+          font-weight: bold;
+          color: #FFFFFF;
+          text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
+          text-align: left;
+          width: 100%; }
+        .prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-tip {
+          font-size: 18px;
+          font-weight: bold;
+          color: #FFFFFF;
+          opacity: 0.2;
+          text-align: left;
+          width: 100%;
+          margin: 15px 0px 30px; }
+        .prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-txt {
+          display: flex;
+          flex-direction: column;
+          font-size: 18px;
+          color: #FFFFFF;
+          text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
+          padding-right: 24px;
+          line-height: 30px; }
+        .prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-box {
+          display: flex;
+          flex-direction: column;
+          width: 100%;
+          align-items: flex-end;
+          margin: 30px 0px 0px; }
+          .prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-box .tab-item {
+            cursor: pointer;
+            width: 100px;
+            height: 35px;
+            background: #BD7D29;
+            font-size: 18px;
+            color: #FFFFFF;
+            text-align: center;
+            line-height: 35px;
+            margin: 5px 0px; }
+          .prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-box .active-tab-item {
+            width: 110px;
+            height: 35px;
+            background: #FFFFFF;
+            color: #BD7D29; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-cont {
+        background-image: url(/Images/v5/pc/tip15.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        background-position-x: -1px;
+        width: 410px;
+        height: 407px;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        padding: 18px 20px; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-title {
+        font-size: 21px;
+        font-weight: bold;
+        color: #6E430D;
+        line-height: 48px; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-tip {
+        font-size: 16px;
+        color: #1A1A1A;
+        line-height: 23px; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-tip2 {
+        font-size: 16px;
+        color: #1A1A1A;
+        line-height: 23px;
+        margin: 13px 0; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-btn {
+        width: 115px;
+        height: 35px;
+        background: #E79652;
+        border-radius: 5px;
+        font-size: 16px;
+        color: #FFFFFF;
+        line-height: 35px;
+        text-align: center; }
+      .prog-container .prog-box .prog-box-cont .spc-color1 {
+        background: #E79652; }
+      .prog-container .prog-box .prog-box-cont .prog-cont-box {
+        display: flex;
+        justify-content: space-between;
+        flex-direction: column;
+        height: 443px;
+        margin-left: 20px; }
+        .prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item {
+          background-image: url(/Images/v5/pc/tip16.png);
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+          width: 321px;
+          height: 212px;
+          display: flex;
+          flex-direction: column;
+          padding: 0px 55px 0px 140px;
+          justify-content: center; }
+        .prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item2 {
+          background-image: url(/Images/v5/pc/tip17.png);
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+          width: 321px;
+          height: 212px;
+          display: flex;
+          flex-direction: column;
+          padding: 0px 55px 0px 140px;
+          justify-content: center; }
+          .prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item2 .prog-cont-title {
+            color: #0F654E; }
+          .prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item2 .prog-cont-btn {
+            background-color: #25BDA4; }
+    .prog-container .prog-box .prog-box-foot {
+      text-align: center;
+      font-size: 16px;
+      font-weight: 400;
+      color: #666666;
+      line-height: 48px;
+      margin: 10px 0px 0px; }
+
+.list-container {
+  display: flex;
+  justify-content: space-between;
+  padding: 30px 0px; }
+  .list-container .list-box {
+    width: 550px;
+    background: #FAFAFB;
+    border-radius: 10px;
+    padding: 18px 20px; }
+    .list-container .list-box .list-title {
+      display: flex;
+      justify-content: space-between;
+      align-items: center; }
+      .list-container .list-box .list-title .list-title-fl {
+        display: flex;
+        align-items: center;
+        font-size: 28px;
+        font-weight: bold;
+        color: #FAA645;
+        line-height: 48px; }
+        .list-container .list-box .list-title .list-title-fl .title-img {
+          width: 24px;
+          height: 26px;
+          margin-right: 6px; }
+        .list-container .list-box .list-title .list-title-fl .title-img2 {
+          width: 24px;
+          height: 22px;
+          margin-right: 6px; }
+        .list-container .list-box .list-title .list-title-fl .title-name2 {
+          color: #33A6FB; }
+      .list-container .list-box .list-title .list-title-fr {
+        font-size: 16px;
+        font-weight: 400;
+        color: #666666;
+        line-height: 48px; }
+    .list-container .list-box .list-item-box {
+      display: flex;
+      flex-direction: column; }
+      .list-container .list-box .list-item-box .list-item {
+        padding: 15px 5px;
+        border-bottom: 1px dashed gainsboro;
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: space-between; }
+        .list-container .list-box .list-item-box .list-item:last-child {
+          border: none; }
+        .list-container .list-box .list-item-box .list-item::before {
+          content: '';
+          width: 5px;
+          height: 5px;
+          background: #999999;
+          border-radius: 50%;
+          position: absolute;
+          top: 45%; }
+        .list-container .list-box .list-item-box .list-item .list-title {
+          padding-left: 10px;
+          font-size: 16px;
+          color: #1A1A1A;
+          flex: 1;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          margin-right: 20px; }
+        .list-container .list-box .list-item-box .list-item .list-tip {
+          display: flex;
+          align-items: center;
+          font-size: 14px;
+          color: #999999; }
+          .list-container .list-box .list-item-box .list-item .list-tip .tip-img {
+            width: 16px;
+            height: 16px;
+            margin-right: 6px; }
+      .list-container .list-box .list-item-box .list-item2 {
+        padding: 10px 5px 0px;
+        position: relative;
+        display: flex;
+        align-items: center; }
+        .list-container .list-box .list-item-box .list-item2 .item2-head {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin-right: 8px; }
+          .list-container .list-box .list-item-box .list-item2 .item2-head .head-img {
+            width: 65px;
+            height: 65px;
+            border-radius: 50%;
+            margin-bottom: 5px; }
+          .list-container .list-box .list-item-box .list-item2 .item2-head .head-title {
+            font-size: 16px;
+            color: #1A1A1A; }
+        .list-container .list-box .list-item-box .list-item2 .item2-box {
+          display: flex;
+          flex-direction: column;
+          width: 88%; }
+          .list-container .list-box .list-item-box .list-item2 .item2-box .box-ask {
+            display: flex;
+            align-items: center;
+            width: 100%; }
+            .list-container .list-box .list-item-box .list-item2 .item2-box .box-ask .ask-tip {
+              width: 25px;
+              height: 25px;
+              background: #E6F1FB;
+              border-radius: 50%;
+              font-size: 14px;
+              color: #33A6FB;
+              text-align: center;
+              line-height: 25px;
+              margin-right: 5px; }
+            .list-container .list-box .list-item-box .list-item2 .item2-box .box-ask .ask-name {
+              flex: 1;
+              font-size: 18px;
+              color: #1A1A1A;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap; }
+          .list-container .list-box .list-item-box .list-item2 .item2-box .box-que {
+            display: flex;
+            width: 100%;
+            margin-top: 10px; }
+            .list-container .list-box .list-item-box .list-item2 .item2-box .box-que .que-tip {
+              width: 25px;
+              height: 25px;
+              background: #FAF1E8;
+              border-radius: 50%;
+              font-size: 14px;
+              color: #FAA645;
+              text-align: center;
+              line-height: 25px;
+              margin-right: 5px; }
+            .list-container .list-box .list-item-box .list-item2 .item2-box .box-que .que-name {
+              flex: 1;
+              font-size: 14px;
+              color: #666666;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-line-clamp: 2;
+              -webkit-box-orient: vertical;
+              line-height: 1.6; }
--- a/src/assets/content/Vobao/vobao.css
+++ b/src/assets/content/Vobao/vobao.css
@ -0,0 +1,500 @@
+@charset "UTF-8";
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0; }
+
+main {
+  display: block; }
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+hr {
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible; }
+
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+a {
+  background-color: transparent; }
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted; }
+
+b,
+strong {
+  font-weight: bolder; }
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+small {
+  font-size: 80%; }
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+img {
+  border-style: none; }
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0; }
+
+button,
+input {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; }
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0; }
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em; }
+
+legend {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal; }
+
+progress {
+  vertical-align: baseline; }
+
+textarea {
+  overflow: auto; }
+
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0; }
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px; }
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit; }
+
+details {
+  display: block; }
+
+summary {
+  display: list-item; }
+
+template {
+  display: none; }
+
+[hidden] {
+  display: none; }
+
+a {
+  color: inherit;
+  text-decoration: none;
+  color: #333;
+  outline: 0; }
+
+a:link {
+  color: inherit; }
+
+a:visited {
+  color: inherit; }
+
+a:hover {
+  color: inherit; }
+
+a:active {
+  color: inherit; }
+
+.foot-container {
+  width: 100%;
+  padding-top: 75px;
+  background: #444749;
+  position: relative; }
+  .foot-container .foot-box {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+    .foot-container .foot-box .foot-box-item {
+      color: #92979b; }
+      .foot-container .foot-box .foot-box-item .item-logo {
+        width: 190px;
+        height: 80px; }
+      .foot-container .foot-box .foot-box-item .item-tip {
+        width: 320px;
+        height: 200px;
+        line-height: 26px;
+        color: #92979b;
+        font-size: 13px; }
+        .foot-container .foot-box .foot-box-item .item-tip a {
+          cursor: pointer; }
+    .foot-container .foot-box .new-blist {
+      overflow: hidden;
+      width: 184px;
+      height: 290px; }
+      .foot-container .foot-box .new-blist .dl {
+        width: 184px;
+        height: 24px;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex; }
+        .foot-container .foot-box .new-blist .dl .dt {
+          width: 24px;
+          height: 24px;
+          margin-right: 10px;
+          -ms-flex-negative: 1;
+          flex-shrink: 1; }
+        .foot-container .foot-box .new-blist .dl .dd {
+          height: 24px;
+          line-height: 24px;
+          color: #e8e9e9;
+          font-size: 18px;
+          -webkit-box-flex: 1;
+          -ms-flex: 1;
+          flex: 1; }
+      .foot-container .foot-box .new-blist ul {
+        width: 184px;
+        padding-left: 34px;
+        padding-top: 10px; }
+        .foot-container .foot-box .new-blist ul li {
+          width: 184px;
+          height: 30px;
+          line-height: 30px;
+          color: #e8e9e9;
+          font-size: 13px; }
+      .foot-container .foot-box .new-blist .attention {
+        padding-left: 10px; }
+      .foot-container .foot-box .new-blist p {
+        width: 174px;
+        height: 24px;
+        margin-top: 10px;
+        margin-left: 5px;
+        line-height: 24px;
+        color: #e8e9e9;
+        font-size: 16px; }
+    .foot-container .foot-box .new-weixin {
+      height: 185px;
+      padding: 15px 14px 0px 14px;
+      background: #5b5d5f;
+      border-radius: 3px; }
+      .foot-container .foot-box .new-weixin dl {
+        width: 115px;
+        height: 185px; }
+        .foot-container .foot-box .new-weixin dl dt {
+          width: 115px;
+          height: 116px;
+          text-align: center; }
+        .foot-container .foot-box .new-weixin dl dd {
+          width: 115px;
+          line-height: 20px;
+          color: #d6dbdf;
+          font-size: 12px;
+          font-family: '宋体';
+          text-align: center; }
+  .foot-container .new-wb_hfrz {
+    position: absolute;
+    text-align: center;
+    width: 100%;
+    bottom: 75px; }
+
+.head-box {
+  background: #F5F5F5;
+  padding: 10px 0px; }
+  .head-box .head-tip-box {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; }
+    .head-box .head-tip-box .head-tip-fl {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center; }
+      .head-box .head-tip-box .head-tip-fl .head-tip-item {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        font-size: 14px;
+        color: #1A1A1A; }
+        .head-box .head-tip-box .head-tip-fl .head-tip-item .item-img {
+          width: 11px;
+          height: 14px;
+          margin-right: 5px; }
+        .head-box .head-tip-box .head-tip-fl .head-tip-item .item-img2 {
+          width: 14px;
+          height: 14px;
+          margin-right: 5px; }
+        .head-box .head-tip-box .head-tip-fl .head-tip-item .item-img3 {
+          width: 16px;
+          height: 12px;
+          margin-right: 5px; }
+        .head-box .head-tip-box .head-tip-fl .head-tip-item .item-img4 {
+          width: 13px;
+          height: 16px;
+          margin-right: 5px; }
+        .head-box .head-tip-box .head-tip-fl .head-tip-item .spc-color-red {
+          margin-left: 5px; }
+        .head-box .head-tip-box .head-tip-fl .head-tip-item .add-select {
+          cursor: pointer; }
+      .head-box .head-tip-box .head-tip-fl .head-tip-bd {
+        width: 2px;
+        height: 15px;
+        background: gainsboro;
+        margin: 0px 8px; }
+
+.head-tab-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 18px 0px; }
+  .head-tab-box .head-logo {
+    width: 160px;
+    height: 49px;
+    margin-right: 44px; }
+  .head-tab-box .head-tab-item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    -ms-flex-pack: distribute;
+    justify-content: space-around; }
+    .head-tab-box .head-tab-item .tab-item {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      font-size: 18px;
+      color: black;
+      cursor: pointer;
+      position: relative;
+      height: 50px; }
+      .head-tab-box .head-tab-item .tab-item:hover .tab-item-bd {
+        background: #33A6FB; }
+      .head-tab-box .head-tab-item .tab-item .tab-item-bd {
+        width: 35px;
+        height: 3px;
+        margin-top: 5px; }
+      .head-tab-box .head-tab-item .tab-item .tab-item-name {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center; }
+        .head-tab-box .head-tab-item .tab-item .tab-item-name .item-img-tip {
+          width: 8px;
+          height: 4px;
+          margin-left: 8px; }
+      .head-tab-box .head-tab-item .tab-item .hover-item-box {
+        position: absolute;
+        width: 523px;
+        background: #FFFFFF;
+        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
+        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
+        border-radius: 10px;
+        z-index: 9;
+        top: 50px;
+        left: -210px;
+        padding: 5px 20px 10px; }
+        .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          margin-top: 15px; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip {
+            width: 16px;
+            height: 18px;
+            margin-right: 10px; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip2 {
+            width: 18px;
+            height: 19px;
+            margin-right: 8px; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip3 {
+            width: 16px;
+            height: 18px;
+            margin-right: 8px; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip4 {
+            width: 20px;
+            height: 20px;
+            margin-right: 6px; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-name {
+            font-size: 20px;
+            font-weight: bold;
+            color: #333333; }
+        .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-abox {
+          padding: 14px 25px 4px;
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+          border-bottom: 1px solid gainsboro; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-abox:last-child {
+            border-bottom: none; }
+          .head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-abox .abox-item {
+            font-size: 18px;
+            color: #333333;
+            margin: 0px 20px 10px 0px; }
+    .head-tab-box .head-tab-item .active-item .tab-item-bd {
+      background: #33A6FB; }
+  .head-tab-box .head-tab-search {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 36px;
+    background: #FFFFFF;
+    border: 1px solid #C5C5C5;
+    border-radius: 18px;
+    padding: 0px 15px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    margin-bottom: 7px; }
+    .head-tab-box .head-tab-search .search-btn {
+      width: 21px;
+      height: 20px; }
+    .head-tab-box .head-tab-search .search-ipt {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      margin-right: 5px;
+      outline: none;
+      border: none;
+      font-size: 14px;
+      color: #999999; }
+
+.links-container {
+  background-color: #FAFAFB; }
+  .links-container .links-box {
+    padding: 25px 0px 30px; }
+    .links-container .links-box .links-title {
+      font-size: 32px;
+      font-weight: bold;
+      color: #494949;
+      text-align: center; }
+    .links-container .links-box .links-tab {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      margin: 20px 0px 25px; }
+      .links-container .links-box .links-tab .links-tab-item {
+        width: 130px;
+        height: 40px;
+        border: 1px solid #E7E7E7;
+        border-radius: 20px;
+        font-size: 18px;
+        color: #333333;
+        line-height: 40px;
+        text-align: center;
+        margin: 0px 10px;
+        cursor: pointer; }
+      .links-container .links-box .links-tab .active-links {
+        border-color: #33A6FB;
+        color: #33A6FB; }
+    .links-container .links-box .links-box-foot {
+      text-align: center; }
+
+.width-1200 {
+  min-width: 1200px;
+  margin: 0 auto;
+  max-width: 1200px;
+  width: 1200px; }
+
+.min-width {
+  min-width: 1200px; }
+
+.spc-color-red {
+  color: #F95E5E !important; }
--- a/src/assets/content/css/other/NewIndex2.css
+++ b/src/assets/content/css/other/NewIndex2.css
@ -0,0 +1,5 @@
+.verify-wrap .fix-tips, .verify-msg { line-height: 42px; }
+.drag-btn, .suc-drag-btn { height: 42px !important; }
+.xqcs-box-btn:hover { background-color:#008fe9 !important; }
+.main_ggt011, .main_ggt012 { float: left; display: inline-block; width: 314px; height:auto; border-radius: 15px; margin:0; }
+.main_ggt011 img, .main_ggt012 img { width: 314px; height: 213px; }
--- a/src/assets/content/reset.css
+++ b/src/assets/content/reset.css
@ -0,0 +1,58 @@
+@charset 'utf-8';
+/* CSS reset */
+html{color:#333333;font-family:Arial,'微软雅黑','宋体'; font-size: 15px;}
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{border:0;}
+a{text-decoration:none; color:#333333; outline:none;}/*此处待添加默认链接颜色*/
+a:hover{color: #dd5046;}
+var,em,strong{font-style:normal;}
+address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
+del,ins{text-decoration:none;}
+li{list-style:none;}
+caption,th{text-align:left;}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
+q:before,q:after{content:'';}
+abbr,acronym{border:0;font-variant:normal;}
+sup{vertical-align:baseline;}
+sub{vertical-align:baseline;}
+legend{color:#000;}
+input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
+input,button,textarea,select{*font-size:100%;}
+body{/*-webkit-user-select:none;*/-webkit-text-size-adjust:none;}
+*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
+.clearfix { *zoom:1; }
+.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
+.clear { *zoom:1;}
+.fl {float: left;}
+.fr {float: right;}
+.fw {font-weight: bold;}
+a{ cursor:pointer;}
+
+/* Suggested order:
+//显示属性
+* display
+* list-style
+* position
+* float
+* clear
+ 
+//自身属性
+* width
+* height
+* margin
+* padding
+* border
+* background
+ 
+//文本属性
+* color
+* font
+* text-decoration
+* text-align
+* vertical-align
+* white-space
+* other text
+* content
+*/
--- a/src/assets/css/bigSort.css
+++ b/src/assets/css/bigSort.css
@ -0,0 +1,786 @@
+@charset "UTF-8";
+var,
+em,
+strong {
+  font-style: normal;
+}
+
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+strong,
+th,
+var,
+optgroup {
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+del,
+ins {
+  text-decoration: none;
+}
+
+li {
+  list-style: none;
+}
+
+caption,
+th {
+  text-align: left;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+q:before,
+q:after {
+  content: '';
+}
+
+abbr,
+acronym {
+  border: 0;
+  font-variant: normal;
+}
+
+sup {
+  vertical-align: baseline;
+}
+
+sub {
+  vertical-align: baseline;
+}
+
+legend {
+  color: #000;
+}
+
+input,
+button,
+textarea,
+select,
+optgroup,
+option {
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+input,
+button,
+textarea,
+select {
+  *font-size: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  -webkit-text-size-adjust: none;
+}
+
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+.clear:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  overflow: hidden;
+}
+
+.clear {
+  *zoom: 1;
+}
+
+@font-face {
+  font-family: myFirstFont;
+  src: url("FZHTJW.ttf") ；;
+}
+
+a {
+  outline: none;
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: black;
+}
+
+/*正常的未被访问过的链接*/
+a:link {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+/*已经访问过的链接*/
+a:visited {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+/*鼠标划过(停留)的链接*/
+a:hover {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+/* 正在点击的链接*/
+a:active {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+body,
+html {
+  min-width: 1200px;
+}
+
+.one-overflow, .bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left .item-left__tag, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__title, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li a {
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+/*文本格式化，超出范围，显示省略号*/
+.bSort-page {
+  background-color: #fff;
+}
+
+.bSort-page .tb-wrapper {
+  width: 1200px;
+  margin: 0px auto 20px;
+}
+
+.bSort-page .tb-wrapper .sort-main {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 20px;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort {
+  padding: 15px;
+  height: 60px;
+  margin-right: 2px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #f9f9f9;
+  border-radius: 5px;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort .sort-left {
+  min-width: 64px;
+  padding-right: 15px;
+  text-align: center;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort .sort-left .left-img {
+  width: 30px;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort .sort-left .sort-title {
+  font-size: 16px;
+  color: #48ace3;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort .sort-right {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort .sort-right a {
+  display: inline-block;
+  color: #666;
+  padding-right: 5px;
+  font-size: 14px;
+  padding: 10px 5px 10px 0;
+}
+
+.bSort-page .tb-wrapper .sort-main .h-sort__one {
+  min-width: 290px;
+  padding-left: 30px;
+}
+
+.bSort-page .tb-wrapper .left-navbar {
+  font-size: 16px;
+  color: #1a1a1a;
+  margin-bottom: 20px;
+}
+
+.bSort-page .tb-wrapper .tb-main {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left {
+  width: 780px;
+  margin-right: 20px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border-bottom: #48ace3 solid 4px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left {
+  font-size: 0;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left .tabbar-item {
+  line-height: 1;
+  color: #333;
+  font-size: 16px;
+  padding: 16px 20px;
+  display: inline-block;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left .tabbar-item__active {
+  background-color: #48ace3;
+  color: #fff;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main__first {
+  margin-top: 0;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item {
+  padding: 20px 0;
+  border-bottom: 1px solid #e0e0e0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left {
+  position: relative;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 185px;
+  -ms-flex: 0 0 185px;
+  flex: 0 0 185px;
+  width: 185px;
+  height: 122px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-right: 10px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left img {
+  display: block;
+  width: 185px;
+  height: 122px;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left .item-left__tag {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: rgba(0, 0, 0, 0.6);
+  color: #fff;
+  font-size: 14px;
+  padding: 2px 5px;
+  max-width: 150px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__title {
+  color: #333;
+  font-size: 21px;
+  line-height: 1.5;
+  margin-bottom: 10px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__content {
+  color: #aeadab;
+  font-size: 14px;
+  overflow: hidden;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: 10px;
+  word-break: break-all;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__time {
+  color: #aeadab;
+  font-size: 14px;
+  position: absolute;
+  bottom: 0px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .page-total {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #333;
+  font-size: 14px;
+  margin-top: 20px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .page-total a {
+  display: block;
+  cursor: pointer;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-end,
+.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-start {
+  width: 60px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  background-color: #ffffff;
+  border: solid 1px #979797;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-num {
+  padding: 0 10px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  background-color: #ffffff;
+  border: solid 1px #979797;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0 10px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-num__active {
+  background-color: #b16f24;
+  color: #fff;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-more {
+  padding: 0 10px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-left .bigSort-noresult {
+  padding-top: 60px;
+  text-align: center;
+  color: #1a1a1a;
+  font-size: 24px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right {
+  width: 400px;
+  min-height: 100px;
+  /*正常的未被访问过的链接*/
+  /*已经访问过的链接*/
+  /*鼠标划过(停留)的链接*/
+  /* 正在点击的链接*/
+  /*文本格式化，超出范围，显示省略号*/
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right var,
+.bSort-page .tb-wrapper .tb-main .main-right em,
+.bSort-page .tb-wrapper .tb-main .main-right strong {
+  font-style: normal;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right address,
+.bSort-page .tb-wrapper .tb-main .main-right caption,
+.bSort-page .tb-wrapper .tb-main .main-right cite,
+.bSort-page .tb-wrapper .tb-main .main-right code,
+.bSort-page .tb-wrapper .tb-main .main-right dfn,
+.bSort-page .tb-wrapper .tb-main .main-right em,
+.bSort-page .tb-wrapper .tb-main .main-right strong,
+.bSort-page .tb-wrapper .tb-main .main-right th,
+.bSort-page .tb-wrapper .tb-main .main-right var,
+.bSort-page .tb-wrapper .tb-main .main-right optgroup {
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right del,
+.bSort-page .tb-wrapper .tb-main .main-right ins {
+  text-decoration: none;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right li {
+  list-style: none;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right caption,
+.bSort-page .tb-wrapper .tb-main .main-right th {
+  text-align: left;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right h1,
+.bSort-page .tb-wrapper .tb-main .main-right h2,
+.bSort-page .tb-wrapper .tb-main .main-right h3,
+.bSort-page .tb-wrapper .tb-main .main-right h4,
+.bSort-page .tb-wrapper .tb-main .main-right h5,
+.bSort-page .tb-wrapper .tb-main .main-right h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right q:before,
+.bSort-page .tb-wrapper .tb-main .main-right q:after {
+  content: '';
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right abbr,
+.bSort-page .tb-wrapper .tb-main .main-right acronym {
+  border: 0;
+  font-variant: normal;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right sup {
+  vertical-align: baseline;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right sub {
+  vertical-align: baseline;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right legend {
+  color: #000;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right input,
+.bSort-page .tb-wrapper .tb-main .main-right button,
+.bSort-page .tb-wrapper .tb-main .main-right textarea,
+.bSort-page .tb-wrapper .tb-main .main-right select,
+.bSort-page .tb-wrapper .tb-main .main-right optgroup,
+.bSort-page .tb-wrapper .tb-main .main-right option {
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right input,
+.bSort-page .tb-wrapper .tb-main .main-right button,
+.bSort-page .tb-wrapper .tb-main .main-right textarea,
+.bSort-page .tb-wrapper .tb-main .main-right select {
+  *font-size: 100%;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right body {
+  -webkit-user-select: none;
+  -webkit-text-size-adjust: none;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right * {
+  -webkit-tap-highlight-color: transparent;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .clear:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  overflow: hidden;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .clear {
+  *zoom: 1;
+}
+
+@font-face {
+  .bSort-page .tb-wrapper .tb-main .main-right {
+    font-family: myFirstFont;
+    src: url("FZHTJW.ttf") ；;
+  }
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right a {
+  outline: none;
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: black;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right a:link {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right a:visited {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right a:hover {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right a:active {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+  color: inherit;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right body,
+.bSort-page .tb-wrapper .tb-main .main-right html {
+  min-width: 1200px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .one-overflow, .bSort-page .tb-wrapper .tb-main .main-right .main-left .tabbar-main .tabbar-left, .bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .main-right .tabbar-left, .bSort-page .tb-wrapper .tb-main .main-right .main-left .bigsort-list .bigsort-item .item-left .item-left__tag, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left .main-right .item-left__tag, .bSort-page .tb-wrapper .tb-main .main-right .main-left .bigsort-list .bigsort-item .item-right__title, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .main-right .item-right__title, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li a {
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .toleft {
+  height: 23px;
+  line-height: 1;
+  margin-left: 18px;
+  padding-right: 10px;
+  background: #fff;
+  color: #333;
+  font-size: 21px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .titbg7 {
+  background: url(/Images/old/v3/MainSite/Content/themes/Default/images/news/title7.jpg) 0 50% no-repeat;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .titletwo {
+  overflow: hidden;
+  width: 354px;
+  height: 23px;
+  line-height: 23px;
+  margin-top: 20px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .hot-a {
+  clear: both;
+  margin-top: 15px;
+  display: inline-block;
+  width: 372px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-left {
+  position: relative;
+  float: left;
+  width: 125px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-left .hot-num {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 2px 7px;
+  color: #fff;
+  background-color: black;
+  opacity: 0.6;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-left .hot-img {
+  width: 110px;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-right {
+  float: left;
+  width: 239px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-right .hot-right__name {
+  font-size: 16px;
+  font-weight: bold;
+  color: #666;
+  margin-bottom: 5px;
+  overflow: hidden;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .border-around {
+  border: 1px solid #dfdfdf;
+  clear: both;
+  margin-bottom: 30px;
+  padding: 0 20px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .gnright {
+  border: 0;
+  width: 400px;
+  padding-right: 0;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 15px 0 10px;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li {
+  padding: 0 10px;
+  margin-bottom: 10px;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  margin-right: 10px;
+  background-color: #ffd7c3;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li a {
+  color: #333;
+  font-size: 15px;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-5) {
+  background: #ffd7c3;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-4) {
+  background: #ceddff;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-3) {
+  background: #ead0ff;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-2) {
+  background: #ffe2b5;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-1) {
+  background: #ffc7d1;
+}
+
+.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n) {
+  background: #ceddff;
+}
+
+.right-item2 { font-size: 15px; color: #333; padding: 0 10px 10px; border: 1px solid #dfdfdf;  border-top: 3px solid #13a3ff; width: 378px; float: right; margin-bottom: 20px; }
+.right-item2 li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 27px; }
+.linkl{display:none;}
+.linkr,.linkshow{width:100%}
+.links{background:#FAFAFB;}
+.linka{width:140px;}
--- a/src/assets/css/detail.css
+++ b/src/assets/css/detail.css
@ -0,0 +1,15 @@
+.ndbottom { display: inline; width: 100%; height: 60px; margin: 25px 1px 0 0; padding-top: 10px; border-bottom: 1px solid #efefef; }
+.down-up__page { padding: 10px 0px; height: 85px; width: 100%; font-size: 15px; display: inline-block; color: #666; }
+.add-con { display: inline; width: 100%; margin-top: 30px; margin-left: 0; }
+.mboxlist { margin-left: 0; width: 100%; }
+.absoutnews { width: 100%; margin-left: 0; }
+.pc_comment { margin-left: 0; width: 100%; }
+.right-item2 { font-size: 15px; color: #333; padding: 0 10px 10px; border: 1px solid #dfdfdf; border-top: 3px solid #13a3ff; width: 378px; float: right; margin-top: 40px; }
+.right-item2 li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 27px; }
+.mp-tips label { width: 500px; color: #333333; font-size: 19px; text-align: center; margin: 15px 0; display: block; }
+.gnright { margin: 0; }
+.xyright { width: 400px; }
+.new-question, #adv { margin-bottom: 0; }
+.GgSystem_Mgr_Cls, .right-item2 { margin-top: 30px; }
+.new-wb_hfrz { position: absolute; text-align: center; width: 100%; bottom: 75px; }
+.mlcon-item .item-mid { max-width: 608px; min-width: 608px; }
--- a/src/assets/css/hTopSort.css
+++ b/src/assets/css/hTopSort.css
@ -0,0 +1,63 @@
+.sort-main {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    margin-bottom: 20px;
+  }
+  
+  .sort-main .h-sort {
+    padding: 15px;
+    height: 60px;
+    margin-right: 2px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-color: #f9f9f9;
+    border-radius: 5px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+  }
+  
+  .sort-main .h-sort .sort-left {
+    min-width: 64px;
+    padding-right: 15px;
+    text-align: center;
+  }
+  
+  .sort-main .h-sort .sort-left .left-img {
+    width: 30px;
+  }
+  
+  .sort-main .h-sort .sort-left .sort-title {
+    font-size: 16px;
+    color: #48ace3;
+  }
+  
+  .sort-main .h-sort .sort-right {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+  }
+  
+  .sort-main .h-sort .sort-right a {
+    display: inline-block;
+    color: #666;
+    padding-right: 5px;
+    font-size: 14px;
+    padding: 10px 5px 10px 0;
+  }
+  
+  .sort-main .h-sort__one {
+    min-width: 290px;
+    padding-left: 30px;
+  }
+  
--- a/src/assets/css/jquery.autocomplete.css
+++ b/src/assets/css/jquery.autocomplete.css
@ -0,0 +1,48 @@
+.ac_results {
+	padding: 0px;
+	border: 1px solid black;
+	background-color: white;
+	overflow: hidden;
+	z-index: 99999;
+}
+
+.ac_results ul {
+	width: 100%;
+	list-style-position: outside;
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+.ac_results li {
+	margin: 0px;
+	padding: 2px 5px;
+	cursor: default;
+	display: block;
+	/* 
+	if width will be 100% horizontal scrollbar will apear 
+	when scroll mode will be used
+	*/
+	/*width: 100%;*/
+	font: menu;
+	font-size: 12px;
+	/* 
+	it is very important, if line-height not setted or setted 
+	in relative units scroll will be broken in firefox
+	*/
+	line-height: 16px;
+	overflow: hidden;
+}
+
+.ac_loading {
+	background: white url('indicator.gif') right center no-repeat;
+}
+
+.ac_odd {
+	background-color: #eee;
+}
+
+.ac_over {
+	background-color: #0A246A;
+	color: white;
+}
--- a/src/assets/css/licai.css
+++ b/src/assets/css/licai.css
@ -0,0 +1,395 @@
+@font-face {
+    font-family: "iconfont";
+    src: url("iconfont.eot?t=1566437416175");
+    /* IE9 */
+    src: url("iconfont.eot?t=1566437416175#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUEAAsAAAAACfgAAAS2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDOAqGfIVcATYCJAMYCw4ABCAFhG0HVxuBCBEVpPWQ/Thwzmdx1HlE53fVrSUUOslJ+s/x8LiGvp/koIQKVFV7skgSx6jqZyfc2OkZPWFYE/w82/Lh9wq8qGzcGi6W4jLaWOgtskyYsxHICRM1WZKzqIBt8VLgNNvDweW07YHNs7dcfjXG0rEmBhgHFNAY2xaFWVzi2AM8w4UJPEyg1wwH2EFUQga0CmFUIM5qq0uhdRmUGHZo1XXIwgLxHGS0aSbrMoBn+u/jC7iFPEiqDMJRp1WRFbDzDJ7NQeR/EgoQDZPKs+G2jIwOKMRZqOMxZDPQQXo/scUa0IrdEu9Zz0Kfzfn/n1gg6out1U9/eSRZESqiBkHRT8zDYMV7kBES7zGEzHsWQuF9qFyccg4aVKypSywdBjEK4jYyO38jS2K3fg6mYDCiFK6Cc4TX6wyXip5liZ9nC59mCp70CQQZQmGmWJwtEhXg5AZ6E3cjtT6b4mnxFmoz2MKj1GEdcj21EVsljj4jNCVt+BmOzbjiYIbeQGqsFwC5Plv7mDm2er/N9YrNOsS5Rg7F4zKE4j7nReLsVaIoHo5TC7VvRDEyqErGi5Npf8XFPVVgQtCWQmGG4LYOqcE/b8FTwvfeNELLbnkT9Hxgv5lXRK0H1tMNBIHaa5xSMY/ayNWW43E30ZqV81tm0Kr2KapjFLKoqMKb9zMXTBlBBimw4FAiIxlGnM2simaEORxmjy57Pt8Cn7dWr4i3yPq/e4mtpMS+JKIqpkjsLM6p/u3o1SuE0u2MYRUH+k2UVKfEzZsnZFrN98XUL9XAPZY8cCXMKJRkYmJSUuSPkLHq5pTtVIah5fnyCr6um+6CNyaxtqpY3HozTYTn0mBm/3zcxbeqjbiiKcHbZqVdKfm7itjlkuEoUJundMZ/Mz4AF5T5wTOVdNLg2rWDaPkVDcmsaoymWTU6KDLSxQXujZzr/rkdup6R6pE9KlGasZVy01jwy/1gyQ/O6lYYUeie1U9cwU16J6Yaax7SHIFNy9/BmaUS643Wl69elVpvsrpScsVqk7XUIbvs7ySBgHsSqw1W0rPnNMpGXZr0IpWwTMpvJAH/F89Cr7tZGJ+J/zuxufp0nV6cibfhzb1HObPxfWmvhqkwXYFJgqMlzAuZo/JLx8wU28yFAYD/y9EDVAL+j6NfufHPJZF2JofPQGq55/+//0NsNqLPv9OcmB/+6ioHfJUn2ADvpqja6JJ0SjiJyNTk2aZjQwzlj+QrFox1edeTh///J1C7BY2dqNMrmjnPIoyaKEs5wYTqak3YkDSmIWvNUguzg0qfBai1tqHXvOjlfca0QRZFAZgzFSAM2wbJoLeQDbtCLUwpVCa9hdpwIJAsvGO14dI60sVW4CsiCv4oDeuKJbMujPQ74k/hi1Osc96QLnWTbVje8BEVpIwp3Td2VJlY6pIOcByKoqZG6gyhGolqszFNDnuSEdZlb2FLgE9BhAT+kFSoVmG1uVr4vn8HsY+CT2LqfoTfQHTS9onNYKWgHhVVqrpt6d75ijmUYh7GRK1EDmiDQgzUSBPeLwMhZUhy+BobJjXitAqjflW5lFuglzC9jhQ5SlRRR2P8BFMSNYtSv/qXRtmzAqwnVJ+5obOHYfpeDwAA") format("woff2"), url("iconfont.woff?t=1566437416175") format("woff"), url("iconfont.ttf?t=1566437416175") format("truetype"), url("iconfont.svg?t=1566437416175#iconfont") format("svg");
+    /* iOS 4.1- */
+  }
+  
+  .iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  .icon-wenti:before {
+    content: "\e641";
+  }
+  
+  .icon-dianzan1:before {
+    content: "\e600";
+  }
+  
+  .icon-leftMenu:before {
+    content: "\e601";
+  }
+  
+  .icon-leftMenu1:before {
+    content: "\e602";
+  }
+  
+  .icon-zan:before {
+    content: "\e692";
+  }
+  
+  .border-around {
+    border: 1px solid #dfdfdf;
+    clear: both;
+    margin-bottom: 30px;
+    padding: 0 20px;
+  }
+  
+  .gnright {
+    border: none;
+    /* width: 400px; */
+    padding-right: 0;
+  }
+  
+  .week-hot .hot-item {
+    width: 100%;
+    padding: 15px 0;
+    overflow: hidden;
+  }
+  
+  .week-hot .hot-item .hot-item__lf {
+    float: left;
+    width: 99px;
+    height: 65px;
+    position: relative;
+  }
+  
+  .week-hot .hot-item .hot-item__lfno{
+    float: left;
+    width: 20px;
+    height:20px;
+    position: relative;
+  }
+  
+  .week-hot .hot-item .hot-item__lfno div{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    background: #303131;
+    color: #fff;
+    text-align: center;
+    font-size: 15px;
+  }
+  
+  
+  .week-hot .hot-item .hot-item__lf div {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    background: #303131;
+    color: #fff;
+    text-align: center;
+    font-size: 15px;
+  }
+  
+  .week-hot .hot-item .hot-item__lf img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    margin-right: 15px;
+  }
+  
+  .week-hot .hot-item .hot-item__rt {
+    float: left;
+    font-size: 17px;
+    color: #666;
+    padding-left: 15px;
+    width: 238px;
+  }
+  
+  .week-hot .hot-item .hot-item__rt .item-rt__bottom {
+    vertical-align: middle;
+    margin-top: 5px;
+    font-size: 14px;
+  }
+  
+  .week-hot .hot-item .hot-item__rt .item-rt__bottom img {
+    vertical-align: middle;
+  }
+  
+  .week-hot .hot-item .hot-item__rt .item-rt__bottom span {
+    vertical-align: middle;
+  }
+  
+  .new__821 .header-title {
+    height: 60px;
+    line-height: 60px;
+    border-bottom: 1px solid #dfdfdf;
+    font-size: 21px;
+    color: #464646;
+  }
+  
+  .new__821 .header-title span {
+    display: inline-block;
+    height: 60px;
+    border-bottom: 2px solid #38aae6;
+  }
+  
+  .new__821 .gagent dl {
+    margin: 15px 0;
+  }
+  
+  .new-question .content {
+    padding-top: 20px;
+    color: #666;
+  }
+  
+  .new-question .content a {
+    display: block;
+  }
+  
+  .new-question .content .item {
+    padding-bottom: 20px;
+    width: 100%;
+  }
+  
+  .new-question .content .item-top {
+    font-size: 17px;
+  }
+  
+  .new-question .content .item-bottom {
+    margin-top: 10px;
+    font-size: 15px;
+    color: #666;
+    padding: 10px 10px 5px;
+    background: #f7f7f7;
+    position: relative;
+  }
+  
+  .new-question .content .item-bottom img {
+    float: left;
+    width: 31px;
+    height: 36px;
+  }
+  
+  .new-question .content .item-bottom span {
+    padding-left: 10px;
+    float: right;
+    width: 291px;
+    margin-top: -5px;
+  }
+  
+  .new-question .content .item-bottom::before {
+    content: "";
+    width: 0px;
+    height: 0px;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 10px solid #f7f7f7;
+    position: absolute;
+    top: -10px;
+    left: 30px;
+  }
+  
+  .dz-wrapper .ndlaud dl dt {
+    min-width: 100px;
+  }
+  
+  .dz-wrapper .ndlaud dl dt .dz-main {
+    border: 1px solid #38aae6;
+    display: inline-block;
+    padding: 5px 10px;
+    font-size: 15px;
+    color: #38aae6;
+    vertical-align: middle;
+    border-radius: 5px;
+  }
+  
+  .dz-wrapper .ndlaud dl dt .dz-main.active {
+    background: #38aae6;
+    color: #fff;
+  }
+  
+  .shear-wb-wx {
+    width: 125px;
+    position: relative;
+    vertical-align: middle;
+    background: #fff;
+  }
+  
+  .shear-wb-wx img {
+    vertical-align: middle;
+    cursor: pointer;
+  }
+  
+  .shear-wb-wx .shear-wx:hover+.wx-code {
+    display: table;
+    opacity: 1;
+  }
+  
+  .shear-wb-wx .sweibo {
+    width: 24px;
+    padding: 0;
+  }
+  
+  .shear-wb-wx .wx-code {
+    width: 250px;
+    height:100px;
+    color: #666;
+    font-size: 17px;
+    position: absolute;
+    right: 0px;
+    top: -125px;
+    border: 1px solid #dfdfdf;
+    padding: 15px;
+    opacity: 0;
+    display: none;
+    background: #fff;
+  }
+  
+  .shear-wb-wx .wx-code img {
+    width: 76px;
+    height: 76px;
+    border: 1px solid red;
+  }
+  
+  .shear-wb-wx .wx-code div {
+    height: 76px;
+  }
+  
+  .shear-wb-wx .wx-code div .wx-code__inner {
+    display: table-cell;
+    vertical-align: middle;
+  }
+  
+  .shear-wb-wx .wx-code div .wx-code__inner p {
+    width: 136px;
+    font-size: 17px;
+    font-weight: bold;
+  }
+  
+  .shear-wb-wx .wx-code div .wx-code__inner p.p-two {
+    font-weight: normal;
+    font-size: 15px;
+  }
+  
+  .shear-wb-wx .wx-code::before {
+    content: "";
+    width: 12px;
+    height: 12px;
+    background: #fff;
+    border-bottom: 1px solid transparent;
+    border-top: 1px solid #dfdfdf;
+    border-left: 1px solid transparent;
+    border-right: 1px solid #dfdfdf;
+    position: absolute;
+    bottom: -7px;
+    right: 20px;
+    -webkit-transform: rotate(135deg);
+    transform: rotate(135deg);
+  }
+  
+  .down-up__page {
+      padding: 10px 0px;
+      height: 85px;
+      width: 100%;
+      font-size: 15px;
+      display: inline-block;
+      color: #666;        
+  }
+  
+  .down-up__page .page {
+    display: table;
+    width: 320px;
+    height: 85px;
+  }
+  
+  .down-up__page .page i {
+    display: table-cell;
+    vertical-align: middle;
+  }
+  
+  .down-up__page .page img {
+    display: table-cell;
+    vertical-align: middle;
+    width: 128px;
+    height: 85px;
+    margin: 0 10px;
+  }
+  
+  .down-up__page .page .page-content {
+    display: table-cell;
+    vertical-align: middle;
+    width: 150px;
+    padding: 0 5px;
+  }
+  
+  .down-up__page .page .page-content .page-title {
+    font-weight: bold;
+    padding-bottom: 5px;
+  }
+  
+  .down-up__page .page .page-content .page-title__two {
+    text-align: right;
+    padding-right: 5px;
+  }
+  
+  .absoutnews {
+    display: inline-block;
+    width: 733px;
+    margin-left: 35px;
+  }
+  
+  .absoutnews .titleone {
+    display: inline-block;
+  }
+  
+  .absoutnews .pmain {
+    padding: 0;
+  }
+  
+  .absoutnews .z-main {
+    padding: 20px 0;
+    background: #fff;
+    border-bottom: 1px dashed #e0e0e0;
+  }
+  
+  .absoutnews .z-left {
+    width: 180px;
+    height: 120px;
+    margin-right: 20px;
+  }
+  
+  .absoutnews .z-left__img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+  
+  .absoutnews .z-right {
+    width: 510px;
+    padding-right: 10px;
+    height: 120px;
+    position: relative;
+  }
+  
+  .absoutnews .z-right__title {
+    font-size: 16px;
+    color: #00a1e0;
+    margin-bottom: 10px;
+  }
+  
+  .absoutnews .z-right__time {
+    position: absolute;
+    bottom: 0px;
+    left: 0;
+    color: #c7c7c7;
+    font-size: 14px;
+  }
+  
+  .absoutnews .z-right__des {
+    font-size: 14px;
+    color: #666666;
+  }
--- a/src/assets/css/member.css
+++ b/src/assets/css/member.css
--- a/src/assets/css/news.css
+++ b/src/assets/css/news.css
--- a/src/assets/css/news_detail.css
+++ b/src/assets/css/news_detail.css
@ -0,0 +1,383 @@
+.gnright { width: 301px; }
+.bn-btn { right: 44.2% !important; }
+.info-box { display: flex; justify-content: center; }
+.ndetail { width: 840px; margin-right: 10px; }
+.ndtitle .soure { float: none; }
+.ndetail h1, .gadetail h1, .x-gadetail h1 { font-size: 26px; height: auto; line-height: 45px; margin-top: 20px; }
+.ndtitle, .ndetail h1, .gadetail h1, .x-gadetail h1 { width: 790px; }
+.ndtitle { border-bottom: none; float: none; display: flex; justify-content: center; margin-bottom: 15px; }
+.ndtitle .soure .IsYuanChuang { border: none; color: #c7c7c7; }
+.text-main { width: 830px; }
+.newsDaoDu { background-color: #FBFBFB; }
+.weichild img { width: 102px; height: 102px; }
+.right-item2 { width: 281px; margin-top: 0!important; }
+.xzad img { width: 100%; height: auto; }
+.xyright { width: 301px; margin: 0 0 15px; }
+.ndlaud dl dt { width: 18px; height: 16px; }
+.ndlaud dl dd { height: 16px; line-height: 18px; width: auto; margin-left: 10px; }
+
+/* é™©ç§å±•ç¤ºä¸Žé¢„çº¦ä¸“å®¶ */
+.pc_comment { margin-left: 0; width: 100%; }
+.titleone { overflow: hidden; width: 726px; height: 23px; line-height: 23px; margin-top: 50px; }
+.titbg2 { background: none; position: relative; }
+.titbg2::before { content: ''; width: 4px; height: 20px; background-color: #33A6FB; position: absolute; top: 2px; }
+.toleft { height: 23px; line-height: 23px; margin-left: 18px; padding-right: 10px; background: #fff; color: #333333; font-size: 21px; }
+.mlcon-item {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: start;
+-ms-flex-align: start;
+align-items: flex-start;
+padding: 25px 5px;
+border-bottom: 1px solid gainsboro; }
+.mlcon-item .item-img {
+width: 70px;
+height: 63px;
+margin-right: 15px;
+overflow: hidden; }
+.mlcon-item .item-mid {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-orient: vertical;
+-webkit-box-direction: normal;
+-ms-flex-direction: column;
+flex-direction: column; }
+.mlcon-item .item-mid .item-mid-title {
+font-size: 18px;
+color: #1a1a1a;
+font-weight: bold; }
+.mlcon-item .item-mid .item-mid-tip {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+font-size: 14px;
+margin: 10px 0px; }
+.mlcon-item .item-mid .item-mid-tip .mid-tip-txt {
+font-size: 14px;
+color: #999999;
+max-width: 520px; }
+.mlcon-item .item-mid .item-mid-tip .mid-tip-info {
+color: #33a6fb; }
+.mlcon-item .item-mid .item-mid-box {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center; }
+.mlcon-item .item-mid .item-mid-box .mid-tip {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center;
+margin-right: 45px; }
+.mlcon-item .item-mid .item-mid-box .mid-tip .mit-tip-img {
+width: 18px;
+height: 20px;
+margin-right: 5px; }
+.mlcon-item .item-mid .item-mid-box .mid-tip .tip-txt {
+font-size: 14px;
+color: #333333; }
+.mlcon-item .item-mid .item-mid-box2 {
+background: #f8f9fb;
+border-radius: 10px;
+padding: 8px 15px;
+margin-top: 10px; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-list {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: start;
+-ms-flex-align: start;
+align-items: flex-start; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .mid-box2-name {
+font-size: 14px;
+font-weight: bold;
+color: #666666;
+line-height: 30px;
+margin-right: 15px; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .max-height {
+height: 30px;
+overflow: hidden; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .mid-box2-tip {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-ms-flex-wrap: wrap;
+flex-wrap: wrap;
+font-size: 14px;
+color: #666666;
+line-height: 30px;
+-webkit-box-flex: 1;
+-ms-flex: 1;
+flex: 1; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .mid-box2-tip .tip-item {
+width: 33%; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-more {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-ms-flex-line-pack: center;
+align-content: center;
+-webkit-box-pack: center;
+-ms-flex-pack: center;
+justify-content: center;
+margin: 5px 0px; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-more .more-img {
+width: 14px;
+height: 8px; }
+.mlcon-item .item-mid .item-mid-box2 .mid-box2-more .more-img-up {
+-webkit-transform: rotate(180deg);
+transform: rotate(180deg); }
+.mlcon-item .item-fr {
+width: 146px;
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center;
+-webkit-box-orient: vertical;
+-webkit-box-direction: normal;
+-ms-flex-direction: column;
+flex-direction: column;
+-webkit-box-pack: center;
+-ms-flex-pack: center;
+justify-content: center; }
+.mlcon-item .item-fr .fr-item-btn {
+width: 120px;
+height: 40px;
+background: #33a6fb;
+border-radius: 20px;
+font-size: 16px;
+color: #ffffff;
+line-height: 40px;
+text-align: center;
+margin-top: 50px;
+cursor: pointer; }
+.mlcon-item .item-fr .mbrbottom {
+float: none;
+width: auto;
+color: #1a1a1a; }
+.mlcon-item .item-fr .mbrbottom .check {
+margin-left: 0px;
+width: auto; }
+.mlcon-item .item-fr .fr-item-sc {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center;
+margin-top: 25px; }
+.mlcon-item .item-fr .fr-item-sc .sc-img {
+width: 16px;
+height: 16px;
+margin-right: 5px; }
+.mlcon-item .item-fr .fr-item-sc .sc-txt {
+font-size: 14px;
+color: #1a1a1a;
+line-height: 30px; }
+.mlcon-item .item-fr .fr-item-sc .sc-txt span {
+color: #33a6fb; }
+
+/* å³ä¸‹è§’çš„èŽ·å®¢ */
+.info-box .new-appointment-float { position: relative; text-align: center; margin-top: 0; }
+.close-tip { position: absolute; width: 25px !important; height: 25px; right: -12px; top: -12px; cursor: pointer; }
+.optBox { display: inline; vertical-align: middle; height: 30px; }
+.optBox select { width: 100px; height: 30px; background: #FFFFFF; border-radius: 3px; font-size: 13px; font-weight: 400; color: #1A1A1A; line-height: 30px; text-align: center; text-align-last: center; }
+.main-right .new-appointment-float .zh-appointment-input-box .zh-code-btn2 { border: none; top: 10px; }
+
+.main-right { margin-left:10px; width:301px; }
+.main-right .fr-list-box {
+width: 301px;
+background: #ffffff;
+border: 1px solid #e0e0e0;
+margin-bottom: 15px;
+padding: 5px 0px 10px;
+color: #666666; }
+.main-right .fr-list-box .box-head {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-pack: justify;
+-ms-flex-pack: justify;
+justify-content: space-between;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center; }
+.main-right .fr-list-box .box-head .head-name {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center;
+font-size: 18px;
+font-weight: bold;
+color: #1a1a1a;
+line-height: 23px; }
+.main-right .fr-list-box .box-head .head-name .name-bd {
+width: 4px;
+height: 17px;
+background-color: #33a6fb;
+margin-right: 10px; }
+.main-right .fr-list-box .box-head .head-more {
+font-size: 16px;
+font-weight: 400;
+color: #666666;
+line-height: 48px;
+padding-right: 10px; }
+.main-right .fr-list-box .box-list {
+padding: 0px 15px; }
+.main-right .fr-list-box .box-list .box-list-item {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+margin: 0px 0px 15px;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center; }
+.main-right .fr-list-box .box-list .box-list-item .item-box-img {
+width: 110px;
+height: 74px;
+margin-right: 10px; }
+.main-right .fr-list-box .box-list .box-list-item .item-box {
+-webkit-box-flex: 1;
+-ms-flex: 1;
+flex: 1;
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-orient: vertical;
+-webkit-box-direction: normal;
+-ms-flex-direction: column;
+flex-direction: column;
+-webkit-box-pack: justify;
+-ms-flex-pack: justify;
+justify-content: space-between;
+height: 74px; }
+.main-right .fr-list-box .box-list .box-list-item .item-box .item-box-name {
+overflow: hidden;
+text-overflow: ellipsis;
+display: -webkit-box;
+-webkit-line-clamp: 2;
+-webkit-box-orient: vertical;
+font-size: 16px;
+color: #1A1A1A;
+line-height: 23px; }
+.main-right .fr-list-box .box-list .box-list-item .item-box .item-box-tip {
+font-size: 14px;
+color: #999999;
+line-height: 23px; }
+.main-right .fr-list-box .box-list .box-list-item2 {
+position: relative;
+font-size: 17px;
+color: #1a1a1a;
+padding: 8px 0px;
+padding-left: 12px;
+display: block;
+overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+}
+.main-right .fr-list-box .box-list .box-list-item2::before {
+content: "";
+width: 5px;
+height: 5px;
+border-radius: 50%;
+background-color: #999999;
+position: absolute;
+left: 0;
+top: 13px; }
+.main-right .fr-list-box .box-list .box-list-item3 {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+margin-bottom: 20px; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-head {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-orient: vertical;
+-webkit-box-direction: normal;
+-ms-flex-direction: column;
+flex-direction: column;
+position: relative;
+height: 90px;
+width: 90px;
+-webkit-box-align: center;
+-ms-flex-align: center;
+align-items: center; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-head .head-img {
+width: 85px;
+height: 85px;
+border-radius: 50%;
+margin-bottom: 5px; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-head .head-tip {
+position: absolute;
+bottom: -1px; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr {
+margin-left: 20px;
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-webkit-box-orient: vertical;
+-webkit-box-direction: normal;
+-ms-flex-direction: column;
+flex-direction: column; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-name {
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+position: relative; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-name .name-txt {
+font-size: 18px;
+color: #1a1a1a; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-name .weichild {
+position: absolute;
+top: 0;
+z-index: 99;
+left: 30px; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-tip {
+font-size: 14px;
+color: #999999;
+line-height: 27px; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-phone {
+font-size: 14px;
+color: #333333;
+line-height: 27px; }
+.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-btn {
+width: 80px;
+height: 25px;
+border: 1px solid #33a6fb;
+border-radius: 5px;
+font-size: 14px;
+color: #33a6fb;
+line-height: 25px;
+text-align: center;
+cursor:pointer; }
+.main-right .fr-list-box .box-list2 {
+padding-right: 5px;
+padding-left: 15px; }
+.main-right .fr-list-box .box-list2 .swiper-container {
+padding-bottom: 5px; }
+.main-right .fr-list-box .box-list2 .swiper-container .swiper-pagination {
+bottom: 0;
+left: -15px; }
+.main-right .fr-list-box .box-list3 {
+padding: 0px 20px;
+display: -webkit-box;
+display: -ms-flexbox;
+display: flex;
+-ms-flex-wrap: wrap;
+flex-wrap: wrap; }
+.main-right .fr-list-box .box-list3 .box-list-item {
+font-size: 16px;
+color: #1A1A1A;
+line-height: 35px;
+margin-right: 15px; }
--- a/src/assets/css/owl.carousel.css
+++ b/src/assets/css/owl.carousel.css
@ -0,0 +1,71 @@
+/* 
+ * 	Core Owl Carousel CSS File
+ *	v1.3.3
+ */
+
+/* clearfix */
+.owl-carousel .owl-wrapper:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+}
+/* display none until init */
+.owl-carousel{
+	display: none;
+	position: relative;
+	width: 100%;
+	-ms-touch-action: pan-y;
+}
+.owl-carousel .owl-wrapper{
+	display: none;
+	position: relative;
+	-webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-wrapper-outer{
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.owl-carousel .owl-wrapper-outer.autoHeight{
+	-webkit-transition: height 500ms ease-in-out;
+	-moz-transition: height 500ms ease-in-out;
+	-ms-transition: height 500ms ease-in-out;
+	-o-transition: height 500ms ease-in-out;
+	transition: height 500ms ease-in-out;
+}
+	
+.owl-carousel .owl-item{
+	float: left;
+}
+.owl-controls .owl-page,
+.owl-controls .owl-buttons div{
+	cursor: pointer;
+}
+.owl-controls {
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* mouse grab icon */
+.grabbing { 
+    cursor:url(grabbing.png) 8 8, move;
+}
+
+/* fix */
+.owl-carousel  .owl-wrapper,
+.owl-carousel  .owl-item{
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility:    hidden;
+	-ms-backface-visibility:     hidden;
+  -webkit-transform: translate3d(0,0,0);
+  -moz-transform: translate3d(0,0,0);
+  -ms-transform: translate3d(0,0,0);
+}
+
--- a/src/assets/css/owl.theme.css
+++ b/src/assets/css/owl.theme.css
@ -0,0 +1,99 @@
+/*
+* 	Owl Carousel Owl Demo Theme 
+*	v1.3.3
+*/
+
+.owl-theme .owl-controls{
+	margin-top: 10px;
+	text-align: center;
+}
+
+/* Styling Next and Prev buttons */
+
+.owl-theme .owl-controls .owl-buttons div{
+	color: #FFF;
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+	margin: 5px;
+	padding: 3px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	background: #869791;
+	filter: Alpha(Opacity=50);/*IE7 fix*/
+	opacity: 0.5;
+}
+/* Clickable class fix problem with hover on touch devices */
+/* Use it for non-touch hover action */
+.owl-theme .owl-controls.clickable .owl-buttons div:hover{
+	filter: Alpha(Opacity=100);/*IE7 fix*/
+	opacity: 1;
+	text-decoration: none;
+}
+
+/* Styling Pagination*/
+
+.owl-theme .owl-controls .owl-page{
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+}
+.owl-theme .owl-controls .owl-page span{
+	display: block;
+	width: 10px;
+	height: 10px;
+	margin:0 3px;
+	-webkit-border-radius: 20px;
+	-moz-border-radius: 20px;
+	border-radius: 20px;
+	background: #d0d0d0;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span{
+	background: #00a1e0;
+}
+
+/* If PaginationNumbers is true */
+
+.owl-theme .owl-controls .owl-page span.owl-numbers{
+	height: auto;
+	width: auto;
+	color: #FFF;
+	padding: 2px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+}
+
+/* preloading images */
+.owl-item.loading{
+	min-height: 150px;
+	background: url(AjaxLoader.gif) no-repeat center center
+}
+
+.owl-pagination{
+	text-align: center;
+    background: #f3f5f7;
+    display: inline-block;
+    padding: 4px 7px;
+    border-radius: 8px;
+    font-size: 0;
+}
+.p_special .owl-pagination {
+    background: #fbfbfb;
+}
+.p_special .owl-theme .owl-controls .owl-page span{
+	display: block;
+	width: 44px;
+	height: 5px;
+	margin: 0 3px;
+	background: #e9e9e9;
+}
+.p_special .owl-theme .owl-controls .owl-page.active span,
+.p_special .owl-theme .owl-controls.clickable .owl-page:hover span{
+	background: #00a1e0;
+}
--- a/src/assets/webpub/jqCloud/jqcloud.min.css
+++ b/src/assets/webpub/jqCloud/jqcloud.min.css
@ -0,0 +1 @@
+div.jqcloud{font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:normal}div.jqcloud a{font-size:inherit;text-decoration:none}div.jqcloud span.w10{font-size:550%}div.jqcloud span.w9{font-size:500%}div.jqcloud span.w8{font-size:450%}div.jqcloud span.w7{font-size:400%}div.jqcloud span.w6{font-size:350%}div.jqcloud span.w5{font-size:300%}div.jqcloud span.w4{font-size:250%}div.jqcloud span.w3{font-size:200%}div.jqcloud span.w2{font-size:150%}div.jqcloud span.w1{font-size:100%}div.jqcloud{color:#09f}div.jqcloud a{color:inherit}div.jqcloud a:hover{color:#0df}div.jqcloud a:hover{color:#0cf}div.jqcloud span.w10{color:#0cf}div.jqcloud span.w9{color:#0cf}div.jqcloud span.w8{color:#0cf}div.jqcloud span.w7{color:#39d}div.jqcloud span.w6{color:#90c5f0}div.jqcloud span.w5{color:#90a0dd}div.jqcloud span.w4{color:#90c5f0}div.jqcloud span.w3{color:#a0ddff}div.jqcloud span.w2{color:#9ce}div.jqcloud span.w1{color:#aab5f0}div.jqcloud{overflow:hidden;position:relative}div.jqcloud span{padding:0}
--- a/src/assets/webpub/js/jq-slideVerify.js
+++ b/src/assets/webpub/js/jq-slideVerify.js
@ -0,0 +1,241 @@
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(window.slideVerifyPlug = factory());
+}(this, (function () { 'use strict';
+    
+    var SlideVerify = function (ele,opt) {
+        this.$ele = $(ele);
+        //默认参数
+        this.defaults = {
+            initText:'请按住滑块，拖动到最右边',
+            sucessText:'验证通过',
+            getSuccessState:function(){
+            	
+            }
+        }
+
+        this.settings = $.extend({}, this.defaults, opt);
+        this.touchX = 0 ;
+        this.slideFinishState = false;
+        this.init();
+    }
+    SlideVerify.prototype = {
+    	constructor: SlideVerify,
+        init:function () {
+            var _this = this;
+            _this.initDom();
+            _this.initStyle();
+            _this.initEle();
+            _this._mousedown();
+            _this._mouseup();
+            _this._touchstart();
+            _this._touchmove();
+            _this._touchend();
+        },
+        initDom:function(){
+        	var html = $(
+        		'<div class="drag-progress dragProgress">' + 
+					
+				'</div>' + 
+				'<span class="drag-btn dragBtn">' + 
+					
+				'</span>' + 
+				'<span class="fix-tips fixTips">' + 
+					this.settings.initText + 
+				'</span>' + 
+				'<span class="verify-msg sucMsg">' + 
+					this.settings.sucessText + 
+				'</span>');
+			this.$ele.append(html);
+        },
+        initStyle:function(){
+        	if(this.settings.wrapWidth){
+        		this.$ele.css({
+	        		'width':this.settings.wrapWidth
+	        	})
+        	}else{
+        		this.$ele.css({
+	        		'width':'100%'
+	        	})
+        	}
+        },
+        initEle:function(){
+        	this.slideBtn = this.$ele.find('.dragBtn');
+	        this.slideProEle = this.$ele.find('.dragProgress');
+	        this.slideSucMsgEle = this.$ele.find('.sucMsg');
+	        this.slideFixTipsEle = this.$ele.find('.fixTips');
+	        this.maxSlideWid = this.calSlideWidth();
+        },
+        _mousedown:function(){
+        	var _this = this;
+        	var ifThisMousedown = false;
+        	_this.slideBtn.on('mousedown',function(e){
+        		var distenceX = e.pageX;
+        		e.preventDefault();
+        		if(_this.slideFinishState || _this.ifAnimated()){
+					return false;
+				}
+        		ifThisMousedown = true;
+        		$(document).mousemove(function(e){
+        			if(!ifThisMousedown){
+                        return false;
+                    }
+					var curX = e.pageX - distenceX;
+					if(curX >= _this.maxSlideWid){
+						_this.setDragBtnSty(_this.maxSlideWid);
+						_this.setDragProgressSty(_this.maxSlideWid);
+						_this.cancelMouseMove();
+						_this.slideFinishState = true;
+						if(_this.settings.getSuccessState){
+		                    _this.settings.getSuccessState(_this.slideFinishState);
+		                }
+						_this.successSty();
+					}else if(curX <= 0){
+						_this.setDragBtnSty('0');
+						_this.setDragProgressSty('0');
+					}else{
+						_this.setDragBtnSty(curX);
+						_this.setDragProgressSty(curX);
+					}
+				})
+				$(document).mouseup(function(){
+					if(!ifThisMousedown){
+	                    return false;
+	                }
+	                ifThisMousedown = false;
+	                if(_this.slideFinishState){
+    					_this.cancelMouseMove();
+    					return false;
+    				}else{
+    					_this.failAnimate();
+    			      	_this.cancelMouseMove();
+    				}
+			   });
+        	})
+        	
+        },
+        _mouseup:function(){
+        	
+        },
+        _touchstart:function(){
+        	var _this = this;
+        	_this.slideBtn.on('touchstart',function(e){
+        		_this.touchX = e.originalEvent.targetTouches[0].pageX;
+				if(_this.slideFinishState || _this.ifAnimated()){
+//					_this.cancelTouchmove();
+					return false;
+				}
+        	})
+        },
+        _touchmove:function(){
+        	var _this = this;
+        	_this.slideBtn.on('touchmove',function(e){
+        		e.preventDefault();
+        		var curX = e.originalEvent.targetTouches[0].pageX - _this.touchX;
+        		if(curX >= _this.maxSlideWid){
+					_this.setDragBtnSty(_this.maxSlideWid);
+					_this.setDragProgressSty(_this.maxSlideWid);
+					_this.cancelTouchmove();
+					_this.successSty();
+					_this.slideFinishState = true;
+					if(_this.settings.getSuccessState){
+	                    _this.settings.getSuccessState(_this.slideFinishState);
+	                }
+					_this.slideFinishState = true;
+				}else if(curX <= 0){
+					_this.setDragBtnSty('0');
+					_this.setDragProgressSty('0');
+				}else{
+					_this.setDragBtnSty(curX);
+					_this.setDragProgressSty(curX);
+				}
+        	})
+        },
+        _touchend:function(){
+        	var _this = this;
+        	_this.slideBtn.on('touchend',function(){
+        		if(_this.slideFinishState){
+					_this.cancelTouchmove();
+					return false;
+				}else{
+					_this.failAnimate();
+				}
+        	})
+        },
+        getDragBtnWid:function(){//获取滑块的宽度，
+        	return parseInt(this.slideBtn.width());
+        },
+        getDragWrapWid:function(){//获取  本容器的的宽度，以防万一
+        	return parseFloat(this.$ele.outerWidth());
+        },
+        calSlideWidth:function(){
+        	var _this = this;
+        	return _this.getDragWrapWid() - _this.getDragBtnWid()
+        },
+        ifAnimated:function(){//判断 是否动画状态
+        	return this.slideBtn.is(":animated")
+        },
+        getDragBtnLeft:function(){ //判断当前 按钮 离左侧的距离
+        	return this.slideBtn.css('left');
+        },
+        ifSlideRight:function(){
+        	var _this = this;
+        	if(parseInt(_this.getDragBtnLeft()) == parseInt(_this.calSlideWidth())){
+        		return true;
+        	}else{
+        		return false;
+        	}
+        },
+        setDragBtnSty:function(left){
+        	this.slideBtn.css({
+				'left':left
+			})
+        },
+        setDragProgressSty:function(wid){
+        	this.slideProEle.css({
+				'width':wid
+			})
+        },
+        cancelMouseMove:function(){
+        	$(document).off('mousemove');
+        },
+        cancelTouchmove:function(){
+        	this.slideBtn.off('touchmove');
+        },
+        successSty:function(){
+        	this.slideSucMsgEle.show();
+			this.slideBtn.addClass('suc-drag-btn');
+        },
+        failAnimate:function(){
+        	this.slideBtn.animate({
+				'left':'-1px'
+			},200);
+			this.slideProEle.animate({
+				'width':0
+			},200)
+       },
+       resetVerify:function(){
+       		this.slideSucMsgEle.hide();
+			this.slideBtn.removeClass('suc-drag-btn');
+			this.slideFinishState = false;
+			this.slideProEle.css({
+				'width':0
+			});
+			this.slideBtn.css({
+				'left':'-1px'
+			})
+			this._touchmove();
+       },
+    }
+    var inlineCss = '.verify-wrap{width:350px;height:40px;background-color:#e5e5e5;border:1px solid #e0e0e0;margin:5px auto;position:relative}.verify-wrap .drag-btn{position:absolute;left:-1px;top:-1px;width:50px;height:40px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;background-size:100% 100%;z-index:2;cursor:move;}.verify-wrap .suc-drag-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size:100% 100%}.verify-wrap .drag-progress{position:absolute;left:0;top:-1px;height:40px;border-top:1px solid #7ac23c;border-top:1px solid #7ac23c;width:0;background-color:#7ac23c;color:#fff;font-size:18px;text-align:center;line-height:40px}.verify-wrap .fix-tips,.verify-msg{width:100%;position:absolute;right:0;left:1px;height:100%;color:#51555c;z-index:1;line-height:38px;font-size:12px;text-align:center}.verify-wrap .verify-msg{background-color:#7ac23c;color:#fff;display:none}';
+	var styleObj = $(
+		'<style type="text/css">'+ inlineCss +'</style>'
+	)
+	$('head').prepend(styleObj);
+
+	var slideVerify = window.slideVerifyPlug || SlideVerify;
+
+	return slideVerify;
+
+})));
--- a/src/assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css
+++ b/src/assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css
--- a/src/components/ColumnList.astro
+++ b/src/components/ColumnList.astro
@ -0,0 +1,158 @@
+---
+import { newsIndex, columns as getColumns } from "../../utils/rpc";
+import Layout from "../layouts/Layout.astro";
+import Pagination from '../components/Pagination.astro'
+// import "../../assets/css/news.css";
+// import "../../assets/css/detail.css";
+// import "../../assets/css/news_detail.css";
+// import "../../assets/css/licai.css";
+import "../assets/css/hTopSort.css";
+import "../assets/css/member.css";
+import "../assets/css/bigSort.css";
+import { getConfig } from "../../utils/config";
+const {cid, page = 1} = Astro.props
+const requestUri = Astro.originPathname
+const config = getConfig(Astro);
+var {code, data} = await getColumns(config.id)
+const columnData = data
+
+var { code: newsCode, data: newsData, total } = await newsIndex({
+    websiteId:config.id,
+    filter: {
+        column_tag: 6,
+        second_column:cid
+    }
+})
+---
+<Layout>
+    <div class="bSort-page">
+        <!-- 头部 -->
+        <!-- 页面内容区 -->
+        <div class="tb-wrapper">
+
+        <!-- <Sort /> -->
+            <div class="left-navbar">沃保网&gt;保险资讯&gt;险种测评</div>
+            <div class="tb-main">
+                <!-- 左 -->
+                <div class="main-left">
+                    <div class="tabbar-main tabbar-main__first">
+                        <div class="tabbar-left">
+                            {
+                                columnData.map((e) => {
+                                    if (e.item?.length > 1) {
+                                        return (
+                                            <a href={`/insurance/news/` + e.id} class={`tabbar-item${cid == e.id ? ' tabbar-item__active' : ''}`} >
+                                            {e.name}
+                                            </a>
+                                        );
+                                    }
+                                })
+                              }
+                        </div>
+                    </div>
+                    <!-- 内容区 -->
+                    <div class="bigsort-list">
+                        {
+                            newsData?.articles[cid]?.item?.map(e => (
+                                <div class="bigsort-item">
+                                    <div class="item-left">
+                                        <a href={`/news/${e.id}`} target="_blank">
+                                            <img src={e.cover} alt="" />
+                                        </a>
+                                    </div>
+                                    <div class="item-right">
+                                        <a href={`/news/${e.id}`} target="_blank">
+                                            <h5 class="item-right__title">{e.title}</h5>
+                                            <p class="item-right__content">{e.description}</p>
+                                            <div class="item-right__time">{e.created_at}</div>
+                                        </a>
+                                    </div>
+                                </div>
+                            ))
+                        }
+                    </div>
+    
+                    <!-- 分页开始 -->
+    
+    
+                <div class="fenye">
+                    <div class="digg">        
+                        <Pagination totalPages={total} currentPage={page}/>
+                    </div>
+                </div>
+                    <!-- 分页结束 -->
+                </div>
+                <!-- 右 -->
+                <div class="main-right">
+                    <!-- 新闻推荐 -->
+                        <div class="right-item2">
+                            <div style="font-size:16px; font-weight:bold; padding:10px; color:#4682B4;">新闻推荐</div>
+                            <ul>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146322187607515776.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">海港年年盈两全保险：终身保障+满期返还，财富稳健增长</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146321697810145667.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">海港福多星年金保险(分红型)怎么样？收益如何？条款+亮点分析</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146321002890660284.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">中英人寿鑫满盈3号两全保险(分红型)满期返多少？收益+条款+案例</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146320396226850075.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">中英人寿心爱永恒（悦享版）终身寿险深度测评：终身保障+高额赔付</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146310097206340392.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">短期高空作业意外保险怎么买？短期高空作业险保费多少钱？</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146309987985875010.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">60岁可以买意外险吗？意外险60岁以上老人可保吗？</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146309873126946549.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">老年人意外险60岁以上的多少钱？60岁以上老人意外保险怎么赔偿？</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146309772497175490.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">平安少儿险哪个比较好？2025平安口碑最好的少儿重疾险</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146309669916687964.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">少儿重疾险最建议买哪一种？2025少儿重疾险哪个好？</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="https://news.vobao.com/article/1146306639337201593.shtml" target="_blank">
+                                            <img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
+                                            <span style="vertical-align:middle;">中英人寿臻享鸿图终身寿险(分红型)怎么样？交5年收益如何？条款</span>
+                                        </a>
+                                    </li>
+                            </ul>
+                        </div>
+                </div>
+            </div>
+        </div>
+        <!-- 底部 -->
+    </div>
+</Layout>
--- a/src/components/Pagination.astro
+++ b/src/components/Pagination.astro
@ -0,0 +1,115 @@
+---
+// 通用分页组件
+export interface Props {
+  currentPage: number;
+  totalPages: number;
+  baseUrl?: string; // 基础链接，拼接?page=xxx
+  pageParam?: string; // 分页参数名，默认'page'
+}
+const { currentPage = 1, totalPages = 1, baseUrl = '', pageParam = 'page' } = Astro.props;
+function getPageUrl(page: number) {
+//   if (!baseUrl) return `?${pageParam}=${page}`;
+  // 若baseUrl已带?，则拼接&，否则?
+  return baseUrl + `/page/${page}`;
+}
+
+const showPages = [];
+if (totalPages <= 7) {
+  for (let i = 1; i <= totalPages; i++) showPages.push(i);
+} else {
+  if (currentPage <= 4) {
+    showPages.push(1, 2, 3, 4, 5, '...', totalPages);
+  } else if (currentPage >= totalPages - 3) {
+    showPages.push(1, '...', totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);
+  } else {
+    showPages.push(1, '...', currentPage - 1, currentPage, currentPage + 1, '...', totalPages);
+  }
+}
+---
+<nav class="pagination">
+  <ul>
+    <li class={currentPage == 1 ? 'disabled' : ''}>
+      <a href={currentPage == 1 ? undefined : getPageUrl(currentPage - 1)} aria-label="上一页">«</a>
+    </li>
+    {showPages.map(page =>
+      typeof page == 'number' ? (
+        <li class={page == currentPage ? 'active' : ''}>
+          <a title={`第${page}页`} href={getPageUrl(page)}>{page}</a>
+        </li>
+      ) : (
+        <li class="ellipsis">{page}</li>
+      )
+    )}
+    <li class={currentPage == totalPages ? 'disabled' : ''}>
+      <a href={currentPage == totalPages ? undefined : getPageUrl(currentPage + 1)} aria-label="下一页">»</a>
+    </li>
+  </ul>
+</nav>
+
+<style>
+.pagination {
+  display: flex;
+  justify-content: center;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.pagination ul {
+  display: flex;
+  gap: 0.5rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.pagination li {
+  min-width: 32px;
+  text-align: center;
+  border-radius: 4px;
+  background: #fff;
+  color: #333;
+  font-size: 1rem;
+  user-select: none;
+  transition: background 0.2s, color 0.2s;
+}
+.pagination li.active {
+  background: #F4BB36;
+  color: #fff;
+  font-weight: bold;
+}
+.pagination li.disabled a {
+  pointer-events: none;
+  color: #bbb;
+}
+.pagination li a {
+  display: block;
+  /* padding: 0.5rem 0.75rem; */
+  color: inherit;
+  text-decoration: none;
+  border-radius: 4px;
+}
+.pagination li.ellipsis {
+  background: none;
+  color: #bbb;
+  pointer-events: none;
+  min-width: 24px;
+  padding: 0.5rem 0.2rem;
+}
+@media (max-width: 600px) {
+  .pagination {
+    /* margin: 1rem 0; */
+    font-size: 0.95rem;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .pagination ul {
+    gap: 0.15rem;
+  }
+  .pagination li {
+    min-width: 28px;
+    font-size: 0.95rem;
+  }
+  .pagination li a {
+    padding: 0.35rem 0.5rem;
+    font-size: 0.95rem;
+  }
+}
+</style> 
--- a/src/components/Sort.astro
+++ b/src/components/Sort.astro
@ -0,0 +1,179 @@
+---
+import "../assets/css/bigSort.css";
+---
+<div class="sort-main" tag="menu1">
+    <div class="h-sort" style="flex:7;">
+        <a href="/ceping/" class="sort-left">
+            <img src="/Images/V3/cpjhy/icon_zn.png" alt="" class="left-img">
+            <div class="sort-title">
+                险种测评
+            </div>
+        </a>
+        <div class="sort-right">
+            <a href="/ceping/1/">意外险</a>
+            <span>|</span>
+            <a href="/ceping/2/">重疾险</a>
+            <span>|</span>
+            <a href="/ceping/3/">医疗险</a>
+            <span>|</span>
+            <a href="/ceping/4/">寿险</a>
+            <span>|</span>
+            <a href="/ceping/5/">少儿险</a>
+            <span>|</span>
+            <a href="/ceping/6/">理财险</a>
+            <span>|</span>
+            <a href="/ceping/7/">养老险</a>
+            <span>|</span>
+            <a href="/ceping/8/">财产险</a>
+        </div>
+    </div>
+
+    <div class="h-sort" style="flex:4;">
+        <a class="sort-left" href="/hangye/">
+            <img src="/Images/V3/cpjhy/icon_zx.png" alt="" class="left-img">
+            <div class="sort-title">
+                行业资讯
+            </div>
+        </a>
+        <div class="sort-right">
+            <a href="/hangye/1/">业界新闻</a>
+            <span>|</span>
+            <a href="/vip/">保险人</a>
+        </div>
+
+    </div>
+
+    <div class="h-sort" style="flex:3;">
+        <a class="sort-left" href="/gongsi/">
+            <img src="/Images/V3/cpjhy/icon_zx.png" alt="" class="left-img">
+            <div class="sort-title">
+                公司新闻
+            </div>
+        </a>
+        <a class="sort-left" href="/zhuanti/">
+            <div class="sort-title">
+                专题新闻
+            </div>
+        </a>
+    </div>
+</div>
+<div class="sort-main" tag="menu2" tag2="0" style="display:none;">
+    <div class="h-sort" style="flex:7;">
+        <a href="/zhinan/" class="sort-left">
+            <img src="/Images/V3/cpjhy/icon_zt.png" alt="" class="left-img">
+            <div class="sort-title">
+                投保指南
+            </div>
+        </a>
+        <div class="sort-right">
+            <a href="/zhinan/yiwai/">意外险</a>
+            <span>|</span>
+            <a href="/zhinan/jiankangxian/">健康险</a>
+            <span>|</span>
+            <a href="/zhinan/shouxian/">寿险</a>
+            <span>|</span>
+            <a href="/zhinan/shaoer/">少儿险</a>
+            <span>|</span>
+            <a href="/zhinan/licai/">理财险</a>
+            <span>|</span>
+            <a href="/zhinan/yanglao/">养老险</a>
+            <span>|</span>
+            <a href="/zhinan/caichanxian/">财产险</a>
+        </div>
+    </div>
+
+    <div class="h-sort" style="flex:4;">
+        <a class="sort-left" href="/jinrong/">
+            <img src="/Images/V3/cpjhy/icon_lp.png" alt="" class="left-img">
+            <div class="sort-title">
+                金融知识
+            </div>
+        </a>
+        <a class="sort-left" href="/zhengce/">
+            <div class="sort-title">
+                社保政策
+            </div>
+        </a>
+        <a class="sort-left" href="/dongtai/">
+            <div class="sort-title">
+                监管动态
+            </div>
+        </a>
+    </div>
+    
+    <div class="h-sort" style="flex:3;">
+        
+        <a class="sort-left" href="/chexian/">
+            <div class="sort-title">
+                车险
+            </div>
+        </a>
+        <a class="sort-left" href="//www.vobao.com/tags/">
+            <div class="sort-title">
+                保险专题
+            </div>
+        </a>
+    </div>
+</div>
+<div class="sort-main2">展开↓</div>
+<script>
+    $(function () {
+        $(function () {
+            $(".sort-main2").on("click", function () {
+                var $a = $('div[tag="menu2"]');
+                $a.toggle(500);
+                if ($a.attr("tag2") === "0") {
+                    $a.attr("tag2", "1");
+                    $("#lbShowMenu2").removeClass("spc-img");
+                } else {
+                    $a.attr("tag2", "0");
+                    $("#lbShowMenu2").addClass("spc-img");
+                }
+            });
+        });
+    });
+</script>
+<style>
+    .sort-main {
+        background-color: #f9f9f9;
+        margin-bottom: 0 !important;
+        padding: 10px 0px;
+        display: flex;
+    }
+    .sort-left {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .sort-title {
+        padding-left: 10px;
+    }
+    .sort-right {
+        display: flex;
+        align-items: center;
+    }
+    .sort-right span {
+        display: inline-block;
+        color: #666;
+        font-size: 14px;
+        padding: 10px 5px 10px 0;
+    }
+    .sort-main .h-sort {
+        height: 45px !important;
+    }
+    .sort-main .h-sort .sort-left .left-img {
+        width: 20px !important;
+    }
+    .h-sort {
+        padding: 0 15px !important;
+    }
+    .spc-img {
+        transform: rotate(180deg);
+    }
+    .sort-main2 {
+        background-color: #f9f9f9;
+        text-align: center;
+        padding: 0px 0px 10px;
+        margin-bottom: 15px;
+    }
+</style>
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -1,15 +1,284 @@
+---
+import "../assets/content/css/other/NewIndex2.css";
+import "../assets/content/reset.css";
+import "../assets/css/owl.carousel.css";
+import "../assets/css/owl.theme.css";
+import "../assets/content/Vobao/main_style.css";
+import "../assets/content/Vobao/v5_main_style.css";
+import "../assets/webpub/jqCloud/jqcloud.min.css";
+import "../assets/content/Vobao/vobao.css";
+import "../assets/content/Vobao/newIndex.css";
+import "../assets/css/jquery.autocomplete.css";
+import "../assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css";
+import "../assets/webpub/jqCloud/jqcloud.min.css";
+import { getConfig } from "../../utils/config";
+const config = getConfig(Astro)
+const {
+	desc = 'xxx保险网。',
+	title = '这是title',
+	keywords = '霍尔果斯霍尔果斯飞驰广告传媒有限公司，霍尔果斯飞驰，飞驰营销网',
+	bytedance = ''
+} = Astro.props
+---
+
 <!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<meta name="renderer" content="webkit|ie-comp|ie-stand" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<link rel="icon" type="image/svg+xml" href={config.app_logo} />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro Basics</title>
+		<title>{`${title} | title`}</title>
+		<!-- <meta name="applicable-device" content="pc" /> -->
+
+		<meta name="keywords" content={keywords}>
+		<meta name="description" content={desc}>
+		<meta name="author" content="">
+		<!-- fevicon -->
+		{config.app_baidu_zhanzhang ? <Fragment set:html={config.app_baidu_zhanzhang} /> : ''}
+		{bytedance ? <Fragment set:html={bytedance} /> : ''}
+
+		<link
+			rel="alternate"
+			media="only screen and (max-width: 640px)"
+			href="https://m.vobao.com/"
+		/>
 	</head>
 	<body>
+		<div id="VoBaoHead">
+			<div class="head-box">
+				<div class="width-1200 head-tip-box">
+					<div class="head-tip-fl">
+						<a class="head-tip-item" href="javascript:void(0)">
+							<img src="/Images/V3/index/phone.png" alt="" class="item-img4">
+							<span class="spc-color-red" style="font-size:16px;font-weight:bold">0592-3662001</span>
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="head-tab-box width-1200">
+			<a title="首页" href="/">
+				<img
+					src="/Images/v5/pc/logo.png"
+					alt=""
+				/>
+			</a>
+			<div class="head-tab-item">
+				<a class="tab-item" href="/">
+					<div class="tab-item-name">首页</div>
+					<div class="tab-item-bd"></div>
+				</a>
+			</div>
+		</div>
+
 		<slot />
+
+		<!-- 公用底部 -->
+		<div class="foot-container">
+			<div class="foot-box width-1200">
+				<div class="foot-box-item">
+					<div class="item-logo">
+						<img src="/Images/V2/index/logo2.png" alt="保险之家_保险人的网上家园-沃保保险网">
+					</div>
+					<div class="item-tip">
+						<a href="//www.vobao.com/Vobao/CredentialsPage" target="_blank" rel="nofollow" style="color: #92979b;">增值电信业务经营许可证（ISP/ICP）</a><br>
+						<a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank" style="color: #92979b;">闽ICP备08003619号-1</a>
+						<br>闽公安网备35020302000659号
+						<br>Copyright © 2008-2025<br>
+						<a href="//www.vobao.com/" target="_blank" style="color: #92979b;">沃保保险网</a>
+						厦门诚创网络股份有限公司 版权所有
+					</div>
+				</div>
+				<div class="new-blist">
+					<div class="dl">
+						<img class="dt" src="/Images/V2/index/tu1.png" alt="">
+						<div class="dd">沃保网</div>
+					</div>
+					<ul>
+						<li><a href="//about.vobao.com/" title="关于沃保" target="_blank" rel="nofollow">关于沃保</a></li>
+						
+						<li><a href="//m.vobao.com/" title="手机站" target="_blank">手机站</a></li>
+					</ul>
+				</div>
+				<div class="new-blist">
+					<div class="dl">
+						<img class="dt" src="/Images/V2/index/tu2.png" alt="">
+						<div class="dd">用户帮助</div>
+					</div>
+					<ul>
+						<li><a href="//help.vobao.com/" title="帮助中心" target="_blank" rel="nofollow">帮助中心</a></li>
+						
+						<li><a href="//about.vobao.com/sitemap.shtml" title="网站导航" target="_blank">网站导航</a></li>
+					</ul>
+				</div>
+				<div class="new-blist">
+					<div class="dl">
+						<img class="dt" src="/Images/V2/index/tu3.png" alt="">
+						<div class="dd">关注我们</div>
+					</div>
+					<div class="attention">
+						<dl>
+							<dt><img src="/Images/V2/index/gz1.png" alt=""></dt>
+							<dd><a href="http://weibo.com/vobao" title="新浪微博" target="_blank" rel="nofollow">新浪微博</a></dd>
+						</dl>
+						
+						<dl>
+							<dt><img src="/Images/V2/index/gz3.png" alt=""></dt>
+							<dd>沃保微信</dd>
+						</dl>
+					</div>
+				</div>
+				<div class="new-blist">
+					<div class="dl">
+						<img class="dt" src="/Images/V2/index/t12.png" alt="">
+						<div class="dd">联系我们</div>
+					</div>
+					<p>全国服务热线</p>
+					<p>0592-3662001</p>
+					<p>
+						<a href="//about.vobao.com/lianxi.shtml" target="_blank" rel="nofollow" style="color: #e8e9e9;">广告合作</a>
+					</p>
+				</div>
+				<div class="new-weixin">
+					<dl>
+						<dt>
+							<img src="/Images/old/v3/MainSite/Content/themes/Default/images/XZ/weix.png" alt="">
+						</dt>
+						<dd>扫描二维码 关注沃保微信</dd>
+					</dl>
+				</div>
+			</div>
+			<div id="bottomCert" class="new-wb_hfrz">
+				<a href="//www.vobao.com/Vobao/CredentialsPage" rel="nofollow" target="_blank">
+					<img src="/Images/V3/index/cx1.jpg" alt="增值电信业务经营许可证" border="0">
+				</a>
+				<a href="//www.vobao.com/Vobao/BusinessLicensePage" rel="nofollow" target="_blank">
+					<img src="/Images/V3/index/cx5.jpg" alt="企业法人营业执照" border="0">
+				</a>
+				<a href="http://www.cyberpolice.cn" rel="nofollow" target="_blank">
+					<img src="/Images/V3/index/cx6.jpg" alt="厦门网络警察报警平台" border="0">
+				</a>
+			</div>
+		</div>
 	</body>
+	<script is:inline src="/scripts/swiper-4.3.3.min.js"
+	></script>
+	<script is:inline src="/scripts/jquery-1.8.3.min.js"></script>
+	<script is:inline src="/scripts/jquery-autocomplete/jquery.autocomplete.min.js"></script>
+	<!-- <script is:inline src="https://res.vobao.com/webpub/js/jq-slideVerify.js?v=0"></script> -->
+	<script is:inline src="/scripts/Vobao/new.js"></script>
+	<script is:inline src="/scripts/Vobao/NewIndex2.js"></script>
+	<script is:inline src="/scripts/jqcloud-1.0.4.min.js"></script>
+	<script>
+		var word_array = [
+			{
+				text: "大病医疗保险",
+				weight: 1,
+				link: "//www.vobao.com/tags/1127603676581033399.shtml",
+			},
+			{
+				text: "出国保险",
+				weight: 2,
+				link: "//www.vobao.com/tags/1127603550868378556.shtml",
+			},
+			{
+				text: "保险金(2025年保险金权威百科)",
+				weight: 3,
+				link: "//www.vobao.com/tags/1126557769166020584.shtml",
+			},
+			{
+				text: "五险是哪五种保险",
+				weight: 4,
+				link: "//www.vobao.com/tags/1126466693478548207.shtml",
+			},
+			{
+				text: "保险",
+				weight: 5,
+				link: "//www.vobao.com/tags/1106760687585690430.shtml",
+			},
+			{
+				text: "太平洋保险电话",
+				weight: 1,
+				link: "//www.vobao.com/tags/1106760419042614376.shtml",
+			},
+			{
+				text: "人保保险车险电话",
+				weight: 2,
+				link: "//www.vobao.com/tags/1106760232748061787.shtml",
+			},
+			{
+				text: "中国人寿保险电话",
+				weight: 3,
+				link: "//www.vobao.com/tags/1106759838835817272.shtml",
+			},
+			{
+				text: "保险单号查询",
+				weight: 4,
+				link: "//www.vobao.com/tags/1106759594904857530.shtml",
+			},
+			{
+				text: "带病投保",
+				weight: 5,
+				link: "//www.vobao.com/tags/1106132105978599903.shtml",
+			},
+			{
+				text: "定期寿险价格",
+				weight: 1,
+				link: "//www.vobao.com/tags/1105459079774031226.shtml",
+			},
+			{
+				text: "终身寿险万能型",
+				weight: 2,
+				link: "//www.vobao.com/tags/1105458126760952283.shtml",
+			},
+			{
+				text: "终身寿险的优点与缺点",
+				weight: 3,
+				link: "//www.vobao.com/tags/1105457923297844238.shtml",
+			},
+			{
+				text: "百万医疗险和重疾险的区别",
+				weight: 4,
+				link: "//www.vobao.com/tags/1105457722836272540.shtml",
+			},
+			{
+				text: "增额终身寿险的优点和缺点",
+				weight: 5,
+				link: "//www.vobao.com/tags/1105456819763353985.shtml",
+			},
+			{
+				text: "返还型重疾险",
+				weight: 1,
+				link: "//www.vobao.com/tags/1105456404532995588.shtml",
+			},
+			{
+				text: "消费型重疾险",
+				weight: 2,
+				link: "//www.vobao.com/tags/1105455768671234622.shtml",
+			},
+			{
+				text: "买重疾险的最佳年龄",
+				weight: 3,
+				link: "//www.vobao.com/tags/1105455533374983218.shtml",
+			},
+			{
+				text: "年金险和终身寿险优劣",
+				weight: 4,
+				link: "//www.vobao.com/tags/1105455369155011583.shtml",
+			},
+			{
+				text: "雇主责任险与团体意外险区别",
+				weight: 5,
+				link: "//www.vobao.com/tags/1105206928579789863.shtml",
+			},
+		];
+		$(function () {
+			$("#example").jQCloud(word_array);
+		});
+	</script>
 </html>

 <style>
@ -19,4 +288,64 @@
 		width: 100%;
 		height: 100%;
 	}
+
+	.verify-wrap {
+		width: 350px;
+		height: 40px;
+		background-color: #e5e5e5;
+		border: 1px solid #e0e0e0;
+		margin: 5px auto;
+		position: relative;
+	}
+	.verify-wrap .drag-btn {
+		position: absolute;
+		left: -1px;
+		top: -1px;
+		width: 50px;
+		height: 40px;
+		background: #fff
+			url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==)
+			no-repeat center center;
+		background-size: 100% 100%;
+		z-index: 2;
+		cursor: move;
+	}
+	.verify-wrap .suc-drag-btn {
+		background: #fff
+			url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=)
+			no-repeat center center;
+		background-size: 100% 100%;
+	}
+	.verify-wrap .drag-progress {
+		position: absolute;
+		left: 0;
+		top: -1px;
+		height: 40px;
+		border-top: 1px solid #7ac23c;
+		border-top: 1px solid #7ac23c;
+		width: 0;
+		background-color: #7ac23c;
+		color: #fff;
+		font-size: 18px;
+		text-align: center;
+		line-height: 40px;
+	}
+	.verify-wrap .fix-tips,
+	.verify-msg {
+		width: 100%;
+		position: absolute;
+		right: 0;
+		left: 1px;
+		height: 100%;
+		color: #51555c;
+		z-index: 1;
+		line-height: 38px;
+		font-size: 12px;
+		text-align: center;
+	}
+	.verify-wrap .verify-msg {
+		background-color: #7ac23c;
+		color: #fff;
+		display: none;
+	}
 </style>
--- a/src/middleware/index.ts
+++ b/src/middleware/index.ts
@ -0,0 +1,34 @@
+import { getHost } from "../../utils/host";
+import { websiteConfig } from "../../utils/rpc";
+
+export async function onRequest (context: any, next: any) {
+    // 拦截一个请求里的数据
+    // 可选地修改 `locals` 中的属性
+    const host = await getHost(context.request);
+console.log(host)
+    // 防止无线跳转
+    if (context.locals.is_write) {
+        return next();
+    }
+
+    if (!host) {
+        context.locals.is_write = 1;
+        return context.rewrite('/404');
+    }
+
+    const {code, data} = await websiteConfig(host);
+
+    if (!data || code !== 0) {
+        context.locals.is_write = 1;
+        return context.rewrite('/404');
+    }
+
+    if (!context.locals.is_write) {
+        context.locals.is_write = 1;
+        context.locals.template_number = 2;
+        context.locals.template_config = data;
+        return context.rewrite(context.url.pathname);
+    }
+
+    return next();
+};
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -1,11 +1,493 @@
 ---
-import Welcome from '../components/Welcome.astro';
 import Layout from '../layouts/Layout.astro';
+import { getConfig } from "../../utils/config";
+import { newsIndex } from "../../utils/rpc";

-// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
-// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
+const config = getConfig(Astro);
+const { code, data } = await newsIndex({
+	websiteId: config.id
+});
+console.log(data)
 ---

 <Layout>
-	<Welcome />
+	<!-- 顶部功能栏 -->
+	<div id="VoBaoHead"></div>   
+	<!-- 公用头部 -->
+	<!-- banner -->
+	<div class="head-banner min-width">
+		<div class="swiper-container swiper-container-horizontal" id="swiper1">
+			<div class="swiper-wrapper">
+			</div>
+		<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
+	</div>
+	<!-- 看攻略 -->
+	<div class="news-container width-1200">
+		<div class="news-head">
+			<div class="news-head-title">看攻略</div>
+			<div class="news-head-tip">精心准备的保险知识，让你投保不再盲目</div>
+		</div>
+	</div>
+	<!-- 寿险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['11']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['11']?.desc}</div>
+			</div>
+			<a class="xznews-tip" href={data?.articles?.['11']?.url} target="_blank">+更多</a>
+		</div>
+		<div class="xznews-box">
+				<div class="xznews-box-f xznews-box-width">
+					<div class="xznews-f-pitem">
+						{
+							data?.articles?.['11']?.item?.slice(0, 2).map((e, index) => (
+								<a class="pitem-item" target="_blank" href={`/news/${e.id}`}>
+									<img src={e.cover} alt="" class="item-img" />
+									<div class="item-title">{e.title}</div>
+								</a>
+							))
+						}
+					</div>
+					{
+						data?.articles?.['11']?.item?.slice(2, 3).map((e, index) => (
+							<a class="xznews-f-fitem" target="_blank" href={`/news/${e.id}`}>
+								<img src={e.cover} alt="" class="fitem-img" />
+								<div class="fitem-tip">{e.title}</div>
+							</a>
+						))
+					}
+					{/* <a class="xznews-f-fitem" target="_blank" href="//news.vobao.com/article/1145627262119423674.shtml">
+						<img src="https://res.vobao.com/res1/news/202507221349376851145627377685976963.jpg" alt="" class="fitem-img">
+						<div class="fitem-tip">2025终身寿险排行榜前十名有哪些，2025终身寿险哪家保险公司好</div>
+					</a> */}
+				</div>
+				<div class="xznews-box-s xznews-box-width2">
+					<div class="xznews-s-list spc-list">
+						{
+							data?.articles?.['11']?.item?.slice(3, 10).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+					<div class="xznews-s-list">
+						{
+							data?.articles?.['11']?.item?.slice(10, 17).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+				</div>
+				<div class="xznews-box-t xznews-box-width3">
+					<div class="t-list">
+							{
+								data?.articles?.['11']?.item?.slice(18, 20).map((e, index) => (
+									<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<img src={e.cover} alt="" class="t-item-img" />
+										<div class="t-item-box">
+											<div class="t-item-title">{e.title}</div>
+											<div class="t-item-tip">{e.created_at}</div>
+										</div>
+									</a>
+								))
+							}
+							{
+								data?.articles?.['11']?.item?.slice(20, 30).map((e, index) => (
+									<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<div class="t-item-tip">{index + 1}</div>
+										<div class="t-item-title">{e.title}</div>
+									</a>
+								))
+							}
+					</div>
+				</div>
+		</div>
+	</div>
+	<!-- 意外险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['12']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['12']?.desc}</div>
+			</div>
+			<a class="xznews-tip" target="_blank" href="//news.vobao.com/ceping/1/">+更多</a>
+		</div>
+		<div class="xznews-box">
+				<div class="xznews-box-f xznews-box-width2">
+					<div class="xznews-f-list">
+						{
+							data?.articles?.['12']?.item?.slice(0, 2).map((e, index) => (
+								<a title={e.title} class="f-item-spc" target="_blank" href={`/news/${e.id}`}>
+									<div class="item-spc-title">{e.title}</div>
+									<div class="item-spc-cont">{e.description}</div>
+								</a>
+							))
+						}
+						{
+							data?.articles?.['12']?.item?.slice(2, 5).map((e, index) => (
+								<a title={e.title} class="f-item" target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+				</div>
+				<div class="xznews-box-s xznews-box-width">
+					{
+						data?.articles?.['12']?.item?.slice(5, 6).map((e, index) => (
+							<a class="s-img-item" target="_blank" href={`/news/${e.id}`}>
+								<img src={e.cover} alt="" class="s-img" />
+								<div class="s-img-tip">{e.title}</div>
+							</a>
+						))
+					}
+				</div>
+				<div class="xznews-box-t xznews-box-width3">
+					<div class="t-list t-list2">
+						{
+							data?.articles?.['12']?.item?.slice(6, 9).map((e, index) => (
+								<a class="t-item-spc" title={e.title} target="_blank" href={`/news/${e.id}`}>
+									<img src={e.cover} alt="" class="t-item-img" />
+									<div class="t-item-box">
+										<div class="t-item-title">{e.title}</div>
+										<div class="t-item-tip">{e.created_at}</div>
+									</div>
+								</a>
+							))
+						}
+					</div>
+				</div>
+		</div>
+	</div>
+	<!-- 医疗险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['13']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['13']?.desc}</div>
+			</div>
+			<a class="xznews-tip" target="_blank" href="//news.vobao.com/ceping/3/">+更多</a>
+		</div>
+		<div class="xznews-box">
+			<div class="box-swiper">
+				<div class="swiper-container swiper-container-horizontal" id="swiper2">
+					<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+						{
+							data?.articles?.['13']?.item?.slice(0, 3).map((e, index) => (
+								<div class="swiper-slide swiper-slide-active" >
+									<a class="box-swiper-item" title={e.title} target="_blank" href={`/news/${e.id}`}>
+										<img src={e.cover} alt="" class="item-img" />
+										<div class="item-title">{e.title}</div>
+										<div class="item-cont">{e.description}</div>
+									</a>
+								</div>
+							))
+						}
+					</div>
+				<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
+				<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-p2"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
+			</div>
+			<div class="box-swiper">
+				<div class="swiper-container swiper-container-horizontal" id="swiper3">
+					<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
+						{
+							data?.articles?.['13']?.item?.slice(3, 6).map((e, index) => (
+								<div class="swiper-slide swiper-slide-active" >
+										<a class="box-swiper-item" title={e.title} target="_blank" href={`/news/${e.id}`}>
+											<img src={e.cover} alt="" class="item-img" />
+											<div class="item-title">{e.title}</div>
+											<div class="item-cont">{e.description}</div>
+										</a>
+								</div>
+							))
+						}
+					</div>
+				<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
+				<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-p3"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
+			</div>
+			<div class="box-swiper">
+				<div class="swiper-container swiper-container-horizontal" id="swiper4">
+					<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
+						{
+							data?.articles?.['13']?.item?.slice(6, 9).map((e, index) => (
+								<div class="swiper-slide swiper-slide-active" >
+										<a class="box-swiper-item" title={e.title} target="_blank" href={`/news/${e.id}`}>
+											<img src={e.cover} alt="" class="item-img" />
+											<div class="item-title">{e.title}</div>
+											<div class="item-cont">{e.description}</div>
+										</a>
+								</div>
+							))
+						}
+					</div>
+				<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
+				<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-p4"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
+			</div>
+		</div>
+	</div>
+	<!-- 重疾险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['14']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['14']?.desc}</div>
+			</div>
+			<a class="xznews-tip" href="//news.vobao.com/ceping/2/" target="_blank">+更多</a>
+		</div>
+		<div class="xznews-box">
+				<div class="xznews-box-f xznews-box-width">
+					<div class="xznews-f-pitem">
+						{
+							data?.articles?.['14']?.item?.slice(0, 2).map((e, index) => (
+								<a class="pitem-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+									<img src={e.cover} alt="" class="item-img" />
+									<div class="item-title">{e.title}</div>
+								</a>
+							))
+						}
+					</div>
+					{
+						data?.articles?.['14']?.item?.slice(2, 3).map((e, index) => (
+							<a class="xznews-f-fitem" target="_blank" title={e.title} href={`/news/${e.id}`}>
+								<img src={e.cover} alt="" class="fitem-img" />
+								<div class="fitem-tip">{e.title}</div>
+							</a>
+						))
+					}
+				</div>
+				<div class="xznews-box-s xznews-box-width2">
+					<div class="xznews-s-list spc-list">
+						{
+							data?.articles?.['14']?.item?.slice(3, 10).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+					<div class="xznews-s-list">
+						{
+							data?.articles?.['14']?.item?.slice(10, 17).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+				</div>
+				<div class="xznews-box-t xznews-box-width3">
+					<div class="t-list">
+							{
+								data?.articles?.['11']?.item?.slice(18, 20).map((e, index) => (
+									<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<img src={e.cover} alt="" class="t-item-img" />
+										<div class="t-item-box">
+											<div class="t-item-title">{e.title}</div>
+											<div class="t-item-tip">{e.created_at}</div>
+										</div>
+									</a>
+								))
+							}
+							{
+								data?.articles?.['11']?.item?.slice(20, 30).map((e, index) => (
+									<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<div class="t-item-tip">{index + 1}</div>
+										<div class="t-item-title">{e.title}</div>
+									</a>
+								))
+							}
+					</div>
+				</div>
+		</div>
+	</div>
+	<!-- 少儿险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['15']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['15']?.desc}</div>
+			</div>
+			<a class="xznews-tip" href="//news.vobao.com/ceping/2/" target="_blank">+更多</a>
+		</div>
+		<div class="xznews-box">
+				<div class="xznews-box-f xznews-box-width">
+					<div class="xznews-f-pitem">
+						{
+							data?.articles?.['15']?.item?.slice(0, 2).map((e, index) => (
+								<a class="pitem-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+									<img src={e.cover} alt="" class="item-img" />
+									<div class="item-title">{e.title}</div>
+								</a>
+							))
+						}
+					</div>
+					{
+						data?.articles?.['15']?.item?.slice(2, 3).map((e, index) => (
+							<a class="xznews-f-fitem" target="_blank" title={e.title} href={`/news/${e.id}`}>
+								<img src={e.cover} alt="" class="fitem-img" />
+								<div class="fitem-tip">{e.title}</div>
+							</a>
+						))
+					}
+				</div>
+				<div class="xznews-box-s xznews-box-width2">
+					<div class="xznews-s-list spc-list">
+						{
+							data?.articles?.['15']?.item?.slice(3, 10).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+					<div class="xznews-s-list">
+						{
+							data?.articles?.['15']?.item?.slice(10, 17).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+				</div>
+				<div class="xznews-box-t xznews-box-width3">
+					<div class="t-list">
+							{
+								data?.articles?.['15']?.item?.slice(18, 20).map((e, index) => (
+									<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<img src={e.cover} alt="" class="t-item-img" />
+										<div class="t-item-box">
+											<div class="t-item-title">{e.title}</div>
+											<div class="t-item-tip">{e.created_at}</div>
+										</div>
+									</a>
+								))
+							}
+							{
+								data?.articles?.['15']?.item?.slice(20, 30).map((e, index) => (
+									<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<div class="t-item-tip">{index + 1}</div>
+										<div class="t-item-title">{e.title}</div>
+									</a>
+								))
+							}
+					</div>
+				</div>
+		</div>
+	</div>
+	<!-- 理财险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['16']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['16']?.desc}</div>
+			</div>
+			<a class="xznews-tip" target="_blank" href="//news.vobao.com/ceping/1/">+更多</a>
+		</div>
+		<div class="xznews-box">
+				<div class="xznews-box-f xznews-box-width2">
+					<div class="xznews-f-list">
+						{
+							data?.articles?.['16']?.item?.slice(0, 2).map((e, index) => (
+								<a title={e.title} class="f-item-spc" target="_blank" href={`/news/${e.id}`}>
+									<div class="item-spc-title">{e.title}</div>
+									<div class="item-spc-cont">{e.description}</div>
+								</a>
+							))
+						}
+						{
+							data?.articles?.['16']?.item?.slice(2, 5).map((e, index) => (
+								<a title={e.title} class="f-item" target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+				</div>
+				<div class="xznews-box-s xznews-box-width">
+					{
+						data?.articles?.['16']?.item?.slice(5, 6).map((e, index) => (
+							<a class="s-img-item" target="_blank" href={`/news/${e.id}`}>
+								<img src={e.cover} alt="" class="s-img" />
+								<div class="s-img-tip">{e.title}</div>
+							</a>
+						))
+					}
+				</div>
+				<div class="xznews-box-t xznews-box-width3">
+					<div class="t-list t-list2">
+						{
+							data?.articles?.['16']?.item?.slice(6, 9).map((e, index) => (
+								<a class="t-item-spc" title={e.title} target="_blank" href={`/news/${e.id}`}>
+									<img src={e.cover} alt="" class="t-item-img" />
+									<div class="t-item-box">
+										<div class="t-item-title">{e.title}</div>
+										<div class="t-item-tip">{e.created_at}</div>
+									</div>
+								</a>
+							))
+						}
+					</div>
+				</div>
+		</div>
+	</div>
+	<!-- 养老险 -->
+	<div class="xznews-container width-1200">
+		<div class="xznews-head">
+			<div class="xznews-title">
+				<div class="xznews-bdtitle">{data?.articles?.['17']?.title}</div>
+				<div class="xznews-tiptitle">{data?.articles?.['17']?.desc}</div>
+			</div>
+			<a class="xznews-tip" href="//news.vobao.com/ceping/2/" target="_blank">+更多</a>
+		</div>
+		<div class="xznews-box">
+				<div class="xznews-box-f xznews-box-width">
+					<div class="xznews-f-pitem">
+						{
+							data?.articles?.['17']?.item?.slice(0, 2).map((e, index) => (
+								<a class="pitem-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+									<img src={e.cover} alt="" class="item-img" />
+									<div class="item-title">{e.title}</div>
+								</a>
+							))
+						}
+					</div>
+					{
+						data?.articles?.['17']?.item?.slice(2, 3).map((e, index) => (
+							<a class="xznews-f-fitem" target="_blank" title={e.title} href={`/news/${e.id}`}>
+								<img src={e.cover} alt="" class="fitem-img" />
+								<div class="fitem-tip">{e.title}</div>
+							</a>
+						))
+					}
+				</div>
+				<div class="xznews-box-s xznews-box-width2">
+					<div class="xznews-s-list spc-list">
+						{
+							data?.articles?.['15']?.item?.slice(3, 10).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+					<div class="xznews-s-list">
+						{
+							data?.articles?.['15']?.item?.slice(10, 17).map((e, index) => (
+								<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
+							))
+						}
+					</div>
+				</div>
+				<div class="xznews-box-t xznews-box-width3">
+					<div class="t-list">
+							{
+								data?.articles?.['17']?.item?.slice(18, 20).map((e, index) => (
+									<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<img src={e.cover} alt="" class="t-item-img" />
+										<div class="t-item-box">
+											<div class="t-item-title">{e.title}</div>
+											<div class="t-item-tip">{e.created_at}</div>
+										</div>
+									</a>
+								))
+							}
+							{
+								data?.articles?.['17']?.item?.slice(20, 30).map((e, index) => (
+									<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
+										<div class="t-item-tip">{index + 1}</div>
+										<div class="t-item-title">{e.title}</div>
+									</a>
+								))
+							}
+					</div>
+				</div>
+		</div>
+	</div>
 </Layout>
--- a/src/pages/insurance/[...slug].astro
+++ b/src/pages/insurance/[...slug].astro
@ -0,0 +1,7 @@
+---
+import "../../assets/css/hTopSort.css";
+import "../../assets/css/member.css";
+import ColumnList from '../../components/ColumnList.astro'
+const defaultColumn = 11
+---
+<ColumnList cid ={defaultColumn}/>
--- a/src/pages/insurance/news/[id]/index.astro
+++ b/src/pages/insurance/news/[id]/index.astro
@ -0,0 +1,8 @@
+---
+const {id} = Astro.params
+import ColumnList from '../../../../components/ColumnList.astro'
+if (!id) {
+    return Astro.rewrite('/404')
+}
+---
+<ColumnList cid={id} />
--- a/src/pages/insurance/news/[id]/list_[page]/index.astro
+++ b/src/pages/insurance/news/[id]/list_[page]/index.astro
@ -0,0 +1,6 @@
+---
+const {page, id} = Astro.params
+import ColumnList from '../../../../../components/ColumnList.astro'
+console.log(Astro.params)
+---
+<ColumnList page = {page} cid={id}/>
--- a/src/pages/news/[...slug].astro
+++ b/src/pages/news/[...slug].astro
@ -0,0 +1,215 @@
+---
+import "../../assets/css/news.css";
+import "../../assets/css/detail.css";
+import "../../assets/css/news_detail.css";
+import "../../assets/css/licai.css";
+import "../../assets/css/hTopSort.css";
+import Layout from "../../layouts/Layout.astro";
+// import Sort from '../../components/Sort.astro'
+import { getConfig } from "../../../utils/config";
+import { newsDetail, columns as getColumns } from "../../../utils/rpc";
+const { slug } = Astro.params;
+const config = getConfig(Astro);
+if (!slug) {
+    return Astro.rewrite("/404");
+}
+var { code, data } = await newsDetail(slug, config);
+---
+<Layout>
+    <section id="body" class="content-wrapper main-content clear-fix">
+        <!-- 中间内容开始 -->
+        <div class="box">
+            <!-- <Sort /> -->
+
+            <div class="info-box">
+                <!-- 左边开始 -->
+                <div class="ndetail fl" id="article_content">
+                    <h1>{data.title}</h1>
+                    <div class="ndtitle fl">
+                        <span class="soure fr">
+                            来源：<a
+                                href="//www.vobao.com"
+                                target="_blank"
+                                style="color:#c7c7c7;">沃保网编辑整理</a
+                            >&nbsp;&nbsp; 2025-07-22 10:55:04
+                        </span>
+                    </div>
+                    <div class="text-main">
+                        <Fragment set:html={data.content} />
+                    </div>
+                    <!--保险测评 文章-->
+                    <div
+                        style="margin: 10px 0px; padding: 15px 20px; line-height: 26px; font-size: 14px; color: #8a98ab; background: #f5f5f5; float: left"
+                    >
+                        声明：凡本网站注明“来源：沃保网”的文章，版权均属沃保网所有，如需转载，请先阅读<a
+                            href="//help.vobao.com/dongtai/916584998482794341.shtml"
+                            target="_blank"
+                            style="color: blue">《内容转载授权说明》</a
+                        >，按照相关规定获得授权。未经授权，禁止转载、摘编，如有违反，追究法律责任；资讯内容中如有提及保险产品信息仅供参考，具体请以保险公司官方正式条款为准；如有涉及信息准确性偏差，请联系沃保官方客服。
+                    </div>
+                    <!-- 分享 -->
+                    <script>
+                        function hideMore(obj) {
+                            console.log();
+                            if ($(obj).hasClass("more-img-up")) {
+                                $(obj)
+                                    .parent()
+                                    .parent()
+                                    .children(0)
+                                    .children(1)
+                                    .addClass("max-height");
+                                $(obj).removeClass("more-img-up");
+                            } else {
+                                $(obj)
+                                    .parent()
+                                    .parent()
+                                    .children(0)
+                                    .children(1)
+                                    .removeClass("max-height");
+                                $(obj).addClass("more-img-up");
+                            }
+                        }
+                    </script>
+                    <!-- 相关资讯 -->
+                    <div class="absoutnews">
+                        <div class="titleone titbg2">
+                            <span class="toleft">相关资讯</span>
+                        </div>
+                        <div class="pmain">
+                            {
+                                data.about.map(e => (
+                                <div class="z-main clearfix">
+                                        <a title={e.title} href={`/news/${e.id}`} target="_blank">
+                                            <div class="z-left fl">
+                                                <img class="z-left__img" src={e.cover} alt={e.title} />
+                                            </div>
+                                            <div class="z-right fl">
+                                                <p class="z-right__title">
+                                                    {e.title}
+                                                </p>
+                                                <p class="z-right__des" style="color:#AEADAB;">
+                                                    
+                                                </p>
+                                                <span class="z-right__time">{e.created_at}</span>
+                                            </div>
+                                        </a>
+                                    </div>
+                                ))
+                            }
+                        </div>
+                    </div>
+                </div>
+                <!-- 右边开始 -->
+                <div class="main-right">
+                    <!-- 一周热门榜 -->
+                    <div id="WeeklyHot"></div>
+                    <div id="divZJ">
+                        <link
+                            href="/Content/News/newsappointmentpartial.css"
+                            rel="stylesheet"
+                        />
+                        <div class="gnright fr sp-yzrmb">
+                            <div
+                                class="border-around clear week-hot new__821"
+                                style="margin-bottom:15px; padding:0 10px;"
+                            >
+                                <div
+                                    class="titletwo titbg7 fl"
+                                    style="margin: 15px 0 10px 0; width: 281px;"
+                                >
+                                    <span class="toleft fl">推荐新闻</span>
+                                    <span class="toright fr">
+                                        <a
+                                            href="javascript:void(0)"
+                                            title=""
+                                            style="display: none"
+                                            >更多&gt;&gt;</a
+                                        >
+                                    </span>
+                                </div>
+                                <div>
+                                    {
+                                        data.about.slice(0,3).map(e => (
+                                            <a href={`/news/${e.id}`} target="_blank" >
+                                                <div style="clear:both; margin:15px 0px; display:inline-block;">
+                                                    <div style="position:relative;float: left;" >
+                                                        <img src={e.cover} alt={e.title} style="max-width:110px;" />
+                                                    </div>
+                                                    <div>
+                                                        <div style="font-size:16px;font-weight:bold;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:134px;">
+                                                            {e.title}
+                                                        </div>
+                                                        <div style="display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:16px; color:#AEADAB; margin-top:5px;">
+                                                            {e.description}
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        ))
+                                    }
+                                    {
+                                        data.about.slice(3,5).map(e => (
+                                            <a href="/article/1145877620262775728.shtml" target="_blank" >
+                                                <div style="clear:both; margin:15px 0px; display:inline-block; width: 281px;">
+                                                    <div style="float:left; width:100%;">
+                                                        <div style="font-size:16px;font-weight:bold;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;">
+                                                            {e.title}
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        ))
+                                    }
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</Layout>
+<style>
+    .sort-main {
+        background-color: #f9f9f9;
+        margin-bottom: 0 !important;
+        padding: 10px 0px;
+        display: flex;
+    }
+    .sort-left {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .sort-title {
+        padding-left: 10px;
+    }
+    .sort-right {
+        display: flex;
+        align-items: center;
+    }
+    .sort-right span {
+        display: inline-block;
+        color: #666;
+        font-size: 14px;
+        padding: 10px 5px 10px 0;
+    }
+    .sort-main .h-sort {
+        height: 45px !important;
+    }
+    .sort-main .h-sort .sort-left .left-img {
+        width: 20px !important;
+    }
+    .h-sort {
+        padding: 0 15px !important;
+    }
+    .spc-img {
+        transform: rotate(180deg);
+    }
+    .sort-main2 {
+        background-color: #f9f9f9;
+        text-align: center;
+        padding: 0px 0px 10px;
+        margin-bottom: 15px;
+    }
+</style>
--- a/utils/config.ts
+++ b/utils/config.ts
@ -0,0 +1,12 @@
+import type { IWebsiteConfig } from "./rpc";
+
+export function getConfig(Astro: any):IWebsiteConfig
+{
+    return Astro.locals.template_config;
+}
+
+// 取默认的配置
+export function getExtra(extraTag: string = '')
+{
+    return {}
+}
--- a/utils/host.ts
+++ b/utils/host.ts
@ -0,0 +1,5 @@
+export async function getHost(request: Request) {
+    // 获取请求头中的 Host
+    const host = request.headers.get('host');
+    return host;
+}
--- a/utils/rpc-client.ts
+++ b/utils/rpc-client.ts
@ -0,0 +1,75 @@
+import net from 'net'
+
+interface JsonRpcRequest {
+  jsonrpc: '2.0'
+  method: string
+  params?: any
+  id: number
+}
+
+interface JsonRpcResponse {
+  jsonrpc: '2.0'
+  id: number
+  result?: any
+  error?: { code: number; message: string; data?: any }
+  context?: any
+}
+
+export class JsonRpcClient {
+  private host: string
+  private port: number
+  private timeout: number
+
+  constructor(host: string = '127.0.0.1', port: number = 9504, timeout = 1000) {
+    this.host = host
+    this.port = port
+    this.timeout = timeout
+  }
+
+  async call(method: string, params?: any): Promise<any> {
+    const req: JsonRpcRequest = {
+      jsonrpc: '2.0',
+      method,
+      params,
+      id: Date.now(),
+    }
+
+    const message = JSON.stringify(req) + '\n'
+
+    return new Promise((resolve, reject) => {
+      const client = new net.Socket()
+      let response = ''
+
+      client.setEncoding('utf-8')
+      const timer = setTimeout(() => {
+        client.destroy()
+        reject(new Error('RPC call timed out'))
+      }, this.timeout)
+
+      client.connect(this.port, this.host, () => {
+        client.write(message)
+      })
+
+      client.on('data', (data) => {
+        response += data.toString()
+        try {
+          const res: JsonRpcResponse = JSON.parse(response)
+          clearTimeout(timer)
+          client.end()
+          if (res.error) {
+            reject(new Error(res.error.message))
+          } else {
+            resolve(res.result)
+          }
+        } catch (e) {
+          // wait for more data
+        }
+      })
+
+      client.on('error', (err) => {
+        clearTimeout(timer)
+        reject(err)
+      })
+    })
+  }
+}
--- a/utils/rpc.ts
+++ b/utils/rpc.ts
@ -0,0 +1,136 @@
+import { JsonRpcClient } from './rpc-client.ts'
+
+interface images {
+    src:string
+}
+
+interface result<T> {
+    code : number
+    message : string
+    data : T
+}
+
+function getRpcClient() {
+
+    return new JsonRpcClient(import.meta.env.RPC_REMOTE, import.meta.env.RPC_PORT)
+}
+
+// 新闻列表
+export interface InewsIndex {
+    id: number
+    title: string
+    cover: string
+    keywords: string
+    description: string
+    content: string
+    created_at: string
+    updated_at: string
+    column_tag: string
+    column_tag_url: string
+    second_column_tag: string
+    second_column_tag_url: string
+}
+export async function newsIndex({websiteId = 0, limit = 10, page = 1, filter = []} = {}):Promise<{
+    code : number
+    message : string
+    data : InewsIndex[]
+    total: number
+    hot: {
+        cover: string
+        id: string
+        title: string
+        created_at: string
+    }[]
+}>{console.log({
+    id:websiteId,
+    limit: limit,
+    page: page,
+    filter: filter
+})
+    const client = getRpcClient()
+    const result = await client.call('baoxian/news/index', {
+        id:websiteId,
+        limit: limit,
+        page: page,
+        filter: filter
+    })
+
+    return result
+}
+
+
+// 新闻详情
+export interface InewsDetail {
+    id: number
+    title: string
+    keywords: string
+    description: string
+    content: string
+    created_at: string
+    updated_at: string
+    column_tag: string
+    column_tag_url: string
+    second_column_tag: string
+    second_column_tag_url: string
+    about: {
+        id: number
+        title: string
+    }[]
+    prevNews: {
+        id: number
+        title: string
+    }
+    nextNews: {
+        id: number
+        title: string
+    }
+}
+export async function newsDetail(id:string, config: IWebsiteConfig):Promise<result<InewsDetail>>{
+    const client = getRpcClient()
+    const result = await client.call('baoxian/news/view', {
+        id:id,
+        app_id: config.id
+    })
+    return result
+}
+
+
+// 网站配置
+export interface IWebsiteConfig {
+    id: number
+    app_extra_tag: string
+    app_name: string
+    app_description: string
+    app_keywords: string
+    app_company: string
+    app_logo: string
+    app_favicon: string
+    app_copyright: string
+    app_icp: string
+    app_filing: string
+    app_filing_url: string
+    app_baidu_zhanzhang: string
+}
+export async function websiteConfig(host:string):Promise<result<IWebsiteConfig>>{
+    const client = getRpcClient()
+    const result = await client.call('website/config', {
+        host:host
+    })
+
+    return result
+}
+
+
+export interface Icolumns {
+    id: number
+    title: string
+    link: string
+    desc:string
+}
+export async function columns(id: number):Promise<result<Icolumns>>{
+    const client = getRpcClient()
+    const result = await client.call('column/index', {
+        app_id:id,
+    })
+    return result
+}
				`@ -0,0 +1 @@`
				div.jqcloud{font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:normal}div.jqcloud a{font-size:inherit;text-decoration:none}div.jqcloud span.w10{font-size:550%}div.jqcloud span.w9{font-size:500%}div.jqcloud span.w8{font-size:450%}div.jqcloud span.w7{font-size:400%}div.jqcloud span.w6{font-size:350%}div.jqcloud span.w5{font-size:300%}div.jqcloud span.w4{font-size:250%}div.jqcloud span.w3{font-size:200%}div.jqcloud span.w2{font-size:150%}div.jqcloud span.w1{font-size:100%}div.jqcloud{color:#09f}div.jqcloud a{color:inherit}div.jqcloud a:hover{color:#0df}div.jqcloud a:hover{color:#0cf}div.jqcloud span.w10{color:#0cf}div.jqcloud span.w9{color:#0cf}div.jqcloud span.w8{color:#0cf}div.jqcloud span.w7{color:#39d}div.jqcloud span.w6{color:#90c5f0}div.jqcloud span.w5{color:#90a0dd}div.jqcloud span.w4{color:#90c5f0}div.jqcloud span.w3{color:#a0ddff}div.jqcloud span.w2{color:#9ce}div.jqcloud span.w1{color:#aab5f0}div.jqcloud{overflow:hidden;position:relative}div.jqcloud span{padding:0}