edit

boot.php

@@ -0,0 +1,9 @@
+<?php
+define('DEVER_ENTRY', 'index.php');
+define('DEVER_PROJECT', 'demo');
+define('DEVER_PROJECT_PATH', dirname(__FILE__) . DIRECTORY_SEPARATOR);
+if (defined('DEVER_PACKAGE')) {
+	include('dever2/package/'.DEVER_PACKAGE.'/index.php');
+} else {
+	include('dever2/boot.php');
+}

config/env/localhost.php

@@ -0,0 +1,13 @@
+<?php
+return array
+(
+    'db' => array
+    (
+        'type' => 'Pdo',
+        'host' => 'web-mysql',
+        'port' => '3306',
+        'name' => DEVER_PROJECT,
+        'user' => 'root',
+        'pwd' => '123456',
+    ),
+);

config/setting.php

@@ -0,0 +1,94 @@
+<?php
+return array
+(
+    # 项目通信token
+    'token' => DEVER_PROJECT,
+    # 语言包 暂时无用
+    'lang' => 'zh-cn',
+    'lang_pack' => array('zh-cn' => '简体中文', 'en' => '英文'),
+
+    # 路由解析设置
+    'route' => false,
+    /*
+    'route' => array
+    (
+        'test' => 'home',
+        'v(.*?)_(.*?)' => 'src/home.test?type=$1&id=$2',
+    ),*/
+
+    # 日志设置
+    'log' => array('type' => 'file', 'host' => 'host', 'port' => 'port'),
+
+    # 调试的shell名
+    'shell' => 'debug',
+
+    # 定义session
+    //'session' => array('host' => '', 'port' => '', 'path' => '', 'cookie' => ''),
+
+    # 定义数据库
+    'database' => array
+    (
+        # sql优化，暂时无用
+        'opt' => true,
+        //'default' => array($env['db'], $env['db1'], 'type' => 'Pdo'),//读写分离
+        'default' => $env['db'],
+        'db1' => $env['db'],
+
+        # 分区设置 
+        'partition' => array
+        (
+            # 当前数据库是否支持自动建库，不支持改成false，则database不会自动建库，而是类似table按照表拆分
+            'create' => true,
+            # 类型：database 按照库拆分（分库） table 按照表拆分（分表） field 按照字段拆分（分区） where 按照条件拆分（分条件） Dever::session('database', 1)可以设置值
+            'database' => 'date("Y")',
+            'table' => 'date("Ym")',
+            # 字段类型分几种：range范围、list列表、hash哈希、key分区
+            'field' => array
+            (
+                'type' => 'range',
+                'field' => 'cdate', 
+                'value' => 'date("Y-m-d 23:60:60")'//date("Y-m-d 23:60:60", strtotime("-1 day"))'
+            ),
+            /*
+            'field' => array
+            (
+                'type' => 'list',
+                'field' => 'type', 
+                'value' => array('1', '2', '3'),//3个值3个分区，然后也可以用Dever::call("manage/admin.test")来返回数组
+            ),
+            'field' => array
+            (
+                'type' => 'hash',
+                'field' => 'id', 
+                'value' => '5'//5个分区
+            ),
+            'field' => array
+            (
+                'type' => 'key',
+                'field' => 'id', 
+                'value' => '5'
+            ),*/
+            # where类型，一般在表中设置array('id' => 1),
+            //'where' => 'Dever::call("manage/admin.test")'
+        ),
+    ),
+
+    # 定义模板
+    'template' => array
+    (
+        'name' => 'pc',//模板配置,如果有手机版，直接配置：'pc,mobile'
+        'replace' => array
+        (
+            '../' => '{$host}',
+        ),
+    ),
+    # 定义redis
+    //'redis' => array('host' => 'server-redis', 'port' => '6379', 'password' => 'dm_redis_123', 'expire' => 3600),
+    
+    # 根据api增加缓存
+    /*
+    'cache' => array
+    (
+        'set/home.test' => 3000,
+    ),*/
+);

package.json

@@ -0,0 +1,3 @@
+{
+	"rely": "manage,upload,image"
+}

package/image/index.php

@@ -0,0 +1,4 @@
+<?php
+define('DEVER_PACKAGE',  'image');
+define('DEVER_APP_SETUP', dirname(__FILE__) . DIRECTORY_SEPARATOR);
+include(dirname(__FILE__) . DIRECTORY_SEPARATOR . '../../boot.php');

package/manage/api/index.php

@@ -0,0 +1,4 @@
+<?php
+define('DEVER_PACKAGE',  'manage');
+define('DEVER_APP_SETUP', dirname(__FILE__) . DIRECTORY_SEPARATOR);
+include(dirname(__FILE__) . DIRECTORY_SEPARATOR . '../../../boot.php');

package/manage/config.js

@@ -0,0 +1,35 @@
+/**
+ * @description 通用配置
+ */
+let url = ''
+if (location.port == '15000') {
+  url = 'http://127.0.0.1/dever2/package/manage'
+} else {
+  url = location.origin + location.pathname + 'api'
+}
+deverConfig = {
+  // 一些基本配置，定义后台title
+  setting: {
+    title: 'API充值系统',
+  },
+  // 网络配置
+  network: {
+    requestTimeout: 10000,
+    baseURL: url, // 配置服务器地址,
+  },
+  // 默认布局
+  theme: {
+    // 布局种类：横向布局horizontal、纵向布局vertical、分栏布局column、综合布局comprehensive、常规布局common、浮动布局float
+    layout: 'column',
+    // 主题名称：默认blue-black、blue-white、green-black、green-white、渐变ocean、red-white、red-black
+    themeName: 'blue-black',
+    // 菜单背景 none、vab-background
+    background: 'none',
+    // 菜单宽度，仅支持px，建议大小：266px、277px、288px，其余尺寸会影响美观
+    menuWidth: '266px',
+    // 分栏风格(仅针对分栏布局column时生效)：横向风格horizontal、纵向风格vertical、卡片风格card、箭头风格arrow
+    columnStyle: 'card',
+    // 显示标签页时标签页样式：卡片风格card、灵动风格smart、圆滑风格smooth
+    tabsBarStyle: 'smooth',
+  },
+}

package/manage/index.html

@@ -0,0 +1,5 @@
+<!doctype html><html lang="zh-cmn-Hans"><head><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="webkit" name="renderer"/><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport"/><link href="favicon.ico" rel="icon"/><title>Dever Manage</title><meta content="Dever,PHP,PHP框架,轻量,微服务,组件化,接口,低代码,后台,自定义后台,开发,快速开发,AI,人工智能,文档,轻应用,应用,时空之翼,神秘城" name="keywords"/><meta content="rabin@shemic.com" name="author"/><link href="static/css/loading.css?random=2023-12-28 17:26:23-shemic" rel="stylesheet"/><script>document.write(
+        "<script type='text/javascript' src='config.js?" +
+          Math.random() +
+          "'><\/script>"
+      )</script><script defer="defer" src="static/js/app.22b545be.js"></script><script defer="defer" src="static/js/213.d22e68ea.js"></script><link href="static/css/app.d065fbce.css" rel="stylesheet"><link href="static/css/213.89045697.css" rel="stylesheet"></head><body><noscript></noscript><div id="app"><div class="first-loading-wrp"><div class="loading-wrp"><span class="dot dot-spin"><i></i> <i></i> <i></i> <i></i></span></div><h1>Dever Manage</h1></div></div></body></html>

package/manage/static/css/loading.css

@@ -0,0 +1,96 @@
+.first-loading-wrp {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 90vh;
+  min-height: 90vh;
+}
+
+.first-loading-wrp > h1 {
+  font-size: 28px;
+  font-weight: bolder;
+}
+
+.first-loading-wrp .loading-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 98px;
+}
+
+.dot {
+  position: relative;
+  box-sizing: border-box;
+  display: inline-block;
+  width: 64px;
+  height: 64px;
+  font-size: 64px;
+  transform: rotate(45deg);
+  animation: antRotate 1.2s infinite linear;
+}
+
+.dot i {
+  position: absolute;
+  display: block;
+  width: 28px;
+  height: 28px;
+  background-color: #1890ff;
+  border-radius: 100%;
+  opacity: 0.3;
+  transform: scale(0.75);
+  transform-origin: 50% 50%;
+  animation: antSpinMove 1s infinite linear alternate;
+}
+
+.dot i:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+
+.dot i:nth-child(2) {
+  top: 0;
+  right: 0;
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
+}
+
+.dot i:nth-child(3) {
+  right: 0;
+  bottom: 0;
+  -webkit-animation-delay: 0.8s;
+  animation-delay: 0.8s;
+}
+
+.dot i:nth-child(4) {
+  bottom: 0;
+  left: 0;
+  -webkit-animation-delay: 1.2s;
+  animation-delay: 1.2s;
+}
+
+@keyframes antRotate {
+  to {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg);
+  }
+}
+
+@-webkit-keyframes antRotate {
+  to {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg);
+  }
+}
+
+@keyframes antSpinMove {
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes antSpinMove {
+  to {
+    opacity: 1;
+  }
+}

package/readme

@@ -0,0 +1 @@
+dever create

package/upload/index.php

@@ -0,0 +1,4 @@
+<?php
+define('DEVER_PACKAGE',  'upload');
+define('DEVER_APP_SETUP', dirname(__FILE__) . DIRECTORY_SEPARATOR);
+include(dirname(__FILE__) . DIRECTORY_SEPARATOR . '../../boot.php');

src/test/api/Home.php

@@ -0,0 +1,43 @@
+<?php
+namespace Test\Api;
+use Dever;
+class Home
+{
+    # 自动使用事务
+    //public function test_commit(){}
+    # 安全加密 受保护的
+    //public function test_secure(){}
+    # 安全加密 受保护的
+    public function test_token()
+    {
+        return 'test';
+    }
+    public function test()
+    {
+        //$data = Dever::cache('test');
+        return Dever::load('data')->test();
+    }
+
+    public function page()
+    {
+        return Dever::view('home', $this->test());
+    }
+
+    # 获取测试的secure
+    public function secure()
+    {
+        $token = $this->test_token();
+        $request['id'] = 1;
+        return \Dever\Secure::get($request, $token);
+    }
+
+    public function test1()
+    {
+        # 跨app调用
+        $data = Dever::load('menu', 'manage')->getAll();
+        //print_r($data);die;
+        $data = Dever::db('content')->select([], array('num' => 1));
+        //print_r($data);
+        return $data;
+    }
+}

src/test/assets/pc/css/agreement.css

@@ -0,0 +1,54 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main .tit {
+  padding: 100px 0 50px;
+}
+.main .tit h2 {
+  text-align: center;
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+}
+.main .tit p {
+  color: #999999;
+  font-size: 18px;
+  text-align: center;
+}
+.main .tit p a {
+  color: #02AB79;
+}
+.main dl {
+  box-sizing: border-box;
+  line-height: 34px;
+  margin-bottom: 30px;
+}
+.main dl dt h5 {
+  font-size: 18px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+}
+.main dl dt > div {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  font-size: 16px;
+}
+.main dl dd {
+  font-size: 16px;
+  text-indent: 2em;
+  color: #999999;
+}
+.main .pagation {
+  margin: 100px 0 50px;
+}
+
+.rich-cont {
+  padding-bottom: 50px;
+}

src/test/assets/pc/css/article.css

@@ -0,0 +1,56 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main article {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 1200px;
+  padding-top: 70px;
+}
+.main article h1 {
+  width: 890px;
+  font-size: 37px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+}
+.main article .article-infos {
+  padding: 30px 0;
+  display: -ms-flexbox;
+  display: flex;
+  color: #999999;
+  font-size: 18px;
+  width: 890px;
+}
+.main article .article-infos span {
+  margin-right: 100px;
+}
+.main article img {
+  max-width: 100%;
+}
+.main article p {
+  text-indent: 2em;
+  color: #999999;
+  line-height: 34px;
+}
+.main article .article-content {
+  width: 890px;
+}
+.main article .news-cont {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  width: 100%;
+}
+.main .float-shares .prev img, .main .float-shares .next img {
+  width: 48px;
+  height: 48px;
+}

src/test/assets/pc/css/caigou.css

@@ -0,0 +1,318 @@
+.banner {
+  width: 100%;
+  height: 384px;
+  overflow: hidden;
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.banner img {
+  position: absolute;
+  display: block;
+  min-height: 100%;
+  min-width: 100%;
+}
+.banner b, .banner span {
+  position: relative;
+  z-index: 1;
+  color: #ffffff;
+  font-size: 18px;
+}
+.banner b {
+  font-size: 60px;
+  font-family: YouSheBiaoTiHei;
+  margin-bottom: 30px;
+  display: none;
+}
+.part1-mod {
+  padding-bottom: 80px;
+}
+.part1-mod .tabs {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  padding: 84px 0 60px;
+}
+.part1-mod .tabs a {
+  display: block;
+  font-size: 20px;
+  border-bottom: 7px solid transparent;
+  line-height: 44px;
+}
+.part1-mod .tabs a:hover, .part1-mod .tabs a.active {
+  border-bottom: 7px solid #02AB79;
+  color: #02AB79;
+}
+.part1-mod .mod-hd {
+  padding-top: 60px;
+}
+.part1-mod .tip {
+  color: #666;
+}
+.part1-mod .ifs {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  margin-top: 45px;
+}
+.part1-mod dl {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: end;
+      align-items: flex-end;
+}
+.part1-mod dl dd {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex: 1;
+      flex: 1;
+  margin-left: 15px;
+}
+.part1-mod dl dd b {
+  font-size: 20px;
+  font-family: PingFangSC-Semibold;
+  line-height: 28px;
+  margin-bottom: 15px;
+}
+.part1-mod dl dd span {
+  font-size: 14px;
+  line-height: 24px;
+  color: #666666;
+}
+.part2-mod {
+  background-color: #fafafa;
+  padding-bottom: 75px;
+}
+.part2-mod ul {
+  display: -ms-flexbox;
+  display: flex;
+}
+.part2-mod ul li {
+  -ms-flex: 1;
+      flex: 1;
+  list-style: none;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: relative;
+}
+.part2-mod ul li p {
+  font-size: 14px;
+  line-height: 24px;
+  color: #666;
+  position: absolute;
+  padding: 0 24px;
+  bottom: 60px;
+  left: 0;
+  margin: 0;
+}
+.part2-mod ul li img {
+  width: 300px;
+}
+.part3-mod {
+  padding-bottom: 80px;
+}
+.part3-mod .tabs {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 40px 0 60px;
+}
+.part3-mod .tabs a {
+  display: block;
+  font-size: 20px;
+  border-bottom: 7px solid transparent;
+  line-height: 44px;
+  margin-right: 40px;
+  padding: 0 20px;
+}
+.part3-mod .tabs a:last-child {
+  margin-right: 0;
+}
+.part3-mod .tabs a:hover, .part3-mod .tabs a.active {
+  border-color: #02AB79;
+  color: #02AB79;
+}
+.part3-mod .list {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.part3-mod .list li {
+  list-style: none;
+  width: 375px;
+  margin-right: 10px;
+  text-align: center;
+  font-size: 20px;
+  font-family: PingFangSC-Semibold;
+  line-height: 28px;
+  margin-bottom: 80px;
+}
+.part3-mod .list li img {
+  display: block;
+  width: 100%;
+  margin-bottom: 18px;
+}
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  z-index: 999;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.mask img {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+@media screen and (max-width: 1000px) {
+  .banner {
+    width: 100%;
+    height: 2.44rem /* 183/75 */;
+  }
+  .part1-mod {
+    padding-bottom: 0;
+  }
+  .part1-mod .tabs {
+    padding: 0.773333rem /* 58/75 */ 0 0.88rem /* 66/75 */;
+  }
+  .part1-mod .tabs a {
+    font-size: 0.346667rem /* 26/75 */;
+    border-bottom: 0.066667rem /* 5/75 */ solid transparent;
+    line-height: 0.773333rem /* 58/75 */;
+  }
+  .part1-mod .tabs a:hover, .part1-mod .tabs a.active {
+    border-bottom: 0.066667rem /* 5/75 */ solid #02AB79;
+  }
+  .part1-mod .mod-hd {
+    padding-top: 0;
+  }
+  .part1-mod .ifs {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: justify;
+        justify-content: space-between;
+    margin-top: 0.6rem /* 45/75 */;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    padding: 0 0.533333rem /* 40/75 */;
+  }
+  .part1-mod dl {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+        align-items: center;
+    margin-bottom: 0.666667rem /* 50/75 */;
+    width: 40%;
+  }
+  .part1-mod dl dd {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+        flex-direction: column;
+    -ms-flex: 1;
+        flex: 1;
+    margin-left: 0.2rem /* 15/75 */;
+  }
+  .part1-mod dl dd b {
+    font-size: 0.346667rem /* 26/75 */;
+    line-height: 0.493333rem /* 37/75 */;
+    margin-bottom: 0.133333rem /* 10/75 */;
+  }
+  .part1-mod dl dd span {
+    font-size: 0.293333rem /* 22/75 */;
+    line-height: 0.32rem /* 24/75 */;
+  }
+  .part1-mod dl dt img {
+    max-width: 0.6rem /* 45/75 */;
+    max-height: 0.6rem /* 45/75 */;
+  }
+  .part2-mod {
+    padding-bottom: 0.466667rem /* 35/75 */;
+  }
+  .part2-mod ul {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+  }
+  .part2-mod ul li {
+    width: 50%;
+    -ms-flex: auto;
+        flex: auto;
+  }
+  .part2-mod ul li p {
+    font-size: 0.293333rem /* 22/75 */;
+    line-height: 1.5;
+    padding: 0 0.32rem /* 24/75 */;
+    bottom: 0.533333rem /* 40/75 */;
+  }
+  .part2-mod ul li img {
+    width: 100%;
+  }
+  .part3-mod {
+    padding-bottom: 0.8rem /* 60/75 */;
+  }
+  .part3-mod .tabs {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: justify;
+        justify-content: space-between;
+    padding: 0.333333rem /* 25/75 */ 0 0.4rem /* 30/75 */;
+    overflow-x: auto;
+  }
+  .part3-mod .tabs a {
+    display: block;
+    font-size: 0.346667rem /* 26/75 */;
+    border-bottom: 0.093333rem /* 7/75 */ solid transparent;
+    line-height: 0.773333rem /* 58/75 */;
+    white-space: nowrap;
+    width: 1.973333rem /* 148/75 */;
+    text-align: center;
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
+  .part3-mod .tabs a:hover, .part3-mod .tabs a.active {
+    border-color: #02AB79;
+  }
+  .part3-mod .list li {
+    width: 4.48rem /* 336/75 */;
+    margin-right: 0.133333rem /* 10/75 */;
+    font-size: 0.266667rem /* 20/75 */;
+    line-height: 0.373333rem /* 28/75 */;
+    margin-bottom: 0.8rem /* 60/75 */;
+  }
+  .part3-mod .list li img {
+    display: block;
+    width: 100%;
+    margin-bottom: 0.266667rem /* 20/75 */;
+  }
+  .part3-mod .list li:nth-child(even) {
+    margin-right: 0;
+  }
+}

src/test/assets/pc/css/contact.css

@@ -0,0 +1,111 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main .contact {
+  padding-bottom: 50px;
+}
+.main .contact h3 {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  text-align: center;
+  padding: 50px 0;
+  position: relative;
+}
+.main .contact h3 .sub-t {
+  margin-top: 30px;
+  font-size: 18px;
+  font-weight: normal;
+  font-family: PingFangSC-Regular, PingFang SC;
+  color: #999999;
+}
+.main .contact .contact-list {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.main .contact .contact-list dl {
+  list-style: none;
+  width: 320px;
+  border-radius: 10px;
+  background-color: #F5F5F5;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 78px 0;
+}
+.main .contact .contact-list dl dt {
+  margin-bottom: 30px;
+}
+.main .contact .contact-list dl dt img {
+  display: block;
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+}
+.main .contact .contact-list dl dd {
+  font-size: 16px;
+  line-height: 30px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  font-size: 18px;
+}
+.main .contact .contact-list dl dd b {
+  margin-bottom: 20px;
+}
+.main .contact .contact-list dl dd i {
+  font-style: normal;
+  color: #999999;
+}
+.main .address {
+  padding-bottom: 50px;
+}
+.main .address h3 {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  text-align: center;
+  padding: 50px 0;
+  position: relative;
+}
+.main .address iframe {
+  border: 1px solid #efefef;
+}
+.main .address .address-text {
+  margin-top: 30px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  font-size: 18px;
+}
+.main .address .address-text .icon-address {
+  background: url(../img/icon-address-a265887f.png) no-repeat;
+  width: 18px;
+  height: 25px;
+  background-size: cover;
+  margin: 0 10px 0 20px;
+}
+.main .address .address-text i {
+  color: #999999;
+  font-style: normal;
+}

src/test/assets/pc/css/global.css

@@ -0,0 +1,304 @@
+body, ul, li, h1, h2, h3, h4, h5, h6, input, i, dl, dt, dd {
+  margin: 0;
+  padding: 0;
+  color: #333333;
+  font-family: PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
+  font-size: 16px;
+}
+a {
+  text-decoration: none;
+  color: #333333;
+}
+a:hover {
+  color: #02AB79;
+}
+.wrapper {
+  width: 1200px;
+  margin: 0 auto;
+}
+header {
+  padding: 24px 0;
+  min-width: 1200px;
+  width: 100%;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
+}
+header .wrapper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+}
+header .wrapper .logo {
+  display: block;
+  width: 256px;
+}
+header .wrapper .logo img {
+  display: block;
+  width: 100%;
+}
+header .wrapper nav {
+  display: -ms-flexbox;
+  display: flex;
+}
+header .wrapper nav a {
+  display: block;
+  margin-left: 60px;
+  border-bottom: 3px solid transparent;
+  line-height: 34px;
+}
+header .wrapper nav a:hover, header .wrapper nav a.current {
+  border-bottom: 3px solid #02AB79;
+  color: #02AB79;
+}
+footer {
+  background-color: #02AB79;
+  padding: 80px 0 30px;
+  min-width: 1200px;
+  width: 100%;
+}
+footer section {
+  display: -ms-flexbox;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
+footer section .flogo {
+  width: 180px;
+  height: auto;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+footer section .list {
+  display: -ms-flexbox;
+  display: flex;
+  margin-left: 100px;
+}
+footer section .list dl {
+  width: 200px;
+}
+footer section .list dl dt {
+  color: #ffffff;
+  font-size: 18px;
+}
+footer section .list dl dd {
+  position: relative;
+  color: #ffffff;
+  font-size: 14px;
+  margin-top: 20px;
+}
+footer section .list dl dd a {
+  color: #ffffff;
+}
+footer section .list dl dd .qrcodelayer {
+  display: none;
+  position: absolute;
+  background-color: #ffffff;
+  padding: 5px;
+  right: -30px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 10;
+  border-radius: 10px;
+}
+footer section .list dl dd .qrcodelayer:before {
+  position: absolute;
+  display: block;
+  content: '';
+  width: 0;
+  height: 0;
+  border-top: 7px solid transparent;
+  border-right: 10px solid #ffffff;
+  border-bottom: 7px solid transparent;
+  left: -10px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+footer section .list dl dd .qrcodelayer img {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+
+footer section .list dl dd:hover .qrcodelayer {
+  display: block;
+}
+footer .icp {
+  padding-top: 60px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+footer .icp a {
+  margin: 0 25px;
+  color: #ffffff;
+}
+.pagation {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.pagation li {
+  list-style: none;
+  width: 48px;
+  height: 48px;
+  border-radius: 20px;
+  border: 1px solid #D6D6D6;
+  font-size: 20px;
+  text-align: center;
+  line-height: 48px;
+  color: #ffffff;
+  margin: 0 8px;
+}
+.pagation li a {
+  display: block;
+  color: #999999;
+}
+.pagation li.active {
+  background-color: #02AB79;
+  border-color: #02AB79;
+}
+.pagation li.active a {
+  color: #ffffff;
+} 
+.float-shares {
+  width: 276px;
+  background-color: #F8F8F8;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 40px 60px;
+  box-sizing: border-box;
+}
+.float-shares h5 {
+  color: #02AB79;
+  border-bottom: 3px solid #02AB79;
+  line-height: 40px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  margin-bottom: 50px;
+  font-size: 18px;
+}
+.float-shares dl {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: center;
+      align-items: center;
+  text-align: center;
+  margin-bottom: 50px;
+  font-size: 16px;
+}
+.float-shares dl img {
+  width: 82px;
+  height: 82px;
+  margin-bottom: 10px;
+}
+.float-shares dl img.qrcode {
+  border-radius: 0;
+}
+
+.mod .mod-hd {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 100px 0 40px;
+}
+.mod .mod-hd h3 {
+  font-size: 32px;
+  font-family: PingFangSC-Semibold;
+  line-height: 45px;
+  color: #000000;
+}
+.mod .mod-hd .more {
+  font-size: 16px;
+  line-height: 22px;
+  color: #666666;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.mod .mod-hd .more:after {
+  display: block;
+  content: '';
+  background: url(../img/icon_jiantou@2x-3e7c07ad.png) no-repeat;
+  width: 16px;
+  height: 16px;
+  background-size: 16px;
+  margin-left: 4px;
+}
+
+.submit-mod {
+  background: url(../img/bg_shangji@2x-7da4562d.png) no-repeat center #000000;
+  background-size: 1920px 500px;
+  height: 500px;
+}
+.submit-mod .wrapper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  height: 500px;
+}
+.submit-mod .wrapper h3 {
+  font-size: 32px;
+  font-family: PingFangSC-Semibold;
+  line-height: 45px;
+  color: #FFFFFF;
+  text-shadow: 5px 7px 10px rgba(0, 0, 0, 0.16);
+}
+.submit-mod .wrapper p {
+  font-size: 22px;
+  font-weight: bold;
+  line-height: 30px;
+  color: #FFFFFF;
+}
+.submit-mod .wrapper .form h2 {
+  font-size: 32px;
+  font-family: PingFangSC-Semibold;
+  line-height: 45px;
+  color: #FFFFFF;
+  text-align: center;
+  margin-bottom: 58px;
+}
+.submit-mod .wrapper .form .form-item {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  margin-bottom: 20px;
+}
+.submit-mod .wrapper .form .form-item span {
+  width: 100px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  color: #ffffff;
+  font-size: 14px;
+  line-height: 20px;
+}
+.submit-mod .wrapper .form .form-item input {
+  width: 432px;
+  height: 50px;
+  line-height: 50px;
+  border-radius: 5px;
+  outline: 0;
+  border: 0;
+  padding: 0 20px;
+  box-sizing: border-box;
+}
+.submit-mod .wrapper .form .form-item input[type="submit"] {
+  background-color: #02AB79;
+  color: #ffffff;
+}

src/test/assets/pc/css/help.css

@@ -0,0 +1,74 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main .tit {
+  padding: 100px 0 50px;
+}
+.main .tit h2 {
+  text-align: center;
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+}
+.main .tit p {
+  color: #999999;
+  font-size: 18px;
+  text-align: center;
+}
+.main .tit p a {
+  color: #02AB79;
+}
+.main dl {
+  border: 1px solid #02AB79;
+  border-radius: 20px;
+  padding: 32px;
+  box-sizing: border-box;
+  margin-bottom: 30px;
+  background-color: #F5F5F5;
+}
+.main dl:hover dt, .main dl:hover dd, .main dl:hover dt h5 {
+  color: #02AB79;
+}
+.main dl dt h5 {
+  font-size: 18px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  margin-bottom: 16px;
+}
+.main dl dt > div {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  font-size: 16px;
+}
+.main dl dt > div .tags span {
+  margin-right: 12px;
+}
+.main dl dt > div .times {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: pointer;
+}
+.main dl dt > div .times:after {
+  display: block;
+  content: '';
+  background: url(../img/arrow-t-c-3f19b4ca.png) no-repeat center;
+  background-size: 11px 6px;
+  width: 20px;
+  height: 20px;
+  margin-left: 5px;
+}
+.main dl dd {
+  font-size: 16px;
+}
+.main .pagation {
+  margin-bottom: 50px;
+}

src/test/assets/pc/css/index.css

@@ -0,0 +1,262 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main:before {
+  position: absolute;
+  display: block;
+  content: '';
+  width: 150%;
+  background: linear-gradient(134deg, #02AB79 0%, #CBFFAC 100%);
+  height: 484px;
+  border-radius: 0 0 50% 50%;
+  left: -25%;
+  top: 0;
+}
+.main .video h3 {
+  padding: 80px 0 30px;
+  text-align: center;
+  color: #ffffff;
+  font-size: 0;
+  font-family: YouSheBiaoTiHei;
+  width: 260px;
+  height: 44px;
+  background: url(../img/tit2.png) no-repeat center 80px;
+  background-size: 260px 44px;
+  margin: 0 auto;
+}
+.main .video p {
+  font-size: 18px;
+  color: #ffffff;
+  text-align: center;
+  margin-bottom: 50px;
+}
+.main .video .poster {
+  width: 1200px;
+  height: 675px;
+  position: relative;
+}
+.main .video .poster img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: #eeeeee;
+  border-radius: 10px;
+}
+.main .video .poster video {
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  display: none;
+}
+.main .video .poster span {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 29px;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.main .video .poster span:after {
+  content: '';
+  width: 30px;
+  height: 30px;
+  background: url(../img/icon-play.png) no-repeat;
+  background-size: 30px 30px;
+  margin-left: 8px;
+  cursor: pointer;
+}
+.main .services {
+  padding-bottom: 84px;
+}
+.main .services h3 {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  text-align: center;
+  padding: 100px 0 50px;
+}
+.main .services ul {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+}
+.main .services ul li {
+  list-style: none;
+}
+.main .services ul li img {
+  display: block;
+  width: 170px;
+}
+.main .services ul li > div {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: center;
+      align-items: center;
+  background-color: #F5F5F5;
+  border-radius: 50%;
+  width: 270px;
+  height: 270px;
+  transition-property: all;
+  transition-duration: 0.3s;
+}
+.main .services ul li > div span {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+}
+.main .services ul li:hover > div {
+  transform: translateY(-20px);
+  background-color: #02AB79;
+  color: #ffffff;
+}
+.main .services ul li p {
+  color: #000000;
+  margin-top: 22px;
+  font-size: 18px;
+  line-height: 37px;
+  text-align: center;
+}
+.main .cities {
+  background: #F5F5F5;
+  padding-bottom: 50px;
+}
+.main .cities h3 {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  text-align: center;
+  padding: 50px 0;
+}
+.main .cities ul {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 30px;
+  flex-wrap: wrap;
+}
+.main .cities ul li {
+  list-style: none;
+  width: 224px;
+  height: 75px;
+  line-height: 75px;
+  text-align: center;
+  background-color: #ffffff;
+  margin-bottom: 20px;
+  margin-right: 20px;
+}
+.main .cities ul li:nth-child(5n) {
+  margin-right: 0;
+}
+.main .cities .button {
+  display: block;
+  color: #ffffff;
+  background-color: #02AB79;
+  border-radius: 37.5px;
+  line-height: 60px;
+  width: 224px;
+  text-align: center;
+  margin: 0 auto;
+}
+.main .news {
+  padding-bottom: 50px;
+}
+.main .news h3 {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  text-align: center;
+  padding: 50px 0;
+  position: relative;
+}
+.main .news h3 .more {
+  position: absolute;
+  right: 0;
+  bottom: 30px;
+  font-size: 14px;
+  font-weight: normal;
+  font-family: PingFangSC-Regular, PingFang SC;
+}
+.main .news .news-list {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+}
+.main .news .news-list dl {
+  list-style: none;
+  width: 380px;
+  border-radius: 10px;
+}
+.main .news .news-list dl dt img {
+  display: block;
+  width: 100%;
+  height: 240px;
+  border-radius: 10px 10px 0 0;
+}
+.main .news .news-list dl dd {
+  background-color: #F5F5F5;
+  padding: 20px;
+  font-size: 16px;
+  line-height: 30px;
+  border-radius: 0 0 10px 10px;
+  height: 60px;
+  overflow: hidden;
+}
+.main .contact {
+  padding-bottom: 50px;
+}
+.main .contact h3 {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  text-align: center;
+  padding: 50px 0;
+  position: relative;
+}
+.main .contact .acounts {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -ms-flex-align: end;
+      align-items: flex-end;
+  padding: 0 100px;
+}
+.main .contact .acounts .gzh dt {
+  background-color: #02AB79;
+  width: 160px;
+  height: 160px;
+  border-radius: 50%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.main .contact .acounts .gzh dt img {
+  display: block;
+  width: 102px;
+}
+.main .contact .acounts .minip img {
+  width: 160px;
+  height: 160px;
+}
+.main .contact .acounts dd {
+  margin-top: 30px;
+  color: #02AB79;
+  font-size: 18px;
+  text-align: center;
+}

src/test/assets/pc/css/jd.css

@@ -0,0 +1,103 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main .tit {
+  padding: 100px 0 50px;
+}
+.main .tit h2 {
+  text-align: center;
+  font-size: 26px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+}
+.main .tit p {
+  color: #999999;
+  font-size: 18px;
+  text-align: center;
+}
+.main .tit p a {
+  color: #02AB79;
+}
+.main dl {
+  border: 1px solid #02AB79;
+  border-radius: 20px;
+  padding: 32px;
+  box-sizing: border-box;
+  margin-bottom: 30px;
+  background-color: #F5F5F5;
+}
+.main dl dt, .main dl dd, .main dl dt h5 {
+  color: #02AB79;
+}
+.main dl dt h5 {
+  font-size: 18px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  margin-bottom: 16px;
+}
+.main dl dt > div {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  font-size: 16px;
+}
+.main dl dt > div .tags span {
+  margin-right: 12px;
+}
+.main dl dt > div .times {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: pointer;
+}
+.main dl dt > div .times:after {
+  display: block;
+  content: '';
+  background: url(../img/arrow-t-c-3f19b4ca.png) no-repeat center;
+  background-size: 11px 6px;
+  width: 20px;
+  height: 20px;
+  margin-left: 5px;
+}
+.main dl dd {
+  display: none;
+  font-size: 16px;
+}
+.main dl.opened {
+  border-color: #F5F5F5;
+}
+.main dl.opened dd {
+  display: block;
+}
+.main dl.opened dt, .main dl.opened dd, .main dl.opened dt h5 {
+  color: #333333;
+}
+.main dl.opened dt {
+  margin-bottom: 16px;
+}
+.main dl.opened dt .times:after {
+  background-image: url(../img/arrow-t-b735af20.png);
+}
+.main dl.opened dd {
+  line-height: 34px;
+}
+.main dl.opened dd b {
+  display: block;
+  margin: 10px 0;
+  font-weight: normal;
+}
+.main dl.opened dd div {
+  color: #999999;
+  margin: 0;
+  background-color: #F5F5F5 !important;
+}
+.main .pagation {
+  margin-bottom: 50px;
+}

src/test/assets/pc/css/jiameng.css

@@ -0,0 +1,384 @@
+.banner {
+  width: 100%;
+  height: 384px;
+  overflow: hidden;
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.banner img {
+  position: absolute;
+  display: block;
+  min-height: 100%;
+  min-width: 100%;
+}
+.banner b, .banner span {
+  position: relative;
+  z-index: 1;
+  color: #ffffff;
+  font-size: 18px;
+}
+.banner b {
+  display: none;
+  font-size: 60px;
+  font-family: YouSheBiaoTiHei;
+  margin-bottom: 30px;
+}
+.part1-mod {
+  background: url(../img/img_pinpai@2x-a58af4bf.png) repeat-x #FAFAFA;
+  background-size: auto 100%;
+  padding-bottom: 80px;
+}
+.part1-mod .tip {
+  color: #666;
+}
+.part1-mod .ifs {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  margin-top: 45px;
+}
+.part1-mod dl {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: end;
+      align-items: flex-end;
+  position: relative;
+}
+.part1-mod dl dd {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.part1-mod dl dd b {
+  font-size: 26px;
+  font-family: PingFangSC-Semibold;
+  color: #ffffff;
+}
+.part1-mod dl dt img {
+  width: 378px;
+}
+.part2-mod .mod-hd {
+  padding-bottom: 64px;
+}
+.part2-mod ul {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+}
+.part2-mod ul li {
+  list-style: none;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  position: relative;
+  width: 45%;
+  margin-bottom: 50px;
+}
+.part2-mod ul li p {
+  font-size: 20px;
+  line-height: 33px;
+  bottom: 60px;
+  left: 0;
+  margin: 0;
+  -ms-flex: 1;
+      flex: 1;
+}
+.part2-mod ul li b {
+  width: 70px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  font-size: 30px;
+  font-family: HeadLineA;
+  font-weight: 400;
+  line-height: 44px;
+  color: #02AB79;
+}
+.part3-mod {
+  padding-bottom: 80px;
+  background-color: #FAFAFA;
+}
+.part3-mod .tip {
+  color: #666;
+  margin-bottom: 70px;
+}
+.part3-mod .list1 {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.part3-mod .list1 li {
+  display: -ms-flexbox;
+  display: flex;
+  list-style: none;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  margin-bottom: 33px;
+  background-color: #F3F4F5;
+  border-radius: 45px;
+}
+.part3-mod .list1 li img {
+  display: block;
+}
+.part3-mod .list1 li:first-child {
+  background-color: unset;
+}
+.part3-mod .list1 li:first-child span {
+  font-size: 26px;
+}
+.part3-mod .list1 li span {
+  width: 560px;
+  text-align: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.part3-mod .list1 li span:first-child {
+  color: #02AB79;
+}
+.part3-mod .list1 li > div {
+  position: relative;
+}
+.part3-mod .list1 li > div em {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  font-style: normal;
+  color: #ffffff;
+}
+.part4-mod {
+  padding-bottom: 80px;
+  background-color: #F3F4F5;
+}
+.part4-mod .tip {
+  color: #666;
+  margin-bottom: 70px;
+}
+.part4-mod .list1 {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.part4-mod .list1 li {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  list-style: none;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  margin-bottom: 62px;
+  background-color: #FAFAFA;
+  border-radius: 20px;
+  width: 180px;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  margin-right: 58px;
+  height: 180px;
+}
+.part4-mod .list1 li img {
+  display: block;
+  margin-bottom: 20px;
+}
+.part4-mod .list1 li span {
+  width: 560px;
+  text-align: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  height: 56px;
+  font-size: 20px;
+  font-family: PingFangSC-Semibold;
+  line-height: 28px;
+}
+.part4-mod .list1 li:nth-child(5n) {
+  margin-right: 0;
+}
+.part5-mod {
+  padding-bottom: 70px;
+}
+.part5-mod ul {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.part5-mod ul li {
+  list-style: none;
+  width: 578px;
+  border: 1px solid #02AB79;
+  border-radius: 5px;
+  margin-bottom: 20px;
+  box-sizing: border-box;
+  padding: 25px;
+}
+.part5-mod ul li:nth-child(odd) {
+  margin-right: 40px;
+}
+.part5-mod ul li h3 {
+  font-size: 20px;
+}
+.part5-mod ul li p {
+  font-size: 14px;
+  color: #666;
+  line-height: 24px;
+}
+@media screen and (max-width: 1000px) {
+  .banner {
+    width: 100%;
+    height: 2.44rem /* 183/75 */;
+  }
+  .part1-mod {
+    padding-bottom: 0.6rem /* 45/75 */;
+  }
+  .part1-mod .tabs {
+    padding: 0.773333rem /* 58/75 */ 0 0.88rem /* 66/75 */;
+  }
+  .part1-mod .tabs a {
+    font-size: 0.346667rem /* 26/75 */;
+    border-bottom: 0.066667rem /* 5/75 */ solid transparent;
+    line-height: 0.773333rem /* 58/75 */;
+  }
+  .part1-mod .tabs a:hover, .part1-mod .tabs a.active {
+    border-bottom: 0.066667rem /* 5/75 */ solid #02AB79;
+  }
+  .part1-mod .ifs {
+    margin-top: 0.493333rem /* 37/75 */;
+  }
+  .part1-mod dl dd b {
+    font-size: 0.266667rem /* 20/75 */;
+  }
+  .part1-mod dl dt img {
+    width: 3.066667rem /* 230/75 */;
+  }
+  .part2-mod {
+    display: none;
+  }
+  .part3-mod {
+    padding-bottom: 1.066667rem /* 80/75 */;
+  }
+  .part3-mod .tip {
+    margin-bottom: 1.066667rem /* 80/75 */;
+  }
+  .part3-mod .list li {
+    margin-bottom: 0.706667rem /* 53/75 */;
+    border-radius: 0.6rem /* 45/75 */;
+  }
+  .part3-mod .list li:first-child span {
+    font-size: 0.346667rem /* 26/75 */;
+  }
+  .part3-mod .list li:first-child img {
+    height: 0.8rem /* 60/75 */;
+  }
+  .part3-mod .list li span {
+    width: 8.666667rem /* 650/75 */;
+    font-size: 0.293333rem /* 22/75 */;
+    padding: 0.16rem /* 12/75 */ 0;
+  }
+  .part3-mod .list li > div {
+    position: relative;
+  }
+  .part3-mod .list li > div img {
+    width: 1.066667rem /* 80/75 */;
+    height: 1.066667rem /* 80/75 */;
+  }
+  .part3-mod .list li > div em {
+    font-size: 0.293333rem /* 22/75 */;
+  }
+  .part4-mod {
+    padding-bottom: 0.4rem /* 30/75 */;
+  }
+  .part4-mod .tip {
+    margin-bottom: 0.693333rem /* 52/75 */;
+  }
+  .part4-mod .list li {
+    margin-bottom: 0.666667rem /* 50/75 */;
+    border-radius: 0.266667rem /* 20/75 */;
+    width: 1.706667rem /* 128/75 */;
+    margin-right: 0.106667rem /* 8/75 */;
+    height: 1.706667rem /* 128/75 */;
+  }
+  .part4-mod .list li img {
+    margin-bottom: 0.133333rem /* 10/75 */;
+    max-width: 0.56rem /* 42/75 */;
+    max-height: 0.56rem /* 42/75 */;
+  }
+  .part4-mod .list li span {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 0.04rem /* 3/75 */;
+    height: 0.746667rem /* 56/75 */;
+    font-size: 0.293333rem /* 22/75 */;
+    line-height: 0.373333rem /* 28/75 */;
+    font-family: PingFang SC;
+  }
+  .part5-mod {
+    padding-bottom: 0;
+  }
+  .part5-mod ul {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+  }
+  .part5-mod ul li {
+    list-style: none;
+    width: 33%;
+    border: 0;
+    border-radius: 0;
+    margin-bottom: 0.786667rem /* 59/75 */;
+    box-sizing: border-box;
+    padding: 0;
+  }
+  .part5-mod ul li:nth-child(odd) {
+    margin-right: 0;
+  }
+  .part5-mod ul li h3 {
+    font-size: 0.346667rem /* 26/75 */;
+  }
+  .part5-mod ul li h3:before {
+    content: '\2022';
+    margin-right: 0.133333rem /* 10/75 */;
+    color: #02AB79;
+  }
+  .part5-mod ul li p {
+    display: none;
+  }
+}

src/test/assets/pc/css/news.css

@@ -0,0 +1,136 @@
+.main {
+  position: relative;
+  width: 100%;
+  min-width: 1200px;
+  overflow-x: hidden;
+}
+.main .wrapper {
+  position: relative;
+  z-index: 1;
+}
+.main .banner {
+  width: 100%;
+  height: 630px;
+  overflow: hidden;
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.main .banner img {
+  position: absolute;
+  display: block;
+  height: 100%;
+}
+.main .banner:after {
+  position: absolute;
+  content: '';
+  background: rgba(51, 51, 51, 0.5);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.main .banner b, .main .banner span {
+  position: relative;
+  z-index: 1;
+  color: #ffffff;
+  font-size: 18px;
+}
+.main .banner b {
+  font-size: 0;
+  font-family: YouSheBiaoTiHei;
+  margin-bottom: 30px;
+  width: 482px;
+  height: 44px;
+  background: url(../img/tit1.png) no-repeat;
+  background-size: 482px 44px;
+}
+.main .news-tab {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 40px 0;
+}
+.main .news-tab a {
+  display: block;
+  margin-right: 60px;
+  border-bottom: 3px solid transparent;
+  line-height: 34px;
+}
+.main .news-tab a:hover, .main .news-tab a.current {
+  border-bottom: 3px solid #02AB79;
+  color: #02AB79;
+}
+.main .news-list {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.main .news-list dl {
+  list-style: none;
+  border-radius: 10px;
+  margin-bottom: 30px;
+  display: -ms-flexbox;
+  display: flex;
+}
+.main .news-list dl dt img {
+  display: block;
+  width: 378px;
+  border-radius: 10px 10px;
+}
+.main .news-list dl dt .video {
+  position: relative;
+  display: block;
+}
+.main .news-list dl dt .video:after {
+  position: absolute;
+  content: '';
+  background: url(../img/icon-play-7e97bae5.png) no-repeat;
+  width: 50px;
+  height: 50px;
+  background-size: cover;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.main .news-list dl dd {
+  width: 476px;
+  margin-left: 37px;
+  font-size: 16px;
+  line-height: 30px;
+  border-radius: 0 0 10px 10px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+}
+.main .news-list dl dd b a {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 18px;
+}
+.main .news-list dl dd > div {
+  color: #999;
+  font-size: 16px;
+}
+.main .pagation {
+  width: 900px;
+  margin: 20px 0 120px;
+}
+.main .news-cont {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: start;
+      align-items: flex-start;
+}

src/test/assets/pc/html/agreement.html

@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>帮助中心</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/agreement.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a class="current" href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="wrapper ">
+            <section class="tit">
+                <h2>用户服务协议</h2>
+            </section>
+
+            <section class="rich-cont">
+                <dl>
+                    <dt>
+                        <h5>一、这里是用户协议小标题</h5>
+                    </dt>
+                    <dd>
+                        1、这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <h5>一、这里是用户协议小标题</h5>
+                    </dt>
+                    <dd>
+                        1、这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <h5>一、这里是用户协议小标题</h5>
+                    </dt>
+                    <dd>
+                        1、这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协
+                    </dd>
+                </dl>
+            </section>
+            <ul class="pagation" style="display: none;">
+                <li class="prev"><a href="#">&lt;</a></li>
+                <li><a href="#">1</a></li>
+                <li class="active">2</li>
+                <li><a href="#">3</a></li>
+                <li><a href="#">4</a></li>
+                <li class="next"><a href="#">&gt;</a></li>
+            </ul>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/agreement.js?v=3e6b2f2a"></script></body>
+
+</html>

src/test/assets/pc/html/article.html

@@ -0,0 +1,112 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>文章页</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/article.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a class="current" href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a class="current" href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="wrapper ">
+            <article>
+                <h1>从智能厨房电器到器食结合，厨人易料要做半成品生鲜的开拓者</h1>
+                <section class="article-infos">
+                    <span>文章类型:企业风采</span>
+                    <span>文章来源:某某网站</span>
+                    <span>发布: 2021-01-11</span>
+                </section>
+                <section class="news-cont">
+                    <div class="article-content">
+                        <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                        <p>我先把米倒进淘米筐里，准备先洗一洗。结果一不留神，水漫了出来，大米都溅出来了，“真可惜啊！”我自言自语道。无奈之下，我又盛了一些大米，结果脚下一滑，把米撒了一地。“我做事儿怎么这么笨手笨脚呢！”我嘟囔道，心里特别不好受。</p>
+                        <p>终于把米淘好了，然后我把它们放在微波炉里，时间过得可真快，不一会儿就从厨房里传来的一阵阵的米香味儿。接着，我把米饭从微波炉里拿出来。然紧接着就开始打火把锅烧热，随后把油倒进锅里，顺势将蒸好的米饭也放进锅里。可这些米粒像调皮的娃娃在锅里乱蹦来蹦去。“啊！好疼！”火热的小油滴溅到在我手上了，我疼得哇哇直叫。我连忙拿凉水冲冲，突然闻见了一股味儿，我一扭头，被这一幕气得火冒三丈，米饭竟然糊了。看着我的黄金蛋炒饭变成了煤炭蛋炒饭，心里很不是滋味，又联想到妈妈每天做饭真不容易啊！</p>
+                    </div>
+                    <side class="float-shares">
+                        <h5>继续阅读</h5>
+                        <!-- <dl>
+                            <dt>
+                                <img class="qrcode" src="../img/qrcode-fa90701c.png" alt="">
+                            </dt>
+                            <dd>扫一扫<br>分享给朋友</dd>
+                        </dl> -->
+                        <dl>
+                            <dt>
+                                <a href="javascript:;" class="next"><img src="../img/next-0f9544da.png" alt=""></a>
+                            </dt>
+                            <dd>下一篇文章的标题标题文字</dd>
+                        </dl>
+                        <dl>
+                            <dt>
+                                <a href="javascript:;" class="prev"><img src="../img/prev-f58671c5.png" alt=""></a>
+                            </dt>
+                            <dd>上一篇文章的标题标题文字</dd>
+                        </dl>
+                    </side>
+                </section>
+            </article>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/article.js?v=3e6b2f2a"></script></body>
+
+</html>

src/test/assets/pc/html/caigou.html

@@ -0,0 +1,178 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>仓储配送</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+<link href="../css/global.css?v=9fd05231" rel="stylesheet"><link href="../css/caigou.css?v=9fd05231" rel="stylesheet"></head>
+
+<body>
+    <header> 
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a class="current" href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <div class="banner">
+        <img src="../img/tmp-7bbe3c38.jpg" alt="">
+        <b>供应链服务</b>
+        <!-- <span>了解更多厨人易料资讯</span> -->
+    </div>
+    <div class="part3-mod">
+        <div class="mod wrapper">
+            <div class="mod-hd">
+                <h3>我们的产品</h3>
+            </div>
+            <div class="tabs">
+                <a href=""><span>全部</span></a>
+                <a href="">分类一</a>
+                <a href="" class="active">分类二</a>
+                <a href="">分类三</a>
+                <a href="">分类四</a>
+                <a href="">分类五</a>
+                <a href="">分类六</a>
+            </div>
+            <ul class="list">
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+                <li>
+                    <img src="../img/img_01@2x-3471d330.png" alt="">
+                    <span>宫保鸡丁</span>
+                </li>
+            </ul>
+
+            <div id="page">
+            <ul class="pagation">
+                <li class="prev"><a href="#">&lt;</a></li>
+                <li><a href="#">1</a></li>
+                <li class="active">2</li>
+                <li><a href="#">3</a></li>
+                <li><a href="#">4</a></li>
+                <li class="next"><a href="#">&gt;</a></li>
+            </ul>
+            </div>
+        </div>
+    </div>
+    <div class="submit-mod">
+        <div class="wrapper">
+            <div>
+                <h3>商机无限，精彩有约</h3>
+                <p>合作热线：400-616-8283</p>
+            </div>
+            <div class="form" action="/submiturl" >
+                <h2>仓储配送合作</h2>
+                <div class="form-item">
+                    <span>您的姓名：</span>
+                    <input type="text" name="name" id="name">
+                </div>
+                <div class="form-item">
+                    <span>手机号：</span>
+                    <input type="text" name="mobile" id="mobile">
+                </div>
+                <div class="form-item">
+                    <span>&nbsp;</span>
+                    <input type="submit" value="提交申请" id="submit">
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>  
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <div class="mask" style="display: none;">
+        <img src="../img/img_01@2x-3471d330.png" alt="" id="layerImg">
+    </div>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript" src="../js/global.js?v=9fd05231"></script><script type="text/javascript" src="../js/caigou.js?v=9fd05231"></script></body>
+<script>
+    $('.part3-mod').on('click', 'li img', function() {
+        $('#layerImg').attr('src', $(this).attr('src'))
+        $('.mask').fadeIn()
+    })
+    $('.mask').click(function() {
+        $(this).fadeOut()
+    })
+</script>
+</html>

src/test/assets/pc/html/contact.html

@@ -0,0 +1,123 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>联系我们</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/contact.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a  href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a class="current" href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="contact">
+            <div class="wrapper">
+                <h3>
+                    联系我们
+                    <p class="sub-t">欢迎与我们公司联系，为您提供丰富的服务咨询，及全国的技术售后服务 </p>
+                </h3>
+                <section class="contact-list">
+                    <dl>
+                        <dt>
+                            <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                        </dt>
+                        <dd>
+                            <b>门店合作</b>
+                            <b>赵先生</b>
+                            <i>shubaoqiang@qq.com</i>
+                        </dd>
+                    </dl>
+                    <dl>
+                        <dt>
+                            <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                        </dt>
+                        <dd>
+                            <b>门店合作</b>
+                            <b>赵先生</b>
+                            <i>shubaoqiang@qq.com</i>
+                        </dd>
+                    </dl>
+                    <dl>
+                        <dt>
+                            <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                        </dt>
+                        <dd>
+                            <b>门店合作</b>
+                            <b>赵先生</b>
+                            <i>shubaoqiang@qq.com</i>
+                        </dd>
+                    </dl>
+                </section>
+            </div>
+        </div>
+
+        <div class="address">
+            <div class="wrapper">
+                <h3>
+                    公司地址
+                </h3>
+                <iframe width="1200" height="400" src="https://apis.map.qq.com/tools/poimarker?type=0&marker=coord:39.87803,116.19025;title:北京市海淀区复兴路32号院&key=PTSBZ-MUU6U-DEGV3-2W2XU-FPKFZ-WYF44&referer=厨人易料" frameborder="0"></iframe>
+                <div class="address-text">北京总部<span class="icon-address"></span><i>北京市大兴区解放南路457号某某开发区多少层 010-00048666</i></div>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/contact.js?v=3e6b2f2a"></script></body>
+</html>

src/test/assets/pc/html/help.html

@@ -0,0 +1,125 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>帮助中心</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/help.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a class="current" href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="wrapper ">
+            <section class="tit">
+                <h2>帮助中心</h2>
+            </section>
+
+            <section>
+                <dl>
+                    <dt>
+                        <a href="#"><h5>这里是问题的标题这里是问题的标题这里是问题的标题这里是问题的标题</h5></a>
+                    </dt>
+                    <dd>
+                        厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <a href="#"><h5>这里是问题的标题这里是问题的标题这里是问题的标题这里是问题的标题</h5></a>
+                    </dt>
+                    <dd>
+                        厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <a href="#"><h5>这里是问题的标题这里是问题的标题这里是问题的标题这里是问题的标题</h5></a>
+                    </dt>
+                    <dd>
+                        厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <a href="#"><h5>这里是问题的标题这里是问题的标题这里是问题的标题这里是问题的标题</h5></a>
+                    </dt>
+                    <dd>
+                        厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。
+                    </dd>
+                </dl>
+            </section>
+            <div id="page">
+                <ul class="pagation">
+                    <li class="prev"><a href="#">&lt;</a></li>
+                    <li><a href="#">1</a></li>
+                    <li class="active">2</li>
+                    <li><a href="#">3</a></li>
+                    <li><a href="#">4</a></li>
+                    <li class="next"><a href="#">&gt;</a></li>
+                </ul>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/help.js?v=3e6b2f2a"></script></body>
+
+</html>

src/test/assets/pc/html/help_view.html

@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>帮助中心</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/agreement.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a class="current" href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="wrapper ">
+            <section class="tit">
+                <h2>用户服务协议</h2>
+            </section>
+
+            <section class="rich-cont">
+                <dl>
+                    <dt>
+                        <h5>一、这里是用户协议小标题</h5>
+                    </dt>
+                    <dd>
+                        1、这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <h5>一、这里是用户协议小标题</h5>
+                    </dt>
+                    <dd>
+                        1、这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <h5>一、这里是用户协议小标题</h5>
+                    </dt>
+                    <dd>
+                        1、这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协议这里是用户协
+                    </dd>
+                </dl>
+            </section>
+            <ul class="pagation" style="display: none;">
+                <li class="prev"><a href="#">&lt;</a></li>
+                <li><a href="#">1</a></li>
+                <li class="active">2</li>
+                <li><a href="#">3</a></li>
+                <li><a href="#">4</a></li>
+                <li class="next"><a href="#">&gt;</a></li>
+            </ul>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/agreement.js?v=3e6b2f2a"></script></body>
+
+</html>

src/test/assets/pc/html/home.html

@@ -0,0 +1,206 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>项目介绍</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a?11" rel="stylesheet"><link href="../css/index.css?v=3e6b2f2a?22" rel="stylesheet"></head>
+
+<body> 
+    <header> 
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a class="current" href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="wrapper">
+            <div class="video">
+                <h3>#厨人易料</h3>
+                <p>了解更多厨人易料文化</p>
+                <div class="poster">
+                    <img src="../img/tmp-7bbe3c38.jpg" alt="" srcset="">
+                    <video src="" controls></video>
+                    <span class="btn-player">观看影片</span>
+                </div>
+            </div>
+            <div class="services">
+                <h3>真诚合作，共创财富</h3>
+                <ul>
+                    <li>
+                        <div>
+                            <img src="../img/1.png" alt="" srcset="">
+                            <!-- <span>项目服务</span> -->
+                        </div>
+                        <p>产业园区赋能</p>
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../img/2.png" alt="" srcset="">
+                            <!-- <span>平台支持</span> -->
+                        </div>
+                        <p>供应链金融</p>
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../img/3.png" alt="" srcset="">
+                            <!-- <span>源源不断的收益</span> -->
+                        </div>
+                        <p>系统平台支持</p>
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../img/4.png" alt="" srcset="">
+                            <!-- <span>供应链</span> -->
+                        </div>
+                        <p>品牌孵化</p>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="cities" id="cities">
+            <div class="wrapper">
+                <h3>开通城市</h3>
+                <ul>
+                    <li><a href="#">北京</a></li>
+                    <li><a href="#">上海</a></li>
+                    <li><a href="#">广州</a></li>
+                    <li><a href="#">南京</a></li>
+                    <li><a href="#">杭州</a></li>
+                </ul>
+                <a href="#" class="button">申请开通我的城市</a>
+            </div>
+        </div>
+        <div class="news">
+            <div class="wrapper">
+                <h3>
+                    公司动态
+                    <a href="#" class="more">浏览全部 ></a>
+                </h3>
+                <section class="news-list">
+                    <dl>
+                        <a href="#" target="_blank">
+                            <dt>
+                                <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                            </dt>
+                            <dd>
+                                公司战略合作客户包括全国及海外的经销商和批发商，为满足市场需要
+                            </dd>
+                        </a>
+                    </dl>
+                    <dl>
+                        <a href="#" target="_blank">
+                            <dt>
+                                <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                            </dt>
+                            <dd>
+                                公司战略合作客户包括全国及海外的经销商和批发商，为满足市场需要
+                            </dd>
+                        </a>
+                    </dl>
+                    <dl>
+                        <a href="#" target="_blank">
+                            <dt>
+                                <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                            </dt>
+                            <dd>
+                                公司战略合作客户包括全国及海外的经销商和批发商，为满足市场需要
+                            </dd>
+                        </a>
+                    </dl>
+                </section>
+            </div>
+        </div>
+
+        <div class="contact">
+            <div class="wrapper">
+                <h3>
+                    联系我们
+                </h3>
+                <section class="acounts">
+                    <dl class="gzh">
+                        <dt>
+                            <img src="../img/logo-706bce7e.png" alt="">
+                        </dt>
+                        <dd>厨人易料公众号</dd>
+                    </dl>
+                    <dl class="minip">
+                        <dt>
+                            <img src="../img/qrcode-fa90701c.png" alt="">
+                        </dt>
+                        <dd>门店零售小程序</dd>
+                    </dl>
+                    <dl class="minip">
+                        <dt>
+                            <img src="../img/qrcode-fa90701c.png" alt="">
+                        </dt>
+                        <dd>门店零售小程序</dd>
+                    </dl>
+                </section>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>  
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/index.js?v=3e6b2f2a"></script></body>
+<script>
+    $('.btn-player').on('click', function(){
+        $('video').show()[0].play()
+        $('.btn-player, .poster img').hide()
+    })
+</script>
+</html>

src/test/assets/pc/html/jd.html

@@ -0,0 +1,158 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>招贤纳士</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/jd.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a  href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a class="current" href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="wrapper ">
+            <section class="tit">
+                <h2>招贤纳士</h2>
+                <p>欢迎出色并富有战斗力的你加入我们。<br> 请将简历发送至：<a href="#">caolin@zsma.com.cn</a>，并注明申请职位名称。</p>
+            </section>
+
+            <section>
+                <dl>
+                    <dt>
+                        <h5>职位名称</h5>
+                        <div>
+                            <div class="tags"><span>市场运营中心</span><span>全职</span><span>北京</span></div>
+                            <div class="times">2021-01-11</div>
+                        </div>
+                    </dt>
+                    <dd>
+                        <b>岗位描述：</b>
+                        <div>
+                            1、根据公司市场发展目标及战略，参与搭建公司微信小程序、官方网站、APP等运营管理平台；<br>
+                            2、制定、完善小程序、APP等平台的运营管理策略，制定运营策略、方案和计划并组织执行，对公司整体运营提供全面的解决方案；<br>
+                            3、通过各种方式和渠道拓展新用户，完善用户拉新、激活、留存、召回机制，提升运营效益，确保运营目标的实现；<br>
+                            4、负责各类合作平台的对接运营，包括各类电商、物业、社区等互联网平台；<br>
+                            5、定期策划组织各类平台运营活动, 为销售目标和结果负责；<br>
+                            6、完成京东、天猫等合作渠道店铺的整体运营规划和营销推广方案。<br>
+                        </div>
+                    </dd>
+                    <dd>
+                        <b>任职要求：</b>
+                        <div>
+                            1、3年以上O2O、新零售、内容等平台运营管理经验；<br>
+                            2、具备自有平台从项目策划、筹备、搭建、实施上线、日常活动运营、落地推广、渠道合作等全程经历及成功案例；<br>
+                            3、对O2O服务运营管理、商务拓展合作、用户运营管理有丰富的经验；<br>
+                            4、对数据分析有敏锐的感觉，并能对数据有效挖掘；<br>
+                            5、能根据行业不同时期的市场特点做出策略调整和方法改进；<br>
+                            6、具有较强的品牌策划、内容和社群运营能力；<br>
+                            7、具备与技术部门沟通的能力,能够明确产品需求，不断优化平台产品及用户体验
+                        </div>
+                    </dd>
+                </dl>
+                <dl class="opened">
+                    <dt>
+                        <h5>职位名称</h5>
+                        <div>
+                            <div class="tags"><span>市场运营中心</span><span>全职</span><span>北京</span></div>
+                            <div class="times">2021-01-11</div>
+                        </div>
+                    </dt>
+                    <dd>
+                        <b>岗位描述：</b>
+                        <div>
+                            1、根据公司市场发展目标及战略，参与搭建公司微信小程序、官方网站、APP等运营管理平台；<br>
+                            2、制定、完善小程序、APP等平台的运营管理策略，制定运营策略、方案和计划并组织执行，对公司整体运营提供全面的解决方案；<br>
+                            3、通过各种方式和渠道拓展新用户，完善用户拉新、激活、留存、召回机制，提升运营效益，确保运营目标的实现；<br>
+                            4、负责各类合作平台的对接运营，包括各类电商、物业、社区等互联网平台；<br>
+                            5、定期策划组织各类平台运营活动, 为销售目标和结果负责；<br>
+                            6、完成京东、天猫等合作渠道店铺的整体运营规划和营销推广方案。<br>
+                        </div>
+                    </dd>
+                    <dd>
+                        <b>任职要求：</b>
+                        <div>
+                            1、3年以上O2O、新零售、内容等平台运营管理经验；<br>
+                            2、具备自有平台从项目策划、筹备、搭建、实施上线、日常活动运营、落地推广、渠道合作等全程经历及成功案例；<br>
+                            3、对O2O服务运营管理、商务拓展合作、用户运营管理有丰富的经验；<br>
+                            4、对数据分析有敏锐的感觉，并能对数据有效挖掘；<br>
+                            5、能根据行业不同时期的市场特点做出策略调整和方法改进；<br>
+                            6、具有较强的品牌策划、内容和社群运营能力；<br>
+                            7、具备与技术部门沟通的能力,能够明确产品需求，不断优化平台产品及用户体验
+                        </div>
+                    </dd>
+                </dl>
+            </section>
+            <div id="page">
+                <ul class="pagation">
+                    <li class="prev"><a href="#">&lt;</a></li>
+                    <li><a href="#">1</a></li>
+                    <li class="active">2</li>
+                    <li><a href="#">3</a></li>
+                    <li><a href="#">4</a></li>
+                    <li class="next"><a href="#">&gt;</a></li>
+                </ul>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/jd.js?v=3e6b2f2a"></script></body>
+
+</html>

src/test/assets/pc/html/jiameng.html

@@ -0,0 +1,295 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>门店加盟</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+<link href="../css/global.css?v=9fd05231" rel="stylesheet"><link href="../css/jiameng.css?v=9fd05231" rel="stylesheet"></head>
+
+<body>
+    <header> 
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a  href="index.html">首页</a>
+                <a class="current" href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <div class="banner">
+        <img src="../img/tmp-7bbe3c38.jpg" alt="">
+        <b>门店加盟</b>
+        <!-- <span>了解更多厨人易料资讯</span> -->
+    </div>
+    <div class="part1-mod mod">
+        <div class="wrapper">
+            <div class="mod-hd">
+                <h3>门店加盟</h3>
+            </div>
+            <div class="tip">公司在帮你开店、帮你招商、帮你增加店面流水三个方面专业培训指导和费用投放方面做定向扶持</div>
+            <div class="ifs">
+                <dl>
+                    <dt>
+                        <img src="../img/img_kaidian.png" alt="">
+                    </dt>
+                    <dd>
+                        <b>帮你开店</b>
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <img src="../img/img_zhaoshang.png" alt="">
+                    </dt>
+                    <dd>
+                        <b>帮你招商</b>
+                    </dd>
+                </dl>
+                <dl>
+                    <dt>
+                        <img src="../img/img_liushui.png" alt="">
+                    </dt>
+                    <dd>
+                        <b>帮你增加店面流水</b>
+                    </dd>
+                </dl>
+            </div>  
+        </div>
+    </div>
+    <div class="part2-mod">
+        <div class="mod wrapper">
+            <div class="mod-hd">
+                <h3>六大服务，为您保驾护航</h3>
+            </div>
+
+            <ul>
+                <li>
+                    <b>01</b>
+                    <p>公司多渠道广告支持代理商招商推广</p>
+                </li>
+                <li>
+                    <b>02</b>
+                    <p>传授加盟商如何通过用户运营手段增加店面单日流水</p>
+                </li>
+                <li>
+                    <b>03</b>
+                    <p>专业用户运营团队帮助店面短期内快速引流，增加会员量</p>
+                </li>
+                <li>
+                    <b>04</b>
+                    <p>公司商学院对代理商招募下属代理商，加盟商提供专业培训指导</p>
+                </li>
+                <li>
+                    <b>05</b>
+                    <p>公司直配店长和城市运营经理为店面标准化运营支持，对经营问题做专业合理化指导</p>
+                </li>
+                <li>
+                    <b>06</b>
+                    <p>通过不定期会员运营策略增加会员粘性，提高储值会员占比公司体验店、赠送城市代理商店，伴随核心城市代理商落地</p>
+                </li>
+            </ul>
+        </div>
+    </div>
+
+    <div class="part3-mod">
+        <div class="mod wrapper">
+            <div class="mod-hd">
+                <h3>差异化经营模式</h3>
+            </div>
+            <div class="tip">产品涵盖一日三餐，一年四季</div>
+
+            <ul class="list1">
+                <li>
+                    <span>厨人易料</span>
+                    <img src="../img/icon_vs.png" alt="">
+                    <span>普通火锅食材店</span>
+                </li>
+                <li>
+                    <span>成熟的会员系统保证引流到门店，形成更多商品复购</span>
+                    <div><img src="../img/xingzhuang_yuan.png" alt=""><em>引流</em></div>
+                    <span>无法保证客户粘性</span>
+                </li>
+                <li>
+                    <span>品种丰富，众口不再难调</span>
+                    <div><img src="../img/xingzhuang_yuan.png" alt=""><em>产品</em></div>
+                    <span>火锅食材为主，品类单一</span>
+                </li>
+                <li>
+                    <span>全国独一家，竞争门槛高，验证以被模仿</span>
+                    <div><img src="../img/xingzhuang_yuan.png" alt=""><em>竞争力</em></div>
+                    <span>可替代性强</span>
+                </li>
+                <li>
+                    <span>涵盖一日三餐，满足高频刚需春夏秋冬皆宜</span>
+                    <div><img src="../img/xingzhuang_yuan.png" alt=""><em>消费<br>频次</em></div>
+                    <span>消费频次低，夏季顾客少</span>
+                </li>
+                <li>
+                    <span>品牌和店面形象时尚动感，受到新一代消费群体青睐</span>
+                    <div><img src="../img/xingzhuang_yuan.png" alt=""><em>店面<br>形象</em></div>
+                    <span>乡土气息重，形象无亮点，难以吸引年轻顾客</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="part4-mod">
+        <div class="mod wrapper">
+            <div class="mod-hd">
+                <h3>厨人易料优势</h3>
+            </div>
+            <div class="tip">拥有完善的运营管理系统，赋能加盟商、扶持合伙人实现共同富裕</div>
+
+            <ul class="list1">
+                <li>
+                    <img src="../img/icon_one.png" alt="">
+                    <span>港股预制菜<br>第一股</span>
+                </li>
+                <li>
+                    <img src="../img/icon_shouchuang.png" alt="">
+                    <span>国内首创<br>运营模式</span>
+                </li>
+                <li>
+                    <img src="../img/icon_shangshi.png" alt="">
+                    <span>合作上市公司</span>
+                </li>
+                <li>
+                    <img src="../img/icon_beishu.png" alt="">
+                    <span>资本背书</span>
+                </li>
+                <li>
+                    <img src="../img/icon_ditouzi.png" alt="">
+                    <span>低投资<br>创业</span>
+                </li>
+                <li>
+                    <img src="../img/icon_chendian.png" alt="">
+                    <span>5年沉淀</span>
+                </li>
+                <li>
+                    <img src="../img/icon_baozhang.png" alt="">
+                    <span>消费者保障</span>
+                </li>
+                <li>
+                    <img src="../img/icon_yunshu.png" alt="">
+                    <span>全国冷链运输</span>
+                </li>
+                <li>
+                    <img src="../img/icon_tuandui.png" alt="">
+                    <span>专业团队</span>
+                </li>
+                <li>
+                    <img src="../img/icon_tixi.png" alt="">
+                    <span>完善的运营<br>支持体系</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="part5-mod">
+        <div class="mod wrapper">
+            <div class="mod-hd">
+                <h3>总部支持</h3>
+            </div>
+            <ul>
+                <li>
+                    <h3>咨询服务支持</h3>
+                    <p>项目品牌支持、市场评估、投资分析、客户服务</p>
+                </li>
+                <li>
+                    <h3>培训服务支持</h3>
+                    <p>培训职务、远程培训、管理培训、运营培训、技术培训、市场开发培训</p>
+                </li>
+                <li>
+                    <h3>项目开店支持</h3>
+                    <p>选址指导、盈亏平衡分析、成本评估、店面装修服务、VI形象设计、经营问题诊断、营销支持、营运带店督导、运营支持</p>
+                </li>
+                <li>
+                    <h3>开业期间人员培训</h3>
+                    <p>技术带店督导、装修验收支持、开业支持、办证支持、物流支持</p>
+                </li>
+                <li>
+                    <h3>店面运营支持</h3>
+                    <p>督导巡店、物资采购、物配服务、市场调研、料包配送、成本管控、采购方案、形象管理、物资配送、软件支持、产品升级</p>
+                </li>
+                <li>
+                    <h3>线上运营支持</h3>
+                    <p>宣传设计、营销策划、营销手册、网络销售支持、社群营销、会员营销、线上外卖</p>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="submit-mod">
+        <div class="wrapper">
+            <div>
+                <h3>合作共赢，共谋发展</h3>
+                <p>合作热线：400-616-8283</p>
+            </div>
+            <div class="form" action="/submiturl" >
+                <h2>加盟申请</h2>
+                <div class="form-item">
+                    <span>您的姓名：</span>
+                    <input type="text" name="name" id="name">
+                </div>
+                <div class="form-item">
+                    <span>手机号：</span>
+                    <input type="text" name="mobile" id="mobile">
+                </div>
+                <div class="form-item">
+                    <span>&nbsp;</span>
+                    <input type="submit" value="提交申请" id="submit">
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>  
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript" src="../js/global.js?v=9fd05231"></script><script type="text/javascript" src="../js/jiameng.js?v=9fd05231"></script></body>
+</html>

src/test/assets/pc/html/news.html

@@ -0,0 +1,167 @@
+<!DOCTYPE HTML>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>企业动态</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+<link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/news.css?v=3e6b2f2a" rel="stylesheet"></head>
+
+<body>
+    <header>
+        <section class="wrapper">
+            <a href="#" class="logo">
+                <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
+            </a>
+            <nav>
+                <a href="index.html">首页</a>
+                <a href="jiameng.html">门店加盟</a>
+                <a href="caigou.html">产品展示</a>
+                <a class="current" href="news.html">企业动态</a>
+                <a href="jd.html">招贤纳士</a>
+                <a href="contact.html">联系我们</a>
+            </nav>
+        </section>
+    </header>
+    <section class="main">
+        <div class="banner">
+            <img src="../img/tmp-7bbe3c38.jpg" alt="">
+            <b>#厨人易料企业动态</b>
+            <span>了解更多厨人易料资讯</span>
+        </div>
+        <div class="wrapper ">
+            <div>
+                <nav class="news-tab">
+                    <a class="current" href="#">企业动态</a>
+                    <a href="#">官方活动</a>
+                    <a href="#">企业风采</a>
+                </nav>
+                <div class="news-cont">
+                    <div>
+                        <section class="news-list">
+                            <dl>
+                                <dt>
+                                    <a href="#" target="_blank">
+                                        <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                                    </a>
+                                </dt>
+                                <dd>
+                                    <b><a href="#" target="_blank">公司战略合作客户包括全国及海外的经销商和批发商，为满足市场需要</a></b>
+                                    <div>
+                                        <p>厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。</p>
+                                        <span>2021-01-11</span>
+                                    </div>
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>
+                                    <a href="#" target="_blank" class="video">
+                                        <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                                    </a>
+                                </dt>
+                                <dd>
+                                    <b><a href="#" target="_blank">公司战略合作客户包括全国及海外的经销商和批发商，为满足市场需要</a></b>
+                                    <div>
+                                        <p>厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。</p>
+                                        <span>2021-01-11</span>
+                                    </div>
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>
+                                    <a href="#" target="_blank">
+                                        <img src="../img/tmp-7bbe3c38.jpg" alt="">
+                                    </a>
+                                </dt>
+                                <dd>
+                                    <b><a href="#" target="_blank">公司战略合作客户包括全国及海外的经销商和批发商，为满足市场需要</a></b>
+                                    <div>
+                                        <p>厨人易料在半成品生鲜领域，不断拓展边界，形成以器为中心，以食为供应体系的平台，致力于提供健康快捷的健康生活方式。</p>
+                                        <span>2021-01-11</span>
+                                    </div>
+                                </dd>
+                            </dl>
+                        </section>
+                        <div id="page">
+                            <ul class="pagation">
+                                <li class="prev"><a href="#">&lt;</a></li>
+                                <li><a href="#">1</a></li>
+                                <li class="active">2</li>
+                                <li><a href="#">3</a></li>
+                                <li><a href="#">4</a></li>
+                                <li class="next"><a href="#">&gt;</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <side class="float-shares">
+                        <h5>关注更多动态</h5>
+                        <dl>
+                            <dt>
+                                <img class="qrcode" src="../img/qrcode-fa90701c.png" alt="">
+                            </dt>
+                            <dd>关注微信公众号<br>一站式服务随时掌控</dd>
+                        </dl>
+                        <dl>
+                            <dt>
+                                <img src="../img/douyin-c1c2eeac.png" alt="">
+                            </dt>
+                            <dd>关注抖音账号<br>更多详细视频案例</dd>
+                        </dl>
+                        <dl>
+                            <dt>
+                                <img src="../img/weibo-ac69875b.png" alt="">
+                            </dt>
+                            <dd>关注微博<br>随时掌握公司动态</dd>
+                        </dl>
+                    </side>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <div class="wrapper">
+            <section>
+                <img src="../img/logo-706bce7e.png" class="flogo" alt="">
+                <div class="list">
+                    <dl>
+                        <dt>公司</dt>
+                        <dd><a href="#">关于公司</a></dd>
+                        <dd><a href="#">公司动态</a></dd>
+                        <dd><a href="agreement.html">用户服务协议</a></dd>
+                        <dd><a href="#">隐私政策</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>产品</dt>
+                        <dd>
+                            <a href="#">门店零售小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd>
+                            <a href="#">门店管理小程序</a>
+                            <div class="qrcodelayer">
+                                <img src="../img/qrcode-fa90701c.png" alt="">
+                            </div>
+                        </dd>
+                        <dd><a href="#">供应商管理系统</a></dd>
+                    </dl>
+                    <dl>
+                        <dt>客服</dt>
+                        <dd>电话：400-123-1234</dd>
+                        <dd>周一至周五 9:00-18:00</dd>
+                        <dd><a href="help.html" target="_blank">帮助中心</a></dd>
+                    </dl>
+                </div>
+            </section>
+            <div class="icp">
+                <a href="#" target="_blank">京ICP备123456</a>
+                <a href="#" target="_blank">公安备案：12345</a>
+                <a href="#" target="_blank">电信经营许可：ICP83123</a>
+            </div>
+        </div>
+    </footer>
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/news.js?v=3e6b2f2a"></script></body>
+
+</html>